/*
Theme Name: Division of Corporations (CORP)
Theme URI: http://corp.delaware.gov
Author: Delaware GIC - Matt Campbell & Julianne Solum
Author URI: http://gic.delaware.gov
Description: Custom WordPress theme designed exclusively for the Division of Corporations (CORP). A Department of State (DOS) Agency.
Version: CLF 4.0.1
Tags: Bootstrap, mobile first, department of state Delaware, Government Information Center
Text Domain: dosgic_CORP_theme
*/

/* ============================= 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-corp-main-menu {
z-index: 999;
}
.affix #menu-corp-main-menu {
position: absolute !important;
}
#loading1 {
margin-left: auto;
margin-right: auto;
width: 100px
}
#loading2 {
margin-left: auto;
margin-right: auto;
width: 100px
}


/* WordPress Core -------------------------------------------------------------- */
.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;
}
/* Text meant only for screen readers. */
.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;
}
/* ############################################################################################## */




/*  G E N E R A L   S T Y L E S  */

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
    body {
    	padding-bottom:					800px;
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    body {
    	padding-bottom:					300px;
}}

/* Medium devices (large desktops, 992px and up) */
@media (min-width: 992px) {
    body {
    	padding-bottom:					300px;
}}

/* Large devices (tablets, desktops 768px and up) */
@media (min-width: 1200px) {
    body {
    	padding-bottom:					300px;
}}

#main_header h1, #main_content h1 {
	font-family:						'Open Sans Condensed', sans-serif !important;
	font-weight: 						900;
	color:								#02549d !important;
	font-size:							40px;
	margin-top:							8px;
}

#main_header h2, #main_content h2 {
	font-family:						'Open Sans Condensed', sans-serif !important;
	font-weight: 						500;
	color:								#02549d !important;
	margin-top:							0px;
}

hr.clf {
    -moz-border-bottom-colors: 			none;
    -moz-border-left-colors: 			none;
    -moz-border-right-colors: 			none;
    -moz-border-top-colors: 			none;
    border-image: 						none;
    border: 							1px solid #02549d;
    margin-bottom: 						20px;
    margin-top: 						20px;
}

hr.title {
	border:								dashed #02549d; 
	border-width:						3px 0 0; 
	height:								3px;
	margin-top:							0px;
}

.centered {
	text-align: 						center;
}

.float_left {
	float:								left;
	margin-right:						10px;
}

.float_right {
	float:								right;
	margin-left:						10px;
}

#main_content a, #main_content a:link, #main_content a:active, #main_content a:visited {
	color: 								#02549d;
	text-decoration: 					none;
	font-weight: 						none;
}

#main_content a:hover {
	color: 								#a8a8a8;
	text-decoration: 					underline;
	font-weight: 						none;
}

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

a.agency_nav, a.agency_nav:link, a.agency_nav:active, a.agency_nav:visited {
	color: 								#ffffff;
	text-decoration: 					none;
	font-weight: 						none;
}

a.more-button:link, a.more-button:active, a.more-button:visited {
	color: 								#ffffff !important;
	text-decoration: 					none !important;
	font-weight: 						bold !important;
}

a.more-button:hover {
	color: 								#ffffff !important;
	text-decoration: 					underline !important;
	font-weight: 						bold !important;
}

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

.banner P {
	font-family:						'Open Sans Condensed', sans-serif !important;
	font-weight: 						900;
	font-style:							italic;
	color:								#02549d;
	font-size:      					1.0em;
	line-height:    					0em;
	margin-top:							0.5em;
	margin-bottom:      				0em;
}

.interiorTitle {
color: #fff;
font-size: 25px;
font-family: 'Open Sans Condensed', sans-serif !important;
line-height: 1.0;
padding-top: 15px !important;
padding-bottom: 15px !important;
background-color: #02549d;
}
.interior-title-wrapper {
margin-top:-22px;
background-color: #02549d;
}
.jumbo {
font-size: 45px;
}
.stats-wrapper {
border:3px solid #ededed;
padding:35px;
}
.grey-outline {
border:3px solid #f9f9f9;
padding:35px;
}
.blue-outline {
border:2px solid #02549d;
padding:35px;
}
.grey-bkgd {
background-color:#f5f5f5;
padding:55px 0px 55px 0px;
}
.table-white {
background-color:#FFF !important;
}
.message-wrapper {
background-color:#FFF;
padding:35px;
border:2px solid #02549d;
}
.btn-white {
color: #fff !important;
}
.flourish-credit {display:none;}

.full-view {
font-size:12px;
text-align:center;
}
.modal {
    z-index: 6000 !important;
}

.corp-logo {
	width: 350px;
	width: 303px;
}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
	.subpage_img {
		width:							300px;
		height:							56px;
		position:						relative;
}}
	
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.subpage_img {
		width:							400px;
		height:							75px;
		position:						relative;
}}
	
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.subpage_img {
		width:							400px;
		height:							75px;
		position:						relative;
}}
	
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.subpage_img {
		width:							400px;
		height:							75px;
		position:						relative;
}}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
	.bottom-pic {
		margin-bottom:			-95px;
}}
	
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.bottom-pic {
		margin-bottom:			-55px;
}}
	
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.bottom-pic {
		margin-bottom:			-28px;
}}
	
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.bottom-pic {
		margin-bottom:			-25px;
}}
/* ############################################################################################## */





/* CAROUSEL STYLES */

#AgencyCarousel {
	border:                     		2px solid #02549d;
}

#AgencyCarousel p {
	background-color:					rgba(2, 84, 157, 0.8);
	padding:							10px;
	border-radius: 						10px;
}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
	#AgencyCarousel .carousel-caption h2 {
		font-family:					'Open Sans Condensed', sans-serif !important;
    	color:							#ffffff !important;
    	font-size:						40px;
   		font-weight:					900;
    	display:						inherit;
    	text-shadow:					1px 1px 1px #000000, 1px 1px 1px #000000;
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	#AgencyCarousel .carousel-caption h2 {
    	font-family:					'Open Sans Condensed', sans-serif !important;
    	color:							#ffffff !important;
    	font-size:						40px;
    	font-weight:					900;
    	display:						inherit;
    	text-shadow:					1px 1px 1px #000000, 1px 1px 1px #000000;
}}

/* Medium devices (large desktops, 992px and up) */
@media (min-width: 992px) {
	#AgencyCarousel .carousel-caption h2 {
    	font-family:					'Open Sans Condensed', sans-serif !important;
    	color:							#ffffff !important;
    	font-size:						40px;
    	font-weight:					900;
    	display:						inherit;
    	text-shadow:					1px 1px 1px #000000, 1px 1px 1px #000000;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	#AgencyCarousel .carousel-caption h2 {
    	font-family:					'Open Sans Condensed', sans-serif !important;
    	color:							#ffffff !important;
    	font-size:						40px;
    	font-weight:					900;
    	display:						inherit;
    	text-shadow:					1px 1px 1px #000000, 1px 1px 1px #000000;
}}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
	.carousel-inner > .item > img,
	.carousel-inner > .item > a > img {
		min-height:						475px;		/* Set slide height here */
		max-width:						100%;
    	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%; 
}

.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: 					#02549d \9;
	background-color: 					rgba(2, 84, 157, 0);
	border: 							1px solid #02549d;
	border-radius: 						10px;
}

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

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
	.agency_control {
    	margin-top:						235px;
    	color:							#ffffff;
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.agency_control {
    	margin-top:						150px;
    	color:							#ffffff;
}}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.agency_control {
    	margin-top:						150px;
    	color:							#ffffff;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.agency_control {
    	margin-top:						180px;
    	color:							#ffffff;
}}
/* ############################################################################################## */





/* AGENCY FOOTER STYLES */

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
	#agencyFooter {
    	background-color: 				#02549d;
    	color:							#ffffff;
    	font-size: 						15px;
    	line-height: 					1.5em;
   		padding-top:      				2.0em;
		padding-bottom:      			2.0em;
		border-bottom: 					10px solid #4bc1d2;
		position: 						absolute;
		bottom: 						0;
  		width: 							100%;
  		height:							800px;
  		z-index:						1029;
}}
	
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	#agencyFooter {
    	background-color: 				#02549d;
    	color:							#ffffff;
    	font-size: 						15px;
    	line-height: 					1.5em;
   		padding-top:      				2.0em;
		padding-bottom:      			2.0em;
		border-bottom: 					10px solid #4bc1d2;
		position: 						absolute;
		bottom: 						0;
  		width: 							100%;
  		height:							300px;
  		z-index:						1029;
}}
	
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#agencyFooter {
    	background-color: 				#02549d;
    	color:							#ffffff;
    	font-size: 						15px;
    	line-height: 					1.5em;
   		padding-top:      				2.0em;
		padding-bottom:      			2.0em;
		border-bottom: 					10px solid #4bc1d2;
		position: 						absolute;
		bottom: 						0;
  		width: 							100%;
  		height:							264px;
  		z-index:						1029;
}}
	
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	#agencyFooter {
    	background-color: 				#02549d;
    	color:							#ffffff;
    	font-size: 						15px;
    	line-height: 					1.5em;
   		padding-top:      				2.0em;
		padding-bottom:      			2.0em;
		border-bottom: 					10px solid #4bc1d2;
		position: 						absolute;
		bottom: 						0;
  		width: 							100%;
		height:							264px;
  		z-index:						1029;	
}}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
  	@-moz-document url-prefix() { 
  		#agencyFooter {
     		height: 					812px;
  	}}}
	
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  	@-moz-document url-prefix() { 
  		#agencyFooter {
     		height: 					305px;
  	}}}
	
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  	@-moz-document url-prefix() { 
  		#agencyFooter {
     		height: 					265px;
  	}}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  	@-moz-document url-prefix() { 
  		#agencyFooter {
     		height: 					265px;
  	}}}

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

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

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

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




/*  F A Q s  */

.fa-vc {
	line-height: 						inherit !important;
}

.fa-question-circle, .fa-check-circle {
	vertical-align: 					middle;
}

.link-options {
	font-weight: 						700;
}

.link-options:hover {
	color: 								#092495 !important;
	transition:		 					0.4s;
	text-decoration: 					none !important;
}

.faq-links {
	font-size: 							18px;
	font-family:						'Open Sans';
}

.faq-links:hover {
	color:								green !important;
	transition:							0.4s !important;
	font-family:						'Open Sans';
}

.faq-links:focus {
	color:								green !important;
	font-family:						'Open Sans';
}

@media (max-width: 1200px) {
.faq-links {
	font-size: 							16px;
	font-family:						'Open Sans';
}}

@media (max-width: 768px) {
.faq-links {
	font-size: 							14px;
	font-family:						'Open Sans';
}}
/* ############################################################################################## */



/* ============================= CUSTOM MEDIA QUERIES ============================= */

@media (max-width: 874px) {
.menu_text {
position: absolute;
margin-left: 60px;
margin-top:	-44px;
opacity: 1;
font-size: 20px;
font-weight: bold;
color: #0a86c4;
}}
@media (min-width: 875px) {
.menu_text {
position: absolute;
margin-left: 60px;
margin-top:	-44px;
opacity: 0;
font-size: 20px;
font-weight: bold;
color: #0a86c4;
}}
@media (min-width: 1100px) {
.menu_text {
position: absolute;
margin-left: 60px;
margin-top:	-100px;
opacity: 0;
font-size: 20px;
font-weight: bold;
color: #0a86c4;
}}
@media (min-width: 1300px) {
.menu_text {
position: absolute;
margin-left: 60px;
margin-top:	-100px;
opacity: 0;
font-size: 20px;
font-weight: bold;
color: #0a86c4;
}}
/* ============================= END CUSTOM MEDIA QUERIES ============================= */