/*====== LOCAL COLORS ===========*/
/*====== primary-, success-, info-, warning- and danger- are the same as theme brand- colors ======*/
/*====== white-, black- and text- are same as theme colors ======*/
/*
$primary-color:         #027596;
$secondary-color:       #024196;
$tertiary-color:        #07aeda;
$quaternary-color:      #009ddc;
$highlight-color:       lighten($primary-color, 60%);
*/
/*=================*/
html {
	font-size: 18px; }

body {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 1rem;
	line-height: 1.5; }

::selection {
	background-color: #024196;
	color: #ffffff; }

p {
	margin-bottom: 1.5rem; }

/* TKTK - this can be combined with regular if we are not knocking out text - REVISIT */
/* ================ images ================ */
.width-sm {
	margin-bottom: 1rem; }
	@media (min-width: 1024px) {
	.width-sm {
		width: 30%;
		display: inline-block; } }

@media (min-width: 1024px) {
	.width-md {
	width: 50%;
	display: inline-block; } }

@media (min-width: 1024px) {
	.width-lg {
	width: 60%;
	display: inline-block; } }

@media (min-width: 1024px) {
	img.width-sm.float-md-left,
	img.width-md.float-md-left,
	img.width-lg.float-md-left {
	padding-right: 1.5rem; } }

@media (min-width: 1024px) {
	img.width-sm.float-md-right,
	img.width-md.float-md-right,
	img.width-lg.float-md-right {
	padding-left: 1.5rem; } }

img.width-sm.center-block,
img.width-md.center-block,
img.width-lg.center-block {
	margin-left: auto;
	margin-right: auto; }

/*
.hero-alt {
	width: 50%;
	vertical-align: right;
	margin-left: auto;
	margin-top: -20rem;
	@media (max-width: 992px){
	}
}
*/
.h-gallery {
	background-color: #999999; }

@media (max-width: 992px) {
	#sectionid-h-01.layout-rightnav .hero-content-alt.content-block {
	width: 100% !important; } }

.hero-alt {
	width: 47%;
	margin: -30px;
	padding: 0;
	margin-top: auto;
	margin-bottom: auto; }
	@media (max-width: 992px) {
	.hero-alt {
		margin: auto;
		width: 100%; } }

/*=================*/
h1 {
	margin-top: 3rem;
	font-weight: bold; }

.hero-title {
	font-size: 3.8rem; }

h2 {
	margin-top: 0;
	font-size: 1.7rem;
	position: relative;
	font-weight: bold; }

h2.component-title {
	padding: 2.2rem 0 1.8rem 1rem;
	font-size: 2rem;
	font-weight: normal; }
	h2.component-title:after {
	content: '';
	display: block;
	background: none;
	height: 0;
	max-width: 0;
	width: 0;
	margin: 0; }

h2.component-title-alt {
	padding: 2.2rem 0 1.8rem;
	font-size: 2rem;
	font-weight: normal; }
	h2.component-title-alt:after {
	content: '';
	display: block;
	background: none;
	height: 0;
	max-width: 0;
	width: 0;
	margin: 0; }

p.component-dek,
span.component-dek {
	padding: 0 1rem;
	margin-top: 2rem;
	width: 80%; }

h3, .h3 {
	margin: 1.2rem 0 0.3rem;
	font-weight: bold;
	font-size: 1.2rem; }

h6 {
	text-transform: uppercase;
	color: #999999;
	font-weight: bold;
	border-bottom: 2px solid #eeeeee;
	padding-bottom: 0.25rem;
	margin: 2rem 0 1rem; }

hr {
	margin-top: 0; }

.component-dek {
	font-size: 1.2rem;
	margin-top: 0.5rem;
	margin-bottom: 1.2rem;
	display: inline-block; }
	@media (max-width: 767px) {
	.component-dek {
		width: 100%; } }

blockquote {
	font-size: 1.2rem;
	color: #666666; }

.captioner {
	font-size: 0.9rem;
	line-height: 0.7rem; }

/* ============ flexbox layout =============== */
/* =========================================== */
/* =========================================== */
/* vertical flex container for container-fluids */
.allcontent-flexcontain {
	display: flex;
	justify-content: space-between;
	flex-direction: column; }

/* sectionids as flex item */
div[id^="sectionid"] {
	order: 0;
	padding: 1rem 0;
	background-color: #ffffff; }

/* sectionids color within main-content-wrap div */
.main-content-wrap {
	display: flex;
	flex-direction: column; }
	.main-content-wrap .content-block h2 {
	margin-top: 2rem; }
	.main-content-wrap div[id^="sectionid"] {
	order: 0;
	padding: 1rem 0; }
	.main-content-wrap div[id^="sectionid"]:nth-of-type(odd) {
		background-color: #edefed;
		color: #000000;
		/*
	a {
		text-decoration: none;
		color: $white-color;
		margin-bottom: 0.3rem;
		border-bottom: 2px solid $white-color;
		&:hover {
		text-decoration: none;
			color: $tertiary-color;
			margin-bottom: 0.2rem;
		}
	}
*/ }
		.main-content-wrap div[id^="sectionid"]:nth-of-type(odd) a {
		text-decoration: none;
		color: #000000;
		margin-bottom: 0.3rem;
		border-bottom: 2px solid #07aeda; }
		.main-content-wrap div[id^="sectionid"]:nth-of-type(odd) a:hover {
			text-decoration: none;
			color: #07aeda; }
		.main-content-wrap div[id^="sectionid"]:nth-of-type(odd) article a {
		text-decoration: none;
		color: #006940;
		margin-bottom: 0.3rem;
		border-bottom: 2px solid #07aeda; }
		.main-content-wrap div[id^="sectionid"]:nth-of-type(odd) article a:hover {
			text-decoration: none;
			color: #07aeda;
			margin-bottom: 0.2rem; }
		.main-content-wrap div[id^="sectionid"]:nth-of-type(odd) a.content-block {
		display: block;
		text-align: center;
		margin-bottom: 0;
		border-bottom: 0;
		border-radius: 0.25rem; }
		.main-content-wrap div[id^="sectionid"]:nth-of-type(odd) a.content-block:hover {
			cursor: pointer;
			color: #000000;
			text-decoration: none;
			margin-bottom: 0;
			border-bottom: 0;
			background-color: #e6e6e6; }
		.main-content-wrap div[id^="sectionid"]:nth-of-type(odd) a.content-block img {
			margin: 1rem auto; }
	.main-content-wrap div[id^="sectionid"]:nth-of-type(even) {
		background-color: #ffffff;
		color: #000000; }
		.main-content-wrap div[id^="sectionid"]:nth-of-type(even) a {
		text-decoration: none;
		color: #000000;
		margin-bottom: 0.3rem;
		border-bottom: 2px solid #07aeda; }
		.main-content-wrap div[id^="sectionid"]:nth-of-type(even) a:hover {
			text-decoration: none;
			color: #07aeda;
			margin-bottom: 0.2rem; }
		.main-content-wrap div[id^="sectionid"]:nth-of-type(even) a.btn.btn-warning.btn-lg.btn-block {
		border-bottom: 0;
		margin-bottom: 0; }
		.main-content-wrap div[id^="sectionid"]:nth-of-type(even) a.btn.btn-warning.btn-lg.btn-block:hover {
			color: #ffffff; }

.main-content-wrap div[id^="sectionid"].layout-1up {
	padding: 1rem 27%; }
	@media (max-width: 1100px) {
	.main-content-wrap div[id^="sectionid"].layout-1up {
		padding: 1rem 12%; } }
	@media (max-width: 900px) {
	.main-content-wrap div[id^="sectionid"].layout-1up {
		padding: 1rem 0%; } }

.main-content-wrap #sectionid-alerts-02.layout-1up {
	padding: 1rem; }

.main-content-wrap #sectionid-i-100 {
	padding: 1rem 0; }

.main-content-wrap #sectionid-dashboard-03.layout-1up {
	padding: 1rem; }

.main-content-wrap #sectionid-dashboard-02.layout-1up {
	padding: 1rem; }
	.main-content-wrap #sectionid-dashboard-02.layout-1up li a {
	border-bottom: 0; }
	.main-content-wrap #sectionid-dashboard-02.layout-1up li a:hover {
		cursor: pointer; }
	.main-content-wrap #sectionid-dashboard-02.layout-1up li.active a {
	color: #ffffff; }

/*
.main-content-wrap {
	div[id^="sectionid"].layout-1up {
		padding: 1rem 25%;
		@media (max-width: 1024px) {
			padding: 1rem 5%;
		}
	}
	#sectionid-alerts-01.layout-1up {
		padding: 1rem;
	}
}
*/
/*
.page-title {
	background-color: $primary-color;
	color: $white-color;
	h1 {
		margin: 2rem 0 2rem 1.6rem;
		width: 80%;
		display: inline-block;
		@include md-break;
		font-size: 3.2rem;
	}
}
*/
.page-title {
	background-color: #009ddc;
	color: #ffffff; }
	.page-title h1 {
	margin: 1.5rem 0 0.7rem 1.6rem;
	width: 80%;
	display: inline-block;
	font-size: 3rem; }
	.page-title h1.sr-only{
	width: 1px;
	}
	@media (max-width: 767px) {
		.page-title h1 {
		width: 100%; } }
	}

/* order on #sectionid-* changes order of stripes in column */
/* default content-wrapper and content-block */
/* need content-wrapper for adding left or right margin or padding to content; content-block is a structural element */
.content-block {
	background-color: transparent; }

/*========= LAYOUTS - THESE ===========*/
/* generic */
/* adding the below styles to .content-block img REPLACES need to add img-fluid class */
div[class^="layout-"] .row {
	justify-content: space-between;
	padding: 0 15px; }

div[class^="layout-"] .content-block {
	padding: 1rem;
	margin-bottom: 1rem; }
	@media (max-width: 767px) {
	div[class^="layout-"] .content-block:nth-child(n) {
		width: 100%; } }
	div[class^="layout-"] .content-block img {
	display: block;
	max-width: 100%;
	height: auto; }

@media (max-width: 767px) {
	div[class^="layout-"] .headfoot-block:nth-child(n) {
	width: 100%; } }

div[class^="layout-"] .headfoot-block img {
	display: block;
	max-width: 100%;
	height: auto; }

@media (max-width: 576px) {
	div[class^="layout-"] .headfoot-block .nav-item {
	width: 100%; }
	div[class^="layout-"] .headfoot-block .nav-pills .nav-item + .nav-item {
	margin-left: 0; }
	div[class^="layout-"] .headfoot-block .dropdown-item {
	white-space: normal; } }

.flexit {
	display: flex;
	justify-content: space-between; }

.layout-1up .content-block {
	width: 100%; }

.layout-2up .content-block {
	width: 49.35%; }

.layout-leftnav .content-block:nth-child(2n+1) {
	width: 32.5%; }

.layout-leftnav .content-block:nth-child(2n+2) {
	width: 66.3%; }

.layout-rightnav .content-block:nth-child(2n+2) {
	width: 32.5%; }

.layout-rightnav .content-block:nth-child(2n+1) {
	width: 66.3%; }

.layout-leftnav-narrow .content-block:nth-child(2n+1) {
	width: 24.15%; }

.layout-leftnav-narrow .content-block:nth-child(2n+2) {
	width: 66.3%; }

.layout-rightnav-narrow .content-block:nth-child(2n+2) {
	width: 24.15%; }

.layout-rightnav-narrow .content-block:nth-child(2n+1) {
	width: 66.3%; }

.layout-3up .content-block {
	width: 32.5%; }

.layout-3-6-3 .content-block:nth-child(3n+1) {
	width: 24.15%; }

.layout-3-6-3 .content-block:nth-child(3n+2) {
	width: 49.35%; }

.layout-3-6-3 .content-block:nth-child(3n+3) {
	width: 24.15%; }

.layout-3-7-2 .content-block:nth-child(3n+1) {
	width: 24.15%; }

.layout-3-7-2 .content-block:nth-child(3n+2) {
	width: 57.575%; }

.layout-3-7-2 .content-block:nth-child(3n+3) {
	width: 16.1%; }

.layout-2-8-2 .content-block:nth-child(3n+1) {
	width: 16.1%; }

.layout-2-8-2 .content-block:nth-child(3n+2) {
	width: 66.3%; }

.layout-2-8-2 .content-block:nth-child(3n+3) {
	width: 16.1%; }

.layout-4up .content-block {
	width: 24.15%; }

.layout-5up .content-block {
	width: 19.1%; }

.layout-6up .content-block {
	width: 15.7%; }

.layout-leftnav .layout-3up .content-block {
	width: 32.5%; }
	.layout-leftnav .layout-3up .content-block:nth-child(3n+1) {
	background-color: #666666 !important; }
	.layout-leftnav .layout-3up .content-block:nth-child(3n+2) {
	background-color: #999999 !important; }
	.layout-leftnav .layout-3up .content-block:nth-child(3n+3) {
	background-color: #cccccc !important; }

#sectionid-300 .col-md-4.content-block:nth-child(3n+1) {
	background-color: #666666 !important; }

#sectionid-300 .col-md-4.content-block:nth-child(3n+2) {
	background-color: #999999 !important; }

#sectionid-300 .col-md-4.content-block:nth-child(3n+3) {
	background-color: #cccccc !important; }

/*========= SECTIONIDS - THESE - MUST GO BELOW LAYOUTS FOR OVERRIDE - USED FOR GRID DISPLAY ONLY ===========*/
/* specific */
#sectionid-100 {
	background-color: #dddddd; }
	#sectionid-100 .content-block {
	background-color: #006940;
	color: #ffffff; }
	#sectionid-100 .content-block:nth-child(2) {
		background-color: #024196; }

#sectionid-200 {
	background-color: #999999; }
	#sectionid-200 .content-block {
	background-color: #000000;
	color: #ffffff; }
	#sectionid-200 .content-block:nth-child(1) {
		background-color: #07aeda; }
	#sectionid-200 .content-block:nth-child(2) {
		background-color: #024196; }

#sectionid-300 {
	background-color: #dddddd; }
	#sectionid-300 .content-block {
	background-color: #999999;
	color: #ffffff; }
	#sectionid-300 .content-block:nth-child(2n+1) {
		background-color: #07aeda; }
	#sectionid-300 .content-block:nth-child(2n+2) {
		background-color: #024196; }

#sectionid-400 {
	background-color: #cccccc; }
	#sectionid-400 .content-block {
	background-color: #dddddd;
	color: #ffffff; }
	#sectionid-400 .content-block:nth-child(2n+1) {
		background-color: #006940; }
	#sectionid-400 .content-block:nth-child(2n+2) {
		background-color: #07aeda; }

#sectionid-500 {
	background-color: #dddddd; }
	#sectionid-500 .content-block {
	background-color: #999999;
	color: #ffffff; }
	#sectionid-500 .content-block:nth-child(2n+1) {
		background-color: #07aeda; }
	#sectionid-500 .content-block:nth-child(2n+2) {
		background-color: #024196; }

#sectionid-600 {
	background-color: #b5b5b5; }
	#sectionid-600 .content-block {
	background-color: #999999;
	color: #ffffff; }
	#sectionid-600 .content-block:nth-child(2n+1) {
		background-color: #006940; }
	#sectionid-600 .content-block:nth-child(2n+2) {
		background-color: #024196; }

#sectionid-700 {
	background-color: #eeeeee; }
	#sectionid-700 .content-block {
	background-color: #999999;
	color: #ffffff; }
	#sectionid-700 .content-block:nth-child(3n+1) {
		background-color: #07aeda; }
	#sectionid-700 .content-block:nth-child(3n+2) {
		background-color: #024196;
		order: -1; }
	#sectionid-700 .content-block:nth-child(3n+3) {
		background-color: #006940; }

#sectionid-800 {
	background-color: #b5b5b5; }
	#sectionid-800 .content-block {
	background-color: #000000;
	color: #ffffff; }
	#sectionid-800 .content-block:nth-child(3n+1) {
		background-color: #07aeda; }
	#sectionid-800 .content-block:nth-child(3n+2) {
		background-color: #024196; }
	#sectionid-800 .content-block:nth-child(3n+3) {
		background-color: #006940; }

#sectionid-900 {
	background-color: #dddddd; }
	#sectionid-900 .content-block {
	background-color: #000000;
	color: #ffffff; }
	#sectionid-900 .content-block:nth-child(3n+1) {
		background-color: #07aeda; }
	#sectionid-900 .content-block:nth-child(3n+2) {
		background-color: #024196; }
	#sectionid-900 .content-block:nth-child(3n+3) {
		background-color: #006940; }

#sectionid-1000 {
	background-color: #eeeeee; }
	#sectionid-1000 .content-block {
	background-color: #999999;
	color: #ffffff; }
	#sectionid-1000 .content-block:nth-child(3n+1) {
		background-color: #07aeda; }
	#sectionid-1000 .content-block:nth-child(3n+2) {
		background-color: #024196; }
	#sectionid-1000 .content-block:nth-child(3n+3) {
		background-color: #006940; }

#sectionid-1100 {
	background-color: #cccccc; }
	#sectionid-1100 .content-block {
	background-color: #000000;
	color: #ffffff; }
	#sectionid-1100 .content-block:nth-child(4n+1) {
		background-color: #07aeda; }
	#sectionid-1100 .content-block:nth-child(4n+2) {
		background-color: #024196; }
	#sectionid-1100 .content-block:nth-child(4n+3) {
		background-color: #006940; }
	#sectionid-1100 .content-block:nth-child(4n+4) {
		background-color: #009ddc; }

#sectionid-1200 {
	background-color: #666666; }
	#sectionid-1200 .content-block {
	background-color: #000000;
	color: #ffffff; }
	#sectionid-1200 .content-block:nth-child(5n+1) {
		background-color: #07aeda; }
	#sectionid-1200 .content-block:nth-child(5n+2) {
		background-color: #024196; }
	#sectionid-1200 .content-block:nth-child(5n+3) {
		background-color: #006940; }
	#sectionid-1200 .content-block:nth-child(5n+4) {
		background-color: #009ddc; }
	#sectionid-1200 .content-block:nth-child(5n+5) {
		background-color: #000000; }

#sectionid-1300 {
	background-color: #dddddd; }
	#sectionid-1300 .content-block {
	background-color: #000000;
	color: #ffffff; }
	#sectionid-1300 .content-block:nth-child(6n+1) {
		background-color: #07aeda; }
	#sectionid-1300 .content-block:nth-child(6n+2) {
		background-color: #024196; }
	#sectionid-1300 .content-block:nth-child(6n+3) {
		background-color: #006940; }
	#sectionid-1300 .content-block:nth-child(6n+4) {
		background-color: #009ddc; }
	#sectionid-1300 .content-block:nth-child(6n+5) {
		background-color: #000000; }
	#sectionid-1300 .content-block:nth-child(6n+6) {
		background-color: #999999; }

#sectionid-h-01.layout-rightnav .content-block:nth-child(2n+2) {
	width: 40%; }
	@media (max-width: 900px) {
	#sectionid-h-01.layout-rightnav .content-block:nth-child(2n+2) {
		width: 100%; } }

#sectionid-h-01.layout-rightnav .content-block:nth-child(2n+1) {
	width: 58%; }
	@media (max-width: 900px) {
	#sectionid-h-01.layout-rightnav .content-block:nth-child(2n+1) {
		width: 100%; } }

#sectionid-h-01 {
	background-color: #009ddc;
	padding: 2rem 0; }
	#sectionid-h-01 .content-block {
	background-color: transparent;
	color: #ffffff; }
	#sectionid-h-01 .content-block:nth-child(1) {
		padding: 0; }
	#sectionid-h-01 p {
	font-size: 1.3rem;
	color: #000000; }
	#sectionid-h-01 h1, #sectionid-h-01 p, #sectionid-h-01 form {
	padding: 0 1rem; }

#sectionid-h-03 {
	background-color: #009ddc;
	color: #000000; }
	#sectionid-h-03 a {
	color: #000000;
	border-bottom-color: #000000; }

#sectionid-h-04 {
	padding-bottom: 4rem;
	padding-top: 2rem; }
	#sectionid-h-04 img {
	margin-top: 1.8rem; }

#sectionid-i-100 .content-block {
	background-color: #ffffff;
	color: #000000;
	border-top-left-radius: 1rem;
	border-bottom-right-radius: 1rem;
	padding: 2rem; }

.nav.nav-pills.nav-stacked .dropdown-menu {
	background-color: transparent;
	border: 0;
	display: block;
	position: relative;
	float: none; }

.nav.nav-pills.nav-stacked a.dropdown-item {
	margin-left: 0;
	padding: 0.6rem 2rem; }
	.nav.nav-pills.nav-stacked a.dropdown-item:hover {
	background-color: #024196;
	color: #ffffff; }

#collapsingNavbar {
	font-size: 0.9rem; }
	#collapsingNavbar ul.dropdown-menu li a {
	font-size: 0.9rem; }

/*
.nav-pills .nav-item.open .nav-link, .nav-pills .nav-item.open .nav-link:focus, .nav-pills .nav-item.open .nav-link:hover {
	color: #fff;
	cursor: default;
	background-color: $secondary-color;
	border-radius: 0;
	border-top-left-radius: 0.35rem;
	&:hover {
		background-color: $secondary-color;
	}
}
.nav-link.active, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover {
	color: $quaternary-color !important;
	background-color: $white-color !important;
}
.nav-pills .nav-link {
	padding: 0.25rem 1rem;
}
.dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover {
	background-color: $secondary-color;
}
*/
/*
.item {
	flex: none | [ <'flex-grow'> <'flex-shrink'> || <'flex-basis'> ]
}
This is the shorthand for flex-grow, flex-shrink and flex-basis combined.
The second and third parameters (flex-shrink and flex-basis) are optional.
Default is 0 1 auto.
*/
header {
	order: -10000;
	display: flex;
	flex-direction: column; }

.header-message {
	order: 0;
	background-color: #000000;
	color: #ffffff;
	font-size: 0.7rem;
	font-weight: bold; }
	.header-message a {
	color: #ffffff; }
	.header-message .headfoot-block {
	padding: 0.25rem 0 0.15rem; }
	.header-message .headfoot-block:nth-child(1) {
		padding-right: 0.5rem; }
		.header-message .headfoot-block:nth-child(1) img {
		display: inline;
		width: 2.8rem; }
	.header-message .headfoot-block:nth-child(2) {
		text-align: left;
		padding-left: 0.5rem;
		border-left: 2px solid #666666;
		flex: 2 0 0; }
		@media (max-width: 900px) {
		.header-message .headfoot-block:nth-child(2) {
			display: none; } }
	.header-message .headfoot-block:nth-child(3) {
		text-align: right;
		padding-right: 0.5rem;
		border-right: 2px solid #666666; }
		@media (max-width: 900px) {
		.header-message .headfoot-block:nth-child(3) {
			display: none; } }
	.header-message .headfoot-block:nth-child(4) {
		text-align: right;
		padding-left: 0.5rem; }
		@media (max-width: 900px) {
		.header-message .headfoot-block:nth-child(4) {
			display: none; } }

.header-utility {
	order: 0;
	background-color: #ffffff;
	padding: 1.5rem 0 0.8rem; }
	.header-utility .headfoot-block img {
	width: 10rem; }

.header-nav {
	order: 0;
	background-color: #ffffff;
	font-weight: bold; }
	@media (max-width: 1024px) {
	.header-nav li.menu-item {
		padding-bottom: 0.5rem; } }
	.header-nav li.menu-item a {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	margin-left: 1.4rem; }
	.header-nav li.menu-item a:hover {
		text-decoration: none;
		color: #009ddc; }
	.header-nav li.nav-item.active a {
	color: #009ddc; }
	.header-nav ul.dropdown-menu li:nth-child(n+2) {
	margin-left: 0;
	padding-top: 0.5rem;
	width: 100%; }
	.header-nav .navbar-light .navbar-toggler {
	background-image: none;
	background-color: #009ddc;
	color: #ffffff;
	margin-left: 1rem;
	font-size: 1rem;
	font-weight: bold;
	width: auto;
	border: 0; }
	.header-nav .navbar-light .navbar-toggler:hover {
		cursor: pointer;
		background-color: #024196; }
	@media (max-width: 1024px) {
	.header-nav .headfoot-block {
		width: 100%; } }
	.header-nav .headfoot-block button.navbar-toggler {
	margin-bottom: 1rem; }

div[class^="layout-"].header-nav .row {
	justify-content: space-between;
	align-items: center;
	padding: 2rem 0; }
	@media (max-width: 1024px) {
	div[class^="layout-"].header-nav .row {
		padding-bottom: 0; } }

footer {
	order: 10000;
	display: flex;
	flex-direction: column; }

.footer-message {
	order: 0;
	background-color: #000000;
	color: #ffffff; }

.footer-utility {
	order: 0;
	background-color: #333333;
	color: #ffffff; }

.footer-nav {
	order: 0;
	background-color: #000000;
	color: #ffffff;
	font-weight: bold;
	padding: 0.5rem 0 2.7rem; }
	.footer-nav .row {
	flex-wrap: nowrap; }
	.footer-nav ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0; }
	.footer-nav ul li {
		padding-top: 0.6rem; }
		.footer-nav ul li a {
		color: #ffffff; }
		.footer-nav ul li a:hover {
			text-decoration: none; }
	.footer-nav .headfoot-block:nth-child(4) {
	max-width: 30%; }

.smltyp {
	font-size: 0.7rem;
	font-weight: normal;
	line-height: 0.9rem; }
	.smltyp a {
	color: #07aeda; }
	.smltyp a:hover {
		color: #ffffff; }

/* ======= helper classes ======== */
.space-li li {
	margin: 1rem 0; }

.space-li li:first-child {
	margin: 2rem 0 1rem; }

.space-li-bottom li {
	margin-bottom: 1.5rem; }

.space-top {
	margin-top: 2rem; }

.space-top-lg {
	margin-top: 3.5rem; }

.space-bottom {
	margin-bottom: 5rem; }

.space-section-single {
	margin-bottom: 2rem; }

.highlight {
	background-color: #f9b804;
	padding: 0 0.3rem;
	border-radius: 0.1rem; }

.blocker.menu-item.nav-item {
	clear: both;
	display: block; }

.centerit {
	text-align: center; }

/* ======= ordered lists sublists ======== */
ol > li > ol {
	list-style-type: lower-alpha; }

ol > li > ol > li > ol {
	list-style-type: lower-roman; }

/* ================ tearsheet color palette display ============= */
#colors-display .row {
	justify-content: space-between; }

#colors-display .content-block {
	background-color: #000000;
	width: 32%;
	border: 0;
	color: #ffffff;
	font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	font-size: 0.9rem;
	text-align: center;
	padding: 2rem 0;
	margin-bottom: 1rem;
	border-radius: 0.25rem; }
	@media (max-width: 576px) {
	#colors-display .content-block {
		width: 100%; } }

#colors-display .content-block:nth-child(1) {
	background-color: #006940; }

#colors-display .content-block:nth-child(2) {
	background-color: #024196; }

#colors-display .content-block:nth-child(3) {
	background-color: #07aeda; }

#colors-display .content-block:nth-child(4) {
	background-color: #009ddc; }

#colors-display .content-block:nth-child(5) {
	background-color: #f9b804;
	color: #000000; }

#colors-display .content-block:nth-child(6) {
	background-color: #048502; }

#colors-display .content-block:nth-child(7) {
	background-color: #006940; }

#colors-display .content-block:nth-child(8) {
	background-color: #f9b804; }

#colors-display .content-block:nth-child(9) {
	background-color: #ac0000; }

#colors-display .content-block:nth-child(10) {
	background-color: #000000; }

#colors-display .content-block:nth-child(11) {
	background-color: #ffffff;
	color: #000000; }

#colors-display .content-block:nth-child(12) {
	background-color: #000000; }

#colors-display .content-block:nth-child(13) {
	background-color: #222222; }

#colors-display .content-block:nth-child(14) {
	background-color: #333333; }

#colors-display .content-block:nth-child(15) {
	background-color: #666666; }

#colors-display .content-block:nth-child(16) {
	background-color: #999999; }

#colors-display .content-block:nth-child(17) {
	background-color: #b5b5b5; }

#colors-display .content-block:nth-child(18) {
	background-color: #cccccc;
	color: #000000; }

#colors-display .content-block:nth-child(19) {
	background-color: #dddddd;
	color: #000000; }

#colors-display .content-block:nth-child(20) {
	background-color: #eeeeee;
	color: #000000; }

#colors-display .content-block:nth-child(21) {
	background-color: #f7f7f7;
	color: #000000; }

/*
.blocker {
	padding: 2rem 0;
	background-color: $secondary-color;
}
.catlink a {
	font-weight: bold;
	color: $secondary-color;
}
*/
h2.counter-wpautop {
	margin-top: -1rem; }

.icon-sm {
	width: 25%;
	padding-bottom: 0.5rem; }

.icon-md {
	width: 40%;
	margin: 0 auto; }

.icon-lg {
	width: 88%; }

.nyc-open-data-logo {
	margin-left: 2rem;
	width: 14rem; }

.nyc-toplogo {
	margin-left: 0.9rem; }

code {
	color: #009ddc;
	background-color: white; }

pre {
	color: #024196;
	background-color: #d9fff0; }

.btn-primary {
	background-color: #024196 !important;
	color: #ffffff !important;
	border-bottom: none !important; }

.btn-success {
	background-color: #048502; }

.btn-info {
	background-color: #006940; }

.btn-warning {
	background-color: #f9b804;
	color: #000; }

.btn-danger {
	background-color: #ac0000; }

.btn-outline-primary {
	color: #009ddc;
	border-color: #009ddc; }
	.btn-outline-primary:hover {
	background-color: #009ddc; }

#sectionid-overview-01 .content-block {
	padding-right: 4rem; }

#sectionid-overview-01 p {
	padding-bottom: 3rem; }

input.highlighted-search {
	border: 4px solid #024196; }

input.inset-search {
	border: 4px solid #006940; }

@media (max-width: 767px) {
	input#search-catalog-input-data {
	margin-top: 1rem; } }

#sectionid-data-01 .content-block:nth-child(2) {
	order: 10; }

ul.space-section li:nth-child(4n+4) {
	margin-bottom: 2rem; }

ul.list-flat {
	margin-left: 0;
	padding-left: 0; }
	ul.list-flat li {
	list-style-type: none; }

.beta-badge {
	position: fixed;
	background-color: #f9b804;
	font-size: 0.8rem;
	text-transform: uppercase;
	padding: 0.4rem 0.6rem 0.3rem;
	z-index: 1000;
	top: 5rem;
	right: 0; }

/*
figcaption {
	font-size: 0.7rem;
	font-weight: bold;
}
*/
li.tumblr_post.regular,
li.tumblr_post.photo {
	list-style-type: none;
	background-color: #ffffff;
	color: #000000; }
	li.tumblr_post.regular h3,
	li.tumblr_post.photo h3 {
	padding-top: 3rem;
	font-size: 2.2rem; }
	li.tumblr_post.regular a,
	li.tumblr_post.photo a {
	text-decoration: none;
	color: #000000;
	margin-bottom: 0.3rem;
	border-bottom: 2px solid #07aeda; }
	li.tumblr_post.regular a:hover,
	li.tumblr_post.photo a:hover {
		text-decoration: none;
		color: #07aeda;
		margin-bottom: 0.2rem; }
	li.tumblr_post.regular a.btn.btn-warning.btn-lg.btn-block,
	li.tumblr_post.photo a.btn.btn-warning.btn-lg.btn-block {
	border-bottom: 0;
	margin-bottom: 0; }
	li.tumblr_post.regular a.btn.btn-warning.btn-lg.btn-block:hover,
	li.tumblr_post.photo a.btn.btn-warning.btn-lg.btn-block:hover {
		color: #ffffff; }

.masonry-layout {
	column-count: 3;
	column-gap: 0; }
	@media (max-width: 767px) {
	.masonry-layout {
		column-count: 2; } }

.masonry-three {
	column-count: 3; }

.masonry-layout__panel {
	break-inside: avoid;
	padding: 5px; }

.masonry-layout__panel-content {
	padding: 10px;
	border-radius: 1rem;
	margin-bottom: 2.2rem; }

p.welcome-text {
	font-size: 1.3rem;
	color: #000000;
	padding-top: 1.2rem; }

.thumbnail {
	width: auto;
	height: 200px; }
	@media (max-width: 768px) {
	.thumbnail {
		width: auto;
		height: 300px; } }

.thumbnail-image-wrapper {
	overflow: hidden;
	width: 100%;
	text-align: center; }
	@media (max-width: 768px) {
	.thumbnail-image-wrapper {
		max-height: 250px; } }

.card {
	margin-bottom: 1rem; }
	@media (min-width: 576px) {
	.card {
		margin-bottom: 1.5rem; } }

.card-body {
	height: 300px;
	padding: .8rem; }
	@media (max-width: 768px) {
	.card-body {
		height: auto; } }

.project-card-row {
	align-items: stretch; }

.project-card {
	align-items: stretch; }

.callout-content {
	color: #ffffff;
	background-color: #024196;
	border-radius: 15px;
	margin-bottom: 3rem;
	padding-left: 1.5rem;
	padding-right: 1rem; }
	.callout-content a {
	color: #ffffff; }
	.callout-content a:hover {
		color: #ffffff; }

.callout-button {
	display: inline-block;
	margin: auto;
	color: #000; }
	@media (max-width: 768px) {
	.callout-button {
		padding-bottom: 2rem;
		padding-left: 1rem;
		margin: 0; } }

.card-footer {
	padding: .75rem 0;
	background-color: transparent;
	border-top: 1px solid rgba(0, 0, 0, 0.125);
	margin-left: 1.25rem;
	margin-right: 1.25rem; }

a.project-card-modal {
	text-decoration: none;
	color: inherit; }
	a.project-card-modal:hover {
	text-decoration: none;
	color: inherit; }

#gallery {
	background-color: #eee; }

.gallery-home-page {
	background-image: url("/wp-content/themes/opendata-wp/assets/img/gallery-home.svg");
	background-color: #009ddc;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: cover; }
	@media (max-width: 1300px) {
	.gallery-home-page {
		background-size: initial; } }
	@media (max-width: 992px) {
	.gallery-home-page {
		background-image: none; } }

#sectionid-h-01.layout-rightnav.gallery-home-page {
	padding: 10rem 0; }
	@media (max-width: 1600px) {
	#sectionid-h-01.layout-rightnav.gallery-home-page {
		padding: 6rem 0; } }
	@media (max-width: 1300px) {
	#sectionid-h-01.layout-rightnav.gallery-home-page {
		padding: 3rem 0 6rem 0; } }
	@media (max-width: 992px) {
	#sectionid-h-01.layout-rightnav.gallery-home-page {
		padding: 2rem; } }

.project-meta-card {
	color: black;
	display: inline-block;
	background-color: #fff;
	position: absolute;
	bottom: 0;
	padding: 1.1rem;
	width: 300px;
	height: 320px; }
	.project-meta-card h1 {
	margin-top: .2rem; }
	.project-meta-card .btn {
	margin-top: .5rem; }
	.project-meta-card a {
	text-decoration: none; }
	.project-meta-card a:hover {
		text-decoration: none;
		border-color: #009ddc; }
	@media (max-width: 768px) {
	.project-meta-card {
		position: relative;
		width: auto;
		height: auto;
		padding: auto;
		display: block;
		padding: 1rem 0; } }

.cats {
	text-transform: uppercase;
	font-size: 70%;
	font-weight: bold; }

.single-project-hero {
	width: 100%;
	height: auto;
	top: 0;
	left: 0;
	min-width: 100%; }

.project-image-secondary {
	margin-top: 2rem; }
	.project-image-secondary img {
	width: 600px; }

.addtoany_content {
	text-align: right;
	margin: 0 !important; }

.addtoany_list {
	display: block !important;
	text-align: right !important; }

#tags {
	text-transform: uppercase;
	font-size: 1rem;
	margin-top: auto;
	display: flex;
	flex-direction: row;
	padding-left: 0.8rem;
	padding-right: 0.8rem;
	height: 62px; }
	@media (max-width: 767px) {
	#tags {
		height: auto;
		margin-bottom: 1rem; } }
	#tags span {
	color: #ffffff;
	background-color: #024196;
	font-size: .8rem;
	text-transform: uppercase;
	padding: .1rem .2rem;
	vertical-align: top; }

.tag-container {
	margin-left: .2rem; }

.avatar-image {
	height: 150px;
	width: 150px;
	border-radius: 50%; }

.avatar {
	vertical-align: middle;
	text-align: center; }

#gallery ol {
	-webkit-margin-before: 0;
	-webkit-padding-start: 20px; }
	#gallery ol a {
	text-decoration: none;
	color: #000000;
	margin-bottom: 0.3rem;
	border-bottom: 2px solid #07aeda; }
	#gallery ol a:hover {
		color: #07aeda; }

.card-text {
	padding-top: .2rem; }
	.card-text p {
	font-size: 90%; }

.hero-wrapper {
	overflow: hidden;
	width: 100%;
	height: auto;
	position: relative; }
	@media (min-width: 769px) {
	.hero-wrapper {
		max-height: 450px; } }

.meta-body {
	margin-bottom: 1rem; }

.meta-footer {
	position: absolute;
	width: 88%;
	bottom: 0;
	margin: 0;
	padding: 0; }
	.meta-footer .card-footer {
	margin-left: 0;
	margin-right: 0; }
	@media (max-width: 768px) {
	.meta-footer {
		position: relative;
		width: 100%; } }

#gray {
	background-color: #dddddd;
	padding: 2rem; }

/* Block Page Template */
body.page-template-page-blocks .layout-2up .content-block{
	width:100%;
}
iframe{
border: none;
}