/* Archive header */
.archive-header-image .content {display:grid;}
.archive-header-image .content .archive-header:not(.text-left-image-right) {order:-1;margin-bottom:0;background:no-repeat center center / cover}

/* Archive description */
.archive-description{margin-bottom: var(--gutter);}

.archive-description p:last-child{margin-bottom: 0;}
.archive-description-text {max-width:90ch;}


/* Archive wrapper */
.archive-wrapper {margin-bottom:calc(2 * var(--gutter));}
.archive-wrapper .card {cursor:pointer;transition: all .15s ease-in-out;display: flex;flex-direction: column;}
.archive-wrapper .card a{text-decoration:none;}
.card .text {flex-grow: 1;max-width: 60ch;order:1;padding:1rem;display: flex;flex-direction: column;}
.card .text > * + * {margin-top: 0.75rem;}
.card .text :nth-last-child(2) {margin-bottom: 0.75rem;}
.card + .card {margin-top: 1.5rem;}
.card .img {order:-1;}
.card .img img {object-fit: cover;height: 100%;width: 100%;}
.card:focus-within h2 a,
.card:hover h2 a,
.card h2 a:hover,
.card h2 a:focus {text-decoration: underline;}
.card h2:focus-within ~ .cta {box-shadow: 0 0 0 0.125rem;}
.card:focus-within h2 a:focus {text-decoration: none;}
.card .cta {text-decoration:underline;font-size:0.8em;margin-top: auto;}

.entry-footer .entry-meta,
.entry-header .entry-meta {font-size:0.8em;}
.entry-header .entry-meta {margin:-1rem 0 2rem;}
.entry-footer .entry-meta {margin:2rem 0;}
 
@supports (display: grid) {
    .cards > * {display: grid;grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); grid-gap: var(--gutter);}
    .card + .card {margin-top: 0;}
}

[class*="pagination"] {
	clear: both;
	margin: var(--gutter) 0;
}
[class*="pagination"] ul {text-align:center;margin:0;padding:0;}

[class*="pagination"] li {
	display: inline;border-right: 2px solid #090909;text-transform: uppercase;
}

[class*="pagination"] ul li:before {display:none;}

[class*="pagination"] ul li.pagination-next {border-right:0;}

[class*="pagination"] li a {
	cursor: pointer;
	display: inline-block;
	font-size: 1.1em;
	font-weight: 700;
	margin-bottom: 4px;
	padding: 8px 12px;
	text-decoration: none;
	color: inherit;
}

[class*="pagination"] li a:hover,[class*="pagination"] li a:focus {text-decoration:underline;}
[class*="pagination"] li.active a {cursor:default;text-decoration:none !important;}

@media only screen and (max-width: 650px) {
    .archive-wrapper{display:block;}
    .archive-wrapper img {width:100%;}
}