/*
Theme Name: Coral Reef Child
description: Client Theme - Coral Reef
Template: coral-reef-parent
Version: 1.0.0
Text Domain: coral-reef-child
Author: BCW
*/

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

.btn, .main-nav a, .background-features, .heading, .button, .mobile-nav, .primary-footer .footer-row .business-name, .primary-header .nav-col .c2a a  {font-family: "Outfit", sans-serif !important; text-transform: uppercase;}

h1, h2, h3, h4 {font-family: "Outfit", sans-serif !important; font-weight: 800; text-transform: uppercase;}

.banner-section .overlay  {font-family: "Outfit", sans-serif !important;}

.home #content-section:before {position: absolute; top:0; left: 0; width:100%; height: 100%; z-index:-1; content: ""; background:rgba(0,0,0,.5);}
#reviews {padding:30px 0;}
.reviewbtn {display: flex; justify-content: center; margin-top: 30px;}


.primary-footer .sitemap a {color:#fff !important;}
.primary-footer .sitemap a:hover {color:var(--color-1) !important;}

.brands-section { background-color: var(--color-4); padding: 85px 0;}

.owl-stage {display: flex; align-items: center;}
.owl-carousel .owl-item img {width:auto;}

#coupons {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding:0 15px 30px 15px; column-gap: 15px; row-gap:15px;}
.couptxt {text-align: center;}
.coupheading { margin-top:50px;}

.services-section .services {justify-content: center; flex-wrap: wrap;}
.services-section .services .service {flex: 0 1 calc(50% - 6px);}


.feat-section {
	padding: 50px 0;
	background-color: #eee;
}
.feat-section .features {
	flex-wrap: wrap;
	column-gap: 40px;
	row-gap: 40px;
}
.feat-section .feature {
	flex: 0 1 calc(33.33% - 26.66px);
	background-color: #fff;
	border-radius: 10px;
	padding: 30px;
	box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.058823529411764705);
}
.feat-section .feature .image img {
	margin: 0;
	width: 30px;
	margin-bottom: 15px;
}
.feat-section .feature h3 {
	font-weight: 700;
	font-size: 24px;
	margin: 8px 0 16px;
}

.gradient-section {
	padding: 100px 0;
  background-image: linear-gradient(90deg, var(--color-2) 0%, rgba(0, 0, 0, 0) 100%);
}
.gradient-section p:last-child {
	margin-bottom: 0;
}

.spacer {height: 50px;}

.jobs { text-align: center; color: #fff; padding: 50px 20px; width: 1000px; margin: 0 auto; max-width: 100%;}

.flexctr {display: flex; justify-content: center;}

.hourtxt { background: var(--color-2); color: #fff; padding: 10px; margin-bottom: 15px; font-size: 15px; font-weight: bold; text-align: center;}

.primary-footer .business-col > .inner {width:auto;}


.gform_wrapper.gravity-theme .ginput_complex select {color:#000;}
.ginput_complex label {display:none !important;}
.background-features .feature h2 { max-width: unset;}


@media screen and (max-width:991px){
    .services-section .services { display: block; width: 590px; max-width: 100%; margin: 0 auto;}
    .feat-section .feature {flex:unset;}
}