/* ############################################################################################## */

/*  D E V E L O P E R   C U S T O M I Z A B L E   S T Y L E S  */
/*  State of Delaware - CLF4 2017  */
/*  Developed by the GIC (Matt Campbell & Julianne Solum)  */

/* ############################################################################################## */

/*==========  Bootstrap 3 Mobile First Method CSS  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

	/* ============================= ELEMENTS ============================= */
	a,
	a:link,
	a:active,
	a:visited {
		font-weight: normal;
		text-decoration: none;
		color: #005FFF;
	}

	a:hover {
		font-weight: normal;
		text-decoration: underline;
		color: #245194;
	}

	span.small-text {
		font-family: 'Open Sans', sans-serif !important;
		font-size: 17px !important;
		font-weight: 400 !important;
	}

	BUTTON {
		border: 1px solid rgba(255, 255, 255, 0);
	}

	BUTTON::-moz-focus-inner {
		border: 0 !important;
		padding: 0 !important;
	}

	.form-control {
		color: #707070;
	}

	.form-control::-webkit-input-placeholder {
		color: #707070;
	}

	.form-control::-moz-placeholder {
		color: #707070;
	}

	.form-control:-ms-input-placeholder {
		color: #707070;
	}

	.form-control::-ms-input-placeholder {
		color: #707070;
	}

	.form-control::placeholder {
		color: #707070;
	}

	/* ============================= ID's ============================= */
	body#search-page {
		position: relative;
		z-index: 7;

		background: #eff0f2;

		/* Set a specific height */
		height: auto;
	}

	#main_content h1 {
		font-family: 'Open Sans', sans-serif !important;
		font-size: 45px;

		margin-top: 10px;

		color: #222 !important;
	}

	#main_content h2 {
		font-family: 'Open Sans';
		font-size: 24px;

		margin-top: 0;

		color: #222 !important;
	}

	#main_content h3 {
		font-family: 'Open Sans', sans-serif !important;
		font-size: 20px;
		font-weight: 300;

		margin-top: 0;

		color: #222 !important;
	}

	#main_content h4 {
		font-family: 'Open Sans', sans-serif !important;
		font-size: 40px;
		font-weight: 300;

		margin-top: 0;

		color: #222 !important;
	}

	#main_content h6 {
		font-family: 'Open Sans', sans-serif !important;
		font-size: 14px;

		margin-top: 0;

		color: #222 !important;
	}

	#main_content a,
	#main_content a:link,
	#main_content a:active,
	#main_content a:visited {
		font-weight: normal;

		text-decoration: none;

		color: #1670c9;
	}

	#main_content a:hover {
		font-weight: normal;

		text-decoration: underline;

		color: #e4aa35;
	}

	#main_content ul,
	#main_content ol {
		margin-top: 1.0em;
		margin-bottom: 1.0em;
	}

	#main_header h1 {
		font-family: 'Open Sans', sans-serif !important;
		font-size: 42px;

		margin: 0;

		color: #1670c9 !important;
	}

	#loading1 {
		width: 100px;
		margin-right: auto;
		margin-left: auto;
	}

	#loading2 {
		width: 100px;
		margin-right: auto;
		margin-left: auto;
	}

	#headerImage {
		/*height: 450px;*/
		height: auto;
		min-height: 550px;
		width: 100%;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 50%;
		margin-top: -20px;
		position: relative;
		padding-top: 0px;
		margin-top: -305px;
	}

	#guideHeaderImage {
		/*height: 550px;*/
		height: auto;
		min-height: 550px;
		width: 100%;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 65%;
		margin-top: -20px;
		position: relative;
		padding-top: 0px;
		margin-top: -310px;
	}

	span#mainBrand {
		padding-right: 0;
		padding-left: 0;
		font-size: 22px;
		color: #fff;
		/* IE8 proofing */
		border-bottom: 2px solid transparent;
		transition: all 0.6s ease-out;
	}

	span#mainBrand.scrolled {
		padding-right: 0;
		padding-left: 0;
		font-size: 22px;
		color: #fff !important;
		/* IE8 proofing */
		border-bottom: 2px solid transparent;
	}

	#main-section {
		position: relative;
		z-index: 5;
	}

	#overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #000;
		opacity: 0.3;
		/*background:rgba(255,255,255,0.8); or just this*/
		z-index: 2;
		color: #fff;
	}

	#ens-area {
		position: relative;
		z-index: 10;
	}

	#guides-homepage {
		position: relative;
		z-index: 7;
		background: #eff0f2;
	}

	#guides-homepage h2 {
		color: #222;
		font-size: 34px;
	}

	#guides h2 {
		color: #222;
		font-family: 'Open Sans', sans-serif !important;
		font-size: 36px;
		font-weight: 400;
	}

	#guides h3 {
		font-weight: 400;
		color: #222;
		font-family: 'Open Sans', sans-serif !important;
		font-size: 26px !important;
	}

	#feedback-button-area {
		position: relative;
		z-index: 7;

		padding: 40px;

		background: #eff0f2;

		/* Set a specific height */
		height: auto;

		margin-bottom: -20px;
	}

	#socialmedia-button-area {
		position: relative;
		z-index: 7;

		padding: 40px;

		background: #eff0f2;

		/* Set a specific height */
		height: auto;

		margin-bottom: -20px;
	}

	#feedback {
		position: relative;
		z-index: 7;

		padding: 40px;

		background: #eff0f2;

		/* Set a specific height */
		height: auto;

		border-top: 10px solid #245194;

		margin-top: 0px;
	}

	#feedback h2 {
		color: #222;
		font-family: 'Open Sans', sans-serif !important;
		font-size: 36px;
		font-weight: 400;
	}

	#feedback h3 {
		font-weight: 400;
		color: #222;
		font-family: 'Open Sans', sans-serif !important;
		font-size: 26px !important;
	}

	#guides-contactpage {
		position: relative;
		z-index: 7;
		background: #eff0f2;
	}

	#guides-interior {
		position: relative;
		z-index: 7;
		background: #eff0f2;
	}

	#guides-foiapage {
		position: relative;
		z-index: 7;
		background: #eff0f2;
	}

	#guides-readspeakerpage {
		position: relative;
		z-index: 7;
		background: #eff0f2;
	}

	#guides-privacypage {
		position: relative;
		z-index: 7;
		background: #eff0f2;
	}

	#guides-404page {
		position: relative;
		z-index: 7;
		background: #eff0f2;
	}

	#guides-disclosurepage {
		position: relative;
		z-index: 7;
		background: #eff0f2;
	}

	#del-nav-sm {
		display: flex;
	}

	#ens-area {
		position: relative;
		z-index: 1029;
	}

	#sidebar {
		display: block;
	}

	/* ============================= Classes ============================= */

	/* Bootstrap Overrides */
	.alert-primary {
		background-color: #E8F6F7;
		color: #245194;
	}

	.alert-secondary {
		font-size: 24px;
	}

	.alert-success {
		background-color: #E4F9E9;
	}

	.text-success {
		color: #007738 !important;
	}

	.alert-danger {
		background-color: #fceeef;
		color: #721c25 !important;
	}

	.text-danger {
		color: #721c25 !important;
	}

	.alert-info {
		background-color: #E8F6F7;
	}

	.text-info {
		color: #245194 !important;
	}

	/* End Bootstrap Overrides */

	/* FormStack Overrides */
	.fsPreviousButton,

	.fsNextButton {
		background-color: #245194 !important;
	}

	.fsRequiredMarker {
		color: #D10000;
	}

	.guides-home-wrapper {
		margin-top: -110px;
		background-color: #eff0f2;
		padding: 15px 45px 15px 45px;
	}

	.delaware-logo {
		background: url('img/delaware-logo-white.svg');
		background-repeat: no-repeat;
		width: 45px;
		height: 45px;
		margin-top: 0px;
		transition: all 0.6s ease-out;
	}

	.delaware-logo.scrolled {
		background: url('img/delaware-logo-white.svg');
		background-repeat: no-repeat;
		width: 45px;
		height: 45px;
		margin-top: 0px;
	}

	.navbar {
		margin-bottom: 0px;
		height: 70px;
	}

	.navbar-fixed-top {
		border-bottom: 1px solid #fff;
	}

	.navbar-fixed-top.scrolled {
		border-bottom: 1px solid #fff;
	}

	.navbar-default {
		background: rgb(36, 81, 148);
		background: rgba(36, 81, 148, 1);
		padding-top: 8px;
		transition: all 0.6s ease-out;
		border-bottom: 1px solid rgba(255, 255, 255, 0);
	}

	.navbar-default.scrolled {
		border-bottom: 1px solid #2d3032 !important;
		background: rgb(36, 81, 148);
		background: rgba(36, 81, 148, 1);
	}

	.navbar-default-search {
		background: rgb(36, 81, 148);
		background: rgba(36, 81, 148, 1);
		padding-top: 8px;
		transition: all 0.6s ease-out;
	}

	.navbar-default-search.scrolled {
		border-bottom: 1px solid #2d3032 !important;
		background: rgb(36, 81, 148);
		background: rgba(36, 81, 148, 1);
	}

	.navbar-header {
		padding-right: 0px;
	}

	@-moz-document url-prefix() {
		.navbar-brand {
			padding-top: 0rem !important;
		}
	}

	.alert-text {
		font-family: 'Open Sans', sans-serif !important;
		font-size: 20px;
		font-weight: 400;
		color: #fff;
	}

	ul.homepage {
		font-size: .9em;
		line-height: 2.5em;

		margin-top: 1.0em;
		margin-bottom: 1.0em;

		list-style: none;
	}

	ul.check-feedback {
		list-style: none;
	}

	.noshow {
		display: none;
	}

	hr.clf {
		margin-top: -2px;
		margin-bottom: 20px;

		border: 1px solid #056dcc;
		-o-border-image: none;
		border-image: none;

		-moz-border-bottom-colors: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
	}

	hr.short {
		width: 80px;
		margin-top: 0px;
		margin-bottom: 20px;
		text-align: center;

		border: 2px solid #e4aa35;
		-o-border-image: none;
		border-image: none;

		transform: skew(-30deg);

		-moz-border-bottom-colors: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
	}

	hr.short-left {
		width: 80px;
		margin-top: 0px;
		margin-bottom: 20px;
		margin-left: 0px;
		margin-right: 0px;

		border: 2px solid #e4aa35;
		-o-border-image: none;
		border-image: none;
		float: left;

		transform: skew(-30deg);

		-moz-border-bottom-colors: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
	}

	hr.facts {
		border: 1px solid #e4aa35 !important;
		width: 80px !important;
		margin-left: 0px !important;
		margin-top: 0px;
		/*margin-bottom: 30px;*/

		-o-border-image: none;

		border-image: none;
		float: left;

		transform: skew(-30deg);

		-moz-border-bottom-colors: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
	}

	a.skip-main {
		left: -999px;
		position: absolute;
		top: auto;
		overflow: hidden;
		z-index: -9999;
	}

	.de-swifttype-search-input {
		height: 63px;
		border-radius: 0px;
	}

	.btn-de-search {
		color: #fff;
		background-color: transparent;
		background-image: none;
		border-color: #fff;
		border-radius: 0px;
		width: 125px;
		cursor: pointer;
	}

	.btn-de-search:hover {
		color: #fff;
		background-color: #245194;
		background-image: none;
		border-color: #245194;
		border-radius: 0px;
		width: 125px;
		cursor: pointer;
	}

	.btn-de-search-blue {
		color: #245194;
		background-color: transparent;
		background-image: none;
		border-color: #245194;
		border-radius: 0px;
		width: 200px;
		padding: 15px;
		cursor: pointer;
	}

	.btn-de-search-blue:hover {
		color: #fff;
		background-color: #245194;
		background-image: none;
		border-color: #245194;
		border-radius: 0px;
		width: 200px;
		padding: 15px;
		cursor: pointer;
	}

	.btn-de-swifttype {
		color: #005FFF;
		background-color: transparent;
		background-image: none;
		border-color: #005FFF;
		border-radius: 0px;
		padding: 15px;
		cursor: pointer;
	}

	.btn-de-swifttype:hover {
		color: #fff;
		background-color: #245194;
		background-image: none;
		border-color: #245194;
		border-radius: 0px;
		padding: 15px;
		cursor: pointer;
	}

	.btn-de-feedback {
		text-align: center;
		font-size: 20px;
		color: #fff !important;
		background-color: #245194;
		background-image: none;
		border-color: #245194;
		border-radius: 0px;
		width: 300px;
		padding: 30px;
		cursor: pointer;
	}

	.btn-de-feedback:hover {
		text-align: center;
		font-size: 20px;
		color: #fff !important;
		background-color: #245194;
		background-image: none;
		border-color: #245194;
		border-radius: 0px;
		width: 300px;
		padding: 30px;
		cursor: pointer;
	}

	.btn-de-socialmedia {
		text-align: center;
		font-size: 20px;
		color: #fff !important;
		background-color: #222222;
		background-image: none;
		border-color: #222222;
		border-radius: 0px;
		width: 600px;
		padding: 30px;
		cursor: pointer;
	}

	.btn-de-socialmedia:hover {
		text-align: center;
		font-size: 20px;
		color: #fff !important;
		background-color: #808080;
		background-image: none;
		border-color: #808080;
		border-radius: 0px;
		width: 600px;
		padding: 30px;
		cursor: pointer;
	}

	.callout-container {
		display: relative;
		width: 100%;
	}

	.services-callout {
		background-color: #e8f4e9;
		border: 3px solid #8ac78b;
		box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.25);
		width: auto;
		height: 100%;
		flex: 1;
		padding: 25px;
	}

	.border_none {
		border: none;
	}

	.mainTitle {
		font-family: 'Open Sans', sans-serif;
		font-size: 42px;
		font-weight: 300;
		line-height: 1.2;
		padding-top: 15px !important;
		padding-bottom: 15px !important;
		color: #222;
	}

	.icon-scroll,
	.icon-scroll:before {
		position: absolute;
		left: 50%;
		z-index: 5;
		cursor: pointer;
	}

	.icon-scroll {
		width: 40px;
		height: 70px;
		margin-left: -20px;
		top: 90%;
		margin-top: -35px;
		box-shadow: inset 0 0 0 2px #fff;
		border-radius: 25px;
		cursor: pointer;
	}

	.icon-scroll:before {
		content: '';
		width: 8px;
		height: 8px;
		background: #fff;
		margin-left: -4px;
		top: 8px;
		border-radius: 4px;
		-webkit-animation-duration: 1.5s;
		animation-duration: 1.5s;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-name: scroll;
		animation-name: scroll;
		cursor: pointer;
	}

	.scrolltop {
		display: none;
		width: 100%;
		margin: 0 auto;
		position: fixed;
		z-index: 99999;
		bottom: 20px;
		right: 10px;
	}

	.scroll {
		position: absolute;
		z-index: 99999;
		right: 20px;
		bottom: 20px;
		background: #b2b2b2;
		background: rgba(178, 178, 178, 0.7);
		padding: 10px;
		text-align: center;
		margin: 0 0 0 0;
		cursor: pointer;
		transition: 0.5s;
		-moz-transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.scroll:hover {
		background: rgba(178, 178, 178, 1.0);
		transition: 0.5s;
		-moz-transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.scroll:hover .fa {
		padding-top: -10px;
	}

	.scroll .fa {
		font-size: 30px;
		margin-top: -5px;
		margin-left: 1px;
		transition: 0.5s;
		-moz-transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.tiny-brand {
		height: 35px;
		width: 35px;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.guides-ask {
		border: 8px solid #6e757c !important;
		padding-top: 15px;
		margin: 0;
	}

	.guides-ask,
	.guides-ask input[type=text] {
		color: #6e757c !important;
		font-family: 'Open Sans' !important;
		font-weight: 900 !important;
		font-size: 25px !important;
		border: 0px;
		background-color: inherit;
	}

	.guides-ask button {
		margin-top: 0px;
		width: 100%;
		display: block;
		color: #383d41;
		background-color: #e2e3e5;
		border-color: #d6d8db;
		border: 1px solid transparent;
	}

	.guides-ask .form-control:focus {
		box-shadow: none;
	}

	/* Branch Card */
	.branch-card {
		width: 100%;
		height: 500px;
		position: relative;
		overflow: hidden;
		box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.5);
		text-align: center;

		/* s */
	}

	.branch-card.de-covid-response {
		background: url("img/guides-cards-covid-19-lg.png") center / cover no-repeat;
	}

	.branch-card.school-k-12 {
		background: url("img/guides-cards-k-12.jpg") center / cover no-repeat;
	}

	.branch-card.explore-delaware {
		background: url("img/guides-cards-explore.jpg") center / cover no-repeat;
	}

	.branch-card.voting {
		background: url("img/guides-cards-vote.jpg") center / cover no-repeat;
	}

	.branch-card.moving-to-de {
		background: url("img/guides-cards-moving-lg.jpg") center / cover no-repeat;
	}

	.branch-card.safety-emergencies {
		background: url("img/guides-cards-safety-emergencies.jpg") center / cover no-repeat;
	}

	.branch-card.driving-transportation {
		background: url("img/guides-cards-driving-transportation.jpg") center / cover no-repeat;
	}

	.branch-card.working-training {
		background: url("img/guides-cards-working-training.jpg") center / cover no-repeat;
	}

	.branch-card .color-overlay {
		background: rgba(84, 104, 110, 0.7);
		width: 100%;
		height: 500px;
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		transition: background 0.3s cubic-bezier(0.33, 0.66, 0.66, 1);
	}

	.branch-card .gradient-overlay {
		background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 21%);
		width: 100%;
		height: 500px;
		position: absolute;
		top: 350px;
		left: 0;
		z-index: 15;
	}

	.branch-card:hover .color-overlay {
		background: rgba(84, 104, 110, 0.8);
	}

	.branch-card-outer {
		background: #eff0f2;
		position: absolute;
		bottom: 40px;
		padding: 10px;
		margin-left: 15px;
		margin-right: 15px;
		z-index: 15;
	}

	.branch-card-inner {
		border: 1px solid #AFAFAF;
		padding: 10px;
	}

	@media (min-width: 768px) {
		.branch-card-inner {
			height: 290px;
			padding: 20px;
		}

		.branch-card-alt-width {
			width: 50%;
		}

		.branch-card-half-width {
			width: 50%;
		}
	}

	@media (min-width: 992px) {
		.branch-card-inner {
			height: 240px;
			padding: 20px;
		}

		.branch-card-alt-width {
			width: 66%;
		}

		.branch-card-half-width {
			width: 90%;
			height: 260px;
		}
	}

	@media (min-width: 1200px) {
		.branch-card-inner {
			height: 250px;
		}

		.branch-card-alt-width {
			width: 33%;
		}

		.branch-card-half-width {
			height: 270px;
		}
	}

	.branch-card .title-content {
		text-align: center;
	}

	.branch-card h3 {
		font-size: 1.25rem !important;
		font-weight: 500;
		color: #222 !important;
		margin-bottom: 0;
	}

	.branch-card hr {
		width: 50px;
		height: 3px;
		margin: 20px auto;
		border: 0;
		background: #e4aa35;
		-o-border-image: none;
		border-image: none;
		transform: skew(-30deg);
	}

	.branch-card .intro {
		width: 170px;
		margin: 0 auto;
		color: #dce3e7;
		font-size: 0.813rem;
		font-style: italic;
		line-height: 18px;
	}

	.branch-card p {
		color: #222;
		font-size: 1rem;
		line-height: 24px;
	}

	.view-more {
		color: #0047C2;
		white-space: nowrap;
	}

	.branch-card .category {
		background-color: #fff;
		color: #333;
		font-size: 18px;
		font-weight: 800;
		min-height: 48px;
		min-width: 48px;
		padding: 10px 10px;
		position: absolute;
		right: 15px;
		text-align: center;
		text-transform: uppercase;
		top: 0;
		z-index: 20;
	}

	.branch-card .category span {
		display: block;
		line-height: 14px;
	}

	.branch-card .category .text {
		font-size: 10px;
	}




	/* Guides Card  */

	.guides-card-regular {
		background-color: #000000;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
		color: #ffffff;
		font-family: 'Open Sans', Arial, sans-serif;
		font-size: 16px;
		line-height: 1.6em;
		margin: 0px;
		min-width: 200px;
		overflow: hidden;
		position: relative;
		text-align: left;
		width: 100%;
	}

	.guides-card-regular * {
		box-sizing: border-box;
		transition: all 0.25s ease;
	}

	.guides-card-regular img {
		max-width: 100%;
		vertical-align: top;
		position: relative;
		opacity: 0.75;
	}

	.guides-card-regular figcaption {
		padding: 25px 10px 20px 25px;
		position: absolute;
		bottom: 0;
		z-index: 1;
	}

	.guides-card-regular .category {
		background-color: #fff;
		color: #333;
		font-size: 18px;
		font-weight: 800;
		min-height: 48px;
		min-width: 48px;
		padding: 10px 10px;
		position: absolute;
		right: 15px;
		text-align: center;
		text-transform: uppercase;
		top: 0;
	}

	.guides-card-regular .category span {
		display: block;
		line-height: 14px;
	}

	.guides-card-regular .category .text {
		font-size: 10px;
	}

	.guides-card-regular h3,
	.guides-card-regular p {
		margin: 0;
		padding: 0;
	}

	.guides-card-regular h3 {
		font-weight: 600;
		letter-spacing: -0.4px;
	}

	.guides-card-regular .hover {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		align-items: center;
		background-color: rgba(36, 81, 148, 0.75);
		display: flex;
		font-size: 65px;
		justify-content: center;
		opacity: 0;
	}

	.guides-card-regular a {
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		position: absolute;
		z-index: 1;
	}

	.guides-card-regular:hover .hover,
	.guides-card-regular.hover .hover {
		transition-delay: 0.1s;
		opacity: 1;
	}

	.guides-card-regular:hover figcaption,
	.guides-card-regular.hover figcaption {
		opacity: 0;
	}

	.guides-card-regular:hover .date,
	.guides-card-regular.hover .date {
		transform: translateY(-100%);
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-o-transform: translateY(-100%);
	}

	.allguides.btn {
		margin: 2em 0 0 0;
	}

	.allguides.btn:hover {
		text-decoration: underline !important;
		background-color: #245194;
	}

	.interior-wrapper h2 {
		color: #222;
		font-family: 'Open Sans', sans-serif !important;
		font-size: 36px;
		font-weight: 400;
	}

	/* === CONTACT PAGE SPECIFIC STYLES === */
	.contact-faq-wrapper {
		background-color: #FFF;
		padding: 15px;
		border-radius: 5px;
		box-shadow: 0 10px 28px rgba(0, 0, 0, 0.3), 0 10px 12px rgba(0, 0, 0, 0.2);
	}

	.contact-faq-wrapper ul {
		margin-top: 25px
	}

	.contact-faq-wrapper ul li {
		list-style-type: none;
		margin-left: -40px;
		margin-bottom: 25px;
		padding-bottom: 25px;
		border-bottom: 2px solid #f6f6f6;
	}

	.fa-yellow {
		color: #e4aa35;
	}

	.call-out {
		background-color: #FFF;
		padding: 25px;
	}

	.btn-primary {
		color: #FFF !important;
		background-color: #245194;
		border-color: #245194;
		font-weight: 700;
	}

	/* === GUIDE PAGES SPECIFIC STYLES === */
	.guide-interior-wrapper {
		margin-top: -125px;
		background-color: #eff0f2;
		padding: 15px 45px 15px 45px;
	}

	.guide-interior-wrapper h2 {
		color: #222;
		font-family: 'Open Sans', sans-serif !important;
		font-size: 36px;
		font-weight: 400;
	}

	.page-relief h2 {
		border-bottom: 4px solid #003f82;
		color: #003f82;
		font-weight: 700;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	.guide-interior-wrapper h3 {
		color: #003f82;
		font-weight: 400;
		font-size: 34px;
	}

	.guide-interior-wrapper h4 {
		color: #222;
		font-weight: 300;
		margin-bottom: 15px;
		font-size: 24px;
	}

	.guide-interior-wrapper h5 {
		color: #222;
		font-weight: 600;
	}

	h3.coronavirus {
		padding-top: 50px;
		color: #2A557F;
		font-weight: 700;
		font-size: 34px;
	}

	.coronavirus-header {
		background: #2A557F;
		margin-top: 10px;
		padding: 15px 10px;
	}

	.coronavirus-header h4 {
		color: #ffffff;
		margin-bottom: 0px;
	}

	h3.coronavirus-first-header {
		padding-top: 0px;
	}

	.coronavirus-resources-list {
		list-style: none;
		padding: 10px;
	}

	.coronavirus-resources-list li {
		font-size: 24px !important;
	}

	.spot-graphic-md {
		/*height:350px;*/
		width: 95%;
	}

	.guide-details-header {
		background-color: #e8f4ea;
		border: 2px solid #8ac78b;
		padding: 15px 10px 0px 10px;
		margin-bottom: 15px !important;
		font-weight: 600;
	}

	.guide-details-header p {
		margin-bottom: 15px !important;
	}

	.coronavirus-get-tested-tile-link:hover {
		text-decoration: none;
	}

	.coronavirus-get-tested-tile {
		background-color: #FFFFFF;
		border: 2px solid #1c3c62;
		border-bottom: 10px solid #1c3c62;
		color: #88171a;
		padding: 15px 10px;
		margin-bottom: 15px !important;
		font-weight: 600;
	}

	.coronavirus-get-tested-tile i {
		color: #88171a;
		font-size: 75px;
	}

	.coronavirus-get-tested-tile h3 {
		color: #88171a;
		font-size: 24px;
		margin-top: 10px;
		text-transform: uppercase;
	}

	.coronavirus-tile-dark-blue-background {
		background-color: #2A557F;
		border: 2px solid #2A557F;
		color: #ffffff;
		padding: 15px 10px 1px 10px;
		margin-bottom: 15px !important;
		font-weight: 600;
	}

	.coronavirus-tile-light-blue-background {
		background-color: #CCE6FF;
		border: 2px solid #8BB2DD;
		color: #2A557F;
		padding: 15px 10px 0px 10px;
		margin-bottom: 15px !important;
		font-weight: 600;
	}

	.coronavirus-tile-dark-blue-background .fas,
	.coronavirus-tile-light-blue-background .fas {
		font-size: 36px;
	}

	.healthy-active-wrapper {
		width: 100%;
		height: 600px;
		position: relative;
	}

	.healthy-active-wrapper h3 {
		color: #ffffff;
		font-family: "Open Sans Condensed", sans-serif;
		font-size: 48px;
		font-weight: 400;
		padding: 10px 0 0 20px;
		text-transform: uppercase;
	}

	.healthy-active-item-1 {
		background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(img/coronavirus-de-state-parks-slice.png);
		background-size: cover;
		position: absolute;
		top: 0px;
		height: 200px;
		width: 100%;
	}

	.healthy-active-item-1:hover {
		background: url(img/coronavirus-de-state-parks-slice.png);
		background-size: cover;
	}

	.healthy-active-item-2 {
		background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(img/coronavirus-indoor-activity-slice-alt.png);
		background-size: cover;
		position: absolute;
		top: 200px;
		height: 200px;
		width: 100%;
	}

	.healthy-active-item-2:hover {
		background: url(img/coronavirus-indoor-activity-slice-alt.png);
		background-size: cover;
	}

	.healthy-active-item-3 {
		background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(img/coronavirus-exercise-slice.png);
		background-size: cover;
		position: absolute;
		top: 400px;
		height: 200px;
		width: 100%;
	}

	.healthy-active-item-3:hover {
		background: url(img/coronavirus-exercise-slice.png);
		background-size: cover;
	}

	.healthy-active-item-1:hover h3,
	.healthy-active-item-2:hover h3,
	.healthy-active-item-3:hover h3 {
		text-shadow: 2px 2px 5px #000000;
	}

	.ctct-form-embed.form_4 .ctct-form-defaults {
		background-color: #eff0f2 !important;
	}

	.help-stop-the-spread {
		background-color: #2A557F;
		color: #ffffff;
		margin: 25px 0;
		padding: 25px 0;
	}

	.help-stop-the-spread h3 {
		color: #ffffff;
		font-size: 34px;
		font-weight: 700;
	}

	.help-stop-the-spread a {
		color: #ffffff;
		font-weight: bold;
		text-decoration: underline;
	}

	.coronavirus-quick-links-tile {
		/* background-color: #CCE6FF; */
		background-color: #e5f3ff;
		border: 2px solid #8BB2DD;
		border-bottom: 10px solid #8BB2DD;
		/* color: #147BB1; */
		color: #0b4665;
		padding: 15px 10px;
		margin-bottom: 15px !important;
		font-weight: 600;
	}

	.coronavirus-quick-links-tile i {
		color: #1c3d64;
		font-size: 75px;
	}

	.coronavirus-quick-links-tile h3 {
		color: #147BB1;
		font-size: 24px;
		margin-top: 10px;
	}

	a.coronavirus-quick-links-pdf-link[href$=".pdf"]::after {
		display: none;
	}

	.guide-alert-info {
		background-color: #E8F6F7;
		border-top: 1px solid #8bb2dd;
		border-right: 1px solid #8bb2dd;
		border-left: 1px solid #8bb2dd;
		border-bottom: 10px solid #8bb2dd;
		padding: 25px 25px 15px 25px;
		margin-bottom: 15px;
		color: #034083;
		border-radius: 5px;
	}

	.guide-alert-danger {
		background-color: #fceeef;
		border-top: 1px solid #d68089;
		border-right: 1px solid #d68089;
		border-left: 1px solid #d68089;
		border-bottom: 10px solid #d68089;
		padding: 25px 25px 15px 25px;
		margin-bottom: 15px;
		color: #721c25;
		border-radius: 5px;
	}

	.guide-alert-success {
		background-color: #E4F9E9;
		border-top: 1px solid #4db986;
		border-right: 1px solid #4db986;
		border-left: 1px solid #4db986;
		border-bottom: 10px solid #4db986;
		padding: 25px 25px 15px 25px;
		margin-bottom: 15px;
		color: #26734f;
		border-radius: 5px;
	}

	.guide-alert-warning {
		background-color: #fef8e2;
		border-top: 1px solid #e4c548;
		border-right: 1px solid #e4c548;
		border-left: 1px solid #e4c548;
		border-bottom: 10px solid #e4c548;
		padding: 25px 25px 15px 25px;
		margin-bottom: 15px;
		color: #966a13;
		border-radius: 5px;
	}

	.guide-interior-wrapper ul li {
		padding-bottom: 10px;
		font-size: 16px;
	}

	.sticky-note-icon,
	.exclamation-icon,
	.bell-icon,
	.bullhorn-icon {
		margin-top: -25px;
		margin-bottom: 25px;
	}

	.guide-menu h5 {
		font-weight: 800;
		color: #6e6e6e;
		font-size: 22px;
	}

	.impressive {
		font-weight: 800;
		font-size: 24px;
	}

	hr.guide-blue-hr {
		-o-border-image: none;
		border-image: none;
		border: 2px solid #014085;
		margin-bottom: 20px;
		margin-top: 20px;
	}

	hr.guide-white-hr {
		-o-border-image: none;
		border-image: none;
		border: 2px solid #ffffff;
		margin-bottom: 20px;
		margin-top: 20px;
	}

	hr.guide-coronavirus-hr {
		-o-border-image: none;
		border-image: none;
		border: 2px solid #2A557F;
		margin-bottom: 20px;
		margin-top: 20px;
	}

	.reminder {
		color: #0a545f !important;
		font-weight: 800;
		font-size: 18px;
		margin-bottom: 5px;
	}

	.tip {
		color: #866307 !important;
		font-weight: 800;
		font-size: 18px;
		margin-bottom: 5px;
	}

	.content-element {
		margin: 50px 0 0 50px;
	}

	.circles-list ol {
		list-style-type: none;
		margin-left: 1.25em;
		padding-left: 2.5em;
		counter-reset: li-counter;
		border-left: 1px solid #ccc;
		position: relative;
	}

	.circles-list ol>li {
		position: relative;
		margin-bottom: 3.125em;
		clear: both;
	}

	.circles-list ol>li:before {
		position: absolute;
		top: -0.3em;
		font-family: "Open Sans", sans-serif;
		font-weight: 900;
		/*font-size: 1em;*/
		font-size: 16px;
		left: -3.75em;
		width: 2.25em;
		height: 2.25em;
		line-height: 2em;
		text-align: center;
		z-index: 9;
		color: #245194;
		border: 2px solid #ccc;
		border-radius: 50%;
		content: counter(li-counter);
		background-color: #eff0f2;
		counter-increment: li-counter;
	}

	.navbar {
		margin-bottom: 0px;
		height: 70px;
	}

	.navbar-default {
		background: rgb(36, 81, 148);
		background: rgba(36, 81, 148, 1);
		padding-top: 8px;
		transition: all 0.6s ease-out;
		border-bottom: 1px solid rgba(255, 255, 255, 0);
	}

	.navbar-default.scrolled {
		border-bottom: 1px solid #2d3032 !important;
		background: rgb(36, 81, 148);
		background: rgba(36, 81, 148, 1);
	}

	.navbar-header {
		padding-right: 0px;
	}

	span.font-mobile {
		font-size: 12px !important;
	}

	.masthead-nav>li {
		display: inline-block;
		margin-top: 2px;
		font-family: 'Open Sans', sans-serif;
		margin-right: -20px;
	}

	.masthead-nav>li+li {
		margin-left: 50px;
	}

	.masthead-nav>li>a {
		padding-right: 0;
		padding-left: 0;
		font-size: 16px;
		color: #fff;
		/* IE8 proofing */
		border-bottom: 2px solid transparent;
		transition: all 0.6s ease-out;
	}

	.masthead-nav>li>a.scrolled {
		padding-right: 0;
		padding-left: 0;
		font-size: 16px;
		color: #fff !important;
		/* IE8 proofing */
		border-bottom: 2px solid transparent;
	}

	.masthead-nav>li>a:hover,
	.masthead-nav>li>a:focus {
		padding-bottom: 5px;
		background-color: transparent;
		border-bottom-color: #a9a9a9;
		border-bottom-color: rgba(255, 255, 255, .25);
		transition: all 0.6s ease-out;
		text-decoration: none;
	}

	.masthead-nav>li>a:hover.scrolled,
	.masthead-nav>li>a:focus.scrolled {
		padding-bottom: 5px;
		background-color: transparent;
		border-bottom-color: #a9a9a9;
		border-bottom-color: rgba(255, 255, 255, .25);
		text-decoration: none;
	}

	.masthead-nav>.active>a,
	.masthead-nav>.active>a:hover,
	.masthead-nav>.active>a:focus {
		color: #fff;
		border-bottom-color: #fff;
	}

	.anchors {
		padding-top: 100px;
	}

	/* sidebar */
	.bs-docs-sidebar {
		padding-top: 0px;
		padding-left: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
	}

	/* all links */
	.bs-docs-sidebar .nav>li>a {
		color: #222;
		border-left: 2px solid transparent;
		padding: 4px 4px;
		font-size: 14px;
		font-weight: 400;
		white-space: pre;
	}

	/* nested links */
	.bs-docs-sidebar .nav .nav>li>a {
		padding-top: 1px;
		padding-bottom: 1px;
		padding-left: 30px;
		font-size: 12px;
	}

	/* active & hover links */
	.bs-docs-sidebar .nav>.active>a,
	.bs-docs-sidebar .nav>li>a:hover {
		color: #245194;
		text-decoration: none;
		background-color: transparent;
		border-left-color: #245194;
	}

	/* all active links */
	.bs-docs-sidebar .nav>.active>a,
	.bs-docs-sidebar .nav>.active:hover>a {
		color: #245194;
		text-decoration: none;
		background-color: transparent;
		border-left-color: #245194;
	}

	/* nested active links */
	.bs-docs-sidebar .nav .nav>.active>a,
	.bs-docs-sidebar .nav .nav>.active:hover>a {
		color: #245194;
		text-decoration: none;
		background-color: transparent;
		border-left-color: #245194;
	}

	/* hide inactive nested list */
	.bs-docs-sidebar .nav ul.nav {
		display: block;
	}

	/* show active nested list */
	.bs-docs-sidebar .nav>.active>ul.nav {
		display: block;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
	/* ============================= ELEMENTS ============================= */

	/* ============================= ID's ============================= */
	#navbar {
		background-color: #fff;
	}

	#guides h3 {
		font-weight: 400;
		color: #222;
		font-family: 'Open Sans', sans-serif !important;
		font-size: 22px !important;
	}

	#del-nav-sm {
		display: flex;
	}

	#sidebar {
		display: block;
	}

	/* ============================= Classes ============================= */
	.btn-de-feedback {
		text-align: center;
		font-size: 24px;
		color: #fff !important;
		background-color: #245194;
		background-image: none;
		border-color: #245194;
		border-radius: 0px;
		width: 300px;
		padding: 30px;
		cursor: pointer;
	}

	.btn-de-feedback:hover {
		text-align: center;
		font-size: 24px;
		color: #fff !important;
		background-color: #245194;
		background-image: none;
		border-color: #245194;
		border-radius: 0px;
		width: 300px;
		padding: 30px;
		cursor: pointer;
	}

	.callout-container {
		display: relative;
		width: 100%;
	}

	.services-callout {
		background-color: #e8f4e9;
		border: 3px solid #8ac78b;
		box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.25);
		width: auto;
		height: 100%;
		flex: 1;
		padding: 25px;
	}

	.navbar {
		margin-bottom: 0px;
		height: 70px;
	}

	.navbar-default {
		background: rgb(36, 81, 148);
		background: rgba(36, 81, 148, 1);
		padding-top: 8px;
		transition: all 0.6s ease-out;
		border-bottom: 1px solid rgba(255, 255, 255, 0);
	}

	.navbar-default.scrolled {
		border-bottom: 1px solid #2d3032 !important;
		background: rgb(36, 81, 148);
		background: rgba(36, 81, 148, 1);
	}

	.navbar-header {
		padding-right: 0px;
	}

	.masthead-nav>li {
		display: inline-block;
		margin-top: 2px;
		font-family: 'Open Sans', sans-serif;
		margin-right: -20px;
	}

	.masthead-nav>li+li {
		margin-left: 50px;
	}

	.masthead-nav>li>a {
		padding-right: 0;
		padding-left: 0;
		font-size: 16px;
		color: #fff;
		/* IE8 proofing */
		border-bottom: 2px solid transparent;
		transition: all 0.6s ease-out;
	}

	.masthead-nav>li>a.scrolled {
		padding-right: 0;
		padding-left: 0;
		font-size: 16px;
		color: #fff !important;
		/* IE8 proofing */
		border-bottom: 2px solid transparent;
	}

	.masthead-nav>li>a:hover,
	.masthead-nav>li>a:focus {
		padding-bottom: 5px;
		background-color: transparent;
		border-bottom-color: #a9a9a9;
		border-bottom-color: rgba(255, 255, 255, .25);
		transition: all 0.6s ease-out;
		text-decoration: none;
	}

	.masthead-nav>li>a:hover.scrolled,
	.masthead-nav>li>a:focus.scrolled {
		padding-bottom: 5px;
		background-color: transparent;
		border-bottom-color: #a9a9a9;
		border-bottom-color: rgba(255, 255, 255, .25);
		text-decoration: none;
	}

	.masthead-nav>.active>a,
	.masthead-nav>.active>a:hover,
	.masthead-nav>.active>a:focus {
		color: #fff;
		border-bottom-color: #fff;
	}

	.anchors {
		padding-top: 100px;
	}

	/* sidebar */
	.bs-docs-sidebar {
		padding-top: 0px;
		padding-left: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
	}

	/* all links */
	.bs-docs-sidebar .nav>li>a {
		color: #222;
		border-left: 2px solid transparent;
		padding: 4px 4px;
		font-size: 14px;
		font-weight: 400;
		white-space: pre;
	}

	/* nested links */
	.bs-docs-sidebar .nav .nav>li>a {
		padding-top: 1px;
		padding-bottom: 1px;
		padding-left: 30px;
		font-size: 12px;
	}

	/* active & hover links */
	.bs-docs-sidebar .nav>.active>a,
	.bs-docs-sidebar .nav>li>a:hover {
		color: #245194;
		text-decoration: none;
		background-color: transparent;
		border-left-color: #245194;
	}

	/* all active links */
	.bs-docs-sidebar .nav>.active>a,
	.bs-docs-sidebar .nav>.active:hover>a {
		color: #245194;
		text-decoration: none;
		background-color: transparent;
		border-left-color: #245194;
	}

	/* nested active links */
	.bs-docs-sidebar .nav .nav>.active>a,
	.bs-docs-sidebar .nav .nav>.active:hover>a {
		color: #245194;
		text-decoration: none;
		background-color: transparent;
		border-left-color: #245194;
	}

	/* hide inactive nested list */
	.bs-docs-sidebar .nav ul.nav {
		display: block;
	}

	/* show active nested list */
	.bs-docs-sidebar .nav>.active>ul.nav {
		display: block;
	}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	/* ============================= ELEMENTS ============================= */

	/* ============================= ID's ============================= */
	#main_header h1 {
		font-family: 'Open Sans', sans-serif !important;
		font-size: 55px;

		margin: 0;

		color: #1670c9 !important;
	}

	#navbar {
		background-color: transparent;
		border-bottom: none;
	}

	#guides h3 {
		font-weight: 400;
		color: #222;
		font-family: 'Open Sans', sans-serif !important;
		font-size: 22px !important;
	}

	#guide-description {
		margin-bottom: -100px;
	}

	#guide-description-coronavirus {
		margin-bottom: -60px;
	}

	#del-nav-sm {
		display: none;
	}

	#sidebar {
		/*display: flex;*/
		display: block;
	}

	/* ============================= Classes ============================= */
	.spot-graphic-md {
		width: 50%;
	}

	.exclamation-icon {
		background-color: #f5c6cc;
		margin-top: -25px;
		margin-left: -10px;
		margin-bottom: -15px;
		padding: 10px;
	}

	.sticky-note-icon {
		background-color: #b8daff;
		margin-top: -25px;
		margin-left: -10px;
		margin-bottom: -15px;
		padding: 10px;
	}

	.bell-icon {
		background-color: #acf0a5;
		margin-top: -25px;
		margin-left: -10px;
		margin-bottom: -15px;
		padding: 10px;
	}

	.impressive {
		text-align: left;
	}

	.coronavirus-quick-links-tile {
		height: 250px;
	}

	h3.coronavirus-first-header {
		padding-top: 70px;
	}

	.guides-ask {
		padding-top: 0;
	}

	.guides-ask,
	.guides-ask input[type=text] {
		color: #6e757c !important;
		font-family: 'Open Sans' !important;
		font-weight: 900 !important;
		font-size: 45px !important;
		border: 0px;
	}

	.guides-ask button {
		margin-top: 10px;
		display: block;
		border: 0px !important;
		background-color: inherit;
		color: #6e757c !important;
	}

	.callout-container {
		display: flex;
		width: 100%;
	}

	.services-callout {
		background-color: #e8f4e9;
		border: 3px solid #8ac78b;
		box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.25);
		width: auto;
		height: 100%;
		flex: 1;
		padding: 25px;
	}

	.mainTitle {
		font-size: 50px;
	}

	.btn-de-search {
		color: #fff;
		background-color: transparent;
		background-image: none;
		border-color: #fff;
		border-radius: 0px;
		width: 225px;
	}

	.btn-de-search:hover {
		color: #fff;
		background-color: #245194;
		background-image: none;
		border-color: #245194;
		border-radius: 0px;
		width: 225px;
	}

	.btn-de-feedback {
		text-align: center;
		font-size: 24px;
		color: #fff !important;
		background-color: #245194;
		background-image: none;
		border-color: #245194;
		border-radius: 0px;
		width: 300px;
		padding: 30px;
		cursor: pointer;
	}

	.btn-de-feedback:hover {
		text-align: center;
		font-size: 24px;
		color: #fff !important;
		background-color: #245194;
		background-image: none;
		border-color: #245194;
		border-radius: 0px;
		width: 300px;
		padding: 30px;
		cursor: pointer;
	}

	.navbar {
		margin-bottom: 0px;
		height: 70px;
	}

	.navbar-default {
		background: rgb(36, 81, 148);
		background: rgba(36, 81, 148, 1);
		padding-top: 8px;
		transition: all 0.6s ease-out;
		border-bottom: 1px solid rgba(255, 255, 255, 0);
	}

	.navbar-default.scrolled {
		border-bottom: 1px solid #2d3032 !important;
		background: rgb(36, 81, 148);
		background: rgba(36, 81, 148, 1);
	}

	.navbar-header {
		padding-right: 0px;
	}

	.masthead-nav>li {
		display: inline-block;
		margin-top: 2px;
		font-family: 'Open Sans', sans-serif;
		margin-right: 0px;
	}

	.masthead-nav>li+li {
		margin-left: 40px;
	}

	.masthead-nav>li>a {
		padding-right: 0;
		padding-left: 0;
		font-size: 16px;
		color: #fff;
		/* IE8 proofing */
		border-bottom: 2px solid transparent;
		transition: all 0.6s ease-out;
	}

	.masthead-nav>li>a.scrolled {
		padding-right: 0;
		padding-left: 0;
		font-size: 16px;
		color: #fff !important;
		/* IE8 proofing */
		border-bottom: 2px solid transparent;
	}

	.masthead-nav>li>a:hover,
	.masthead-nav>li>a:focus {
		padding-bottom: 5px;
		background-color: transparent;
		border-bottom-color: #a9a9a9;
		border-bottom-color: rgba(255, 255, 255, .25);
		transition: all 0.6s ease-out;
		text-decoration: none;
	}

	.masthead-nav>li>a:hover.scrolled,
	.masthead-nav>li>a:focus.scrolled {
		padding-bottom: 5px;
		background-color: transparent;
		border-bottom-color: #a9a9a9;
		border-bottom-color: rgba(255, 255, 255, .25);
		text-decoration: none;
	}

	.masthead-nav>.active>a,
	.masthead-nav>.active>a:hover,
	.masthead-nav>.active>a:focus {
		color: #fff;
		border-bottom-color: #fff;
	}

	.content-element {
		margin: 50px 0 0 50px;
	}

	.circles-list ol {
		list-style-type: none;
		margin-left: 4.25em;
		padding-left: 4.8em;
		counter-reset: li-counter;
		border-left: 1px solid #ccc;
		position: relative;
	}

	.circles-list ol>li {
		position: relative;
		margin-bottom: 3.125em;
		clear: both;
	}

	.circles-list ol>li:before {
		position: absolute;
		top: -0.8em;
		font-family: "Open Sans", sans-serif;
		font-weight: 900;
		/*font-size: 3em;*/
		font-size: 48px;
		left: -2.75em;
		width: 2.25em;
		height: 2.25em;
		line-height: 2em;
		text-align: center;
		z-index: 9;
		color: #245194;
		border: 2px solid #ccc;
		border-radius: 50%;
		content: counter(li-counter);
		background-color: #eff0f2;
		counter-increment: li-counter;
	}

	.anchors {
		padding-top: 100px;
	}

	/* sidebar */
	.bs-docs-sidebar {
		padding-top: 100px;
		padding-left: 20px;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	/* all links */
	.bs-docs-sidebar .nav>li>a {
		color: #222;
		border-left: 2px solid transparent;
		padding: 4px 4px;
		font-size: 14px;
		font-weight: 400;
		white-space: pre;
	}

	/* nested links */
	.bs-docs-sidebar .nav .nav>li>a {
		padding-top: 1px;
		padding-bottom: 1px;
		padding-left: 30px;
		font-size: 12px;
	}

	/* active & hover links */
	.bs-docs-sidebar .nav>.active>a,
	.bs-docs-sidebar .nav>li>a:hover {
		color: #245194;
		text-decoration: none;
		background-color: transparent;
		border-left-color: #245194;
	}

	/* all active links */
	.bs-docs-sidebar .nav>.active>a,
	.bs-docs-sidebar .nav>.active:hover>a {
		color: #245194;
		text-decoration: none;
		background-color: transparent;
		border-left-color: #245194;
	}

	/* nested active links */
	.bs-docs-sidebar .nav .nav>.active>a,
	.bs-docs-sidebar .nav .nav>.active:hover>a {
		color: #245194;
		text-decoration: none;
		background-color: transparent;
		border-left-color: #245194;
	}

	/* hide inactive nested list */
	.bs-docs-sidebar .nav ul.nav {
		display: block;
	}

	/* show active nested list */
	.bs-docs-sidebar .nav>.active>ul.nav {
		display: block;
	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	/* ============================= ELEMENTS ============================= */

	/* ============================= ID's ============================= */
	#main_header h1 {
		font-family: 'Open Sans', sans-serif !important;
		font-size: 55px;

		margin: 0;

		color: #1670c9 !important;
	}

	#headerImage {
		/*height: 450px;*/
		height: auto;
		min-height: 550px;
		width: 100%;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 50%;
		margin-top: -20px;
		position: relative;
		padding-top: 0px;
		margin-top: -210px;
	}

	#guideHeaderImage {
		/*height: 550px;*/
		height: auto;
		min-height: 550px;
		width: 100%;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 50%;
		margin-top: -20px;
		position: relative;
		padding-top: 0px;
		margin-top: -210px;
	}

	#navbar {
		background-color: transparent;
		border-bottom: none;
	}

	#guides h3 {
		font-weight: 400;
		color: #222;
		font-family: 'Open Sans', sans-serif !important;
		font-size: 26px !important;
	}

	#guide-description {
		margin-bottom: -100px;
	}

	#del-nav-sm {
		display: none;
	}

	#sidebar {
		/*display: flex;*/
		display: block;
	}

	/* ============================= Classes ============================= */
	.spot-graphic-md {
		width: 50%;
	}

	.exclamation-icon {
		background-color: #f5c6cc;
		margin-top: -25px;
		margin-left: -10px;
		margin-bottom: -15px;
		padding: 10px;
	}

	.sticky-note-icon {
		background-color: #b8daff;
		margin-top: -25px;
		margin-left: -10px;
		margin-bottom: -15px;
		padding: 10px;
	}

	.bell-icon {
		background-color: #acf0a5;
		margin-top: -25px;
		margin-left: -10px;
		margin-bottom: -15px;
		padding: 10px;
	}

	.impressive {
		text-align: left;
	}

	.coronavirus-quick-links-tile {
		height: 220px;
	}

	.guides-ask,
	.guides-ask input[type=text] {
		color: #6e757c !important;
		font-family: 'Open Sans' !important;
		font-weight: 900 !important;
		font-size: 65px !important;
		border: 0px;
	}

	.guides-ask button {
		margin-top: 10px;
		display: block;
		border: 0px !important;
		background-color: inherit;
		color: #6e757c !important;
	}

	.callout-container {
		display: flex;
		width: 100%;
	}

	.services-callout {
		background-color: #e8f4e9;
		border: 3px solid #8ac78b;
		box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.25);
		width: auto;
		height: 100%;
		flex: 1;
		padding: 25px;
	}

	.btn-de-search {
		color: #fff;
		background-color: transparent;
		background-image: none;
		border-color: #fff;
		border-radius: 0px;
		width: 225px;
	}

	.btn-de-search:hover {
		color: #fff;
		background-color: #245194;
		background-image: none;
		border-color: #245194;
		border-radius: 0px;
		width: 225px;
	}

	.btn-de-feedback {
		text-align: center;
		font-size: 24px;
		color: #fff !important;
		background-color: #245194;
		background-image: none;
		border-color: #245194;
		border-radius: 0px;
		width: 300px;
		padding: 30px;
		cursor: pointer;
	}

	.btn-de-feedback:hover {
		text-align: center;
		font-size: 24px;
		color: #fff !important;
		background-color: #245194;
		background-image: none;
		border-color: #245194;
		border-radius: 0px;
		width: 300px;
		padding: 30px;
		cursor: pointer;
	}

	.navbar {
		margin-bottom: 0px;
		height: 70px;
	}

	.navbar-default {
		background: rgb(36, 81, 148);
		background: rgba(36, 81, 148, 1);
		padding-top: 8px;
		transition: all 0.6s ease-out;
		border-bottom: 1px solid rgba(255, 255, 255, 0);
	}

	.navbar-default.scrolled {
		border-bottom: 1px solid #2d3032 !important;
		background: rgb(36, 81, 148);
		background: rgba(36, 81, 148, 1);
	}

	.masthead-nav>li {
		display: inline-block;
		margin-top: 2px;
		font-family: 'Open Sans', sans-serif;
		margin-right: 0px;
	}

	.masthead-nav>li+li {
		margin-left: 50px;
	}

	.masthead-nav>li>a {
		padding-right: 0;
		padding-left: 0;
		font-size: 16px;
		color: #fff;
		/* IE8 proofing */
		border-bottom: 2px solid transparent;
		transition: all 0.6s ease-out;
	}

	.masthead-nav>li>a.scrolled {
		padding-right: 0;
		padding-left: 0;
		font-size: 16px;
		color: #fff !important;
		/* IE8 proofing */
		border-bottom: 2px solid transparent;
	}

	.masthead-nav>li>a:hover,
	.masthead-nav>li>a:focus {
		padding-bottom: 5px;
		background-color: transparent;
		border-bottom-color: #a9a9a9;
		border-bottom-color: rgba(255, 255, 255, .25);
		transition: all 0.6s ease-out;
		text-decoration: none;
	}

	.masthead-nav>li>a:hover.scrolled,
	.masthead-nav>li>a:focus.scrolled {
		padding-bottom: 5px;
		background-color: transparent;
		border-bottom-color: #a9a9a9;
		border-bottom-color: rgba(255, 255, 255, .25);
		text-decoration: none;
	}

	.masthead-nav>.active>a,
	.masthead-nav>.active>a:hover,
	.masthead-nav>.active>a:focus {
		color: #fff;
		border-bottom-color: #fff;
	}

	.content-element {
		margin: 50px 0 0 50px;
	}

	.circles-list ol {
		list-style-type: none;
		margin-left: 4.25em;
		padding-left: 4.8em;
		counter-reset: li-counter;
		border-left: 1px solid #ccc;
		position: relative;
	}

	.circles-list ol>li {
		position: relative;
		margin-bottom: 3.125em;
		clear: both;
	}

	.circles-list ol>li:before {
		position: absolute;
		top: -0.8em;
		font-family: "Open Sans", sans-serif;
		font-weight: 900;
		/*font-size: 3em;*/
		font-size: 48px;
		left: -2.75em;
		width: 2.25em;
		height: 2.25em;
		line-height: 2em;
		text-align: center;
		z-index: 9;
		color: #245194;
		border: 2px solid #ccc;
		border-radius: 50%;
		content: counter(li-counter);
		background-color: #eff0f2;
		counter-increment: li-counter;
	}

	.anchors {
		padding-top: 100px;
	}

	/* sidebar */
	.bs-docs-sidebar {
		padding-top: 100px;
		padding-left: 20px;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	/* all links */
	.bs-docs-sidebar .nav>li>a {
		color: #222;
		border-left: 2px solid transparent;
		padding: 4px 20px;
		font-size: 16px;
		font-weight: 400;
		white-space: pre;
	}

	/* nested links */
	.bs-docs-sidebar .nav .nav>li>a {
		padding-top: 1px;
		padding-bottom: 1px;
		padding-left: 30px;
		font-size: 12px;
	}

	/* active & hover links */
	.bs-docs-sidebar .nav>.active>a,
	.bs-docs-sidebar .nav>li>a:hover {
		color: #245194;
		text-decoration: none;
		background-color: transparent;
		border-left-color: #245194;
	}

	/* all active links */
	.bs-docs-sidebar .nav>.active>a,
	.bs-docs-sidebar .nav>.active:hover>a {
		color: #245194;
		text-decoration: none;
		background-color: transparent;
		border-left-color: #245194;
	}

	/* nested active links */
	.bs-docs-sidebar .nav .nav>.active>a,
	.bs-docs-sidebar .nav .nav>.active:hover>a {
		color: #245194;
		text-decoration: none;
		background-color: transparent;
		border-left-color: #245194;
	}

	/* hide inactive nested list */
	.bs-docs-sidebar .nav ul.nav {
		display: block;
	}

	/* show active nested list */
	.bs-docs-sidebar .nav>.active>ul.nav {
		display: block;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	/* ============================= ELEMENTS ============================= */

	/* ============================= ID's ============================= */
	#main_header h1 {
		font-family: 'Open Sans', sans-serif !important;
		font-size: 55px;

		margin: 0;

		color: #1670c9 !important;
	}

	#headerImage {
		height: auto;
		min-height: 550px;
		width: 100%;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 50%;
		position: relative;
		padding-top: 0px;
	}

	#guideHeaderImage {
		height: auto;
		min-height: 470px;
		width: 100%;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 50%;
		position: relative;
		padding-top: 0px;
		margin-top: -185px;
	}

	#navbar {
		background-color: transparent;
		border-bottom: none;
	}

	#guides h3 {
		font-weight: 400;
		color: #222;
		font-family: 'Open Sans', sans-serif !important;
		font-size: 26px !important;
	}

	#guide-description {
		margin-bottom: -100px;
	}

	#del-nav-sm {
		display: none;
	}

	#sidebar {
		/*display: flex;*/
		display: block;
	}

	/* ============================= Classes ============================= */
	.exclamation-icon {
		background-color: #f5c6cc;
		margin-top: -25px;
		margin-left: -10px;
		margin-bottom: -15px;
		padding: 10px;
	}

	.spot-graphic-md {
		width: 50%;
	}

	.sticky-note-icon {
		background-color: #b8daff;
		margin-top: -25px;
		margin-left: -10px;
		margin-bottom: -15px;
		padding: 10px;
	}

	.bell-icon {
		background-color: #acf0a5;
		margin-top: -25px;
		margin-left: -10px;
		margin-bottom: -15px;
		padding: 10px;
	}

	.bullhorn-icon {
		background-color: #f9e079;
		margin-top: -25px;
		margin-left: -10px;
		margin-bottom: -15px;
		padding: 10px;
	}

	.impressive {
		text-align: left;
	}

	.guides-ask,
	.guides-ask input[type=text] {
		color: #6e757c !important;
		font-family: 'Open Sans' !important;
		font-weight: 900 !important;
		font-size: 75px !important;
		border: 0px;
	}

	.guides-ask button {
		margin-top: 10px;
		display: block;
		border: 0px !important;
		background-color: inherit;
		color: #6e757c !important;
	}

	.callout-container {
		display: flex;
		width: 100%;
	}

	.services-callout {
		background-color: #e8f4e9;
		border: 3px solid #8ac78b;
		box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.25);
		width: auto;
		height: 100%;
		flex: 1;
		padding: 25px;
	}

	.btn-de-search {
		color: #fff;
		background-color: transparent;
		background-image: none;
		border-color: #fff;
		border-radius: 0px;
		width: 225px;
	}

	.btn-de-search:hover {
		color: #fff;
		background-color: #245194;
		background-image: none;
		border-color: #245194;
		border-radius: 0px;
		width: 225px;
	}

	.btn-de-feedback {
		text-align: center;
		font-size: 24px;
		color: #fff !important;
		background-color: #245194;
		background-image: none;
		border-color: #245194;
		border-radius: 0px;
		width: 300px;
		padding: 30px;
		cursor: pointer;
	}

	.btn-de-feedback:hover {
		text-align: center;
		font-size: 24px;
		color: #fff !important;
		background-color: #245194;
		background-image: none;
		border-color: #245194;
		border-radius: 0px;
		width: 300px;
		padding: 30px;
		cursor: pointer;
	}

	.navbar {
		margin-bottom: 0px;
		height: 70px;
	}

	.navbar-default {
		background: rgb(36, 81, 148);
		background: rgba(36, 81, 148, 1);
		padding-top: 8px;
		transition: all 0.6s ease-out;
		border-bottom: 1px solid rgba(255, 255, 255, 0);
	}

	.navbar-default.scrolled {
		border-bottom: 1px solid #2d3032 !important;
		background: rgb(36, 81, 148);
		background: rgba(36, 81, 148, 1);
	}

	.masthead-nav>li {
		display: inline-block;
		margin-top: -2px;
		font-family: 'Open Sans', sans-serif;
	}

	.masthead-nav>li+li {
		margin-left: 50px;
	}

	.masthead-nav>li>a {
		padding-right: 0;
		padding-left: 0;
		font-size: 16px;
		color: #fff;
		/* IE8 proofing */
		border-bottom: 2px solid transparent;
		transition: all 0.6s ease-out;
	}

	.masthead-nav>li>a.scrolled {
		padding-right: 0;
		padding-left: 0;
		font-size: 16px;
		color: #fff !important;
		/* IE8 proofing */
		border-bottom: 2px solid transparent;
	}

	.masthead-nav>li>a:hover,
	.masthead-nav>li>a:focus {
		padding-bottom: 5px;
		background-color: transparent;
		border-bottom-color: #a9a9a9;
		border-bottom-color: rgba(255, 255, 255, .25);
		transition: all 0.6s ease-out;
		text-decoration: none;
	}

	.masthead-nav>li>a:hover.scrolled,
	.masthead-nav>li>a:focus.scrolled {
		padding-bottom: 5px;
		background-color: transparent;
		border-bottom-color: #a9a9a9;
		border-bottom-color: rgba(255, 255, 255, .25);
		text-decoration: none;
	}

	.masthead-nav>.active>a,
	.masthead-nav>.active>a:hover,
	.masthead-nav>.active>a:focus {
		color: #fff;
		border-bottom-color: #fff;
	}

	.content-element {
		margin: 50px 0 0 50px;
	}

	.circles-list ol {
		list-style-type: none;
		margin-left: 4.25em;
		padding-left: 4.8em;
		counter-reset: li-counter;
		border-left: 1px solid #ccc;
		position: relative;
	}

	.circles-list ol>li {
		position: relative;
		margin-bottom: 3.125em;
		clear: both;
	}

	.circles-list ol>li:before {
		position: absolute;
		top: -0.8em;
		font-family: "Open Sans", sans-serif;
		font-weight: 900;
		/*font-size: 3em;*/
		font-size: 48px;
		left: -2.75em;
		width: 2.25em;
		height: 2.25em;
		line-height: 2em;
		text-align: center;
		z-index: 9;
		color: #245194;
		border: 2px solid #ccc;
		border-radius: 50%;
		content: counter(li-counter);
		background-color: #eff0f2;
		counter-increment: li-counter;
	}

	.anchors {
		padding-top: 100px;
	}

	/* sidebar */
	.bs-docs-sidebar {
		padding-top: 100px;
		padding-left: 20px;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	/* all links */
	.bs-docs-sidebar .nav>li>a {
		color: #222;
		border-left: 2px solid transparent;
		padding: 4px 30px;
		font-size: 16px;
		font-weight: 400;
		white-space: pre;
	}

	/* nested links */
	.bs-docs-sidebar .nav .nav>li>a {
		padding-top: 1px;
		padding-bottom: 1px;
		padding-left: 30px;
		font-size: 12px;
	}

	/* active & hover links */
	.bs-docs-sidebar .nav>.active>a,
	.bs-docs-sidebar .nav>li>a:hover {
		color: #245194;
		text-decoration: none;
		background-color: transparent;
		border-left-color: #245194;
	}

	/* all active links */
	.bs-docs-sidebar .nav>.active>a,
	.bs-docs-sidebar .nav>.active:hover>a {
		color: #245194;
		text-decoration: none;
		background-color: transparent;
		border-left-color: #245194;
	}

	/* nested active links */
	.bs-docs-sidebar .nav .nav>.active>a,
	.bs-docs-sidebar .nav .nav>.active:hover>a {
		color: #245194;
		text-decoration: none;
		background-color: transparent;
		border-left-color: #245194;
	}

	/* hide inactive nested list */
	.bs-docs-sidebar .nav ul.nav {
		display: block;
	}

	/* show active nested list */
	.bs-docs-sidebar .nav>.active>ul.nav {
		display: block;
	}
}

/* ============================= STRAT - STYLE FOR EDGE/IE BROWSER ============================= */
/*EDGE*/
@supports (-ms-ime-align:auto) {
	.jumbotron h1 {
		font-weight: 200 !important;
	}

	#stats-section h3 {
		font-weight: 200 !important;
	}
}

/*IE*/
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	.jumbotron h1 {
		font-weight: 200 !important;
	}

	#stats-section h3 {
		font-weight: 200 !important;
	}
}

/* ============================= END - STYLE FOR EDGE/IE BROWSER ============================= */


/* Fix for table background on Social Media page */
table.dataTable tbody tr.even {
	background-color: inherit;
}

.page-social-media .socialgrey {
	color: #AFACAC;
}

.page-social-media th {
	background-color: #bee5eb;
}


/*sidebar stick in IE browser*/
.sticky-top-ie {
	position: fixed;
	z-index: 99;
	top: 0px;
}

.sticky-top-ie h4 {
	font-size: 20px;
}

@media (max-width: 767px) {
	.navbar {
		padding: 0;
	}

	.navbar-brand {
		margin-left: 1rem;
	}

	.navbar-collapse {
		background-color: #245194;
		padding: 5px 10px;
	}

	.masthead-nav>li+li {
		margin-left: 0;
	}
}

@media (min-width: 992px) {
	.navbar-collapse {
		flex-grow: 0;
	}
}

.navbar-toggler {
	border: none;
	line-height: .02;
	margin-right: 1rem;
	width: 25px;
	height: 70px;
}

.navbar-toggler .icon-bar {
	background-color: #FFFFFF;
	display: inline-block;
	height: 2px;
	width: 22px;
}

#search-tabs-container .navbar-toggler {
	width: auto;
}

body#search-page #header-search .twitter-typeahead {
	background-color: transparent;
}

/* New header search styles */

@media (min-width: 768px) and (max-width: 937px) {
	.masthead-nav {
		margin-top: 0px !important;
	}
}

.header-icon-main-search {
	color: #ffffff;
	cursor: pointer;
}

@media (max-width: 767px) {
	.header-search-main {
		padding-bottom: 10px;
	}
}

.header-search {
	/*position: absolute;
		top: 70px;
		left: 0px;*/
	padding-top: 10px;
	height: 180px;
	z-index: 100000;
	background-color: #0E3269;
	width: 100%;
	display: none;
}

@media (min-width: 768px) {
	.header-search {
		position: absolute;
		top: 70px;
		left: 0px;
	}
}

/*@media (max-width: 767px) {
		.header-search-main {
			position: absolute;
			top: 70px;
			right: 15px;			
			display: block;
		}
	}*/

@media (min-width: 992px) {
	.header-search-main {
		margin-left: 60px;
	}
}

.header-search-main-input {
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #FFFFFF;
	width: 100%;
	font-size: 25px;
	color: #ffffff;
}

.header-search-main-submit {
	/*display: none;*/
	opacity: 0;
}

.header-search-close-button {
	margin-bottom: 25px;
	background-color: transparent;
	color: #ffffff;
	font-size: 25px;
}

/*.mobile-placement {
		position: absolute;
		top: 240px;
		left: 0;
		right: 0;
	}*/

.header-search-main-input::-webkit-input-placeholder {
	color: #ffffff;
}

.header-search-main-input::-moz-placeholder {
	color: #ffffff;
}

.header-search-main-input:-ms-input-placeholder {
	color: #ffffff;
}

.header-search-main-input::-ms-input-placeholder {
	color: #ffffff;
}

.header-search-main-input::placeholder {
	color: #ffffff;
}

.header-search-main-input::-ms-input-placeholder {
	color: #ffffff;
}

.header-search-main-input:focus {
	outline: none;
}

#search-page .header-search-main-input {
	background-color: transparent;
}

.navbar-toggler:focus {
	outline: 0px;
}

.navbar {
	align-items: baseline !important;
}

.funnelback-wrapper .twitter-typeahead {
	display: inline-block !important;
}

#search-tabs {
	background-color: transparent;
}

/*@media (min-width: 768px) and (max-width: 991px) {
		#portalSearch {
			padding-right: 11px;
		}
	}
	
	@media (min-width: 992px) and (max-width: 1199px) {
		#portalSearch {
			padding-right: 32px;
		}
	}
	
	@media (min-width: 1200px) {
		#portalSearch {
			padding-right: 200px;
			padding-left: 180px;
		}
	}*/





/** TOP NAV SEARCH STYLES **/
li#header-search-main :focus {
	padding-bottom: 5px;
	background-color: transparent;
	border-bottom-color: #a9a9a9;
	border-bottom-color: rgba(255, 255, 255, 0.25);
	transition: all 0.6s ease-out;
	text-decoration: none;
}

li#header-search-main :hover {
	padding-bottom: 5px;
	background-color: transparent;
	border-bottom-color: #a9a9a9;
	border-bottom-color: rgba(255, 255, 255, 0.25);
	transition: all 0.6s ease-out;
	text-decoration: none;
	border-bottom: 2px solid transparent;
}

@media only screen and (min-width: 320px) {
	li#header-search-main :focus {
		padding-bottom: 5px;
		background-color: transparent;
		border-bottom-color: #a9a9a9;
		border-bottom-color: rgba(255, 255, 255, 0.25);
		transition: all 0.6s ease-out;
		text-decoration: none;
	}

	li#header-search-main :hover {
		padding-bottom: 5px;
		background-color: transparent;
		border-bottom-color: #a9a9a9;
		border-bottom-color: rgba(255, 255, 255, 0.25);
		transition: all 0.6s ease-out;
		text-decoration: none;
	}

	li#header-search-main .fa-search:hover {
		border-bottom: none;
		padding-bottom: 0;
	}
}

@media only screen and (min-width: 480px) {
	li#header-search-main :focus {
		padding-bottom: 5px;
		background-color: transparent;
		border-bottom-color: #a9a9a9;
		border-bottom-color: rgba(255, 255, 255, 0.25);
		transition: all 0.6s ease-out;
		text-decoration: none;
	}

	li#header-search-main :hover {
		padding-bottom: 5px;
		background-color: transparent;
		border-bottom-color: #a9a9a9;
		border-bottom-color: rgba(255, 255, 255, 0.25);
		transition: none;
		text-decoration: none;
	}
}

@media only screen and (min-width: 768px) {
	li#header-search-main :focus {
		padding-bottom: 5px;
		background-color: transparent;
		border-bottom-color: #a9a9a9;
		border-bottom-color: rgba(255, 255, 255, 0.25);
		transition: all 0.6s ease-out;
		text-decoration: none;
	}

	li#header-search-main :hover {
		padding-bottom: 5px;
		background-color: transparent;
		border-bottom-color: #a9a9a9;
		border-bottom-color: rgba(255, 255, 255, 0.25);
		transition: none;
		text-decoration: none;
	}
}

@media only screen and (min-width: 992px) {

	li#header-search-main :focus,
	li#header-search-main :hover {
		padding-bottom: 5px;
		background-color: transparent;
		border-bottom-color: #a9a9a9;
		border-bottom-color: rgba(255, 255, 255, 0.25);
		transition: all 0.6s ease-out;
		text-decoration: none;
	}

	li#header-search-main :hover {
		padding-bottom: 5px;
		background-color: transparent;
		border-bottom-color: #a9a9a9;
		border-bottom-color: rgba(255, 255, 255, 0.25);
		transition: none;
		text-decoration: none;
	}
}

@media only screen and (min-width: 1200px) {
	li#header-search-main :focus {
		padding-bottom: 5px;
		background-color: transparent;
		border-bottom-color: #a9a9a9;
		border-bottom-color: rgba(255, 255, 255, 0.25);
		transition: all 0.6s ease-out;
		text-decoration: none;
	}

	li#header-search-main :hover {
		padding-bottom: 5px;
		background-color: transparent;
		border-bottom-color: #a9a9a9;
		border-bottom-color: rgba(255, 255, 255, 0.25);
		transition: none;
		text-decoration: none;
	}
}


/** kadence icon gutenberg block **/
.wp-block-kadence-icon svg {
	width: 100% !important;
	height: auto !important;
}

/** Gutenberg block pattern styles **/
.info-alert {
	background-color: #E8F6F7;
	border-top: 1px solid #8bb2dd;
	border-right: 1px solid #8bb2dd;
	border-left: 1px solid #8bb2dd;
	border-bottom: 10px solid #8bb2dd;
	padding: 25px 25px 15px 25px;
	margin-bottom: 15px;
	color: #034083;
	border-radius: 5px;
	margin: 35px 0;
}

.info-alert h2 {
	border-bottom: none;
	color: #034083;
	font-size: 24px;
	margin-bottom: 0;
	padding-bottom: 20px;
}


p.factsa {
	font-family: open sans;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 0;
	color: #245194 !important;
}

p.factsb {
	font-family: open sans;
	text-align: center;
	font-size: 24px;
	margin-bottom: 10px;
	color: #245194 !important;
}

.alert-light {
	color: #4F4F4F !important;
	background-color: #fefefe;
	border-color: #fdfdfe;
}

/**
 * EXTERNAL LINK ICON
 */
#main_content sup,
#guides-interior sup {
	top: -3px;
}

#main_content .extlink sup::after,
#guides-interior .extlink sup::after {
	font: var(--fa-font-solid);
	content: "\f35d";
	padding-left: 5px;
}

#main_content .btn sup::after,
#main_content .extlink-no-icon sup::after,
#guides-interior .btn sup::after,
#guides-interior .extlink-no-icon sup::after,
#agencyFooter i+sup::after,
#agencyFooter i+span+sup::after {
	content: "" !important;
}

.nav-menu .extlink sup::after,
.wp-caption-text .extlink sup::after {
	content: "";
}