/**
 * Gel 2020.1
 * News Stylesheet
 * @version 2020.1.0 r 13
 * @modified 2021-11-16 by Fritz Green
 */

/*
font-family: Montserrat, Verdana, sans-serif;
font-family: Georgia, Times New Roman, Times, serif;
Brick: #6e2405;
Light Brick: #83270e;
Olive: #737144;
Light Olive: #84824f;
Brown: #855914;
Light Brown: #966a25;
Gold: #c78500;
Medium Gold: #eda81c;
Light Gold: #ffd681;
Lighter Gold: #ffe4ac;
Off Black: #231f20;
Charcoal: #6a6969;
Light Grey: #e0e0e0;
*/

/******************************/
/* NEWS & BLOG LIST */
.post {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	width: 100%;
	margin: 0;
	padding: 2.4rem 2rem 2.4rem 0;
	background: #f0f0f0;
}
.post-featured-img {
	float: left;
	margin-right: 25px;
}
/*.post-featured-img img {*/
/*	max-width: 84vw;*/
/*}*/
.post:nth-child(even) {
	background: #fafafa;
}
.post:last-child {
	border: none;
	margin-bottom: 0;
}
.pro-pic {
	position: relative;
	width: 7em;
	margin: 0 1.5em;
}
.post-d {
	width: 100%;
	margin-left: 25px;
}
.post-d h2 {
	margin: 0 0 .8em -8em;
	padding: .4em 0 .4em 8em;
	font-size: 1.2em;
}
.post-d h2 a {
	font-family: Montserrat, Verdana, sans-serif;
	color: #737144;
	font-size: 2.4em;
}
.post-info {
	color: #444;
	font-weight: bold;
}
.blog-post-info {
	padding: 8px 0;
	border-top: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}
.blog-post-info h4 {
	margin-top: 0;
	padding-top: 0;
}

/* ADDED FOR VB */
.news-filter-h2 {
	position: relative;
	margin-top: .5em;
	padding-left: 1.4em;
	line-height: 1.2;
	color: #737144;
}
.news-filter-h2 svg {
	position: absolute;
	top: .25em;
	left: 0;
}
.cat-listing-edit {
	display: block;
	position: absolute;
	top: .5em;
	right: .5em;
}
.cat-listing-edit svg {
	width: 1.6em;
	max-height: 2em;
	fill: #4D4D4D;
	stroke: #e0e0e0;
	stroke-width: 3px;
}
/* END ADDED */

/* News Grid Layout */
.post-datestamp {
	margin: .65em 5% 0;
	font-family: Montserrat, Verdana, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	color: #737144;
	line-height: unset;
}

/* NEWS & BLOG LIST (ONLY ONE POST) */
.post:only-child {
	display: block;
	padding-left: 1em;
}
.post:only-child .pro-pic {
	float: left;
	margin: 0 2em 1em 0;
}
.post:only-child h2 {
	margin-left: -1em;
}

/* NEWS ARTICLE */
/* ADDED FOR VB */
.article-page .content-o-simple {
	padding-top: 1.4rem;
}
.article-page .page-column-full {
	margin-top: 1.5rem;
}
.article-actions-top {
	text-align: right;
	margin-bottom: 5em;
}
.article-actions-top svg {
	max-width: 1.5rem;
	height: 1.2rem;
	margin-left: 1rem;
}
.article-print:hover svg, .article-ics:hover svg, .admin-edit-article:hover svg {
	fill: #6e2405;
	stroke: #6e2405;
}

/* Article Detail Content Containers */
.article-content {
	width: 100%;
}
.article-left {
	float: left;
	clear: left;
	width: 32%;
}
.article-right {
	width: 64%;
	margin-left: 36%;
}

/* Article Details Content */
.article-titles {
	margin: 1em 0 2em 36%;
	border-top: 1px solid #231f20;
	border-bottom: 1px solid #231f20;
}
.article-content h1 {
	position: relative;
	margin-top: 0;
	padding: .4em 0 0 1em;
	font-size: 3.4em;
}
.article-content h1:before {
	content: "";
	display: block;
	position: absolute;
	top: .8em;
	left: 0;
	width: .72em;
	height: .72em;
	border-radius: 50%;
	background: #737144;
}
.article-content h2 {
	position: relative;
	margin-top: 0;
	padding: 0 0 .5em 1.6em;
	font-family: Georgia, Times New Roman, Times, serif;
	font-style: italic;
	font-size: 2.2em;
	text-transform: unset;
}
.article-images-one img {
	margin-bottom: 1.5em;
	width: 100%;
}
.news-article-time {
	margin: 0;
	font-size: 2em;
	font-weight: bold;
	line-height: 1.3em;
	color: #635e33;
}
.news-article-time span {
	font-weight: normal;
	font-size: .9em
}
.news-categories {
	color: #737144;
}

/* No Feature Image */
.news-no-img .article-right {
	width: 100%;
	margin-left: unset;
}
.news-no-img .article-titles {
	margin: 1em 0 2em 0;
}

/* LIST RESPONSIVE */
@media screen and (max-width: 1250px) {
	.post-d h2 a {
		font-size: 1.5em;
	}
}
@media screen and (max-width: 750px) {
	.post-d h2 a {
		font-size: 1em;
	}
	.post img {
		max-width: 35%;
	}
}
@media screen and (max-width: 600px) {
	.post .pro-pic {
		display: none;
	}
	.post:nth-of-type(n) h2 {
		margin-left: 0;
		padding-left: 0;
	}
}

/* NEWS & BLOG POST */
.profile-pic {
	float: left;
	margin: .4em 1.5em 1em 0;
}
.profile-pic .pro-pic {
	margin: 0;
}
.post-date {
	margin-top: .3em;
}
@media screen and (max-width: 600px) {
	.profile-pic {
		float: none;
		width: 100%;
		margin: 1em 0;
	}
	.profile-pic .pro-pic {
		width: 100%;
	}
}

/* SIDEBAR MENU */
.news-menu {
	margin: 2em 0 0;
}
.news-menu:first-of-type {
	margin-top: 1em;
}
/* Modified for VB */
.news-menu h2 {
	position: relative;
	margin-bottom: 0;
	padding: .5em;
	background-color: #84824f;
	text-align: center;
	font-size: 1.3em;
	font-weight: 700;
	color: #f0f0f0;
	text-transform: none;
}
.news-menu a {
	color: #222;
	font-style: normal;
	padding-left: 1em;
}
/* End Modify */
.news-menu ul {
	margin: 0;
	list-style: none;
}
/* Modified for VB */
.archive-arrow {
	display: inline-block;
	width: .5em;
	height: .5em;
	margin: 0 .5em .2em 1em;
	border-right: 2px solid #404545;
	border-bottom: 2px solid #404545;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.news-menu li { /* 1 */
	padding: .5em 0em;
	background-color: #F0F0F0;
	text-align: left;
}
/* End Modify */
.news-menu li ul:last-child {
  	margin-bottom: 1em;
}
.news-menu li li li:first-child {
  	margin-top: .5em;
}
.news-menu li li {  /* 1.1 */
	padding-left: 3.25em;
	background-color: #DCDCDC;
}
.news-menu li li li { /* 1.1.1 */
	padding-left: 5.25em;
	background-color: #CDCDCD;
}
.news-menu li li li:hover { /* 1.1.1 */
	background-color: #B4B4B4;
}
.news-menu li li li:nth-of-type(even) { /* 1.1.2 */
	background-color: #BEBEBE;
}
.news-menu li li li:nth-of-type(even):hover { /* 1.1.2 */
	background-color: #AAA;
}
.news-menu li ul:nth-of-type(even) li {  /* 1.2 */
	background-color: #CDCDCD;
}
.news-menu li ul:nth-of-type(even) li li {  /* 1.2.1 */
	background-color: #BEBEBE;
}
.news-menu li ul:nth-of-type(even) li li:hover {  /* 1.2.1 */
	background-color: #A0A0A0;
}
.news-menu li ul:nth-of-type(even) li li:nth-of-type(even) {  /* 1.2.2 */
	background-color: #AFAFAF;
}
.news-menu li ul:nth-of-type(even) li li:nth-of-type(even):hover {  /* 1.2.2 */
	background-color: #969696;
}
.news-menu li:nth-of-type(even) { /* 2 */
	background-color: #E9E9E9;
}
.news-menu li:nth-of-type(even) li { /* 2.1 */
	background-color: #CDCDCD;
}
.news-menu li:nth-of-type(even) li li { /* 2.1.1 */
	background-color: #B9B9B9;
}
.news-menu li:nth-of-type(even) li li:hover { /* 2.1.1 */
	background-color: #A0A0A0;
}
.news-menu li:nth-of-type(even) li li:nth-of-type(even) { /* 2.1.2 */
	background-color: #AFAFAF;
}
.news-menu li:nth-of-type(even) li li:nth-of-type(even):hover { /* 2.1.2 */
	background-color: #969696;
}
.news-menu li:nth-of-type(even) ul:nth-of-type(even) li { /* 2.2 */
	background-color: #B9B9B9;
}
.news-menu li:nth-of-type(even) ul:nth-of-type(even) li li { /* 2.2.1 */
	background-color: #A0A0A0;
}
.news-menu li:nth-of-type(even) ul:nth-of-type(even) li li:hover { /* 2.2.1 */
	background-color: #828282;
}
.news-menu li:nth-of-type(even) ul:nth-of-type(even) li li:nth-of-type(even) { /* 2.2.2 */
	background-color: #8C8C8C;
}
.news-menu li:nth-of-type(even) ul:nth-of-type(even) li li:nth-of-type(even):hover { /* 2.2.2 */
	background-color: #787878;
}

/* SUBSCRIBE LINKS */
.subscribe-rss .button {
	margin: 0;
}
.subscribe-rss .button, .blog-email-signup {
	width: 100%;
	margin-bottom: 0;
}
fieldset.subscribe-email {
	margin: 0 0 1em;
	padding: 1em 1.5em .75em;
	background-color: #E0E0E0;
	font-size: .9em;
}

/* CUSTOM 410 */
.post-suggestion-o {
	display: flex;
	flex-wrap: wrap;
	margin-left: -2em;
}
.post-suggestion {
	flex: 1 0 45%;
	width: 45%;
	margin: 1em 0 1em 2em;
	padding: 0 2em 1.25em;
	background: #E0E0E0;
	font-size: .85em;
}
@media screen and (max-width: 750px) {
	.post-suggestion-o {
		margin: 0;
	}
	.post-suggestion {
		flex: 1 0 100%;
		width: 100%;
		margin: 1em 0;
	}
}

/* Article Responsive */
@media screen and (max-width: 1450px) {
	/* EVENT DETAIL */
	.article-titles {
		margin: .8em 0 1.8em 36%;
	}
	.article-content h1 {
		font-size: 2.8em;
	}
	.article-content h2 {
		padding: 0 0 .5em 1.9em;
		font-size: 1.6em;
	}
	.news-article-time {
		font-size: 1.6em;
		line-height: 1.6em;
	}
}
@media screen and (max-width: 1250px) {
	/* EVENT DETAIL */
	.article-content h1 {
		font-size: 2.3em;
	}
	.article-content h2 {
		padding: .3em 0 .5em 1.8em;
		font-size: 1.4em;
	}
	.news-article-time {
		font-size: 1.35em;
	}
}
@media screen and (max-width: 1024px) {
	/* EVENT DETAIL */
	.article-content h1 {
		font-size: 2em;
	}
	.article-content h2 {
		padding: .2em 0 .5em 1.8em;
		font-size: 1.1em;
	}
	.news-article-time {
		margin-bottom: .5em;
		font-size: 1.2em;
		line-height: 1.3em;
	}
}
@media screen and (max-width: 900px) {
	/* EVENT DETAIL */
	.article-page .content-i {
		width: 90%;
	}
}
@media screen and (max-width: 768px) {
	/* EVENT DETAIL */
	.article-page .content-o-simple {
		padding-top: 1.4rem;
	}
	.article-page .content-i {
		width: 100%;
	}
	.article-page .bread {
		margin: 0 3% 0 3%;
		top: 0.8em;
	}
	.article-page .bread ol {
		margin: 0;
	}
	.article-page .bread ol li {
		font-size: 13.6px;
	}
	.article-page .page-column-full {
		margin-top: 0;
	}
	.article-actions-top {
		margin-bottom: .5em;
		margin-right: 3%;
	}
	.article-actions-top svg {
		max-width: 1.5rem;
		height: 1rem;
		margin-left: .2em;
	}
	.article-content {
		display: flex;
		margin-top: 1em;
		flex-wrap: wrap;
	}
	.article-content > div {
		flex: 0 0 100%;
		width: 100%;
		float: unset;
		margin-left: 0;
	}
	.article-images-one {
		order: 1;
	}
	.news-categories {
		order: 2;
	}
	.article-titles {
		order: 3;
	}
	.article-dates {
		order: 4;
	}
	.article-description-div {
		order: 5;
	}
	.article-images-one img {
		margin-bottom: 0;
	}
	p.news-categories.article-right {
		margin: 1.2em 3% .5em;
	}
	.article-titles, .article-dates, .article-description-div {
		padding: 0 3%;
	}
	.news-article-time {
		margin-bottom: .5em;
	}
}
@media screen and (max-width: 600px) {
	/* EVENT DETAIL */
	.article-page .bread {
		margin: 0 10% 0 2.5%;
		top: .7em;
	}
	.article-page .bread ol li {
		font-size: 11.2px;
	}
	.news-categories p {
		font-size: .9em;
	}
	.article-content h1 {
		font-size: 1.8em;
	}
	.article-content h2 {
		font-size: 1.05em;
	}
	.article-event-time {
		font-size: 1.2em;
	}
}
@media screen and (max-width: 432px) {
	/* EVENT DETAIL */
	.article-page .bread {
		top: .6em;
	}
	#aaa, #bbb {
		display: none;
	}
}
@media screen and (max-width: 360px) {
	/* EVENT DETAIL */
	#ddd {
		display: none;
	}
	.article-actions-top svg {
		margin-left: .4em;
	}
	.article-titles {
		margin-bottom: 1.3em;
	}
	.article-content h1 {
		font-size: 1.4em;
	}
	.article-content h2 {
		font-size: 1em;
		padding: .2em 0 .5em 1.4em;
	}
	.news-article-time {
		font-size: 1.1em;
		line-height: 1.1em;
		letter-spacing: unset;
	}
}

/* Print Styles */

@media print {
	header, .wave-h1, .article-actions-top, .article-content h1:before, .subscribe-email-form, .news-menu, .news-archive {
		display: none;
	}
	.news-article-time {
		font-size: 9px;
	}
	.article-content h1 {
		padding: unset;
		font-size: 2em;
		margin-top: .5em;
	}
	.article-content h2 {
		padding: unset;
		font-size: 1.2em;
		margin-bottom: 1em;
	}
	.calendar-event-time {
		font-size: 1em;
	}
}