/*
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
*/
.primary-header .logo-col {
	flex: 0 0 210px;
}
body.sticky .primary-header .logo-col img {
	max-height: 210px;
}
.btn {
	color: #fff;
	background-color: var(--color-2);
}
.btn:hover {
	color: var(--color-2);
	background-color: #fff;
}
.menu-item-has-children .sub-menu {
	background-color: var(--color-3);
}
.primary-footer .footer-row,
.primary-footer .footer-row a {
	color: #fff;
}
.primary-footer .footer-row a:hover {
	color: var(--color-2);
}
.main-nav a {
	font-size: 24px;
}
.primary-header .nav-col a {
	font-weight: 500;
}
.primary-header .nav-col .c2a a {
	font-size: 18px;
	display: block;
}
.primary-footer .form .gform_wrapper.gravity-theme .ginput_complex label {
	display: none;
}
.header-social-col {
	padding: 0 12px;
}
.header-social-col .social {
	font-size: 22px;
	column-gap: .5em;
	justify-content: flex-end;
}
.header-social-col .social a {
	color: #fff;
	text-shadow: 1px 2px 3px #000;
}
.header-social-col .social a:hover {
	color: var(--color-2);
}
.background-features .feature h2:after {
	content: none;
}
body.sticky.scrolled .primary-header .logo-col img {
	max-height: 140px;
}
.primary-footer .primary-footer-inner {
	background-color: var(--color-4);
}
.primary-footer .footer-row>.business-col,
.primary-footer .footer-row>.business-col a {
	color: var(--color-1);
}
.primary-footer .footer-row>.business-col a:hover {
	color: var(--color-2);
}
.primary-footer .form-col .background {
	opacity: .5;
}
.main-nav .menu li a {
	padding: 35px 45px;
}
video {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
.acf-media.media__file {
	max-width: 100%;
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	overflow: hidden;
	min-height: 100%;
}
.acf-media.media__file .inner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.acf-media.media__file .inner .wp-video {
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
.acf-media.media__file .inner .wp-video .mejs-container {
	width: 100%;
	height: 100% !important;
}
.acf-media.media__file .inner .wp-video .mejs-container .mejs-inner .mejs-mediaelement mediaelementwrapper {
	display: flex !important;
	align-items: end;
	justify-content: center;
	height: 100%;
}
.acf-media.media__file .inner .wp-video video {
	width: 100% !important;
	height: 100% !important;
}
.menu-item-has-children .sub-menu {
	background-color: var(--color-1);
}
.btn:hover {
	background-color: var(--color-1);
}
.main-nav .menu,
.primary-header .nav-col.left .main-nav .menu {
	justify-content: space-evenly;
}
.form-section .form-row .col a {
	font-family: 'Cinzel', serif;
	font-size: 30px;
}
.form-section h2 {
	position: relative;
	padding-bottom: 20px;
}
.form-section h2:after {
	content: '';
	width: 150px;
	height: 4px;
	background-color: var(--color-3);
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.brands-section {
	background-color: var(--color-4);
	padding: 85px 0;
}
.toggle-item {
	border: 2px solid var(--color-1);
	margin-bottom: 5px;
}
.toggle-item .toggle-heading {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 8px 30px;
	cursor: pointer;
}
.toggle-item .icon {
	transition: transform ease-in-out .4s;
	font-size: 22px;
}
.toggle-item>.toggle-content {
	display: none;
	border-top: 1px solid var(--color-1);
	padding: 5px 15px;
}
.toggle-item.active>.toggle-content {
	display: block;
}
.toggle-item .toggle-content p {
	margin: 10px 0;
}
.toggle-item .icon.active {
	transform: rotate(180deg);
}
.faq-section {
	background-color: var(--color-4);
	padding: 85px 0;
}
.faq-section .faq {
	border: none;
	border-bottom: 1px solid var(--color-1);
	margin-bottom: 0;
	padding: 40px 0;
}
.faq-section .faq .toggle-heading {
	padding: 0;
	border: none;
	transition: color ease .3s;
}
.faq-section .faq .toggle-content {
	border: none;
	padding: 0;
	padding-top: 20px;
}
.faq-section .faq h3 {
	margin-bottom: 0;
}
.faq-section .faq.active .toggle-heading .icon {
	color: var(--color-2);
}
.faq-section .faq.active .toggle-heading .heading {
	color: var(--color-2);
}
.ip-heading {
	background-color: var(--color-2);
	color: #fff;
}
.brands-section .owl-stage {
	display: flex;
	align-items: center;
}
.gallery-section {
	margin-bottom: 20px;
}
.services-section .services .service {
	flex-basis: calc(33.33% - 8px);
}
.services-section .services .service .heading {
	background-color: var(--color-2);
	color: #fff;
	margin-bottom: 0;
}
.main-nav .current_page_item a {
	color: #fff;
}
.main-nav .current_page_item > a {
	color: var(--color-2);
}
.services-section .service p {
	margin-bottom: 12px;
}
.services-section-2 .service-section:nth-child(even) .content-row {
	flex-direction: row-reverse;
}
.service-section {
	background-color: #f1f1f1;
}
.service-section h2 {
	font-size: 42px;
}
.service-section.img-left .content-row {
	flex-direction: row-reverse;
}
.service-section .content-row {
	flex-wrap: wrap;
}
.service-section .content-row>.col {
	flex: 1 1 50%;
}
.service-section .content-row .content-col {
	align-self: center;
	padding: 65px;
}
.service-section .content-row .image-col {
	position: relative;
	min-height: 350px;
}
.service-section .content-row .image-col .inner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.service-section .content-row .image-col .inner img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.feat-section {
	padding: 50px 0;
	background-color: var(--color-4);
}
.feat-section .features {
	flex-wrap: wrap;
	column-gap: 20px;
	row-gap: 20px;
}
.feat-section .feature {
	flex: 0 1 calc(25% - 15px);
	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;
}
.blog-section .blogs .blog:nth-child(3n + 6) {
	background-color: var(--color-1);
	color: #fff;
}
.blog-section .blogs .blog:nth-child(1) a,
.blog-section .blogs .blog:nth-child(3n + 6) a {
	color: #fff;
}
.blog-section .blogs .blog:nth-child(1) a:hover,
.blog-section .blogs .blog:nth-child(1) a:focus,
.blog-section .blogs .blog:nth-child(3n + 4) a:hover,
.blog-section .blogs .blog:nth-child(3n + 4) a:focus,
.blog-section .blogs .blog:nth-child(3n + 6) a:hover,
.blog-section .blogs .blog:nth-child(3n + 6) a:focus {
	color: var(--color-2);
}
.blog-section .pagination .page-numbers.current {
	background-color: var(--color-2);
}
.blog-section .sidebar, .blog-section .sidebar li:not(:last-child), .blog-section .pagination .page-numbers {
	border-color: #fff;
}

.info-col {font-family: var(--secondary-font);}


.home #content-section {background: #000;}

.page-id-6 .business-col {border-right: none;}

.page-id-683 #feat-section, .page-id-797 #feat-section, .page-id-796 #feat-section {display: none;}


@media screen and (max-width: 1199px) {
	.feat-section .feature {
		flex-basis: calc(50% - 10px);
	}
}
@media screen and (max-width: 991px) {
		.service-section .content-row > .col {
			flex-basis: 100%;
		}
}
@media screen and (max-width: 767px) {
	.service-section .content-row .content-col {
		padding: 50px 15px;
	}
	.feat-section .feature {
		flex-basis: 100%;
	}
}