/* CSS Document */

section > .container, section > .container-fluid {
  padding-top: 60px;
  padding-bottom: 60px; }

.h1, .h2, .h3, h1, h2, h3 {
  font-family: "Teko", sans-serif;
  margin-bottom: .5rem;
  margin-top: 0.5rem;
  color: #000000;
}

.h1, h1{
  font-size: 2.5em;
  font-stretch:expanded;
}

.h1.custom, h1.custom{
  color: #000000;
}

.h2, h2{
  font-size: 2.5em;
  font-stretch:expanded;
  color: #00B0DA !important;
}


.h3, h3{
  font-size: 2em;
  font-stretch:expanded;
}


.h4, h4{
  font-size: 1.25em;
  font-stretch:expanded;
  color: #00B0DA !important;
  margin-bottom: 2px;
}

.blue-highlight{
  font-size: 1.00em;
  color: #00B0DA !important;
  margin-bottom: 2px;
}

header#header .header-top {
  background-color: #00B0DA;
}

/* customize ACTIVE button to yellow */
.menuzord.theme-color2 .menuzord-menu > li.active > a, .menuzord.theme-color2 .menuzord-menu > li:hover > a, .menuzord.theme-color2 .menuzord-menu ul.dropdown li:hover > a {
  background: #FFCC00;
  color: #000;
}

/* add line below nav bar in page header */
.header-nav-container {
	border-bottom: 1px solid #eee;
}

a.box, a.box:visited, a.box:active {
	border: 2px solid #fff;
	color: #fff !important;
	font-weight: bold;
	padding: 8px 12px;
	cursor: pointer;
	text-decoration: none;
}

a.box:hover {
	text-decoration: underline;
}


/* fonts */
h3.custom {
	font-size: 1.75em;
}

.icon-text p {
	color:#000;
	font-size:1.5em;
	font-weight:600;
	text-align:center;
}

.dark-panel {
	display:inline-block;
	background-color: rgba(0,0,0,0.35);
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 20px;
	padding-right: 20px;
}

.teal-panel {
	display:inline-block;
	background-color: rgba(0,176,218,0.35);
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 20px;
	padding-right: 20px;
}

.bottom-call-to-action {
	line-height: 1.7;
	font-size: 1.20rem;
	color: #7AA2C4 !important;
	font-weight: 600 !important;
	/* see media query for font-size change when on mobile phone */
}

.lead, .lead p {
  color: #000000 !important;
}

/* font effects */
.custom-shadow-2px {
	/* shift right, shift down, blur, opacity */
	text-shadow: 2px 2px 2px rgba(0,0,0,0.80);
}

.be-bold {
	font-weight: bold !important;
}

.black {
	color: #000 !important;
}


/* picture effects */
.img-border {
	/* no borders for now */
}


/* buttons */
.btn-hdr-custom {
	border: 1px solid transparent;
	border-radius: 5px;
	border-width: 0;
	cursor: pointer;
	/* display: inline-block; */
	background-color: #FFCC00;
	border-color: #FFCC00;
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	font-weight: bold !important;
	letter-spacing: 0;
	line-height: 1;
	overflow: hidden;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 9px;
	padding-right: 9px;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	transition: all 0.2s ease-in-out;
	user-select: none;
	white-space: nowrap;
	z-index: 0;
}

.btn-group-lg > .btn, .btn-lg {
  margin-top: 20px;	
  padding: .5rem 2.5rem; }


.btn-theme-colored2:before {
  background: #FFCC00; /* var(--theme-color3); */ }


.btn-theme-colored1 {
  color: #000;
  font-size: 1.25em;
  font-weight:600;
  background-color: #bdec60;
  border-color: #bdec60;
  text-transform: none;
}

.btn-theme-colored1:hover {
  color: #fff;
  background-color: #a3d653;  /* #9fdc51; */
  border-color: #a3d653;   /* #9fdc51; */
}

.btn-check:focus + .btn-theme-colored1, .btn-theme-colored1:focus {
  color: #fff;
  background-color: #a3d653; 
  border-color: #a3d653; 
  box-shadow: 0 0 0 0.25rem rgba(155, 188, 63, 0.5); 
}
	
.btn-check:checked + .btn-theme-colored1,
.btn-check:active + .btn-theme-colored1, .btn-theme-colored1:active, .btn-theme-colored1.active,
.show > .btn-theme-colored1.dropdown-toggle {
  color: #fff;
  background-color: #a3d653; 
  border-color:  #a3d653; 
}

.btn-check:checked + .btn-theme-colored1:focus,
.btn-check:active + .btn-theme-colored1:focus, .btn-theme-colored1:active:focus, .btn-theme-colored1.active:focus,
.show > .btn-theme-colored1.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(155, 220, 81, 0.5); 
}


.layer-overlay.overlay-theme-colored1-9::before {
  background-color: rgba(0, 176, 218, 0.8);
}


/* lists */
.tm-sc-unordered-list.list-style11 ul {
	list-style: none;
	padding-left: 25px;
}

.tm-sc-unordered-list.list-style11 ul li::before {
  position: absolute;
  width: 15px;
  left: -1px;
}

.tm-sc-unordered-list.list-style11 ul li {
	position: relative;
	padding-left: 25px;
}

.hide-on-small {
	/* hide sidebar menu when media query hits small screen */
}

/* breadcrumb overrides */
section.breadcrumbs {
	background-color: #A1E2F2; /* #eee; */
	line-height: 1.0;
	color: #000;
}

div.breadcrumbs {
	margins: 0;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:24px;
	font-size: 0.9em;
}

div.breadcrumbs > span > i {
	margin-left: 10px;
	margin-right: 10px;
}

div.breadcrumbs > span > a {
	color: #000000 !important;
}

div.breadcrumbs > span > a:hover {	
	color: #24337D !important;
	text-decoriation: underline !important;
}


/* filter colors */
.filter-light-blue {
	/* desired color: #7AA2C4; */
	filter: brightness(0) saturate(100%) invert(73%) sepia(13%) saturate(931%) hue-rotate(166deg) brightness(84%) contrast(87%);
}


/* separator */
hr.custom-separator {
	background-color: transparent !important;
	border-bottom: 1px solid #7AA2C4 !important;
	margin-top: 36px;
	margin-bottom: 24px;
}


/* footer layer overlay */
.layer-overlay-footer {
	position: relative;
}

.layer-overlay-footer::before {
	background: rgba(17, 17, 17, 0.5) none repeat scroll 0 0;
	content: " ";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
  z-index: -1;
}

/* footer ul li color override */
div.widget_nav_menu > ul.menu > li::before {
	color: #fff !important;
}

div.widget_nav_menu > ul.menu > li:hover::before {
	color: #1196CC !important;
}


/**

 * ASSOCIATION LOGOS
 **/
img.assoc-logos {
    margin-top: 24px;
    width:60%;
    height: auto;
}

@media (max-width: 575px) {

    img.assoc-logos {
        margin-top: 24px;
        width:45%;            
        height: auto;
    }

}


/* media query overrides for extra small devices */
@media (max-width: 575px) {

	.nudge-down {
		margin-top: 35px;
	}

	.center-at-575 {
		margin: 0 auto;
	}

	.bottom-call-to-action {
		line-height: 1.5;  /* reduce from 1.7 to 1.5 when on phone */
		font-size: 1rem;   /* reduce from 1.20rem to 1rem when on phone */
		color: #7AA2C4 !important;
		font-weight: 600 !important;
	}

	.hide-on-small {
		display: none;
	}

}

/* media query overrides for small devices */
@media (min-width: 576px) and (max-width: 767px) {

	.nudge-down {
		margin-top: 35px;
	}

	.center-at-767 {
		margin: 0 auto;
	}

	.hide-on-small {
		display: none;
	}

}

/* media query overrides for medium devices */
@media (min-width: 768px) and (max-width: 991px) {

	.center-at-991 {
		margin: 0 auto;
	}

}

/* media query overrides for large devices */
@media (min-width: 992px)and (max-width: 1199px) {



}

/* media query overrides for extra large devices */
@media (min-width: 1200px) and (max-width: 1399px) {



}

/* media query overrides for extra large devices */
@media (min-width: 1400px) {



}