/*
Theme Name: Adara Child
description: Client Theme - Adara
Template: adara-parent
Version: 1.0.0
Text Domain: adara-child
Author: BCW
*/

p {color: #000;}


/* FAQ */
#faq-section{padding: 0 0 50px;}
#faq-section h1{padding: 5px;text-align: center; text-transform: uppercase;}
#faq-section h3{padding: 5px;margin-bottom: 0;}
.faq-info{color:#fff; background:var(--color-1); padding-top: 20px;}
.faq-info p {color: #fff !important;}
.faq-toggle{box-shadow: #000 0 0 10px 0; font-size:calc(16px + (21 - 16) * ((100vw - 300px) / (2000 - 300))); border:1px solid #000;padding:10px 20px 10px 10px;position:relative; margin: 10px 0; color:#333;}
.faq-toggle:hover{cursor:pointer;color:#fff;background: var(--color-3);}
.faq-toggle .icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);}
.faq-toggle .icon span{transition: all .25s linear;font-weight:bold;}
.faq-toggle.active .icon span{transform:rotate(180deg); transition:  all .25s ease;}
.faq-info{display:none;}

.team-section {
	background-color: var(--color-4);padding: 50px 0;
}
.team-section .container {width:1140px; max-width: 100%;}
.team-section .content {
	margin-bottom: 100px;
}
.team-section .members {
	flex-wrap: wrap;
	column-gap: 100px;
	row-gap: 75px;
}
.team-section .member {
	flex: 1 1 calc(50% - 75px);
	min-width: min(100%, 300px);
}
.team-section .member .image {
	margin-bottom: 30px;
}
.team-section .member .image img {
	width: 100%;
	box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.team-section .member .heading {
	font-size: 25px;
	color: var(--color-1);
	letter-spacing: 2.5px;
	margin-bottom: 5px;
}
.team-section .member .title {
	letter-spacing: 2px;
	font-weight: 700;
}
.team-section .member .content {
	margin-top: 30px;
	margin-bottom: 0;
}
.team-section .member .content p:last-child {
	margin-bottom: 0;
}


.read-more {
	display: none;
}

.more {margin-bottom: 15px; font-size: 1.2em;background:#f8f8f8;text-align: center;overflow: hidden;font-weight: bold;padding: 5px; width: 160px; height: 45px;}
.more:hover {cursor: pointer; background:#ececec;}
.more::after {content: "Read More"; width:100%;text-align: center;height: 100%; display: flex; justify-content: center;align-items: center;}
.more.vis::after {content: "Read Less";}

body.sticky .primary-header .logo-col img {
	height: auto;
}
.header-btn{
	font-size: 16px;
}
.main-nav .menu{
	align-items: center;
}
#form-section{
	scroll-margin-top: 120px;
}
.primary-header .c2a {
	column-gap: 18px;
}
.btn,
.gform_button{
	color: var(--color-1);
}
.primary-footer{
	background-color: var(--color-1);
}
.primary-footer .address p{
	color: #fff;
}
.primary-footer a:hover {
	color: var(--color-2);
}
.contact-section .jumbotron,
.contact-section .well-sm{
	color: #fff;
	background-color: var(--color-1);
}
.contact-section .jumbotron a{
	color: var(--color-3);
}
.contact-section .jumbotron a:hover {
	color: var(--color-4);
}
.contact-section .gform_wrapper.gravity-theme .gfield_label {
	display: flex;
}
.contact-section .gform_button{
	transition: all ease .3s;
	color: var(--color-1);
	background-color: var(--color-3);
	font-weight: 400;
    text-transform: uppercase;
    padding: 8px;
    white-space: nowrap;
	width: 100%;
	border: none;
}
.contact-section .gform_button:hover {
	background-color: var(--color-4);
}
.contact-section .hours-container{
	color: #fff;
	background-color: var(--color-1);
	padding: 10px 40px;
    margin-top: 20px;
	height: 100%;
}
.contact-section .hours{
	margin-top: 20px;
}
.contact-section .hours p{
	color: #fff;
	text-align: left;
}
.banner-section .image img {
	max-height: 565px;
	object-fit: cover;
}
.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: -6px;
}



body,
body.sticky .primary-header{
	background-color: #F2F4F3;
}
.primary-footer, .primary-footer a{
	color: #F2F4F3;
}
.primary-footer .logo {
    max-width: 350px;
}


.home .inner p {font-size:20px;}

.home .inner .btn:after, .home .link .btn:after, .more-reviews .btn:after {background-color:var(--color-4);}
.home .inner .btn:hover:after, .home .link .btn:hover:after, .more-reviews .btn:hover:after {background-color:var(--color-3);}

.service-section .service, .faq-info {background-color:var(--color-4); color:#000;}
.service-section .service p, .faq-info p {color:#000 !important;}


.review p, .author {font-size: 20px !important;}

.page-id-102 h1 {font-size: 3.5rem;}


.contact-section .gform_button {background-color: var(--color-4);}
.contact-section .gform_button:hover {background-color: var(--color-3);}

@media screen and (max-width: 991px) {
	.mobile-header .mobile-c2a a{
		color: #fff;
	}
	.mobile-header .mobile-nav a,
	.mobile-header .nav-toggler{
		color: var(--color-1);
	}
	.primary-footer .social{
		flex-direction: column;
	}
}