/*
Theme Name: State Fire School (SFS)
Theme URI: https://deef9a23-09a5-445a-87c2-9b8888154604.p.bardy.io
Author URI: https://4ca1c07f-0571-4f2f-bd04-48c082eab7d6.p.bardy.io
Description: Custom WordPress theme designed exclusively for the Delaware State Fire School (SFS).
Version: CLF 4.0.1
Tags: Bootstrap, mobile first, State of Delaware
Text Domain: dosgic_SFS_theme
*/

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

/*  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 2016  */
/*  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 ============================= */
	html {
		-webkit-font-smoothing: antialiased !important;
		position: relative;
		min-height: 100%;
	}

	body {
		width: 100%;
		min-height: 100%;
		font-family: 'Open Sans', sans-serif !important;
		font-weight: 400 !important;
		font-size: 16px !important;
		-webkit-font-smoothing: antialiased !important;
		padding-bottom: 980px;
	}

	/* ============================= ID's ============================= */

	/* BOOTSTRAP NAV-WALKER COMPENSATORY CSS  */
	/* ID OF BELOW SELECTOR WILL CHANGE BASED ON WEBSITE */
	#menu-sfs-main-navigation {
		z-index: 999;
	}

	.affix #menu-sfs-main-navigation {
		position: absolute !important;
	}

	#menu-line {
		position: absolute;
		top: 0;
		left: 0;
		height: 3px;
		background: #01528B;
		transition: all 0.25s ease-out;
	}

	#main_header h1,
	#main_content h1 {
		font-family: 'Titillium Web', sans-serif !important;
		font-weight: 700;
		color: #444 !important;
		font-size: 48px;
		margin-top: 10px;
	}

	#main_header h2,
	#main_content h2 {
		font-family: 'Open Sans';
		color: #7298be !important;
		margin-top: 0px;
	}

	#main_content h3 {
		font-family: 'Titillium Web', sans-serif !important;
		font-weight: 700;
		font-size: 30px !important;
		color: #444 !important;
		margin-top: 0px;
	}

	#main_content h4 {
		font-family: 'Titillium Web', sans-serif !important;
		font-weight: 600;
		font-size: 25px;
		color: #7298be !important;
		margin-top: 0px;
	}

	#main_content a,
	#main_content a:link,
	#main_content a:active,
	#main_content a:visited {
		color: #222a6a;
		text-decoration: none;
		font-weight: bold;
	}

	#main_content a:hover {
		color: #ffd27f;
		text-decoration: underline;
		font-weight: bold;
	}

	#main_content ul,
	#main_content ol {
		font-size: 0.9em;
		line-height: 2.1em;
		margin-top: 1.0em;
		margin-bottom: 1.0em
	}

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

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

	#fireHead {
		border-bottom: 15px solid #99bfe5;
	}

	#AgencyCarousel {
		border: 2px solid #99bfe5;
	}

	#AgencyCarousel .carousel-caption h2 {
		font-family: 'Titillium Web', sans-serif !important;
		color: #7298be;
		font-size: 1.5em;
		font-weight: 700;
		display: inherit;
		text-shadow: 1px 1px 1px #000, 1px 1px 1px #000;
		background-color: rgba(0, 0, 0, 0.8);
		padding: 5px 30px 0 30px;
		margin-bottom: 0;
	}

	#AgencyCarousel p {
		background-color: rgba(0, 0, 0, 0.8);
		padding: 10px;
	}

	#notifications {
		/* background-color: #99bfe5; */
		background-color: #7298be;
		padding: 50px;
		color: #fff;
	}

	#notificationsText {
		padding-top: 8px;
	}

	#notificationsText .lead {
		font-weight: 700;
	}

	#notificationsText .lead span {
		margin-right: 10px;
	}

	#notifications a,
	#notifications a:link,
	#notifications a:active,
	#notifications a:visited {
		color: #222a6a;
		text-decoration: none;
		font-weight: bold;
	}

	#notifications a:hover {
		color: #ffd27f;
		text-decoration: underline;
		font-weight: bold;
	}

	#agencyFooter {
		background-color: #99bfe5;
		color: #ffffff;
		font-size: 15px;
		line-height: 1.5em;
		padding-top: 30px;
		padding-bottom: 2.0em;
		border-top: 3px solid #01528B;
		border-bottom: 10px solid #245194;
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 495px;
		z-index: 1029;
	}

	@-moz-document url-prefix() {
		#agencyFooter {
			height: 499px;
		}
	}

	#agencyFooter a,
	#agencyFooter a:link,
	#agencyFooter a:active,
	#agencyFooter a:visited {
		color: #222a6a;
		text-decoration: none
	}

	#agencyFooter a:hover {
		color: #222a6a;
		text-decoration: underline
	}

	.agencyFooter_icons {
		width: 40px;
		height: 40px;
		border: none;
		display: inline-block;
		text-align: center;
	}

	#agencyFooter ul {
		list-style-type: none;
		margin-left: -38px;
	}

	#agencyFooter h2 {
		font-family: 'Titillium Web', sans-serif;
		font-weight: 900;
		color: #ffd27f !important;
		margin-top: -5px;
		margin-bottom: -10px;
		font-size: 20px;
	}

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


	/* WordPress Core CSS */
	.alignnone {
		margin: 5px 20px 20px 0
	}

	.aligncenter,
	div.aligncenter {
		display: block;
		margin: 5px auto 5px auto
	}

	.alignright {
		float: right;
		margin: 5px 0 20px 20px
	}

	.alignleft {
		float: left;
		margin: 5px 20px 20px 0
	}

	a img.alignright {
		float: right;
		margin: 5px 0 20px 20px
	}

	a img.alignnone {
		margin: 5px 20px 20px 0
	}

	a img.alignleft {
		float: left;
		margin: 5px 20px 20px 0
	}

	a img.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto
	}

	.wp-caption {
		background: #fff;
		border: 1px solid #f0f0f0;
		max-width: 96%;
		/* Image does not overflow the content area */
		padding: 5px 3px 10px;
		text-align: center
	}

	.wp-caption.alignnone {
		margin: 5px 20px 20px 0
	}

	.wp-caption.alignleft {
		margin: 5px 20px 20px 0
	}

	.wp-caption.alignright {
		margin: 5px 0 20px 20px
	}

	.wp-caption img {
		border: 0 none;
		height: auto;
		margin: 0;
		max-width: 98.5%;
		padding: 0;
		width: auto
	}

	.wp-caption p.wp-caption-text {
		font-size: 11px;
		line-height: 17px;
		margin: 0;
		padding: 0 4px 5px
	}

	.screen-reader-text {
		clip: rect(1px, 1px, 1px, 1px);
		position: absolute !important;
		height: 1px;
		width: 1px;
		overflow: hidden
	}

	.screen-reader-text:focus {
		background-color: #f1f1f1;
		border-radius: 3px;
		box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
		clip: auto !important;
		color: #21759b;
		display: block;
		font-size: 14px;
		font-size: 0.875rem;
		font-weight: bold;
		height: auto;
		left: 5px;
		line-height: normal;
		padding: 15px 23px 14px;
		text-decoration: none;
		top: 5px;
		width: auto;
		z-index: 100000
			/* Above WP toolbar */
	}

	img.alignright {
		float: right;
		margin: 0 0 1em 1em
	}

	img.alignleft {
		float: left;
		margin: 0 1em 1em 0
	}

	img.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto
	}

	.alignright {
		float: right
	}

	.alignleft {
		float: left
	}

	.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto
	}

	/* End WP Core Classes */


	.agencyFooter_logo {
		width: 130px;
		height: 130px;
		border: none;
		text-align: center;
	}

	.home-icons {
		width: 48px;
		height: 48px;
		border: none;
		float: left;
		margin-right: 10px;
	}

	.icons-text {
		padding-top: 10px;
	}

	.header-logo {
		width: 100px;
		height: 100px;
		border: none;
		float: left;
		margin-right: 10px;
	}

	hr.clf {
		-moz-border-bottom-colors: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		-o-border-image: none;
		border-image: none;
		border: 1px solid #99bfe5;
		margin-bottom: 20px;
		margin-top: 10px;
	}

	hr.title {
		-moz-border-bottom-colors: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		-o-border-image: none;
		border-image: none;
		border: 2px solid #99bfe5;
		margin-bottom: 5px;
		margin-top: 5px;
	}

	.border_none {
		border: none;
	}

	.agency_map {
		border: 0px;
		width: 710px;
		height: 600px;
		margin: 0px;
	}

	.agency_control {
		margin-top: 200px;
		color: #fff;
	}

	.carousel-caption {
		right: 0% !important;
		left: 0% !important;
		padding-bottom: 30px;
	}

	.carousel-control.left {
		background-image: none;
	}

	.carousel-control.right {
		background-image: none;
	}

	.carousel-indicators {
		position: absolute;
		bottom: 1px;
		left: 50%;
		z-index: 15;
		width: 60%;
		padding-left: 0;
		margin-left: -30%;
		text-align: center;
		list-style: none;
	}

	.carousel-indicators li {
		display: inline-block;
		width: 15px;
		height: 15px;
		margin: 2px;
		text-indent: -999px;
		cursor: pointer;
		background-color: rgba(255, 255, 255, 0);
		border: 1px solid #fff;
		border-radius: 10px;
	}

	.carousel-indicators .active {
		width: 18px;
		height: 18px;
		margin: 0;
		background-color: #fff;
	}

	.interiorTitle {
		color: #222a6a;
		font-size: 22px;
		text-transform: normal;
		font-weight: 300;
		font-family: 'Titillium Web', sans-serif !important;
		border-bottom: 3px solid #01528B;
		line-height: 1.0;
		padding-top: 30px !important;
		padding-bottom: 15px !important;
		background-color: #99bfe5;
	}

	.interior-title-wrapper {
		margin-top: -20px;
		background-color: #99bfe5;
	}

	.sfsBlue {
		color: #7298be !important;
	}

	.jumbo {
		font-size: 38px;
		font-weight: 700;
	}

	.smallTitle {
		font-family: 'Titillium Web', sans-serif !important;
		font-weight: 300;
		font-size: 20px;
	}

	.noshow {
		display: none;
	}

	input[type="hidden"i] {
		display: none;
	}
}


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

	/* ============================= ID's ============================= */

	/* ============================= Classes ============================= */
	.agency_control {
		margin-top: 200px;
	}
}

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

	/* ============================= ELEMENTS ============================= */
	#AgencyCarousel .carousel-caption h2 {
		font-size: 2em;
	}

	/* ============================= ID's ============================= */
	#main_content h3 {
		font-family: 'Titillium Web', sans-serif !important;
		font-weight: 700;
		font-size: 40px;
		color: #444 !important;
		margin-top: 0px;
	}

	#agencyFooter {
		padding-top: 2.0em;
		padding-bottom: 2.0em;
		height: 222px;
	}

	@-moz-document url-prefix() {
		#agencyFooter {
			height: 203px;
		}
	}

	/* ============================= Classes ============================= */
	.agency_control {
		margin-top: 230px;
	}
}

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

	/* ============================= ELEMENTS ============================= */


	/* ============================= ID's ============================= */
	#main_content h3 {
		font-family: 'Titillium Web', sans-serif !important;
		font-weight: 700;
		font-size: 40px;
		color: #444 !important;
		margin-top: 0px;
	}

	#agencyFooter {
		background-color: #99bfe5;
		color: #ffffff;
		font-size: 15px;
		line-height: 1.5em;
		padding-top: 2.0em !important;
		padding-bottom: 2.0em;
		border-top: 3px solid #01528B;
		border-bottom: 10px solid #245194;
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 203px;
		z-index: 1029;
	}

	@-moz-document url-prefix() {
		#agencyFooter {
			height: 203px;
		}
	}

	/* ============================= Classes ============================= */
	.agency_control {
		margin-top: 160px;
	}
}

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

	/* ============================= ELEMENTS ============================= */


	/* ============================= ID's ============================= */
	#main_content h3 {
		font-family: 'Titillium Web', sans-serif !important;
		font-weight: 700;
		font-size: 40px;
		color: #444 !important;
		margin-top: 0px;
	}

	#agencyFooter {
		background-color: #99bfe5;
		color: #ffffff;
		font-size: 15px;
		line-height: 1.5em;
		padding-top: 2.0em;
		padding-bottom: 2.0em !important;
		border-top: 3px solid #01528B;
		border-bottom: 10px solid #245194;
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 203px;
		z-index: 1029;
	}

	@-moz-document url-prefix() {
		#agencyFooter {
			height: 203px;
		}
	}

	/* ============================= Classes ============================= */
	.agency_control {
		margin-top: 200px;
	}
}

/* ============================= CUSTOM MEDIA QUERIES ============================= */
/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {

	.carousel-inner>.item>img,
	.carousel-inner>.item>a>img {
		min-height: 400px;
		/* Set slide height here */
		max-width: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		overflow: hidden;
	}
}

/* Conditional Styles for IE Edge */
_:-ms-lang(x),
_:-webkit-full-screen,
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
	margin: auto;
	min-width: 100%;
	min-height: 100%;
}

@media (max-width: 874px) {
	.menu_text {
		position: absolute;
		margin-left: 60px;
		margin-top: -44px;
		opacity: 1;
		font-size: 20px;
		font-weight: bold;
		color: #262f6e;
	}
}

@media (min-width: 875px) {
	.menu_text {
		position: absolute;
		margin-left: 60px;
		margin-top: -44px;
		opacity: 0;
		font-size: 20px;
		font-weight: bold;
		color: #262f6e;
	}
}

@media (min-width: 1100px) {
	.menu_text {
		position: absolute;
		margin-left: 60px;
		margin-top: -100px;
		opacity: 0;
		font-size: 20px;
		font-weight: bold;
		color: #262f6e;
	}
}

@media (min-width: 1300px) {
	.menu_text {
		position: absolute;
		margin-left: 60px;
		margin-top: -100px;
		opacity: 0;
		font-size: 20px;
		font-weight: bold;
		color: #262f6e;
	}
}

form {
    max-width: 100% !important;
}

/* ============================= END CUSTOM MEDIA QUERIES ============================= */
/* Bootstrap Overrides */
.label-success {
	background-color: #477C41;
}