/*
*
* Schar Heating & Cooling CSS
* ProfitFill Headless WP
*
*/



p, ul, li, span { color: #333; }
.has-accent-2-background-color p, .has-accent-2-background-color ul, .has-accent-2-background-color li, .has-accent-2-background-color span, .has-accent-2-background-color strong, .has-accent-2-background-color b, .has-accent-3-background-color strong, .has-accent-3-background-color { color: #fff; }
#wp-site-blocks #promo-banner .placeholder {
    display: none !important;
    visibility: hidden !important;
}
body #mobile-nav ul.menu > li.menu-item-has-children > a::after {
    display: none !important;
    visibility: hidden !important;

}
#mobile-nav .menu-item.menu-item-has-children > a { margin-left: -30px; }
#wp-site-blocks .faq-section .accordion-header p, #wp-site-blocks .accordion-header h3, #wp-site-blocks .faq-section .accordion-header p strong { font-family: 'Oswald'; font-size: 20px !important; color: #1e4488 !important; }
#wp-site-blocks .faq-section .accordion > p { padding: 10px 20px; }
body #mobile-nav ul.menu > li.menu-item-has-children::before {
    position: relative;
    left: 90%;
    display: inline-block;
    top: 0px;
    content: '+';
    font-size: 22px;
    font-weight: bold;
    width: 30px;
    transform: rotate(0deg);
    height: 30px;
    border-radius: 15px;
    background-color: #ddd;
    text-align: center;
    line-height: 30px;
    transition: transform 0.2s ease;
}
body #mobile-nav ul.menu > li.menu-item-has-children {
    border-top: 0;
}
body #mobile-nav ul.menu > li.menu-item-has-children.open::before {
    transform: rotate(45deg);
}
body #mobile-nav ul.menu > li.menu-item-has-children .sub-menu {
    padding: 10px 30px;
    border-bottom: 0;
}
body #mobile-nav ul.menu > li {
    border-top: 0;
}
body #pf-form-processing {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.7);
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 99999999999;
}
body #pf-form-processing p {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-weight: bold;
    font-size: 22px;
    text-align: center;
    width: 80%;
    padding: 30px;
    border-radius: 15px;
    max-width: 600px;
    display: block;
}
#checkmark-columns img,
img.social-media-icon {
    filter: invert(60%) sepia(68%) saturate(1483%) hue-rotate(335deg) brightness(94%) contrast(89%);
}
#what-we-recommend {
    display: none !important;
    visibility: hidden !important;
}
#wp-site-blocks #social-media-links a.flex-row::before {
    content: '';
    display: none;
    visibility: hidden;
}
#wp-site-blocks #social-media-links a {
    vertical-align: center;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    font-weight: bold;
    display: flex;
}
#wp-site-blocks .heading-design > .inner-design {
    float: left;
}
#all-services > .flex-row > ul.menu {
    width: auto;
    display: block;
    position: relative;
    max-width: 100%;
    text-align: left;
    margin: 0;
    padding: 0;
    font-weight: bold;
} 

#all-services > .flex-row > ul.menu {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
#all-services > .flex-row > ul.menu > li.menu-item > a {
    margin-bottom: 20px;
    text-transform: uppercase;
}
/* #masthead .cat-button a,
body #wp-site-blocks #hero form#contact-form input[type="submit"],
#main-cta-banner,
#wp-site-blocks .accordion-header::before,
body #wp-site-blocks #secondary-nav {
    background-color: #213d6b !important;
} */
#wp-site-blocks .faq-section .sitewidth .accordion-content {
    background-color: #f1f1f1 !important;
    padding: 10px 20px;
    width: 95%;
    margin-top: 8px;
}
#wp-site-blocks .accordion-header:hover {
    cursor: pointer;
}
#wp-site-blocks figure img {
    max-width: 100%;
    position: relative;
}
#masthead .cat-button a,
body #wp-site-blocks #secondary-nav,
#hero .book-btn a,
body #wp-site-blocks #hero form#contact-form input[type="submit"],
#wp-site-blocks #services-list-section {
    background-color: #1e4488 !important;
}
#masthead .cat-button a:hover,
#wp-site-blocks .heading-design {
    background-color: #e47d3b !important;
}

body .faq-section div.accordion.open .accordion-content {
    margin-top: 0px;
}

body #masthead form input[type='submit'],
#masthead nav ul.menu > li > a,
#all-services > ul > li > em, #footer-nav-menus > ul > li > em,
#wp-site-blocks h2, #wp-site-blocks h3, #wp-site-blocks h2 strong, #wp-site-blocks h3 strong, #wp-site-blocks #hero h1 strong {
    font-family: 'Oswald', Arial, sans-serif;
}
body #twitter-link {
    margin-top: 5px;
}
#wp-site-blocks div#what-we-recommend .wp-block-image, 
#wp-site-blocks div#what-we-recommend .wp-block-image img {
    min-width: auto;
}
.sitewidth h2,
#circle-images-section h3 strong,
#circle-images-section h3,
#modal-1 ul.menu > li > a,
#wp-site-blocks #checkmark-columns h3,
body .accordion.open p,
#circle-images-section h2, 
#circle-images-section h2 strong,
#testimonials-section h2,
#testimonails-section h2 strong,
p > strong {
    color: #1e4488
}
#wp-site-blocks #circle-images-section figure img {
	width: 150px !important;
	max-width: 150px !important;
	height: auto;
}
#wp-site-blocks #circle-images-section h3 {
    font-size: 16px !important;
    text-transform: uppercase;
}
#wp-site-blocks #hero { padding-top: 20px; padding-bottom: 20px; }

#wp-site-blocks #checkmark-columns > .sitewidth,
#wp-site-blocks #three-icons-section > .sitewidth { padding-bottom: 40px; border-bottom: 2px solid #ccc !important; }
#wp-site-blocks #checkmark-columns img { max-width: 100px !important; height: auto; }
#wp-site-blocks header.accordion-header::before, .wte-section .accordion-header::before { min-width: 32px; background-color: #e47d3b !important; color: #fff !important; }
#wp-site-blocks img.wp-image-3827, #all-services > .flex-row > ul.menu > li.menu-item > ul.sub-menu > li img { filter: invert(59%) sepia(92%) saturate(1542%) hue-rotate(336deg) brightness(96%) contrast(86%); }
#all-services > .flex-row > ul.menu > li.menu-item > a {
    margin-bottom: 20px;
    position: relative;
}
#all-services > .flex-row > ul.menu > li.menu-item > ul.sub-menu > li,
#all-services > .flex-row > ul.menu > li.menu-item > ul.sub-menu {
    display: block;
    list-item-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
}
#all-services > .flex-row > ul.menu > li.menu-item > ul.sub-menu > li::marker {
    display: none;
    visibility: hidden;
}

#all-services > .flex-row > ul.menu {
    align-items: flex-start;
}
#all-services > .flex-row > ul.menu > li.menu-item > ul.sub-menu > li > a {
    font-weight: normal;
    padding: 5px 0;
    margin: 0;
}
#all-services > .flex-row > ul.menu > li.menu-item > ul.sub-menu > li img {
    margin-right: 8px;
}
#all-services > .flex-row > ul.menu > li.menu-item > ul.sub-menu > li {
    text-align: right;
    vertical-align: middle;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
}
#all-services > .flex-row > ul.menu > li.menu-item > ul.sub-menu {
    margin-top: 20px;
}
body #wp-site-blocks figure#footer-logo img { max-width: 200px; }
body #wp-site-blocks .faq-section .sitewidth .accordion,
body #wp-site-blocks #what-to-expect .sitewidth .accordion:not(.row) .accordion-header {
    padding: 10px;
}
body #hero.wp-block-cover { height: 550px; min-height: 550px; }
body #wp-site-blocks .faq-section .sitewidth .accordion .accordion-header h3, body #wp-site-blocks .faq-section .sitewidth .accordion .accordion-header p { color: #1a3e6d; font-size: 20px; font-weight: bold; }
body #wp-site-blocks .sitewidth .accordion:not(.row) .accordion-header { padding: 20px; background-color: transparent !important; }
body #wp-site-blocks .faq-section .sitewidth .accordion .accordion-content,
body #wp-site-blocks .faq-section .sitewidth .accordion .accordion-content p { color: #1a3e6d;  }
#wp-site-blocks > #hero::after {
        content: '';
        display: block;
        width: 100%;
        height: auto;
        background-image: linear-gradient(to right, rgba(30,60,114,0.9) 0%, rgba(30,60,114, 0.8) 40%, rgba(30,60,114,0.2) 100%);
        z-index: 2;
        height: 100%;
        position: absolute;
        margin-top: 0;
        top: 0;
        left: 0;
        margin-bottom: 0;
    }

@media All and (max-width: 650px) {
    body #wp-site-blocks.contact-2 #three-icons-section {
        background-color: #efefef !important;
        
    }
    #main-footer .wp-block-group #social-media-links { text-align: center; columns: 1; }
    body #wp-site-blocks #three-icons-section > .sitewidth,
    body #wp-site-blocks #circle-images-section > .sitewidth,
    body #video-section > .sitewidth,
    body #wp-site-blocks #checkmark-columns > .sitewidth,
    body #wp-site-blocks .faq-section > .sitewidth,
    body #wp-site-blocks .wte-section > .sitewidth,
    body #wp-site-blocks #content-section-ac-2 > .sitewidth {
        padding: 40px 0 !important;
    }
    body #wp-site-blocks #three-icons-section > .sitewidth > div,
    body #wp-site-blocks #circle-images-section .grid-half,
    body #wp-site-blocks #checkmark-columns > .sitewidth,
    body #wp-site-blocks .faq-section > .sitewidth > .wp-block-group-is-layout-grid {
        gap: 30px;
    }
    #menu-toggle {
        background-image: url(/img/bars.svg);
        background-size: 20px auto;
        background-position: center center;
        background-repeat: no-repeat;
    }
    body.mobile-menu-open #menu-toggle {
        background-image: url(/img/times.svg);
    }
    body #wp-site-blocks #cta-section-1 .wp-block-buttons {
        margin-top: 20px !important;
    }
    body #wp-site-blocks .faq-section .faq.accordion {
        flex-direction: column;

    }
    body #wp-site-blocks .faq-section .faq.accordion .accordion-header {
        flex-wrap: nowrap;
    }
    body #wp-site-blocks .faq-section .faq.accordion .accordion-header::before {
        min-width: 32px;
    }
    body #wp-site-blocks div.accordion:hover header.accordion-header, 
    body #wp-site-blocks div.accordion.open header.accordion-header {
        background-color: transparent !important;
    }
    body #wp-site-blocks .accordion-content {
        padding: 10px;
        font-size: 15px;
    }
    body #wp-site-blocks .faq-section > .sitewidth > .wp-block-columns {
        display: block;
    }
    body #wp-site-blocks .faq-section > .sitewidth > .wp-block-columns,
    body #wp-site-blocks .faq-section > .sitewidth > .wp-block-columns > .wp-block-column {
        width: 100%;
        gap: 0;
        max-width: 100%;
    }
    body #wp-site-blocks .faq-section > .sitewidth > .wp-block-columns > .wp-block-column {
        flex-basis: 100%;
    }
    #wp-site-blocks .faq-section .faq.accordion { border-radius: 20px; } 
    body #wp-site-blocks .sitewidth .accordion:not(.row) .accordion-header { justify-content: center; padding-left: 10px; padding-right: 10px; gap: 20px; align-items: center; display: flex; flex-direction: column; text-align: center; }
    body #wp-site-blocks .faq-section > .sitewidth > .wp-block-columns figure { display: none; visibility: hidden; }
    #wp-site-blocks #circle-images-section img, #wp-site-blocks #content-section-1 .wp-block-columns > .wp-block-column:last-child img { display: none !important; visibility: hidden !important; }
    body #wp-site-blocks #circle-images-section h3 { font-size: 28px !important; }
    body #all-services > .flex-row > ul.menu > li.menu-item > ul.sub-menu > li > a { text-align: left; }
}

@media All and (min-width: 650px) {
    body.scrolled #secondary-nav {
        top: -150px;
        position: absolute;
        transition: all 0.2s ease;
    }
    #masthead nav ul.menu > li > a {
        padding-left: 10px; padding-right: 10px;
    }
    #masthead img.custom-logo {
        height: 70px; 
        margin-top: 10px;
        transition: all 0.2s ease;
    }
    #masthead nav ul.menu > li:hover > a,
    #masthead nav ul.menu > li > ul.sub-menu > li > a {
        background-color: #efefef;
    }
    #masthead nav ul.menu > li > ul.sub-menu > li:hover > a {
        background-color: #fff;
    }
    #masthead,
    body.scrolled #masthead:hover {
        transition: all 0.2s ease;
        background-color: rgba(255,255,255,1) !important;
    }
    body.scrolled #masthead {
        background-color: rgba(255,255,255,0.7) !important;
    }
    body.scrolled #masthead .custom-logo-link img {
        height: 50px;
        width: auto;
    }
    #hero .heroform {
        float: right;
        clear: right;
    }
    #wp-site-blocks #footer-nav-menus ul li a {
        font-size: 14px;
    }
    body #wp-site-blocks > #hero {
        overflow-y: hidden;
        background-position: top center;
    }
    
    #main-cta-banner, 
    #wp-site-blocks > .wp-block-group:nth-child(4),
    #hero .sitewidth {
        z-index: 3;
        position: relative;
    }
    #checkmark-columns figure img {
        max-width: 120px;
        max-height: 120px;
    }
    #wp-site-blocks .faq-section .wp-block-columns { gap: 20px; }
 #wp-site-blocks .faq-section .wp-block-columns > .wp-block-column:first-child { max-width: 48% !important; } 
    #content-section-1 .rightside img {
        width: 100% ;
        height: auto;
    }
    #cta-section-1 .wp-block-image img {
        min-width: 300px;
        height: auto;
    }
    /*
    * nav menu submenus
    */
    #wp-site-blocks #masthead nav ul.menu > li:hover > ul.sub-menu {
        border-radius: 10px;
        width: 250px;
        padding: 15px;
        border: 2px solid #e47d3b;
        color: #1e4488;
        box-shadow: 3px 3px 6px rgba(0,0,0,0.6);
    }
    #wp-site-blocks #masthead nav ul.menu > li:hover > ul.sub-menu > li,
    #wp-site-blocks #masthead nav ul.menu > li:hover > ul.sub-menu > li > a {
        background-color: transparent;
        color: #1e4488;
    }
    #circle-images-section img {
        width: 100px;
        min-width: 100px;
        max-width: 100px;
        height: auto;
    }
    #checkmark-columns > .sitewidth {
        align-items: flex-start;

    }
    #all-services > .flex-row {
        display: block;
        width: 100%;
        max-width: 100%;
    }
    #all-services > .flex-row > ul.menu {
        flex-direction: row;
        flex-wrap: wrap;
        padding: 0;
        margin: 40px 0 0 0;
        justify-content: space-between;
        align-items: flex-start;
        gap: 20px;
        display: flex;
    }
    #all-services > .flex-row > ul.menu > li.menu-item {
        max-width: 100%;
        padding: 0;
        display: inline-block;
    }
    #all-services > .flex-row > ul.menu > li.menu-item {
        flex-grow: auto;

    }
}

@media All and (min-width: 650px) {
	#all-services > .flex-row > ul.menu { 
		justify-content: flex-start;
		gap: 50px;
	}
	#secondary-nav ul.menu { justify-content: flex-end; }
	body #wp-site-blocks #hero { min-height: 600px; }
	body #checkmark-columns h3 { font-size: 22px; } 
	body.scrolled #masthead { background-color: #fff !important; opacity: 1 !important; }
	body.scrolled #secondary-nav { top: 0 !important; position: relative; }
	#contact-section figure img { max-width: 500px; height: auto; width: 100%; }
	#content-section-ac-2 .wp-block-columns { justify-content: space-between; }
	#content-section-ac-2 .wp-block-columns .wp-block-column:first-child figure img { width: 100% !important; max-width: 500px; }
	#content-section-ac-2 .wp-block-columns .wp-block-column { flex-basis: 48%; color: #333; }
	#wp-site-blocks .faq-section .wp-block-columns .wp-block-column, #contact-section .sitewidth > div > div { max-width: 50% !important; }
	#contact-section .sitewidth > div > div { width: 100%; }
	#contact-section .sitewidth > div > div:last-child figure { margin-left: 0; margin-right: 0; }
	#contact-section .sitewidth > div > div:last-child figure img { width: 100% !important; max-width: 500px !important; height: auto; float: right !important; clear: both; }
	#wp-site-blocks .faq-section .wp-block-columns .wp-block-column:last-child figure img,
	#wp-site-blocks .wp-block-group .sitewidth .rightside figure img { float: right; clear: both; }
	#wp-site-blocks .wp-block-group .sitewidth .rightside figure { text-align: right; }
	#content-section-ac-2 .wp-block-columns .wp-block-column p, 
	#content-section-ac-2 .wp-block-columns .wp-block-column ul li { color: #333; }
	#masthead nav ul.menu li a:hover { text-decoration: none; }
	#testimonials-section h2 { color: #1e4488 !important; }
	#testimonials-section .sitewidth > .wp-block-group { align-items: flex-start; }
}