/* Post archive */

.archive-hero-top {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
    gap: 1rem;
}

.archive-categories {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1.5rem;
    flex-wrap: wrap;
    row-gap: .35rem;
}

.archive-categories a {
	color:var(--text);
	text-decoration:none;
}

.archive-categories a.active {
display:none !important;
}

.archive-categories a:hover {
	text-decoration:underline;
}

.archive-hero h1 {
	font-weight:600;
	margin-bottom:0;
	text-transform:uppercase;
	margin-top:1rem;
}

#posts-container {
    row-gap: 1.5rem;
}

.post-card {
	position:relative;
	margin-bottom: 19px;
}



.post-card-thumb-link {
	aspect-ratio: 4 / 3;
    width: 100%;
    display: block;
    height: auto;
}

.post-card img {
	object-fit:cover;
	height:100%;
}

.card-thumb-bottom {
	content:"";
	width:100%;
	height:3px;
}

.post-card-body {
	background-color: var(--light);
    padding: 1rem;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 1rem;
}

.post-card-body-top {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
    font-size: clamp(1rem, 0.7867rem + 0.3445vw, 1.2rem);
}

.post-card-body a {
	text-decoration:none;
}

.post-card-body-top a {
	text-decoration:underline;
	color:var(--text);
}

.post-card-title {
    font-weight: 600;
	color:var(--text);
	margin-bottom:0;
	text-transform:uppercase;
}

.post-card-body p {
	margin-bottom:2rem;
	font-size: clamp(1rem, 0.7867rem + 0.3445vw, 1.2rem);
	font-weight:200;
}

.post-card-text {
	font-size: clamp(1rem, 0.7867rem + 0.3445vw, 1.2rem);
}

.post-card-body-btn {
    position: absolute;
    bottom: -19px;
    left: 1rem;
	text-transform:none;
}

.blog .navigation, .archive .navigation {
	margin-top: 2rem;
    margin-bottom: 3rem;
    text-align: center;
    padding: 1rem .5rem;
    background: var(--light);
    border-radius: 4px;
}

.blog .navigation .nav-links, .archive .navigation .nav-links {
    display: flex;
    flex-direction: row;
    align-items: center;
	justify-content: space-between;
}

.blog .navigation .nav-links a, .archive .navigation .nav-links a {
	color:var(--accent);
	text-decoration:none;
}

.blog .navigation .nav-links a:hover, .archive .navigation .nav-links a:hover {
	text-decoration:underline;
}

@media (min-width: 992px) {
    .blog main, .archive main {
        padding: 2rem;
    }
	
	.archive-hero h1 {
		margin-top:0;
	}
	
	.archive-content {
		margin-bottom:4rem;
	}
	
	.blog .navigation, .archive .navigation {
    margin-bottom: 0;
}

.blog .navigation .nav-links, .archive .navigation .nav-links {
    gap: 2rem;
	justify-content: center;
}

.archive-hero-top {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
	margin-bottom:2rem;
}

.archive-categories {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 2rem;
}
	
}