/*
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
*/
.home .gallery-section{
	display: none;
}
.primary-footer .primary-footer-inner {
    background-color: #c1c1c1;
}
.primary-footer .sitemap .menu li a {
    color: var(--color-3);
}
.btn:hover, .btn:focus, .button:hover, .button:focus {
    color: var(--color-4);
}
a:hover, a:focus, .main-nav .current_page_item a, .main-nav a:hover, .main-nav a:focus,
.primary-header .nav-col .c2a a:hover, .primary-header .nav-col .c2a a:focus{
	color: var(--color-3);
}
a {
    color: var(--color-4);
}
a:hover {
    color: var(--color-2);
}
.ip-heading {
	color: #fff;
	background-color: var(--color-2);
}
.toggle-item {
	border: 2px solid var(--color-5);
	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;
    color: var(--color-5);
}
.toggle-item>.toggle-content {
	display: none;
	border-top: 1px solid var(--color-5);
	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-2);
	padding: 85px 0;
}
.faq-section .faq {
	border: none;
	border-bottom: 1px solid var(--color-5);
	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;
    color: var(--color-5);
}
.faq-section .faq h3 {
	margin-bottom: 0;
    color: var(--color-5);
}
.faq-section .faq.active .toggle-heading .icon {
	color: var(--color-3);
}
.faq-section .faq.active .toggle-heading .heading {
	color: var(--color-3);
}
.services-section .services {
    justify-content: center;
}
.services-section .services .service {
    flex-grow: 0;
    background-color: var(--color-3);
}
.services-section .services .service .heading{
    line-height: .9;
}
.blog-section .sidebar{
    padding: 10px;
}
.blog-section .blogs{
    flex-direction: column;
}
.blog-section .blogs .blog:nth-child(odd) {
    background-color: var(--color-2);
}
.blog-section .blogs .blog:nth-child(odd) a,
.blog-section .blogs .blog:nth-child(odd) .date{
    color: var(--color-5);
}
.blog-section .blogs .blog:nth-child(even) {
    background-color: var(--color-5);
}
.blog-section .blogs .blog:nth-child(even) a,
.blog-section .blogs .blog:nth-child(even) .date,
.blog-section .blogs .blog:nth-child(3n + 4) a:hover, .blog-section .blogs .blog:nth-child(3n + 4) a:focus {
    color: var(--color-2);
}
.blog-section .sidebar li:not(:last-child) {
    border-bottom: none;
    padding: 5px 0;
}
.blog-section .sidebar h2{
    margin: 30px 0 10px 0;
}
.blog-section .sidebar li {
    padding: 5px 0;
}
.blog-section .sidebar #searchsubmit {
    background-color: var(--color-3);
    color: var(--color-5);
    border-radius: 0;
    font-size: 18px;
    padding: .5em 1.5em;
    margin: 4px 0;
    letter-spacing: 1px;
    font-weight: 700;
    color: var(--color-1);
    background-color: var(--color-3);
    text-transform: uppercase;
    transition: all ease .3s;
    border: none;
}
.blog-section .sidebar #searchsubmit:hover,
.blog-section .sidebar #searchsubmit:focus {
    background-color: var(--color-2);
    color: var(--color-3);
}
.primary-footer .form-col select{
    color: #000;
}
.primary-footer .form-col a{
    color: var(--color-4);
}
.primary-footer .form-col a:hover,
.primary-footer .form-col a:focus{
    color: var(--color-5);
}
.primary-footer .form-col .gfield--type-checkbox legend,
.primary-footer .form-col .gfield--type-consent legend{
    color: #fff;
    display: block !important;
}
.menu-item-has-children > a {
	position: relative;
	padding-right: 18px;
}
.menu-item-has-children>a:after {
	content: '\f105';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: absolute;
	top: 51%;
	transform: translateY(-50%);
	right: -2px;
	transition: transform 0.5s ease;
    font-size: 14px;
}
.menu-item-has-children>a:hover:after,
.menu-item-has-children:hover>a:after{
	transform: translateY(-50%) rotate(90deg);
}
.menu-item-has-children .sub-menu {
    background-color: var(--color-2);
}
.primary-header .logo-col {
    flex: 0 0 265px;
}
button, input, optgroup, select, textarea {
    color: #000;
}
.form-section .gfield--type-checkbox legend,
.form-section .gfield--type-consent legend{
    color: #fff;
    display: block !important;
}
.feature-section,
.feature-section h2{
    color: #fff;
}
.btn:hover{
    color: #fff;
}