/*--------------PLEASE PLACE ALL CUSTOM CSS HERE ----------------*
NOTES: If you use Appearance/Customize/Additional CSS to test your custom CSS, please make sure that once you're done you add that code to this stylesheet and remove it from the Appearance/Customize/Additional CSS section.

Please add a commented out title to the custom code you add to this page so it's easy for developers to find what they need. 
----------------------------------------------------------------*/
/*--------------GENERAL ----------------*/
.banner{
	margin-top:-1em;
}


.wpcf7-form input[type=submit], button, html input[type="button"], input[type="reset"], input[type="submit"], a.contact-btn,.biziq-button,.client-button, #content .btn, #slider .btn, .view-article, .rev-read-more, #respond #submit, .btn, .link-button {
	color: #fff;
	background: #0C4081;
	font-weight: bold;
    border-radius: 50px;
    }

#footer .btn:hover, .link-button:hover, .billboard .slider-content a:hover, .video-container .slider-content a:hover, .btn:hover, #slider:hover .btn, button:hover, .rev-read-more:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, #content .view-article:hover, .wpcf7-form input[type=submit]:hover, #content .btn:hover, #slider .btn:hover {
    	background: #3e6496;
    	color:  #fff;
    	transition: 500ms;
}

    	a{
    		color: #0c4081;
    	}

    	a:hover{
    		color: #598fd7;
    	}



/*--------------HEADER ----------------*/
#header, .passed-header .sticky-background, .sticky-background {
	/* background: #BCD2EF; */
	}

.passed-header .sticky-background{
	/* box-shadow: 0 8px 6px -6px black; */
}
.phone a {
    background: #0c4081;
    color: #FFF;
    border-radius: 50px;
	font-weight: bold;
	font-size: 1.25em;
}

.nav-bar ul a {
    display: inline-block;
    text-decoration: none;
    padding: 0 10px;
    color: #222;
    font-size: 1.05em;
    letter-spacing: .05em;
}
.breakout {
    background-color: #bcd2ef;
    color: #222;
    }
/*--------------BILLBOARD----------------*/
.billboard .slider-content {
    max-width: 1920px;
    width: 100%;
    border-top: 5px solid #598FD7;
    background: #0C4081;
    padding: 1em 2em 1.5em 2em;
    text-align: left!important;
}

.billboard .swiper-slide {
	justify-content: flex-end;}


.billboard .slider-content .slider-cta-button, .video-container .slider-content .slider-cta-button, .billboard .slider-content a, .video-container .slider-content a {
    text-decoration: none;
    color: white;
    border: 1px solid white;
    padding: 10px 20px;
    font-size: 1.25em;
	border-radius: 50px;}

.billboard .slide-header, .video-container .slide-header {
    font-size: 2.5em;
    text-transform: capitalize;
    font-weight: bold;
    line-height: 1.2em;
    text-align: center;
}
.billboard .swiper-slide {
	height: auto;}
/*--------------HOME ----------------*/



ul.checked li:before {
}

ul.marker li:before {
    color: #0C4081;
}


/*--------------SERVICES ----------------*/
.accordion .btn-link {
    color: #fff;
    display: block;
    cursor: pointer;
    background: #0C4081;
    padding: .75em;
}
 
h3.btn-link[aria-expanded="false"]:after {
    content: '\f067';
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    float: right;
    padding-right: 0;
    margin-bottom: 5px;
    color: #fff;
}
 
h3.btn-link[aria-expanded="true"]:after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    float: right;
    padding-right: 0;
    content: '\f068';
    margin-bottom: 5px;
    color: #fff;
}
h3.btn-link[aria-expanded="true"] {
    background: #3e6496;
    color: #fff;
    margin-bottom: 0;
}
h3.btn-link:hover {
    text-decoration: none;
}
h3.btn-link + div .inner {
    padding: 1em;
    box-shadow: 0px 0px 1px #333;
	background: #bcd2ef;
}

.gallery-caption {
 border: 0px;
    font-style: italic;
    padding-top: .25em;
}
.water-crd-wrapper, .sol-crd-wrapper{
	 background: #BCD2EF;
    padding: .5em 1em;
    height: 100%;
    border-top: 10px solid #0C4081;
}
.water-crd-wrapper {
    text-align: center;
}

#content .sol-crd-wrapper div[id*="gallery"] {
    display: flex;
    justify-content: left;
    align-items: center;
    flex-wrap: wrap;
}


#footer ul li:before, ul.fancylist li:before {

    color: #0C4081;
}
/*--------------REVIEWS ----------------*/
.rev-wrap {
    padding: 2.5em 1em 1em;
    position: relative;
    box-shadow: 2px 2px 5px #00014b42;
    margin: 0 1em 0;
    background: #ffffff;
    padding: .5em 1em;
    height: 100%;
    border: 1px solid #0c4081;
    border-top: 6px solid #0C4081;
}


.rev-wrap:before {
    display:none;
}


.final-star {
    color: #0c4081!important;
}

/*--------------CONTACT ----------------*/
.page-contact-us form.wpcf7-form, #wform {
    padding: 2rem;
    border-top: 6px solid #0c4081;
    box-shadow: 2px 2px 5px #00014b42;
    margin: 0 1em 0;
    background: #ffffff;
    border: 1px solid #0c4081;
    border-top: 6px solid #0C4081;
}

/*--------------FOOTER----------------*/
footer#footer{
	background: #082c5a;
	color: #fff;
}


footer a.btn {
	display: block;
	background: #bcd2ef!important;
	color: #082c5a!important;
}


footer a.btn:hover{
	background: #3e6496!important;
	color:  #fff!important;
}
.today {
    color: #BCD2EF;
    font-weight: bold;
}

#copyright{
	background: #082c5a;
	color: #fff;
}
.text-box {
    padding: 2em;
}

@media only screen and (min-width: 768px) {
	.text-box {
		padding: 1em 3em 1em 1em;
	}
}
/*--------------MOBILE ----------------*/
#mobile-menu-container .menu-bar, #mobile-menu-container .menu, #mobile-menu-container .menu-icon, #mobile-menu-container.left, #mobile-menu-container.right{
	background:#0C4081;
}

@media only screen and (max-width: 576px){
	.medium-wrapper, .small-wrapper, .large-wrapper {
    padding: 2em;}

    .banner, .billboard.breakout{
    	margin-top:-3em;
    }
	
.billboard .slide-header, .video-container .slide-header {
    font-size: 1.5em;
    text-align: center;}


.billboard .slide-sub-header, .video-container .slide-sub-header {
    font-size: .95em;
    line-height: 1.4em;
    text-align: center;
}
.pt-3, .py-3 {
    padding-top: 1rem!important;
    margin-bottom: -33px;
}
}

.menu-bar i {
    margin-top: 15px !important;
}

@media only screen and (min-width: 768px) {
.billboard .swiper-slide {
	height: 75vh;}
}