/************************************************************************************************
* 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;
}

.orange {
	color: #ff652f !important;
}
.orange-md {
	color: #ff9422 !important;
}
.blue {
	color: #011689 !important;
}
.blue-md {
	color: #001cb8 !important;
}
.blue-lt {
	color: #0068d2 !important;
}

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

@media screen and (max-width: 600px) {
	#wpadminbar {
		position: fixed !important;
	}
}

main {
	padding-top: 6.5rem;
	scroll-padding-top: 6.5rem;
}

@media screen and (max-width: 1024px) {
	main {
		padding-top: 4rem;
		scroll-padding-top: 4rem;
	}
}

body.elementor-editor-active > footer {
	margin-top: 6.5rem;
}

@media screen and (max-width: 1024px) {
	body.elementor-editor-active > footer {
		margin-top: 4rem;
	}
}

body,
html {
	font-family: "Poppins Regular";
	color: #000;
}

.text-pretty {
	text-wrap: pretty;
}

h1 {
	font-family: "Poppins Bold", sans-serif;
	font-size: 1.75em;
	line-height: 120%;
	color: #004990;
	margin-bottom: 15px;
}
h2 {
	font-family: "Poppins Bold", sans-serif;
	font-size: 1.313em;
	line-height: 120%;
	color: #004990;
	margin-bottom: 5px;
}
h3 {
	font-family: "Poppins Bold", sans-serif;
	font-size: 1.063em;
	line-height: 120%;
	color: #004990;
	margin-bottom: 5px;
}
h4 {
	font-family: "Poppins Bold", sans-serif;
	font-size: 1em;
	line-height: 120%;
	color: #000000;
	margin-bottom: 5px;
}
h5 {
	font-family: "Poppins Regular", sans-serif;
	font-size: 1em;
	line-height: 120%;
	color: #000000;
	margin-bottom: 10px;
}
h6 {
	font-family: "Poppins Regular", sans-serif;
	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 Regular", sans-serif;
	text-decoration: none;
	color: #ff652f;
}
a:hover {
	text-decoration: none;
	color: #ff9422;
}

a.button,
a.button-arrow,
a.button-double-arrow,
input[type="submit"],
button {
	background: #ff652f;
	color: #fff;
	padding: 0.5em 1.5em;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
a.button:hover,
a.button-arrow:hover,
a.button-double-arrow:hover {
	background: #ff9422;
}
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(116, 178, 203, 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 Regular", sans-serif;
	font-size: 1.6em;
	color: #000;
}
div.callout h4 {
	font-family: "Poppins Regular", sans-serif;
	font-size: 1.2em;
	color: #000;
	margin: 0 !important;
}
div.callout a,
div.callout a:hover {
	color: #000;
}

/************************************************************************************************
* 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 {
}
header #topper {
	background-color: #004990;
	min-height: 35px;
}
header #masthead {
	width: 100%;
	min-height: 100px;
	background-color: #fff;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
header #navigation {
	height: 40px;
	background: #011689;
}

header #navigation {
	z-index: 99999;
	position: relative; /*-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 #mast_tagline {
	color: #0f4787;
	line-height: 145%;
}

/* 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 #ledge { background-color:#fff; min-height:50px; padding:0; }*/
footer #footer {
	background-color: #001065;
	border-top: #ff652f 8px solid;
	min-height: 200px;
	padding: 45px 0;
	color: #fff;
	font-size: 0.75rem;
}

footer #bottom {
	background-color: #001482;
	color: #fff;
}

.hceca-statement {
	font-size: 0.75rem;
	padding-top: 2rem;
}

*/ footer {
	font-size: 12px;
}
footer p {
	margin-bottom: 8px;
}

footer #footer {
	color: #fff;
}
footer #footer a,
footer #footer a:hover {
	color: #fff;
}
footer #bottom {
	font-size: 14px;
}

footer phone,
footer email {
	display: block;
}
footer phone {
	margin-top: 20px;
	font-size: 30px;
	font-weight: bold;
}
footer email a {
	color: #f08f24 !important;
}

footer #bottom .copyright {
	padding-top: 20px;
	line-height: 130%;
}
footer #bottom .copyright a,
footer #bottom .copyright a:hover {
	color: #fff;
}
footer .copyright span {
	font-size: 12px;
}

/* NOTIFICATION MESSAGE BARS
************************************************************************************************/
.notification-bar {
	font-size: 16px;
	line-height: 16px;
}
#notification-bar-top {
	background: rgba(33, 143, 255, 1);
	background: -webkit-linear-gradient(left, #218fff, #0167d3);
	background: -moz-linear-gradient(left, #218fff, #0167d3);
	background: linear-gradient(to right, #218fff, #0167d3);
	border-bottom: none;
	color: #fff;
}
#notification-bar-bottom {
	background-color: rgba(0, 0, 0, 0.75);
	color: #fff;
	bottom: 0;
}
#notification-bar-bottom.hide {
	display: none !important;
}

/* BACK TO TOP
************************************************************************************************/
#backtop {
	background-color: rgba(1, 161, 137, 0.84);
	right: 40px;
	bottom: 65px;
}
#backtop:hover {
	background-color: rgba(2, 194, 165, 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: #c1bbb4; /*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;
}

/************************************************************************************************
* 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%;
	}
}
@media screen and (max-width: 1023px) {
	section#content,
	aside#sidebar {
		width: 100%;
	}
	section#content,
	aside#sidebar {
		padding: 25px;
	}
}
@media screen and (min-width: 768px) {
}
@media screen and (min-width: 750px) {
	header #masthead #mast_logo {
		height: 100px;
	}
}
@media screen and (max-width: 767px) {
	header #masthead {
	}
}
@media screen and (min-width: 601px) {
	/*#topmenu li.alert { margin-left:10px; padding:0 8px; }*/
}
@media screen and (max-width: 749px) {
	#navigation .wrapper {
		width: 100%;
		padding: 0;
	}

	header #masthead #mast_logo {
		position: relative;
	}

	/*#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: 420px) {
}
@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;
	}
}

a.mega-menu-link:hover {
	background: rgb(245, 82, 0) !important;
	color: #fff !important;
}
