/************************************************************************************************
* FONTS
************************************************************************************************/
/*@font-face { font-family: 'Poppins Regular'; src: url('../fonts/poppins-regular-webfont.woff2') format('woff2'), url('../fonts/poppins-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Poppins Medium'; src: url('../fonts/poppins-medium-webfont.woff2') format('woff2'), url('../fonts/poppins-medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Poppins Semibold'; src: url('../fonts/poppins-semibold-webfont.woff2') format('woff2'), url('../fonts/poppins-semibold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Poppins Bold'; src: url('../fonts/poppins-bold-webfont.woff2') format('woff2'), url('../fonts/poppins-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Poppins Light'; src: url('../fonts/poppins-light-webfont.woff2') format('woff2'), url('../fonts/poppins-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Poppins Thin'; src: url('../fonts/poppins-thin-webfont.woff2') format('woff2'), url('../fonts/poppins-thin-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
*/
/************************************************************************************************
* BKGD & COLORS
************************************************************************************************/

/*
Colors
#004990 = button
#ffb17e = button hover
#004990 = link
#ffb17e = link hover

Blue - 004990
Teal - 00a189
Light Teal: b6e4de

*/

.bg-gray { background:#f0f0f4; }

.white { color:#fff!important; }
.black { color:#000!important; }

.blue { color:#004990!important; }
.teal { color:#00a189!important; }
.teal-lt { color:#b6e4de!important; }

/************************************************************************************************
* HTML STYLES
************************************************************************************************/

body, html { font-family: 'Poppins', sans-serif; font-weight:normal; font-size:16px; line-height:175%; color:#000; }

h1 { font-family: 'Poppins', sans-serif; font-weight:normal; font-size:2.125em; line-height:120%; color:#000000; margin-bottom:15px; }
h2 { font-family: 'Poppins', sans-serif; font-weight:normal; font-size:1.75em; line-height:120%; color:#7d7d7d; margin-bottom:5px; }
h3 { font-family: 'Poppins', sans-serif; font-size:1.063em; line-height:120%; color:#000000; margin-bottom:5px; }
h4 { font-family: 'Poppins', sans-serif; font-size:1.3em; line-height:120%; color:#000000; margin-bottom:5px; }
h5 { font-family: 'Poppins', sans-serif; font-weight:normal; font-size:1em; line-height:120%; color:#000000; margin-bottom:10px; }
h6 { font-family: 'Poppins', sans-serif; font-weight:normal; font-size:0.875em; line-height:130%; color:#000000; }

nav { } nav ul li.selected { color:red; }

a, a:link, a:active, a:visited { font-family: 'Poppins', sans-serif; text-decoration: none; } a:hover { text-decoration: underline; }

a.button, a.button-arrow, a.button-double-arrow, input[type='submit'], button { background:#F9D02A; color:#fff; padding:.5em 1em; }
a.button:hover, a.button-arrow:hover, a.button-double-arrow:hover { background:#FFDF60; }
a.button-arrow:after { font-family: 'FontAwesome'; content: '\f054'; margin-left:10px; }
a.button-double-arrow:after { font-family: 'FontAwesome'; content: '\f054'; margin-left:10px; }

footer hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(29, 72, 114, 1); }

blockquote { display:block; position:relative; font-size: 0.938em; font-style: italic; margin: 0 0 15px 0; padding: 40px; line-height: 1.45; position: relative; color: #000; background:#f8f8f8; }
blockquote p { display:block; /*quotes: '\201c' '\201d';*/ font-size:14px; line-height:160%; margin-bottom:0; }
blockquote span { margin-top:-20px; font-weight:bold; }
blockquote p:before { content: '"'; font-size:18px; padding-right:3px; }
blockquote p:after { content: '"'; font-size:18px; padding-left:3px; }
/*blockquote p { padding:0!important; margin:0!important; }*/
blockquote cite { color: #62b6b7; display: block; margin-top: 5px; text-align:right; }
blockquote cite a { color: #62b6b7!important; } blockquote cite a:hover { color: #62b6b7!important; text-decoration:underline; }
blockquote cite:before { content: "\2014 \2009"; }

form.custom input[type="submit"], form.custom input[type="button"], form.custom button { background:#004990; }
form.custom input[type="submit"]:hover, form.custom input[type="button"]:hover, form.custom button:hover { background:#ffb17e; }

div.callout { text-align:center; padding:25px 0; }
div.callout h3 { font-family: 'Poppins', sans-serif; font-weight:normal; font-size:1.6em; color:#000; }
div.callout h4 { font-family: 'Poppins', sans-serif; font-weight:normal; font-size:1.2em; color:#000; margin:0!important; } div.callout a, div.callout a:hover { color:#000; }


footer #footer img {  }
footer .social-media h3 { padding-bottom:20px; } footer .social-media a { display:inline-block; padding-right:25px; } footer .social-media i { font-size:30px; }
footer .copyright { font-family:'Poppins Semibold'; color:#fff; font-size:14px; font-weight: 500; } 
footer .copyright span, footer #footer .copyright a, footer #footer .copyright a:hover { font-family: 'Poppins', sans-serif; color:#fff; }
/*footer hr { margin-top: .6rem; margin-bottom: .6rem; }*/
footer span { display:block; font-size:12px; }

/*#mega-menu-menu-main li { margin:0 25px!important; }
#mega-menu-menu-main > li:hover, li.mega-current_page_item { border-top:#01a189 3px solid!important; }*/

/************************************************************************************************
* LAYOUT
************************************************************************************************/

body div#wrapper { display: flex; min-height: 100%; flex-direction: column; align-items: stretch; }
header, main, footer  { flex-shrink: 0; } main { flex-grow: 1; }

#topper, #masthead, #navigation, #middle, #main, #bottom, #footer { display:block; width:100%; height:auto; }
header #topper, header #masthead, footer #bottom, footer #footer { display:block; width:100%; }

/* HEADER
************************************************************************************************/
header p, header img { margin:0!important; }
header #topper { background-color:#004990; min-height:35px; }
header #masthead { width:100%; min-height:80px; z-index:99999; position: relative; background-color:#fff; -webkit-box-shadow: 0px 0px 6px -3px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 6px -3px rgba(0,0,0,0.75); box-shadow: 0px 0px 6px -3px rgba(0,0,0,0.75); }
header #navigation { height:55px; background:#36537e; }
 
/*header #navigation { z-index:99999; position: relative;  }*/

/* MAIN
************************************************************************************************/
main { min-height:500px; background-color:#fff; }
#main_wrap_content { width:100%; /*padding:45px 0;*/ }

section#content_wide { display:block; width:100%; height:100%; margin:0; padding:0; }
section#content_full { display:block; width:100%; height:100%; margin:0; padding:30px 0; }

/* FOOTER
************************************************************************************************/
footer #footer { background-color:#162d4f; min-height:100px; padding:20px 0 5px 0; border-top:#4b6f9e 6px solid; }
footer #bottom { background-color:#28446a; min-height:25px; padding:20px 0 5px 0; }
footer { } footer p {  }

footer #footer { color:#fff; } footer #footer h3 { color:#fff; } footer #footer a { color:#fff!important; } footer #footer a:hover { text-decoration:underline; }


/* NOTIFICATION MESSAGE BARS
************************************************************************************************/
.notification-bar { font-size: 16px; line-height: 16px; }
#notification-bar-top { background-color: rgba(0, 161, 134, 1); border-bottom:#fff 1px solid; color: #fff; }
#notification-bar-bottom { /*background-color: rgba(0, 0, 0, 0.75);*/ background-color: rgba(63, 112, 161, 0.85); color: #fff; bottom: 0; }
#notification-bar-bottom.hide { display:none!important; }

/* BACK TO TOP
************************************************************************************************/
#backtop { background-color:rgba(63, 112, 161, 1); right:40px; bottom: 65px; } #backtop:hover { background-color:rgba(63, 112, 161, 0.84); }

/* TOP & BOTTOM MENU
************************************************************************************************/

ul#topmenu { float:right } #topmenu li { display:inline-block; line-height:35px; letter-spacing:1px; } 
#topmenu li a { height:35px; line-height:35px; }
#topmenu li { color:#fff; font-size:1em; font-weight:normal; text-transform:uppercase; padding:0 5px; }
#topmenu li a { color:#01a189; }
#topmenu li span { background:#fff; }

#topmenu li a:hover, #topmenu li.selected, #topmenu li.selected a, #topmenu a:hover .fas, #topmenu a:hover .fab { color:#fff; }
#topmenu li.alert { /*background:#25aabb;*/ } #topmenu li.alert a, #topmenu li.alert i { color:#fff!important; } #topmenu li.alert:hover, #topmenu li.alert a:hover { color:#fff!important; }
#topmenu .fas, #topmenu .fab { color:#fff; font-size:1em; line-height:30px; } 
#topmenu .fas:hover, #topmenu .fab:hover { color:#01a189!important; }

/*nav#botmenu li { color:#fff; font-size:13px; line-height:35px; text-transform:uppercase; font-weight:normal; }
nav#botmenu li a { color:#fff!important; }
nav#botmenu li a:hover, nav#botmenu li.selected a,  nav#botmenu .fa:hover { color:#F8CE33!important; }
nav#botmenu ul { text-align:center; margin-top:15px; } nav#bottom li { display:inline-block; padding:0 0 0 12px; } nav#bottom li a { padding:0; }
nav#botmenu li:first-child { padding:0!important; }

#menu-footer-menu { margin-bottom:10px; }
#menu-footer-menu a { color: #01a189; } #menu-footer-menu a:hover { color:#02bea2; }*/

/************************************************************************************************
* MODALS
************************************************************************************************/

#mask { display: none; background: #C4C4C4; position: fixed; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; opacity: 0.8; z-index: 99999; }
.modal-window { display:none; width:100%; background: #faf9f8; padding: 25px; border: 2px solid #909AA0; float: left; font-size: 12px; position: fixed; top: 50%; left: 50%; z-index: 999999; box-shadow: 0px 0px 20px #999; -moz-box-shadow: 0px 0px 20px #999; -webkit-box-shadow: 0px 0px 20px #999; border-radius:3px 3px 3px 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.modal-window img.btn_close { float: right; margin: -40px -40px 0 0; }
.modal-window fieldset { margin-top:5px; padding:0; border:none;  }	
.modal-window form label { display:block; padding-bottom:7px; }
.modal-window form span { display:block; }	
.modal-window form p, form span { color:#ffffff; /*font-size:16px; line-height:120%;*/ margin-bottom:10px; }
.modal-window form input, .modal-window form button { width:100%; }

.modal-hidden { display:none; }
.modal-alert { color:#DD2139; font-weight:bold; margin:10px 0; }	
.modal-window .modal-error, .error { color:#DD2139; font-weight:bold; margin:5px 0; }

.modal-window .scrollbar { overflow:scroll; padding:0; border: 1px solid #E0E4E7; }

#modal-login, #modal-enews { width:250px; }
#dsp_loginForm { width:100%; } #dsp_loginCredentialsForm { display:none; }	


/************************************************************************************************
* ELEMENTS
************************************************************************************************/
article#PageNotFound { margin-top:35px; }

main.sidebar-layout h1 { margin-left:10px }

.widget { font-size:14px; } .widget ul, .widget li { list-style-type: none; margin-left:0!important; padding-left:0!important; } .widget li { margin-bottom:13px; }
.search-results { font-size:14px; } h1.search-title, ul.search-results { margin-left: 15px!important; padding-left:0!important; }  ul.search-results { list-style-type: none; } ul.search-results li { margin-left:0!important; padding-left:0!important; }

body.home .gform_required_legend { color:#fff; } body.home .gfield_required { color:#47de8d; } 

/************************************************************************************************
* SECTION: RESOURCES
************************************************************************************************/
ul.resources_list { width:100%; position:relative; display:block; list-style-type: none; padding: 0; margin: 0; } 
ul.resources_list li { width:100%; height: auto; } ul.resources_list p { margin:0; }
div.resource_image, div.resource_details { display:inline-block; position: relative; vertical-align:top; /* For IE 7 */ zoom: 1; *display: inline; }
div.resource_details { width: 115px; } div.resource_details { width: calc(100% - 115px); } div.resource_image img { margin-right:15px; }
ul.resources_list li.rule { margin:10px 0; width:100%; }

/************************************************************************************************
* RESPONSIVE
************************************************************************************************/
/*header { position: fixed; }*/	

@media screen and (min-width:1024px) {
	
	/* main */
	section#content, aside#sidebar { padding:30px 0; }	
	main#sub section#content { width:70%; } main#sub aside#sidebar { width:30%; }
	section#content .pad-right { width:90%; padding-right:5%; } section#content .pad-left { width:90%; padding-left:5%; }
	
	/*main#posts section#content { width:78%; } main#posts aside#sidebar  { width:22%; }*/

}
@media screen and (max-width:1023px) {

	section#content, aside#sidebar { width:100%; }
	section#content, aside#sidebar { padding:25px; }	
}
@media screen and (min-width:768px) {
	header #topper ul#topmenu li:after { content:'\2014'; margin-left:5px; } header #topper ul#topmenu li:last-child:after { content:''; margin-left:0; }
	
}
@media screen and (max-width:767px) {
	header #topper ul#topmenu { float:none!important; text-align:center; }
	#masthead { height: 137px; } #masthead #mast_logo { display: flex; justify-content: center; }
	
	/*main #main { padding:25px 0; }*/
}
@media screen and (min-width: 750px) {	
	header #masthead #mast_logo_1 { height: 110px; }
}
@media screen and (min-width: 601px) {	
	/*#topmenu li.alert { margin-left:10px; padding:0 8px; }*/
}
@media screen and (max-width: 749px) {
	/*#masthead img { position: absolute; transform: translateX(-50%); left: 50%; } #mast_logo_1 { margin-top:10px; }*/
	#navigation .wrapper { width:100%; padding:0; }
	
	/*ul#topmenu { width:100%; display: flex; flex-direction: column-reverse; } ul#topmenu li { flex: 0 0 auto; width:100%; display:block; }*/
	/*#topmenu li.alert { background:none; } #topmenu li.alert a { background:#a01919; }
	#topmenu li.alert a { float:right; padding:0 2px 0 10px; }*/}
@media screen and (max-width: 500px) {
		
}
@media (min-width: 1024px) { footer #bottom.bar-showing { padding-bottom:80px; } }
@media (max-width: 1023px) { footer #bottom.bar-showing { padding-bottom:100px; } }
@media (max-width: 767px) {	footer #bottom.bar-showing { padding-bottom:100px; } }
@media (max-width: 480px) {	footer #bottom.bar-showing { padding-bottom:100px; } }