.section-hero {
	background: rgb(13,79,69);
}
	.section-hero h2 {
		color: white;
		font-family: 'MonumentExtended-Regular', sans-serif;
		font-size: 0.8em;
		letter-spacing: 2px;
		margin: 0 40px;
	    padding: 20px 0;
		text-transform: uppercase;
	}
	.section-hero-primary {
		align-items: end;
		background-repeat: no-repeat;
		display: grid;
		grid-template-rows: auto;
		grid-template-columns: auto;
		min-height: 300px;
	}
	.section-hero-primary-caption {
		font-size: 1.8em;
		padding: 10px;
		
	}
	.section-hero-secondary {

	}
		.section-hero-secondary .section-hero-story {
			border-top: solid 1px rgb(31,172,148);
			font-family: 'Fahkwang', sans-serif;
			padding-left: 40px;
		    padding-right: 40px;
		}
		.section-hero-secondary .section-hero-story:first-child {
			border-top: none;
		}
		.section-hero-secondary .section-hero-story a {
			font-size: 1.3em;
			padding-top: 1.5em;
			padding-bottom: 1.5em;
			display: block;
		}
	.section-hero-bg {
		background: rgb(13,79,69);
		z-index: -1;
	}

	@media (min-width: 851px) {
		.section-hero {
			display: grid;
			grid-template-rows: 80px auto 60px;
			grid-template-columns: 60% auto;
		}
			.section-hero h2 {
				align-self: end;
				grid-area: 1 / 2 / 2 / 3;
				margin: 40px 40px 0;
			}
			.section-hero-primary {
				grid-area: 1 / 1 / 4 / 2;
				margin-left: 40px;

			}
			.section-hero-primary-caption {
				font-size: 2em;
				padding: 20px;
			}
			.section-hero-secondary {
				grid-area: 2 / 2 / 3 / 3;
				padding-right: 40px;
			}
				.section-hero-secondary .section-hero-story {
					padding-left: 80px;
				}
			.section-hero-bg {
				grid-area: 1 / 1 / 3 / 3;
			}
		
	}
	@media (max-width: 1150px) {
		.section-hero-primary {
			background-position: center 120px;
			-webkit-background-size: contain;
			-moz-background-size: contain;
			-o-background-size: contain;
			background-size: contain;
			align-items: start;
		}
		.section-hero-primary-caption {
			background: none;
		}
	}
	@media (max-width: 850px) {
		.section-hero-primary {
			background-position: center center;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			align-items: end;
		}
		.section-hero-primary-caption {
			background: rgb(13,79,69);
			background: linear-gradient(180deg, rgba(17,39,26,0) 0%, rgba(17,39,26,0.7) 30%, rgba(17,39,26,1) 100%);
		}
	}
	@media (min-width: 1151px) {
		.section-hero-primary {
			background-position: center center;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			align-items: end;
		}
		.section-hero-primary-caption {
			background: rgb(13,79,69);
			background: linear-gradient(180deg, rgba(17,39,26,0) 0%, rgba(17,39,26,0.7) 30%, rgba(17,39,26,1) 100%);
		}
	}
	


.section-expert-featured {
	padding-top: 4em;
	padding-bottom: 4em;
}
.section-expert-featured .grid {
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: auto auto;
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
	width: 90%;
}
.section-expert-featured h2 {
	color: rgb(0,77,64);
	font-family: 'GTSectra-Regular', sans-serif;
	font-size: 42px;
	font-weight: bold;
}
.section-expert-featured h2.with-tophead small {
	color: rgb(0,77,64);
	display: block;
	font-family: inherit;
	font-size: 85%;
	font-weight: normal;
	letter-spacing: 0;
	margin-bottom: 0;
	text-transform: none;
}
.section-expert-featured p {
	font-family: 'GTSectra-Regular', serif;
}
	@media (min-width: 800px) {
		.section-expert-featured .grid {
			grid-template-columns: 1fr 1fr;
			grid-template-rows: auto;
			grid-column-gap: 100px;
		}
		.section-expert-featured .copyandimg-img-wrap {
		    display: grid;
			grid-template-columns: 20px auto 20px;
			grid-template-rows: 20px auto 20px;
		}
		.section-expert-featured .copyandimg-img-bg {
			background-image: url(/_resources/img/bg-texture-mesh-lg-square.jpg);
			background-repeat: no-repeat;
			background-position: center right;
			-webkit-background-size: 800px;
			-moz-background-size: 800px;
			-o-background-size: 800px;
			background-size: 800px;
			grid-area: 1 / 1 / 3 / 3;
		}
		.section-expert-featured .copyandimg-img {
			grid-area: 2 / 2 / 4 / 4;
		}
		.section-expert-featured .copyandimg-copy-wrap {
			align-self: center;
		}
	}


.section-events {
	background: #F5F5F5;
	margin-top: 3em;
	margin-bottom: 3em;
}
.section-events > div {
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
	width: 90%;
}
.section-events .event-detail {
	color: rgb(104,104,104);
	font-family: 'Fahkwang', sans-serif;
	font-size: 0.75em;
	font-style: italic;
}
.events-block-button a.btn-block {
	background: rgb(37,110,230);
	color: white;
	display: flex;
		align-items: center;
		justify-content: center;
	height: 100%;
	text-decoration: none;
}
.events-block-button a.btn-block p {
    font-family: sans-serif;
	font-size: 0.8em;
	letter-spacing: 3px;
	margin: 0;
	text-transform: uppercase;
}
.events-block-button a.btn-block:hover {
	background: rgb(28,170,149);
	text-decoration: none;
}
.events-block-button a.btn-block:hover p {
	margin-top: 3px;
}
	@media (min-width: 800px) {
		.section-events > div {
			display: grid;
		}
		.section-events .events-top {
			grid-template-columns: repeat(3, 1fr);
			grid-template-rows: repeat(1, 1fr);
			grid-template-areas: "title featured featured";
		}
		.section-events .events-bottom {
			grid-template-columns: repeat(4, 1fr);
			grid-template-rows: 1fr;
			grid-template-areas: "listing1 listing2 listing3 listing4";
		}
		.section-events .events-head {
			display: grid;
			grid-area: title;
			margin: 1.5em 1.5em 1.5em 0;
			padding: 1.5em;
		}
		.section-events .events-featured {
			grid-area: featured;
			margin: 1.5em 0;
			padding: 1.5em 0 1.5em 1.5em;
		}

		.section-events .events-block-sm:nth-of-type(1) {
			grid-area: listing1;
		}
		.section-events .events-block-sm:nth-of-type(2) {
			grid-area: listing2;
		}
		.section-events .events-block-sm:nth-of-type(3) {
			grid-area: listing3;
		}
		.section-events .events-block-sm:nth-of-type(4) {
			grid-area: listing4;
		}
		.section-events .events-block-sm {
			border-top: solid 1px rgb(131,131,131);
			margin: 0 1.5em;
		}

	}
	@media (max-width: 960px) {
		.events-block-sm h3 {
			font-size: 18px;
		}
	}
	@media (max-width: 799px) {
		.events-featured {
			border: solid 1px rgb(13,79,69);
			padding: 1em;
		}
		.events-featured h3 {
			margin-top: 0;
		}
		.events-block-button a.btn-block {
			padding: 1em;
		}
		.events-block-button a.btn-block:hover p {
			margin-top: 0;
		}
	}

/* Home: Social */
.section-social.section-imagebg {
    background-image: url(/_resources/img/bg-blue-pier-3000x2000.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
	.section-social {
		padding-top: 5%;
		padding-bottom: 5%;
	}
	.section-social .grid {
		max-width: 1200px;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.social-icon {
		display: inline-block;
		height: auto;
		margin-right: 0.5em;
		width: 42px;
	}
	.social-icon a {
		display: block;
		height: auto;
		width: 42px;
	}
	.social-icon .icon-rest {
		display: block;
		float: left;
	}
	.social-icon .icon-hover {
		display: none;
	}
	.social-icon a:hover .icon-rest {
		display: none;
	}
	.social-icon a:hover .icon-hover {
		display: block;
		float: left;
	}
	@media (min-width: 800px) {
		.section-social .grid {
			display: grid;
			grid-template-columns: 30% 1fr;
			grid-column-gap: 40px;
			grid-template-rows: auto;
			align-items: center;
		}
		.section-social .social-copy {
			grid-area: 1 / 1 / 2 / 2;
		}
		.section-social .social-feed {
			grid-area: 1 / 2 / 2 / 3;
		}
	}

.section-video .video-module-wrap {
	display: grid;
	grid-template-columns: auto 60%;
	grid-template-rows: min-content;
	padding: 0 2em;
}

.section-media {
	background: rgb(0,77,64);
	color: white;
	padding: 20px 40px;
}
.section-media h2 {
	color: white;
}
.section-media > .grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto;
	grid-column-gap: 20px;
}
@media (max-width: 800px) {
	.section-media > .grid {
		grid-template-columns: auto;
		grid-template-rows: 1fr 1fr 1fr;
		grid-row-gap: 20px;
	}
}
.section-media .media-block {
	border: solid 2px rgb(152,253,99);
	border-top: solid 15px rgb(152,253,99);
	font-family: 'Fahkwang', sans-serif;
}
.section-media .media-block a {
    display: block;
	height: 100%;
}
.section-media .media-block a .grid {
	align-content: end;
	display: grid;
	grid-template-rows: max-content 3px auto;
	grid-template-columns: 1fr 1fr;
	height: 100%;
}
.section-media .media-block .media-headline {
	align-self: top;
	display: block;
	font-size: 1.2em;
	grid-area: 1 / 1 / 2 / 3;
    padding: 1em;
}
.section-media .media-block hr {
	border-top: solid 3px rgb(152,253,99);
	grid-area: 2 / 1 / 3 / 2;
	margin: 0;
}
.section-media .media-block .media-source {
	color: rgb(43,254,187);
	display: block;
	font-family: 'GTSectra-Regular', serif;
	font-size: 1.2em;
	grid-area: 3 / 1 / 4 / 3;
    padding: 1em;
}

.section-video .video-module-wrap {
	margin-top: 2em;
	margin-bottom: 2em;
}
	@media (min-width: 1200px) {
		.section-video .video-module-wrap {
			margin-top: 4em;
			margin-bottom: 4em;
		}
	}
	.video-module div.grid {
		display: grid;
		grid-template-columns: 20px 1fr 1fr 1fr 20px;
		grid-template-rows: 20px 1fr 20px;
	}
	.video-module .grid-col-1,
	.video-module .grid-col-2,
	.video-module .grid-col-3 {
		border-top: solid 1px rgb(37,110,230);
		border-bottom: solid 1px rgb(37,110,230);
		border-right: solid 1px rgb(37,110,230);
		z-index: -1;
	}
	.video-module .grid-col-1 {
		grid-area: 1 / 1 / 4 / 3;
		border-left: solid 1px rgb(37,110,230);
	}
	.video-module .grid-col-2 {
		grid-area: 1 / 3 / 4 / 4;
	}
	.video-module .grid-col-3 {
		grid-area: 1 / 4 / 4 / 6;
	}
	.video-module .video-module-embed {
		grid-area: 2 / 2 / 3 / 5;
	}

.section-video .video-copyandtranscript-box {
	position: relative;
}
.section-video .video-copy  {
	padding: 0.5em 4em;
}
.section-video .video-transcript {
	border: solid 1px rgb(37,110,230);
	display: none;
	overflow-y: scroll;
	   position: absolute;
    height: 100%;
	padding: 1em;
	width: 100%;
}
	.video-transcript .transcript-title {
		color: rgb(23,76,109);
		font-family: 'MonumentExtended-Regular', sans-serif;
		font-size: 0.6em;
    	letter-spacing: 2px;
	}
	.video-transcript .transcript-ui-close {
		color: rgb(13,79,69);
		cursor: pointer;
		float: right;
	}
@media (min-width: 900px) {
	.section-video .video-copy  {
		padding: 0.5em 2em;
	}
}
@media (min-width: 1200px) {
	.section-video .video-copy {
		padding: 3em 5em;
	}
}
@media (max-width: 899px) {
	.section-video .video-module-wrap {
		display: grid;
		grid-template-columns: auto;
		grid-template-rows: auto 1fr;
	}
	.apply-video,
	.video-module {
		grid-area: 1 / 1 / 2 / 2;
	}
		.apply-video div.grid,
		.video-module div.grid {
			display: grid;
			grid-template-columns: 20px 1fr 1fr 1fr 20px;
			grid-template-rows: 20px 1fr 20px;
		}
		.apply-video .grid-col-1,
		.video-module .grid-col-1 {
			border-left: solid 1px rgb(37,110,230);
			grid-area: 1 / 1 / 4 / 3;
		}
		.apply-video .grid-col-2,
		.video-module .grid-col-2 {
			grid-area: 1 / 3 / 4 / 4;
		}
		.apply-video .grid-col-3,
		.video-module .grid-col-3 {
			grid-area: 1 / 4 / 4 / 6;
		}
		.apply-video .apply-video-embed,
		.video-module .video-module-embed {
			grid-area: 2 / 2 / 3 / 5;
		}
		.apply-copyandtranscript-box,
		.video-copyandtranscript-box {
			grid-area: 2 / 1 / 3 / 2;
		}
		.apply-copy,
		.video-copy {
			padding: 0.5em 4em;
		}
		.section-heroandapply .apply-transcript,
		.section-video .video-transcript {
			position: unset;
		}
}
@media (max-width: 700px) {
	.section-video .video-module-wrap,
	.apply-copyandtranscript-box .apply-copy,
	.section-video .video-copy {
		padding-left: 0;
		padding-right: 0;
	}

}
@media (min-width: 750px) {
	.section-subscribe {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto;
	}
}
.subscribe-wave {
	background-image: url(/zz-test/newshub/bg-wave.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	color: white;
	display: grid;
	grid-template-columns: 1fr 60% 1fr;
	grid-template-rows: 1fr auto 1fr;
}
.subscribe-wave-content {
	grid-area: 2 / 2 / 3 / 3;
}
.subscribe-wave h2 {
	color: rgb(152,253,99);
}
.subscribe-newsletter {
	align-items: center;
	display: grid;
	grid-template-columns: 1fr 70% 1fr;
	grid-template-rows: 4em auto 4em;
}
@media (min-width: 750px) AND (max-width: 980px) {
	.subscribe-newsletter {
		grid-template-columns: 1fr 90% 1fr;
	}
}
.subscribe-newsletter-content {
	align-items: center;
	display: grid;
	grid-template-rows: auto;
	grid-template-columns: 30% auto;
	grid-area: 2 / 2 / 3 / 3;
	grid-gap: 20px;
}
.subscribe-newsletter-img {
	grid-area: 1 / 1 / 2 / 2;
	text-align: center;
}
.subscribe-newsletter-img img {
	width: 100%;
    height: auto;
	max-height: 350px;
	min-width: 100px;
}
.subscribe-newletter-copy {
	grid-area: 1 / 2 / 2 / 3;
    margin-top: 1em;
    margin-bottom: 1em;
}
.news-grid-6 {
	width: 92%;
	margin-left: auto;
	margin-right: auto;
}
.news-card {
	display: grid;
	grid-template-rows: 200px auto;
	grid-template-columns: 1fr;
}
.news-card-image {
	background: rgb(13, 79, 69);
}
.news-card-caption {
	border-left: solid 1px #1CAA95;
	border-right: solid 1px #1CAA95;
	border-bottom: solid 1px #1CAA95;
	padding: 6px 1em 1.2em;
}
.news-card-caption h3 {
	font-size: 18px;
}
.news-card-caption a:link,
.news-card-caption a:visited,
.news-card-caption a:hover,
.news-card-caption a:active,
.news-card-caption a:focus {
	display: block;
}
@media (min-width: 651px) {
	.header-grid {
		display: grid;
		grid-template-rows: 1fr;
		grid-template-columns: 1fr 1fr;
		align-items: baseline;
	}
	.header-grid p {
		text-align: right;
	}
	.news-grid-6 .grid {
		display: grid;
		grid-template-rows: 1fr 1fr 1fr;
		grid-template-columns: 1fr 1fr;
		grid-gap: 24px;
	}
}
@media (min-width: 951px) {
	.news-grid-6 .grid {
		grid-template-rows: 1fr 1fr;
		grid-template-columns: 1fr 1fr 1fr;
	}
	.news-card-caption {
		padding: 6px 2em 1.5em;
	}
}