/* /state/ CSS Document */



/* ------------------- */
/* FRONT PAGE ELEMENTS */
/* ------------------- */
body.front-page .full-page-split .full-page-element h1::before
	{
	background: rgb(255,255,255);
	width: 10rem;
	}
body.front-page .site-title
	{
	text-transform: uppercase;
	min-width: 80vw;
	}
body.front-page .site-title h1
	{
	line-height: 0.9;
	font-weight: 700;
	font-size: 2.25rem;
	color: #222222;
	text-shadow: none;
	white-space: nowrap;
	padding-bottom: 3rem;
	}
body.front-page .site-title .title-1,
body.front-page .site-title .title-2,
body.front-page .site-title .title-3
	{
	display: block;
	}
body.front-page .site-title .title-1
	{
	font-weight: 400;
	font-size: 0.8em;
	}
body.front-page .site-title .title-2
	{
	}
body.front-page .site-title .title-3
	{
	font-size: 1.34em;
	line-height: 0.75;
	}
body.front-page .section.what-is h2
	{
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 1.5rem;
	letter-spacing: 0.1rem;
	}
body.front-page .highlight h2::before
	{
	background: rgb(24,103,165);
	}
body.front-page .logos
	{
	text-align: center;
	padding-bottom: 2rem;
	background: rgba(0,0,0,0.03);
	}
body.front-page .logos h2
	{
	font-weight: 500;
	text-transform: uppercase;
	color: #555555;
	margin-top: 3rem;
	margin-bottom: 2rem;
	letter-spacing: 0.05rem;
	}
body.front-page .logos a
	{
	fill: rgba(0,0,0,0.65);
	}
body.front-page .logos a:hover
	{
	fill: rgba(0,0,0,0.5);
	}

/* -------------- */
/* STATE ELEMENTS */
/* -------------- */
body.state .utility-header 
	{
	background: rgb(21,74,43);
	}
body.state .navigation-search
	{
	background-color: rgb(29,100,64);
	}
body.state .breadcrumb a,
body.state article a,
body.state .nav a
	{
	color: rgba(29,100,64,1.0);
	}
body.state .breadcrumb a:hover,
body.state article a:hover
	{
	color: rgba(29,100,64,0.7);
	}
body.state .full-page-split .full-page-element h1::before,
body.state .highlight h2::before
	{
	background: rgb(29,100,64);
	}
body.state .title-banner
	{
	border-color: rgb(29,100,64);
	}

/* --------------- */
/* REGION ELEMENTS */
/* --------------- */
body.region .utility-header 
	{
	background: rgb(102,41,41);
	}
body.region .navigation-search
	{
	background-color: rgb(167,63,59);
	}
body.region .breadcrumb a,
body.region article a
	{
	color: rgba(167,63,59,1.0)
	}
body.region .breadcrumb a:hover,
body.region article a:hover
	{
	color: rgba(167,63,59,0.7)
	}
body.region .full-page-split .full-page-element h1::before,
body.region .highlight h2::before
	{
	background: rgb(167,63,59);
	}
body.region .title-banner
	{
	border-color: rgb(167,63,59);
	}
body.region .post-item::before
	{
	background:rgb(167,63,59);
	}

/* --------------------- */
/* TECH REPORTS ELEMENTS */
/* --------------------- */
body.tech-reports .utility-header 
	{
	background: rgb(42,43,68);
	}
body.tech-reports .navigation-search
	{
	background-color: rgb(80,102,165);
	}
body.tech-reports .breadcrumb a,
body.tech-reports article a
	{
	color: rgba(80,102,165,1)
	}
body.tech-reports .breadcrumb a:hover,
body.tech-reports article a:hover
	{
	color: rgba(80,102,165,0.7)
	}
body.tech-reports .full-page-split .full-page-element h1::before,
body.tech-reports .highlight h2::before
	{
	background: rgba(65,67,118);
	}
body.tech-reports .title-banner
	{
	border-color: rgb(65,67,118);
	}
body.tech-reports .post-item::before
	{
	background:rgb(65,67,118);
	}

/* -------------- */
/* TOOLS ELEMENTS */
/* -------------- */
body.tools .utility-header 
	{
	background: rgb(114,64,37);
	}
body.tools .navigation-search
	{
	background-color: rgb(182,97,42);
	}
body.tools .breadcrumb a,
body.tools article a
	{
	color: rgba(182,97,42,1.0);
	}
body.tools .breadcrumb a:hover,
body.tools article a:hover
	{
	color: rgba(182,97,42,0.7);
	}
body.tools .full-page-split .full-page-element h1::before,
body.tools .highlight h2::before
	{
	background: rgba(182,97,42);
	}
body.tools .title-banner
	{
	border-color: rgb(182,97,42);
	}
body.tools .post-item::before
	{
	background:rgb(182,97,42);
	}

/* -------------- */
/* MEDIA ELEMENTS */
/* -------------- */
body.media
	{
	margin-top: 0px;
	}

body.media .utility-header 
	{
	background: rgb(56,28,48);
	}
body.media .navigation-search
	{
	background-color: rgb(117,26,87);
	}
body.media .breadcrumb a,
body.media article a
	{
	color: rgba(117,26,87,1.0);
	}
body.media .breadcrumb a:hover,
body.media article a:hover
	{
	color: rgba(117,26,87,0.8);
	}
body.media .full-page-split .full-page-element h1::before,
body.media .highlight h2::before
	{
	background: rgb(117,26,87);
	}
body.media .title-banner
	{
	border-color: rgb(117,26,87);
	}
body.media .post-item::before
	{
	background:rgb(117,26,87);
	}

/* --------------- */
/* EVENTS ELEMENTS */
/* --------------- */
body.events .utility-header 
	{
	background: rgb(29,76,74);
	}
body.events .navigation-search
	{
	background-color: rgb(0,146,144);
	}
body.events .breadcrumb a,
body.events article a,
body.events .nav a
	{
	color: rgba(0,146,144,1.0);
	}
body.events .breadcrumb a:hover,
body.events article a:hover
	{
	color: rgba(0,146,144,0.7);
	}
body.events .full-page-split .full-page-element h1::before,
body.events .highlight h2::before
	{
	background: rgb(0,146,144);
	}
body.events .title-banner
	{
	border-color: rgb(0,146,144);
	}
body.events .event-title
	{
	font-weight: 700;
	font-size: 1.05rem;
	}



/* Small devices */
@media (min-width: 768px) {
	/* ------------------- */
	/* FRONT PAGE ELEMENTS */
	/* ------------------- */
	body.front-page .site-title h1
		{
		font-size: 3rem;
		color: #FFFFFF;
		text-shadow: 0px 0px 4px #333333, 0px 0px 6px #333333, 0px 0px 10px #333333, 0px 0px 30px #333333, 1px 1px 1px #555555;
		padding-bottom: 2rem;
		}
	body.front-page .full-page-split [class^="col-"]
		{
		background: rgba(0,0,0,0.6);
		}
	body.state .full-page-split [class^="col-"]
		{
		background: rgba(255,255,255,0.9);
		}
	body.front-page .full-page-split .full-page-element
		{
		bottom: 30vh;
		left: 40%
		}
	body.front-page .site-title h1
		{
		font-size: 4rem;
		}

	
}

/* Medium devices */
@media (min-width: 992px) { 
	/* ------------------- */
	/* FRONT PAGE ELEMENTS */
	/* ------------------- */
	body.front-page .category-border
		{
		border-bottom: 2px solid #EEEEEE;
		}
	body.front-page .site-title h1
		{
		font-size: 4.5rem;
		}
	/* --------------- */
	/* EVENTS ELEMENTS */
	/* --------------- */
	body.events .event-list .card
		{
		min-height: 22.5rem;
		}
	
}

/* Large devices */
@media (min-width: 1280px) { 
	
	body.front-page .site-title h1
		{
		font-size: 5.5rem;
		}
	/* --------------- */
	/* EVENTS ELEMENTS */
	/* --------------- */
	body.events .event-list .card
		{
		min-height: 24.25rem;
		}

}