/* Blog */
.sidebar__search { margin-bottom: 2.5rem; }

.post__tag-cloud { margin-bottom: 2.25rem; display: flex; flex-wrap: wrap; gap: 0.75rem; }
.tag-cloud-link { background: var(--lightest-gray); padding: 0.25rem 0.5rem; border-radius: 5px; }

.post__list { margin: 6rem 0; }
.post__categories { font-size: .9rem; }
.post__date { font-size: .9rem; margin-bottom: 0.5rem; }
.post__content { display: flex; gap: 2rem; padding: 2.0rem 0; }
.post__content:not(:first-of-type) { border-top: 1px solid var(--lighter-gray); }
.post__content:first-of-type {  padding-top: 0rem; }
.post__content p:last-child { margin-bottom: 0rem; }
.post__image-container { width: 70%; }

.single__post { margin: 6rem auto; }
.single__post-image { margin-bottom: 1rem; }
.single__post-heading { margin-bottom: 1rem; }
.single__post-date { font-weight: 600; }
.single__post li > a { text-decoration:underline;}

/** Number Pagination CSS Styles **/
.post__pagination { display: flex; flex-wrap: wrap; justify-content: center; padding: 2.5rem 0; border-top: 1px solid var(--lighter-gray);}
.page-numbers { border: solid 1px var(--near-black); padding: 10px 17px; margin-left: 12px; margin-bottom: 10px; font-size: 12px; font-weight: 600; color: var(--near-black);; -webkit-transition: var(--global-transition); transition: var(--global-transition); }
.page-numbers:hover { background: var(--near-black); color: #fff; }
.page-numbers.current { padding: 10px 17px; background: var(--near-black); color: #fff; font-weight: 600; }


@media (max-width: 800px) {
	.post__list { margin: 3rem 0; }
}
@media (max-width: 639px) {
	.page-numbers.prev, .page-numbers.next { min-width: 100px; text-align: center; }
	.page-numbers:not(.prev):not(.next) { display: none; }
}
@media (max-width: 479px) {
	.post__content { flex-direction: column; gap: 1rem; }
	.post__image-container { width: 100%; }
}


.blog__results { padding: 80px 0; }
.blog__filter__container { display: flex; align-items: center; }

.blog__filter__filters { display: flex; justify-content: flex-end; width: 50%; gap: 40px; }
body .blog__filter { position: relative; padding: 30px 0; }
.blog__filter__cat { position: relative; }
.blog__filter__search {  width: 50%; position: relative; }
.blog__filter__search__container { position: relative; width: 290px;  }
.blog__filter__search input { margin: 0; width: 100%; border:0; border-bottom: 1px solid #fff; background: transparent; border-radius: 0; padding-right: 40px; padding-left: 0; height: 40px; line-height: 40px; }
.blog__filter__search input::placeholder { font-weight: var(--medium); font-size: 1.1875rem; color: var(--near-black) }
.blog__filter__search input::placeholder { font-weight: var(--medium); font-size: 1.1875rem; color: var(--near-black) }

.blog__filter__button {text-transform: uppercase;font-weight: var(--bold);padding: 10px 35px 10px 10px;position: relative;}
.blog__filter__button:after {font-family: var(--icon-family);content: '\e911'; position: absolute;right: 10px;height: 100%;display: flex;align-items: center;top: 0;color: var(--secondary); }
.blog__filter__button:hover:before { width: 0; }

.blog__checkbox__choices { opacity: 0; z-index: -9999; left: -99999px; position: absolute; top: 100%; width: 380px; transition: ease; background: 350ms; background: var(--near-black); padding: 1.25rem;  }
.blog__filter__cat:hover > .blog__checkbox__choices { opacity: 1; left: 0; z-index: 100; }
.blog__checkbox__choice { text-transform: uppercase; font-weight: var(--bold); color: #fff; margin: 10px 0;  }

.blog__filter__search__button { position: absolute; right: 0; top: 0; color: var(--secondary); font-size: 1.25rem; height: 100%; display: flex; align-items: center; justify-content: flex-end; width: 30px; }
.button-reset { padding: 0; background: transparent; }
.button-reset:hover:before { width: 0; }

.blog__results .row { position: relative; z-index: 20; }
.blog__results.notched-corner:before { clip-path: none; }
body .blog__grid {position: relative;z-index: 20;display: grid;grid-template-columns: repeat(3, minmax(200px, 33.33%));grid-gap: 70px;margin-top: 40px;position: relative;align-items: stretch;}

.blog__results__viewing { position: relative; padding-right: 200px; display: flex; justify-content: flex-start; align-items: center;}
.blog__results__viewing__reset { position: absolute; top: 0; right: 15px; }
.blog__results__viewing__reset button { padding: 8px 20px 8px 10px; background: var(--secondary); color: #fff; text-transform: uppercase; font-size: 14px; font-family: var(--text-family); clip-path: var(--notch-right-xsmall); display: none; }
.blog__results__noposts { display: none; }
.blog__results__noposts p { margin: 0; }

.blog__checkbox__choice { display: flex; align-items: center; }
input.js-blog-filter { -webkit-appearance: none; }
input.js-blog-filter:before { display: flex; align-items: center; background-color: transparent; border: 1px solid var(--primary); content: ''; width: 16px; height: 16px; margin-right: 5px; cursor: pointer; border-radius: 100px; }
input.js-blog-filter:checked:before { background-color: var(--primary) }


/* Blog Card */
body .blog-card {background: #fff;display: flex;flex-direction: column;}
body .blog-card figure { margin: 0; }
body .blog-card figure img {height: 240px; object-fit: cover; object-position: top; width: 100%; }
body .blog-card figure.blog-card__image--logo img { object-fit: contain; padding: 30px 60px; object-position: center; width: 100%; }
body .blog-card figure.blog-card__image--logo { border-bottom: 1px solid #eaeaea; }
body .blog-card a.text-button {margin-top: auto;width: 100%;}
body .blog-card__content {padding: 20px;height: 100%;display: flex;flex-direction: column;}
body .blog-card__title { margin: 0 0 20px}
body .blog-card__title a { color: inherit; }
body .blog-card__title a:hover { color: var(--secondary); }

body .blog-card__tags { margin: 20px 0; font-size: 1rem; font-weight: var(--bold); text-transform: uppercase; font-size: .8125rem; letter-spacing: .5px; line-height: 1.1; }

body .blog-card__cat { padding: 10px; background: var(--secondary); color: var(--white); clip-path: var(--notch-right-xsmall); display: inline-block; line-height: 1; margin: 0; font-size: .8125rem; text-transform: uppercase; letter-spacing: .5px; font-weight: var(--bold); }
body .blog-card__cat[data-cat="news"] { background: var(--green); }
body .blog-card__cat[data-cat="blog"] { background: var(--light-blue); }
body .blog-card__cat[data-cat="event"] { background: var(--blue); }
body .blog-card__meta { display: flex; align-items: center; justify-content: space-between; margin: 0 0 20px; }
body .blog-card__date { text-transform: uppercase; color: var(--gray); font-weight: var(--medium); margin: 0 0 30px; }
body .blog-card__overview { margin: 0 0 30px; }

@media only screen and (max-width: 1400px) {
	body .blog__filter__search__container { width: 180px; } 
	body .blog__filter__container { justify-content: space-between; padding: 0 30px;  }
	body .blog__filter__filters { width: auto; }
	body .blog__filter__search { width: auto; }
	body .blog__grid { grid-template-columns: repeat(2, minmax(200px, 50%)); grid-gap: 40px; padding-right: calc(15px + 30px)}
}

@media only screen and (max-width: 600px) {
	body .blog__filter__cat {position: static;}
	body .blog__checkbox__choices { width: 100%; }
	body .blog .notched-corner:before { width:100%; }
	body .blog__filter__search__container { width: 180px; }
	body .blog__filter__container { justify-content: space-between; flex-direction:column; gap: 20px; padding:0  }
	body .blog__filter__filters { display: flex; justify-content: space-between; gap: 10px; }
	body .blog__filter__search { width: auto; }
	body .blog__grid { grid-template-columns: repeat(1, minmax(200px, 100%)); grid-gap: 30px; padding-right: 0.6667rem; }
}

label[for="comment"] { text-transform: uppercase; letter-spacing: 1px; margin: 20px 0 10px}
#comment { min-height: 200px; border: 1px solid var(--light-gray); line-height: 1.2;}
#commentform input[type="text"],
#commentform input[type="email"] {border: 1px solid var(--light-gray);}
.commentlist { padding: 0; }
.commentlist li::before { display: none;}
.commentlist li { background-color: var(--white); padding: 20px; box-shadow: 0 0 20px 5px rgba(0,0,0,.05); margin-bottom: 10px; border-left: 4px solid var(--primary);}
.comment__author { margin: 0 0 5px; font-size: 1.125rem ; }
.comment__author { display: flex; align-items: center; justify-content: space-between; width: 100%;}
.comment__date { margin: 0; color: var(--secondary); opacity: .8; font-size: 1rem}
.comment__time { margin: 0 0 15px; color: var(--gray); opacity: .8;}
.comment__text { font-size: .925rem;}

.comment-respond { margin-top: 40px; }

.comments__headline { display: flex; align-items: center; margin: 40px 0 20px; gap: 10px;}
.comments__count { display: inline-block; color: #fff; background-color: var(--secondary); padding: 10px 15px; clip-path: var(--notch-right-xsmall); font-size: 1rem; line-height: 1;}

.main {
	overflow:hidden;
}

.grid-null .blog-card__meta .blog-card__date {
	display:none;
}

.blog__list .blog-card__date:not(.blog-card__meta .blog-card__date) {
	display: none;
}

.view-btn-wrapper {
	display: flex;
	align-items: center;
}
.view-btns {
	display: flex;
}
.view-btn {
	margin-right:10px;
	padding: 8px 12px 8px 10px;
	text-transform: uppercase;
    background-color: #d3d3d3;
	font-size: 14px;
	font-family: var(--text-family);
	clip-path: var(--notch-right-xsmall);
}
.view-btn.active {	
	color: var(--near-black);
	background-color: var(--primary);
}
.column.blog__list {
	z-index: 20;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	row-gap: 50px;
	margin-top: 40px;
}
.blog-card.blog__list {
	display: flex;
	flex-direction: row;
	width:100%;
}
.blog-card__image.blog__list {
	width: 30%;
	display: flex;
	flex-direction: row;
	align-items: stretch;
	Object-FIT:cover;
}
.blog-card__content.blog__list {
	width: 100%;
	height: auto;
}
.blog-card__image.blog__list > img {
	object-position: center;
	object-fit: cover;
	height: 100%;
}
@media screen and (max-width: 800px) {
	.view-btn-wrapper {
		align-items: flex-start;
		flex-direction: column;
	}
	.view-btns {
		margin-bottom:10px;
	}	

	.blog-card__image.blog__list{
		width: 100%;
	}

	.blog-card__content.blog__list{
		width: 100%;
	}
	.column.blog__list {
		ow-gap: 40px;
	}
}

/** Event Counterpart **/
input.js-event-filter { -webkit-appearance: none; }
input.js-event-filter:before { font-family: var(--icon-family); display: flex; align-items: center; background-color: transparent; border: 1px solid var(--primary); content: ''; width: 16px; height: 16px; margin-right: 5px; cursor: pointer; }
input.js-event-filter:checked:before { background-color: var(--primary) }

.past-events .blog__checkbox__choice {
	margin: 7px 0;
    color: var(--near-black);
	flex-direction: row-reverse;
}

.past-events .blog__checkbox__choice label {
    font-weight: var(--bold);
}

input.js-event-date-filter { -webkit-appearance: none; }
input.js-event-date-filter:before { display: flex; align-items: center; background-color: transparent; border: 2px solid var(--near-black); content: ''; width: 16px; height: 16px; margin-right: 5px; cursor: pointer; }
input.js-event-date-filter:checked:before { background-color:#000;content:"\2713";font-family:system-ui;font-weight:bold;font-size:14px;color:#fff }

@media (min-width: 1000px) {
    .blog__filter__filters {
        padding: 0 100px 0 0;
    }
}

.image-caption {
	margin-top:8px;
}