/*
Theme Name: Foundation Child
Description: Business Name
Template: foundation-parent
Version: 1.0.0
*/

.features .feature:first-child .number::after{
    content: '+';
}
.no-logo-col h1{
    font-size: 36px;
    transition: all ease .3s;
    white-space: nowrap;
    margin: 0px;
}
.banner-section .content h1 {
    color: var(--color-3);
}
.banner-section .content .btn {
    background-color: var(--color-4);
}
.banner-section .content .btn:hover {
    background-color: var(--color-3);
}
body.scrolled .primary-header .no-logo-col h1 {
    font-size: 28px;
    white-space: nowrap;
    margin: 0px;
}
.disclosure{
    display: inline-block;
}
.primary-header .logo-col {
    padding: 0;
    background-color: #000;
}
.primary-header .logo-col img{
    max-height: 100%;
}
body.scrolled .primary-header .logo-col img {
    max-height: 100%;
}
body.scrolled .primary-header .logo-col{
    padding: 0;
}
body.scrolled .primary-header .nav-col {
    padding-top: 15px; 
    padding-bottom: 15px;
}
.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: 900;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -2px;
}
.menu-item-has-children .sub-menu{
    background-color: var(--color-2);
}
.main-nav .menu{
    flex-wrap: wrap;
}
.btn {
    color: #fff;
}
.content-section {
    background-color: var(--color-4);
}
.content-section .image-col .image {
	background-size: contain;
}
.services-section .service {
    color: var(--color-3);
    background-color: var(--color-2);
}
.services-section .service a {
    color: var(--color-3);
}
.feature-section {
    background-color: var(--color-2);
}
.feature-section .feature {
    color: var(--color-3);
}
.feature-section .feature:not(:last-child):after {
    background-color: var(--color-3);
}
.brands-section {
    background-color: #fff;
}
.brands-section.heading-underline h2:after {
    background-color: var(--color-2);
}
.primary-footer .form-col .gform_wrapper.gravity-theme .button {
    background-color: var(--color-4);
}
.primary-footer .form-col .gform_wrapper.gravity-theme .button:hover, .primary-footer .form-col .gform_wrapper.gravity-theme .button:focus {
    background-color: #fff;
}
.primary-footer,
.primary-footer a,
.primary-footer.heading-underline h2 {
    color: var(--color-3);
}
.primary-footer a:hover {
    color: var(--color-4);
}
.services-section {
    background-color: var(--color-1);
}
.services-section h2 {
    color: var(--color-4);
}
.services-section h2:after {
    background-color: var(--color-4);
}
.heading-underline.heading-underline_left h2:after {
    background-color: var(--color-1);
}
body.home .content-section p {
    color: #fff;
}
body.home .content-section a.btn:hover, body.home .content-section a.btn:focus {
    background-color: var(--color-1);
    color: var(--color-4);
}
#logo-section {
    margin: 0 0 60px 0;
}
#logo-section .heading{
    text-align: center;
}
.gallerywrap {
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 20px;
    row-gap: 20px;
}
.gallerywrap .col {
    flex: 0 18%;
}
.blog-section .search form input::placeholder {
    color: #4e4e4e;
}
.blog-section .post {
    flex: 0 1 calc(30% - 37.5px);
}
.mobile-logo{
	display: none;
}

.home #content-section {    background-color: var(--color-1);}
.home #content-section h2 {color:var(--color-4);}
.home #content-section  h2:after {
    background-color: var(--color-4);
}

.faq-section, .service-section {
	background-color: var(--color-1);
	color: #fff;
}
.heading-underline h2 {
	color: var(--color-4);
}
.heading-underline h2:after, .heading-underline.heading-underline_left h2:after {
	background-color: var(--color-4);
}
.faq-section .faq.active .toggle-heading .heading{
	color: var(--color-4);
}
.btn:hover{
    background-color: var(--color-1);
    color: var(--color-4);
}
@media screen and (min-width: 991px) {
    .banner-section .content .btn {
        display: none;
    }
}
@media screen and (max-width: 767px) {
	.home .banner-section .content{
		position:relative;
		top:auto;
		transform:none;
		left:auto;
	}
    .services-section {
        padding: 45px 0;
    }
}