/*
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
*/
.content-section {
    color: #000;
}
body,
p{
    font-family: "Inter", sans-serif;
}
h1,h2,h3,h4,h5,
.feature-section h2,
.background-features .feature h2,
.feature-section .feature .heading,
.btn,
.button,
.gallery-section h2,
.primary-footer .footer-row .business-name,
.primary-footer .business-col .hours-row .social-col .social-heading,
.main-nav .menu li a,
.primary-header .nav-col .c2a a{
    font-family: "Cormorant Garamond", serif;
}
.content-section .content-section-inner .content h1{
    font-size: 80px;
}
#team-section {
    background: #f7f7f7;
    padding: 15px 0;
}
.team {
    display: block;
    padding: 15px 0;
    clear: both;
    border-top: 1px solid #ececec;
}
.team-blocks .name {
    border-bottom: 1px solid #ececec;
    padding: 10px 0 5px;
    font-size: 20px;
    margin: 0;
    display: block;
}
.team-blocks p{
    margin: 10px 0;
}
.faq-section {
	background-color: var(--color-4);
	padding: 40px 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-3);
}
.faq-section .faq.active .toggle-heading .heading {
	color: var(--color-2);
}
.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);
}
.services-section .services {
    justify-content: center;
}
.services-section .services .service {
    flex: 0 1 calc(50% - 6px);
}
.bottom-content{
    margin: 40px 0;
}
.bottom-content a{
    color: var(--color-1);
}
.bottom-content a:hover {
    color: var(--color-2);
}
.page-id-594 .bottom-content a:hover {
    color: var(--color-3);
}
.main-nav .menu{
    flex-wrap: wrap;
}
.page-id-594 .gallery-section .gallery{
	flex-wrap: wrap;
}
.page-id-594 .gallery-section .gallery .image-col:first-child{
	flex-basis: 100%;
}
.gradient-section {
	padding: 100px 0;
	background-image: linear-gradient(90deg, var(--color-1) 0%, rgba(0, 0, 0, 0) 100%);
}
.gradient-section p:last-child {
	margin-bottom: 0;
}
.popup {width:100%; height:100%; display:none; position:fixed; top:0px; left:0px; background: transparent; z-index: 9999; }
.popup-inner { overflow-y: unset!important; padding: 0!important; max-width:1200px; height: auto;  width:768px;  position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); border:none; background: transparent; max-height: 90%; }
.popup-inner{  background:#fff;   border-radius: 8px;    box-shadow: 1px 1px 4px #000;}
.popup-close::before {content: '\00D7';position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-weight: 400;font-size: 24px;line-height: 0;padding-top: 2px;}
.popup-close {width:30px;height:30px;display:inline-block;position:absolute; top: 0; right: 0;margin: 4px; border-radius:10px;background: #000;font-family:Arial, Sans-Serif;font-size:20px;text-align:center;line-height:100%;color:#F3EFF5;}
.popup-close:hover { text-decoration:none; color: #dd393f;}
.popup-inner img{height:-webkit-fill-avilable;}
.visible { display: block; }
#why { width: 100%; height: 100%; border: none; }
.popup-content{
	padding: 30px;
}
.primary-footer .business-col .logo-row .logo-col img {
    max-width: 250px;
}

.services-section .btn{
	width: 100%;
	color: #fff;
	background-color: var(--color-1);
}
.services-section .btn:hover{
	color: var(--color-1);
	background-color: var(--color-2);
}
blockquote {
    border-left: none;
}
body.sticky .primary-header .logo-col img {
	max-height: 194px;
}
.menu-item-has-children > a {
	position: relative;
	padding-right: 18px;
}
.menu-item-has-children>a:after {
	content: '\f107';
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -2px;
}
.menu-item-has-children .sub-menu {
	background-color: var(--color-1);
}
.primary-header .logo-col {
    flex: 0 0 250px;
}
@media screen and (max-width: 525px) {
	.services-section .services .service {
			flex: 1 1 calc(50% - 6px);
	}
		.services-section .services .service .content {
			padding: 12px 4px;
	}
}
@media screen and ( max-width: 991px ) {
	.popup-inner {max-width: 95% !important; max-height: 500px !important; overflow:scroll;}
}