/*
* Description: Custom CSS Additions Go Here
* Template: twentyseventeen
* Version: 1.0
* Author: VDS
*/

/* vars vars vars vars vars vars vars vars vars vars vars vars vars vars  */
:root {

/* These vars do not require values as they get set automatically in options-page-stylesheet.php
 * They are mainly here so they show up as autocomplete suggestions in code editors if uncommented
*/

/*--accent1:;*/
/*--accent2:;*/
/*--accent3:;*/
/*--light1:;*/
/*--light2:;*/
/*--light3:;*/
/*--dark1:;*/
/*--dark2:;*/
/*--dark3:;*/
/*--uihover:;*/

/* custom vars */
--accent1_40: #24be4a66;
--accent2_40: #00a6fb66;
--accent2_75: #00a6fbBF;
--light1_50: #FFFFFF80;
--dark1_75: #004777BF;
--dark4: #3f3f3f;
--headingtextshadow: 2px 2px 0 var(--dark3);

/* font family vars */
/*--bodyfont:;*/
/*--headingfont:;*/
--BarConB: 'BarlowCondensed-Bold', sans-serif;
--BarConSB: 'BarlowCondensed-SemiBold', sans-serif;
--BarConM: 'BarlowCondensed-Medium', sans-serif;
--BarCon: 'BarlowCondensed-Regular', sans-serif;
--BarReg: 'Barlow-Regular', sans-serif;
--BarB: 'Barlow-Bold', sans-serif;
--BarBlk: 'Barlow-Black', sans-serif;
}

/* /vars /vars /vars /vars /vars /vars /vars /vars /vars /vars /vars  */

/* quick vars quick vars quick vars quick vars quick vars quick vars  */
div#wpadminbar {
    z-index: 9999999999999;
}
body .subpage-hero h1,
body .subpage-hero h2,
body .subpage-hero h6 {
    color: var(--light1);
}
footer#footer {
    background-color: var(--dark4);
}
footer h2.widget-title {
    color: var(--light1);
    margin-bottom: 16px;
    font-size: 19px;
}
footer#footer a:not(.ab-item):not(.btn-bt),
.default-header h1,
.default-header h2 {
    color: var(--light1);
}
footer i.icon-location {
    transition: all 0.3s ease-in-out;
    color: var(--accent2);
}
footer .widget h6 {
    font-size: 16px;
}
body footer a.btn-bt.default,
body #content a.btn-bt.accent1 {
    transition: all 0.3s ease-in-out;
    background: var(--accent1);
    color: var(--light1);
}
body hr.dark1 {
    border-bottom: 2px solid var(--dark1);
    margin: 32px auto;
    max-width: 95%;
}
.wpb_row.dark1 h2,
.wpb_row.dark1 h3,
.wpb_row.dark1 p {
    color: var(--light1);
}
#locationSlider .slide-container {
    background-color: var(--light1);
}
body div#locationSlider h3 {
    font-family: var(--BarConSB);
    line-height: 36px;
    font-size: 28px;
}
body div#locationSlider h3,
body div#locationSlider p a {
    text-decoration: none;
    color: var(--dark3);
}
.bakery .wpb_column.dark1_75 {
    background-color: var(--dark1_75);
    padding: 56px 0;
}
.bakery .wpb_row.accordion .vc_tta-container {
    margin-bottom: 0;
}
.bakery .wpb_row.accordion .vc_tta-panel:last-child {
    margin-bottom: 0 !important;
}
.bakery .vc_tta.vc_tta-style-classic.vc_tta-tabs .vc_tta-panel {
     margin: 0 !important;
}
.tabs .vc_tta-panels {
    padding: 40px 0;
}
/* accordion/tab color scheme fix */
body #content .bakery .vc_tta-panel-heading {
    transition: all 0.3s ease-in-out;
    border-radius: 5px;
    border: none;
}
/* BOX SHADOW ACCORDIONS ON HOVER */
body #content .bakery div.vc_tta-panel .vc_tta-panel-heading:hover {
    box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.25);
    transition: all 0.3s ease-in-out;
}

/* IDLE TOGGLE ICON COLOR */
body #content .bakery .wpb_row.accordion .vc_tta .vc_tta-panel .vc_tta-controls-icon.vc_tta-controls-icon-plus::before {
    color: var(--dark1);
}
/* IDLE TEXT COLOR */
body #content .bakery div.vc_tta-panel-heading h4.vc_tta-panel-title a span.vc_tta-title-text,
body #content .bakery li.vc_tta-tab a span.vc_tta-title-text {
    color: var(--dark1);
}
/* IDLE BACKGROUND COLOR */
body #content .bakery li.vc_tta-tab a,
body #content .bakery div.vc_tta-panel-heading {
    background: var(--light3);
}
/* HOVER TEXT COLOR */
body #content .bakery div.vc_tta-panel-heading h4.vc_tta-panel-title a:hover span.vc_tta-title-text,
body #content .bakery li.vc_tta-tab:hover a span.vc_tta-title-text {
    color: var(--light1);
}
/* ACTIVE TEXT COLOR*/
body #content .bakery li.vc_tta-tab.vc_active a span.vc_tta-title-text,
body #content .bakery div.vc_tta-panel.vc_active .vc_tta-panel-heading h4.vc_tta-panel-title a span.vc_tta-title-text {
    color: var(--light1);
}
/* HOVER/ACTIVE TOGGLE ICON COLOR */
body #content .bakery .wpb_row.accordion .vc_tta .vc_tta-panel.vc_active .vc_tta-controls-icon.vc_tta-controls-icon-plus::before,
body #content .bakery .wpb_row.accordion .vc_tta .vc_tta-panel:hover .vc_tta-controls-icon.vc_tta-controls-icon-plus::before {
    color: var(--light1);
}
/* HOVER BACKGROUND (GENERIC OPACITY OF ACCENT1) */
body #content .bakery li.vc_tta-tab:hover a,
body #content .bakery div.vc_tta-panel .vc_tta-panel-heading:hover {
    background-color: var(--dark1_75);
}
/* HOVER BACKGROUND ON ACTIVE ITEMS */
body #content .bakery li.vc_tta-tab.vc_active a:hover,
body #content .bakery div.vc_tta-panel.vc_active .vc_tta-panel-heading:hover,
body #content .bakery li.vc_tta-tab.vc_active a,
body #content .bakery div.vc_tta-panel.vc_active .vc_tta-panel-heading {
    background-color: var(--dark1);
}
/* COLOR BEHIND THE TABS */
body #content .bakery div.vc_tta-tabs-container {
    background: var(--dark1_75);
}
/* /quick vars /quick vars /quick vars /quick vars /quick vars  */

/* General */
img.aligncenter {
    margin-right: auto !important;
    margin-left: auto !important;
    display: block;
}
body h1 span {
    font-size: 48px;
}
body #content .tt-none {
    text-transform: none;
}
body #content .gform_footer input[type="submit"],
body a.btn-bt.default {
    padding: 10px 4%;
    min-width: 200px;
    font-size: 18px;
}
body a.btn-bt.alternate {
    padding: 10px 4%;
    min-width: 200px;
    font-size: 18px;
}
body .bakery .vc_section {
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
}
/* /General */

/* Sticky Header */
@media (min-width: 980px) {
    body header#header {
        z-index: 99999999;
        position: fixed;
        width: 100%;
    }
    .site-content,
    .single #content,
    .blog #content {
        padding-top: 140px !important;
    }
}
/* /Sticky Header */

/* Top Widget */
.top-widget .textwidget {
    align-items: center;
    display: flex;
}
.top-widget h4 {
    font-size: 16px;
}
.top-widget p.twa-phone {
    margin-right: 12px;
    text-align: left;
}
.top-widget p.twa-phone a.icon-btn {
    text-decoration: none;
    align-items: center;
    display: flex;
    height: 40px;
}
a.icon-btn i.icon-btn-icon {
    background: var(--light1);
    align-items: center;
    padding: 0 3.21px;
    display: flex;
    height: 100%;
}
a.icon-btn i::before {
    transition: all 0.3s ease-in-out;
    color: var(--accent1);
    font-size: 24px;
}
a.icon-btn span.icon-btn-text {
    transition: all 0.3s ease-in-out;
    text-shadow: 1px 1px 3px #222;
    font-family: var(--BarConSB);
    background: var(--accent1);
    color: var(--light1);
    align-items: center;
    font-size: 18px;
    padding: 0 22px;
    display: flex;
    height: 100%;
}
.top-widget .span6.right .textwidget {
    justify-content: flex-end;
}
.top-widget .span6.right h4 {
    margin-right: 12px;
}
ul.social.top-widget-socials {
    flex-direction: row;
    align-items: center;
    line-height: unset;
    font-size: unset;
    display: flex;
    height: 40px;
}
ul.social.top-widget-socials li {
    line-height: unset;
    margin-right: 3px;
    font-size: unset;
    height: 40px;
}
ul.social.top-widget-socials li a {
    text-decoration: none;
    line-height: unset;
    font-size: unset;
    display: flex;
    height: 40px;
}
ul.social.top-widget-socials li a i {
    background-color: var(--accent2);
    font-size: 24px !important;
    justify-content: center;
    align-items: center;
    color: var(--dark2);
    padding: 0 3.21px;
    line-height: 24px;
    display: flex;
    height: 40px;
}
ul.social li a i:hover {
    transition: all 0.3s  ease-in-out;
    background: var(--accent2_40);
    color: var(--light1);
}
a.icon-btn:hover span.icon-btn-text,
.header-button a.btn-bt:hover,
body footer a.btn-bt.default:hover,
body #content a.btn-bt.default:hover,
body #content a.btn-bt.accent1:hover {
    transition: all 0.3s ease-in-out;
    background: var(--accent1_40);
    color: var(--light1);
}
a.icon-btn:hover i::before {
    transition: all 0.3s ease-in-out;
    color: var(--accent2);
}
.top-widget .widget a:link {
    color: var(--accent2);
}
/* /Top Widget */

/* Top Anchor + Recaptcha */
a.topbutton {
    background-color: var(--accent1);
    transition: all 0.3s ease-in-out;
    border: 2px solid var(--light1);
    text-decoration: none;
    border-radius: 7px;
    bottom: 148px;
    right: 10px;
}
a.topbutton:hover {
    background-color: var(--dark1);
	border-color: var(--accent2);
}
a.topbutton i.icon-angle-up {
	justify-content: center;
	align-items: center;
	display: flex;
}
a.topbutton i.icon-angle-up:before {
	transition: all 0.3s ease-in-out;
    margin: 0 !important;
    color: var(--light1);
    position: relative;
    font-size: 48px;
    line-height: 1;
    top: -4.5px;
}
a.topbutton:hover i:before {
	transition: all 0.3s ease-in-out;
	color: var(--accent2);
}
div.grecaptcha-badge {
    bottom: 70px !important;
}
/* END Top Anchor + Recaptcha */

/* Home */
section#HomeHero {
    padding: 0;
}

@media (min-width: 980px) {
    .hero-banner {
        align-items: start !important;
        margin-bottom: -66px;
        height: 600px;
    }
    .hero-banner .container {
        height: calc(600px - 66px);
        justify-content: center;
        align-items: center;
        display: flex;
    }
    .hero-promos .wpb_column:not(:last-child)::after {
        position: absolute;
        background: var(--light1);
        height: 100%;
        content: '';
        width: 2px;
        right: 0;
        top: 0;
    }
    .promo-block h2 {
        background: var(--dark1_75);
        padding: 12px 0;
    }
    .promo-block p {
        background: var(--dark1);
        margin: 0 !important;
    }
    .promo-block p:not(:last-child) {
        padding: 26px 10% 16px 10%;
    }
    .promo-block p:last-child {
        padding: 0px 10% 36px 10%;
    }
}

@media (max-width: 979px) {
    .hero-banner {
        height: 346px;
    }
    .hero-promos {
        background: var(--dark1);
    }
    .hero-promos .wpb_column:not(:last-child)::after {
        background: var(--light1);
        position: absolute;
        height: 2px;
        content: '';
        width: 100%;
        bottom: 0;
        right: 0;
        left: 0;
    }
    .hero-promos .wpb_column .vc_column-inner {
        padding: 28px 0 40px 0;
        max-width: 90%;
        margin: 0 auto;
    }
    .hero-promos h2 {
        margin-bottom: 16px;
    }
    .bakery .hero-promos .wpb_text_column p:not(:last-child) {
        margin-bottom: 24px;
    }
}

.hero-promos .wpb_column {
    position: relative;
}
.hero-banner h1,
.hero-banner h6,
.subpage-hero h1,
.subpage-hero h2,
.subpage-hero h6 {
    text-shadow: var(--headingtextshadow);
    color: var(--light1);
}
body .hero-banner h1 span {
    font-family: var(--BarConB);
    line-height: 48px;
    font-size: 48px;
    display: block;
}
body .hero-banner h6 {
    margin-bottom: 18px;
    line-height: 24px;
    margin-top: 10px;
    font-size: 18px;
}
.promo-block h2 {
    font-family: var(--BarConSB);
    color: var(--light1);
    line-height: 40px;
    font-size: 32px;
}
.promo-block p {
    color: var(--light1);
}

@media (max-width: 1200px) {
    body .promo-block h2 {
        line-height: 28px;
        font-size: 28px;
    }
}

/* Border Buttons */
footer .widget a.border-btn-light,
body #content a.border-btn-light,
a.border-btn-light {
    transition: all 0.3s ease-in-out;
    border: 3px solid var(--accent2);
    background-color: var(--accent2);
    text-decoration: none;
    display: inline-block;
    color: var(--dark3);
    border-radius: 3px;
    text-align: center;
    padding: 10px 4%;
    min-width: 200px;
    font-size: 18px;
}
footer .widget a.border-btn-light:hover,
body #content a.border-btn-light:hover,
a.border-btn-light:hover {
    background-color: var(--accent2_75);
    transition: all 0.3s ease-in-out;
    color: var(--light1);
}
body #content a.border-btn-accent1 {
    transition: all 0.3s ease-in-out;
    border: 3px solid var(--accent1);
    background-color: #24be4a00;
    text-decoration: none;
    display: inline-block;
    color: var(--dark3);
    border-radius: 3px;
    text-align: center;
    padding: 10px 4%;
    min-width: 200px;
    font-size: 18px;
}
body #content a.border-btn-accent1:hover {
    transition: all 0.3s ease-in-out;
    background-color: #24be4a66;
}
body #content a.border-btn-accent1.btn-fw {
    width: 100%;
}
/* /Border Buttons  */

/* Top CTA */
.bakery .top-cta {
    padding: 12px 0;
}
.wpb_row.top-cta h2 {
    font-family: var(--BarConSB);
    line-height: 40px;
    margin-bottom: 0;
    font-size: 32px;
}
.top-cta .wpb_text_column .wpb_wrapper {
    justify-content: center;
    align-items: center;
    column-gap: 12px;
    display: flex;
}
.bakery a.top-cta-btn.icon-btn {
    text-decoration: none;
    align-items: center;
    display: flex;
    height: 40px;
}
body:not(.home) .fifty-fifty h2 {
    font-family: var(--BarConSB);
    margin-bottom: 12px;
    line-height: 40px;
    font-size: 32px;
}
/* /Top CTA */

/* Testimonials */
.testimonials h2 {
    color: var(--dark1);
}
/* /Testimonials */

/* Footer */
footer#footer a {
    text-decoration: none;
}
p.footer-phone a.icon-btn.larger {
    text-decoration: none;
    flex-direction: row;
    align-items: center;
    display: flex;
}
a.icon-btn.larger {
    font-family: var(--font-heading);
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 28px;
}
a.icon-btn.larger i::before {
    transition: all 0.3s ease-in-out;
    color: var(--dark3);
    font-size: 24px;
}
a.icon-btn.larger i {
    background: var(--light1);
    justify-content: center;
    align-items: center;
    margin-right: 12px;
    display: flex;
    height: 40px;
    width: 40px;
}
.footer-col-4 p.footer-button {
    margin-top: 22px;
}
ul#menu-footer {
    list-style: none;
    padding-left: 0;
}
/* /Footer */

/* Copyright */
.row.copyright {
    padding: 0;
}

@media (min-width: 980px) {
    .copyright-text.span6.left {
        padding-left: 2.5%;
    }
}

.bbb-logo {
    margin-top: 32px;
}
/* /Copyright */

/* Home */

.deals .vc_inner h3,
.deals .vc_inner p {
    color: var(--light1);
}
h2 img {
    margin-right: 40px;
    max-height: 36px;
    width: auto;
}
h4 img {
    margin-right: 18px;
    max-height: 36px;
    width: auto;
}
.bakery .wpb_row.partners-row {
    padding: 40px 0;
}
.partners .wpb_column {
    justify-content: center;
    align-items: center;
    display: flex;
}
body #content a.second-button {
    margin-left: 12px;
}
body.home .fifty-fifty h2,
body:not(.home) .fifty-fifty h2,
body .home-blogs h2:not(.feat-post-title) {
    font-family: var(--BarConSB);
    margin-bottom: 24px;
    line-height: 36px;
    font-size: 32px;
}
body.home section.testimonials,
section.testimonials {
    background-color: rgba(0, 0, 0, 0.25);
    background-blend-mode: overlay;
}
body.home section .testimonials-inner-row h2,
section .testimonials-inner-row h2 {
    text-shadow: var(--headingtextshadow);
    font-family: var(--BarConSB);
    margin-bottom: 24px;
}

/* take advantge row */
body .bakery .take-advantage p:not(:last-child) {
    margin-bottom: 24px;
}
.take-advantage img {
    max-height: 326px;
    width: auto;
}
/* deals/specials (the 2 promo boxes) */
.deals .vc_inner .wpb_content_element .wpb_wrapper {
    justify-content: space-between;
    padding: 24px 4% 16px 4%;
    flex-direction: column;
    align-items: center;
    display: flex;
    height: 335px;
}
/* testimonials */
.bakery .testimonials-opacity .container {
    background-color: rgba(255, 255, 255, 0.90);
    padding: 0px 5% 40px 5%;
    border-radius: 7px;
    max-width: 1440px;
}
.testimonials-mid-icon img {
    max-height: 54px;
    width: auto;
}

@media (min-width: 979px) {
    .testimonials-opacity p em {
        max-width: 370px;
        display: block;
    }
}

/* partners/logo row */
.partners img {
    max-height: 90px;
    width: auto;
}
/* map fifty */
body .fifty-fifty .nap-col h3 {
    font-family: var(--BarConSB);
    margin-bottom: 12px;
    font-size: 24px;
    line-height: 1;
}
body .fifty-fifty .nap-col .wpb_wrapper {
    width: 100%;
}
/* Nap + Map Fifty Fifty Row */

body.home .fifty-fifty.nap-map-row .wpb_column:not(.image-col) .vc_column-inner {
    max-width: 520px;
    padding: 60px 0;
    width: 90%;
}
.inline-image .image-col img {
    border-radius: 60px;
}
body .fifty-fifty.nap-map-row h2 {
    text-transform: uppercase;
    margin-bottom: 24px;
    color: var(--dark1);
    line-height: 48px;
    flex-flow: column;
    font-size: 46px;
    display: flex;
}
body .fifty-fifty.nap-map-row h2 br {
    display: none;
}
.nap-map-row span {
    text-transform: none;
    margin-bottom: 2px;
    line-height: 36px;
    font-size: 30px;
}
.nap-map-row h4 {
    font-family: var(--BarConM);
    color: var(--accent2);
    text-transform: none;
    font-weight: normal;
    line-height: 28px;
    font-size: 28px;
}
.nap-map-row .address-phone {
    margin-bottom: 24px;
    display: flex;
    width: 100%;
}
.nap-map-row .address-phone p {
    line-height: 1.7;
}
.nap-map-row .address-phone a {
    text-decoration: none;
}
.nap-map-row .address-phone > div {
    width: 50%;
}
div.service-areas {
    border-bottom: 3px solid var(--dark1);
    flex-flow: row wrap;
    margin-top: 24px;
    display: flex;
}
div.service-areas h5:nth-child(1),
div.service-areas h5:nth-child(2),
div.service-areas h5:nth-child(3) {
    border-top: 3px solid var(--dark1);
}
div.service-areas > h5 {
    border-bottom: 3px solid var(--accent1);
    font-family: var(--BarConM);
    padding: 12px 12px 12px 0px;
    justify-content: start;
    text-transform: none;
    font-weight: normal;
    align-items: center;
    line-height: 30px;
    font-size: 20px;
    display: flex;
    width: 50%;
}
div.service-areas > h5:nth-child(8),
div.service-areas > h5:nth-child(9) {
    border-bottom: none !important;
}
div.service-areas > h5:last-child {
/*    border-bottom: none;*/
}

@media (min-width: 980px) {
    .bakery .nap-map-row .wpb_column.nap-col {
        min-height: 600px;
    }
}

.map-col .vc_column-inner .wpb_wrapper,
.map-col .vc_column-inner .wpb_wrapper .wpb_content_element {
    height: 100%;
}
.map-col iframe {
    max-height: unset !important;
    height: 100%;
    width: 100%;
}

@media (max-width: 979px) {
    .nap-map-row .nap-col .vc_column-inner {
        padding: 32px 5%;
    }
}

@media (max-width: 480px) {
    .nap-map-row .address-phone {
        flex-flow: column;
        margin-bottom: 0;
    }
    .nap-map-row .address-phone > div {
        margin-bottom: 18px;
        width: 100%;
    }
}

/* /Nap + Map Fifty Fifty Row */
body #content .nap-col a:not(:hover) {
    color: var(--dark1);
}
/* home recent posts */
.bakery .home-blogs .container {
    max-width: 1493px;
    width: 90%;
}
.bakery .home-blogs h2:not(.feat-post-title) {
    margin-bottom: 40px !important;
}
.home-blogs .featured-post .flex {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
    background-color: var(--light1);
    padding: 30px;
}
body #content article.blog-post-row,
.home-blogs .featured-post .flex.vertical-align {
    border-bottom-right-radius: 60px;
    border-top-left-radius: 60px;
}
a.archive-post-image-link {
    background-position: bottom center;
    border-bottom-right-radius: 40px;
    border-top-left-radius: 40px;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 172px;
}
.featured-post span.cat {
    font-family: var(--BarConB);
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: normal;
    color: var(--dark1);
    font-size: 12px;
}
body #content .featured-post p.author {
    font-family: var(--BarConM);
    text-transform: uppercase;
    align-items: center;
    font-weight: normal;
    margin-bottom: 10px;
    font-size: 14px;
    display: none;
}
body .home-blogs h2 {
    font-family: var(--BarConSB);
    margin-bottom: 12px;
    line-height: 40px;
    font-size: 32px;
}

@media (min-width: 980px) {
    .home-blogs .featured-post {
        justify-content: space-between;
        align-items: flex-start;
        display: flex;
    }
    .home-blogs .featured-post .flex:nth-child(1) {
        margin-right: 2%;
    }
    .home-blogs .featured-post .flex:nth-child(2) {
        margin-right: 1%;
        margin-left: 1%;
    }
    .home-blogs .featured-post .flex:nth-child(3) {
        margin-left: 2%;
    }
}

@media (max-width: 979px) {
    .home-blogs .featured-post .flex {
        margin-bottom: 35px;
    }
}

/* mid parallax cta */
body #content .bakery .mid-plax h2 {
    margin-bottom: 20px;
    line-height: 1.2;
    font-size: 48px;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
}
body #content .bakery .mid-plax p:not(:last-child) {
    text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
    margin: 0 auto 35px auto;
    line-height: 1.5;
    font-weight: 700;
    max-width: 705px;
    font-size: 20px;
}

@media (min-width: 980px) {
    .wpb_row.add-parallax {
        height: 500px;
    }
}

@media (max-width: 480px) {
    body #content .bakery .mid-plax h2 {
        margin-bottom: 18px;
        line-height: 1.2;
        font-size: 32px;
    }
    body #content .bakery .mid-plax p:not(:last-child) {
        margin: 0 auto 30px auto;
        font-size: 16px;
    }
}

/* home gallery */
.bakery .wpb_row.gallery-row {
    padding: 40px 0;
}
.bakery .gallery-row .container {
    max-width: 98% !important;
    margin: 0 auto;
}
.wpcp-swiper-wrapper {
    margin-bottom: 0 !important;
}
/* /Home /Home /Home /Home /Home /Home /Home /Home /Home /Home /Home */

/* Bottom CTA Bottom CTA Bottom CTA Bottom CTA Bottom CTA Bottom CTA Bottom */
@media (min-width: 1441px) {
    .bakery .bottom-cta-1 {
        min-height: 553px;
    }
}

@media (min-width: 980px) {
    .bakery .bottom-cta-1 {
        min-height: 445px;
        padding: 0;
    }
}

body .bottom-cta h2 {
    text-shadow: var(--headingtextshadow);
    text-transform: uppercase;
    color: var(--light1);
    letter-spacing: 0px;
    text-align: center;
    line-height: 64px;
    font-size: 64px;
}
body .bottom-cta h6 {
    text-shadow: var(--headingtextshadow);
    color: var(--light1);
    margin-bottom: 24px;
    text-align: center;
    line-height: 24px;
    margin-top: 16px;
    font-size: 18px;
}
body .bottom-cta p {
    text-align: center;
}

@media (max-width: 979px) { .bakery .bottom-cta-1:not(.bottom-cta-2) { height: 301px; }}

@media (max-width: 480px) {
    .bakery .bottom-cta-1:not(.bottom-cta-2) {
        background: url('/wp-content/uploads/2024/02/bottom-cta-new-mobile.jpg') !important;
        background-position: top center !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        height: 343px;
    }
}

@media (max-width: 440px) { .bakery .bottom-cta-1:not(.bottom-cta-2) { height: 314px; }}
@media (max-width: 414px) { .bakery .bottom-cta-1:not(.bottom-cta-2) { height: 296px; }}
@media (max-width: 375px) { .bakery .bottom-cta-1:not(.bottom-cta-2) { height: 266px; }}
/* /Bottom CTA /Bottom CTA /Bottom CTA /Bottom CTA /Bottom CTA /Bottom CTA */

/* Fifty Fifty Fifty Fifty Fifty Fifty Fifty Fifty Fifty Fifty Fifty Fifty  */
.bakery .fifty-fifty .container {
    max-width: unset;
    width: 100%;
}
body .fifty-fifty h3 {
    font-size: 28px;
    font-family: var(--BarConM);
    margin-bottom: 12px;
    line-height: 1.2;
}
.fifty-fifty a.btn-bt {
    margin-top: 20px;
}
body .fifty-fifty h4 {
    font-family: var(--BarConSB);
    margin-bottom: 12px;
}
body .fifty-fifty h2 {
    margin-bottom: 12px;
    line-height: 43px;
    font-size: 36px;
}

@media (min-width: 980px) {
    /* Applies Globally */
    .fifty-fifty .image-col .vc_column-inner {  /* This makes the image col the height of the text col */
        height: 100%;
    }
    body #content .fifty-fifty .wpb_column:not(.image-col) { /* text columns */
        justify-content: center;
        align-items: center;
        min-height: 555px;
        padding-right: 0;
        padding-left: 0;
        display: flex;
    }
    .fifty-fifty .wpb_column:not(.image-col) .vc_column-inner { /* text column's vc_column-inner divs */
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        display: flex;
    }
    .fifty-fifty.inline-image .wpb_column.image-col .vc_column-inner {
        align-items: center;
        max-width: 800px;
        display: flex;
        width: 90%;
    }
    .fifty-fifty.inline-image .wpb_column.image-col {
        display: flex;
    }
    .fifty-fifty.inline-image .wpb_column:nth-child(1).image-col {
        padding-right: 0 !important;
        justify-content: end;
        padding-left: 150px;
    }
    .fifty-fifty.inline-image .wpb_column:nth-child(2).image-col {
        padding-left: 0 !important;
        justify-content: start;
        padding-right: 150px;
    }
    /* subpages only */
    body:not(.home) .fifty-fifty .wpb_column:not(.image-col) {
        justify-content: center;
        align-items: center;
        display: flex;
    }
    body:not(.home) .fifty-fifty .wpb_column:not(.image-col) .vc_column-inner { /* sub 50/50 text col width */
        max-width: 700px;
        width: 90%;
    }
    body:not(.home) .fifty-fifty .wpb_column.form-col .vc_column-inner { /* sub 50/50 form col width */
        max-width: 540px;
        width: 90%;
    }
    body:not(.home) .fifty-fifty .wpb_column.form-col .vc_column-inner .wpb_wrapper {
        width: 100%;
    }
    body:not(.home) .fifty-fifty .wpb_column.image-col .vc_column-inner { /* sub 50/50 img col height */
        min-height: 510px;
    }
    /* homepage only */
    body.home .fifty-fifty .wpb_column:not(.image-col) .vc_column-inner { /* home 50/50 text col width */
        max-width: 520px;
        width: 90%;
    }
}

@media (max-width: 979px) {
    body .fifty-fifty.reverse .container {
        flex-direction: column-reverse;
        display: flex;
    }
}

/* these are for the slant row */
@media (min-width: 1441px) {
    body.home .fifty-fifty.slanted .wpb_column:not(.image-col) .vc_column-inner {
        min-height: 675px;
    }
}

@media (max-width: 1440px) {
    body.home .fifty-fifty.slanted .wpb_column:not(.image-col) .vc_column-inner {
        min-height: 555px;
    }
}

@media (max-width: 979px) {
    body.home .fifty-fifty.slanted .wpb_column:not(.image-col) .vc_column-inner {
        min-height: unset;
    }
}
/* /these are for the slant row */

.fifty-fifty .wpb_column.map-col {
    padding: 0 !important;
}
.fifty-fifty .wpb_column.map-col .wpb_wrapper,
.fifty-fifty .wpb_column.map-col .wpb_gmaps_widget,
.fifty-fifty .wpb_column.map-col .wpb_map_wraper {
    height: 100%;
}
.fifty-fifty .wpb_column.map-col .wpb_gmaps_widget .wpb_wrapper {
    padding: 0;
}

@media (max-width: 979px) { .fifty-fifty .image-col .vc_column-inner { height: 674px; } }
@media (max-width: 768px) { .fifty-fifty .image-col .vc_column-inner { height: 544px; } }
@media (max-width: 480px) { .fifty-fifty .image-col .vc_column-inner { height: 340px; } }
@media (max-width: 414px) { .fifty-fifty .image-col .vc_column-inner { height: 293px; } }
@media (max-width: 375px) { .fifty-fifty .image-col .vc_column-inner { height: 266px; } }
@media (max-width: 360px) { .fifty-fifty .image-col .vc_column-inner { height: 255px; } }
/* /Fifty Fifty */

/* Subpage Promo */
@media (min-width: 980px) {
    body .subpage-promos .wpb_column:nth-child(2) {
        border-right: 2px solid var(--light1);
        border-left: 2px solid var(--light1);
    }
}

@media (max-width: 979px) {
    body .subpage-promos .wpb_column:nth-child(2) {
        border-bottom: 2px solid var(--light1);
        border-top: 2px solid var(--light1);
    }
}

.subpage-promos .wpb_text_column {
    background: var(--dark1);
    padding: 40px 0;
}
.subpage-promos .wpb_text_column .wpb_wrapper {
    max-width: 326px;
    margin: 0 auto;
    width: 80%;
}
body .subpage-promos h2 {
    font-family: var(--BarConSB);
    color: var(--light1);
    margin-bottom: 16px;
    line-height: 36px;
    font-size: 28px;
}
.subpage-promos h2 img {
    margin-right: 40px;
    max-height: 69px;
    width: auto;
}
body .subpage-promos p {
    color: var(--light1);
}
body .bakery .subpage-promos p:not(:last-child) {
    margin-bottom: 20px;
}
/* /Subpage Promo /Subpage Promo /Subpage Promo /Subpage Promo /Subpage Promo /Subpage Promo */

/* Our Team Our Team Our Team Our Team Our Team Our Team Our Team Our Team Our Team Our Team */
body .team-inner-row h2 {
    font-family: var(--BarConSB);
    line-height: 40px;
    margin-bottom: 0;
    font-size: 32px;
}
body .team-inner-row.team-members .container {
    column-gap: 2.5%;
    display: flex;
}
.team-members img {
    box-shadow: 8px 8px 9px rgba(0, 0, 0, 0.1);
    border-radius: 60px 0;
}
.bakery .team-inner .wpb_column {
    width: 24%;
}
body .team-inner-row h4 {
    font-family: var(--BarConSB);
    text-transform: none;
    font-weight: normal;
    margin-bottom: 5px;
}
body .team-inner-row h5 {
    font-family: var(--BarConM);
    margin-bottom: 10px;
    font-weight: normal;
    line-height: 24px;
    font-size: 18px;
}
body .wpb_row.take-advantage h2 {
    font-family: var(--BarConSB);
    margin-bottom: 12px;
    line-height: 40px;
    font-size: 32px;
}
/* /Our Team */

/* Services Index */
.subpage-hero-text-col {
    justify-content: center;
    align-items: center;
    display: flex;
}
.subpage-hero-text-col .vc_column-inner {
    max-width: 500px;
    margin:  0 auto;
}
body .subpage-hero h1 {
    margin-bottom: 0;
    line-height: 80px;
    font-size: 80px;
}
body .subpage-hero h2 {
    margin-bottom: 22px;
    line-height: 64px;
    font-size: 64px;
}
body .subpage-hero h6 {
    font-family: var(--BarBlk);
    letter-spacing: 2px;
    font-weight: normal;
    font-style: normal;
    line-height: 32px;
    margin-top: 10px;
    font-size: 24px;
}
body .form-col {
    justify-content: center;
    align-items: center;
    min-height: 540px;
    display: flex;
}
div.gform_heading {
    display: none;
}
body div.gform_wrapper {
    max-width: 450px;
    margin: 0 auto;
    width: 80%;
}
body .location-form-row .form-col div.gform_wrapper {
    max-width: unset;
    margin: 0 auto;
    width: 100%;
}
div.gform_wrapper {
    margin: 0;
}
div.gform_fields div.gfield {
    margin-top: 0 !important;
    padding: 0 !important;
}
body #content div.gform_fields {
    grid-row-gap: 0;
}
body #content div.gform_fields div.gfield input::placeholder,
body #content div.gform_fields div.gfield select::placeholder,
body #content div.gform_fields div.gfield textarea::placeholder{
    color: var(--dark3);
}
body #content div.gform_fields div.gfield input:focus-visible,
body #content div.gform_fields div.gfield select:focus-visible,
body #content div.gform_fields div.gfield textarea:focus-visible {
    outline: none;
}
body #content div.gform_fields div.gfield input:hover,
body #content div.gform_fields div.gfield select:hover,
body #content div.gform_fields div.gfield textarea:hover,
body #content div.gform_fields div.gfield input:focus,
body #content div.gform_fields div.gfield select:focus,
body #content div.gform_fields div.gfield textarea:focus {
    transition: all 0.3s ease-in-out;
    border-color: var(--accent1);
}
body #content div.gform_fields div.gfield input,
body #content div.gform_fields div.gfield select {
    border-bottom: 2px solid var(--light1);
    margin: 0px 0px 16px 0px !important;
    transition: all 0.3s ease-in-out;
    font-family: var(--BarReg);
    background: var(--light1);
    border-right: none;
    border-left: none;
    border-top: none;
    height: 61px;
    width: 100%;
    margin: 0;
}
body #content div.gform_fields div.gfield textarea {
    border-bottom: 2px solid var(--light1);
    font-family: var(--BarReg);
    background: var(--light1);
    border-right: none;
    border-left: none;
    border-top: none;
    height: 130px;
    width: 100%;
}
body #content .gform_footer {
    margin-top: 14px;
    padding: 0;
}
.top-blurb h2,
body .blurb-row h2 {
    font-family: var(--BarConSB);
    margin-bottom: 12px;
    line-height: 40px;
    font-size: 32px;
}
body #content .blurb-row p a:not(.btn-bt):not(:hover) {
    color: var(--dark3);
}
.blurb-row a.btn-bt {
    margin-top: 16px;
}
.top-blurb a.btn-bt {
    margin-top: 18px;
}
body .blurb-promos h3 {
    font-family: var(--BarConSB);
    margin-bottom: 18px;
    line-height: 30px;
    font-size: 24px;
}

@media (min-width: 980px) {
    .blurb-promos img {
        height: 60px;
        width: auto;
    }
    .bakery .location-nap-row .container,
    .bakery .services-row .container {
        justify-content: space-between;
        max-width: 1300px;
        display: flex;
    }
    .services-row .wpb_column {
        margin-right: 1%;
        max-width: 328px;
    }
    .services-row .wpb_column:last-child {
        margin-right: 0;
    }
}

body .services-row h4 {
    font-family: var(--BarConSB);
    margin-bottom: 16px;
    line-height: 36px;
    font-size: 28px;
}
body .services-row h4 img {
    max-height: 48px;
}
.bakery .services-row .wpb_text_column p {
    text-align: center;
}
.bakery .services-row .wpb_text_column p:not(:last-child) {
    margin-bottom: 24px;
}
.bakery .services-row .wpb_text_column img {
    height: 80px;
    width: auto;
}

@media (max-width: 979px) {
    body .subpage-hero {
        text-align: center;
    }
    .subpage-hero-text-col {
        background-image: url(/wp-content/uploads/2021/09/hero-ac-heating-mobile.jpg) !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        height: 300px;
    }
    .bakery .subpage-hero .wpb_column.dark1_75 {
        background-color: var(--dark1);
    }
    body #content .bakery .subpage-hero .wpb_column.dark1_75 .gform_footer input[type="submit"] {
        width: 100%;
    }
    .wpb_row.services-row.zero-padding-bottom-mobile {
        padding-bottom: 0;
    }
    .wpb_row.services-row.zero-padding-top-mobile {
        padding-top: 0;
    }
    body .subpage-hero .form-col {
        min-height: unset;
        padding: 40px 0 32px 0;
    }
    .bakery .top-blurb {
        padding: 32px 0;
    }
    .bakery .services-row .wpb_wrapper {
        text-align: center;
    }
}
/* /Services Index */

/* Services Subpage */
body .fifty-fifty.dark2 h5 {
    font-family: var(--BarConM);
    font-weight: normal;
    margin-bottom: 4px;
    line-height: 26px;
    font-size: 20px;
}
body .subpage-locations-slider h2,
body .subpage-services-slider h2 {
    font-family: var(--BarConSB);
    margin-bottom: 12px;
    line-height: 40px;
    font-size: 32px;
}
.gallery-row h2 {
    font-family: var(--BarConSB);
    margin-bottom: 24px;
    line-height: 40px;
    font-size: 32px;
}
.bakery .services-carousel .container {
    max-width: 1440px !important;
    width: 90% !important;
}
body #content .services-carousel h3 a {
    font-family: var(--BarConSB);
}
body #content .services-carousel h3 a:not(:hover) {
    color: var(--light1);
}
.services-carousel img {
    border-radius: 24px;
}
.wpcp-single-content p {
    margin-bottom: 0 !important;
}
/* /Services Subpage */

/* Locations Index */
@media (min-width: 980px) {
    .bakery .location-row .wpb_column {
        margin-right: 2.5%;
        width: 32%;
    }
    .bakery .location-row .wpb_column:last-child {
        margin-right: 0;
    }
}

body .location-row h3 {
    font-family: var(--BarConSB);
    margin-bottom: 16px;
    line-height: 30px;
    font-size: 24px;
}
body #content .bakery .location-row .wpb_text_column p {
    margin-bottom: 22px;
}
body #content .bakery .location-row p a {
    transition: all 0.3s ease-in-out;
    text-decoration: none;
    color: var(--dark3);
}
body #content .bakery .location-row p a.location-link {
    color: var(--dark1);
}
body #content .bakery .location-row p a:hover {
    transition: all 0.3s ease-in-out;
    color: var(--accent2);
}
/* /Locations Index */

/* Location Subpage */

body .location-subpage-hero h1 {
    font-size: 102px;
    line-height: 1;
}
.bakery .wpb_row.location-subpage-hero {
    padding: 40px 0 !important;
    min-height: 620px;
}
.location-subpage-hero h6 {
    max-width: 1100px;
    margin: 0 auto;
}
body .wpb_row.dark1 h2,
body .blurb-row h2 {
    margin-bottom: 24px;
    font-weight: normal;
}
body .wpb_row.fifty-fifty.dark1 h5 {
    font-family: var(--BarConM);
    color: var(--light1);
    font-weight: normal;
    margin-bottom: 6px;
    margin-top: 20px;
}
body .location-nap-col h2 {
    font-family: var(--BarConSB);
    margin-bottom: 12px;
    line-height: 40px;
    font-size: 32px;
}
body .location-nap-col h3 {
    font-family: var(--BarConM);
    font-weight: normal;
    margin-bottom: 10px;
    line-height: 30px;
    font-size: 24px;
}
body #content .bakery .location-nap-col a {
    transition: all 0.3s ease-in-out;
    text-decoration: none;
    color: var(--dark3);
}
body #content .bakery .location-nap-col a:hover {
    transition: all 0.3s ease-in-out;
    color: var(--accent2);
}

@media (min-width: 980px) {
    body .location-nap-row .location-nap-col .vc_column-inner {
        max-width: 450px;
        margin: 0 auto;
    }
}

.location-nap-col a.directions-link {
    margin-bottom: 24px;
}
body #content .bakery .location-nap-col a.directions-link {
    margin-bottom: 26px;
    display: block;
}
.location-service-areas .container,
.long-info .container,
section.about-services .wpb_row .container {
    max-width: 1520px;
}
.location-service-areas h2,
.location-service-areas h3 {
    text-transform: none;
    margin-bottom: 24px;
}
.location-service-areas ul li {
    margin-bottom: 20px;
}
.location-service-areas ul li strong {
    font-family: var(--BarB);
}

.location-form-row .form-col input[type="submit"] {
    width: 100%;
}
/* /Location Subpage */

/* Blog Archive */
body .blog .wrap {
    max-width: 93%;
    margin: 0 auto;
}
body#blog-page .blog .wrap div#primary {
    padding: 40px 0;
}
body #content article.blog-post-row {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.20);
    background-color: var(--light1);
    padding: 30px;
}
body #content #primary .post-image-and-text {
    margin-bottom: 10px;
}
body #content p.cats {
    font-family: var(--BarConB);
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: normal;
    font-size: 12px;
}
body #content p.cats a {
    text-decoration: none;
    pointer-events: none;
    color: var(--dark1);
}
body #content #primary .post-text-wrap h2 {
    font-family: var(--BarConSB);
    margin-bottom: 12px;
    line-height: 42px;
    font-size: 40px;
}
body #content #primary .post-text-wrap h2 a {
    transition: all 0.3s ease-in-out;
    text-decoration: none;
    color: var(--dark3);
}
body #content #primary .post-text-wrap h2 a:hover {
    transition: all 0.3s ease-in-out;
    color: var(--accent2);
}
body #content p.author {
    font-family: var(--BarConM);
    text-transform: uppercase;
    margin-bottom: 10px;
    align-items: center;
    font-weight: normal;
    font-size: 14px;
    display: flex;
}
body .blog #primary article p.author img {
    margin-right: 5px;
    max-height: 36px;
    width: auto;
}
body div#pagination {
    justify-content: space-between;
    background: var(--dark1);
    display: flex;
    padding: 24px;
    width: 100%;
}
body #content div#pagination a {
    transition: all 0.3s ease-in-out;
    font-family: var(--BarConSB);
    text-decoration: none;
    color: var(--light1);
}
body #content div#pagination a:hover {
    transition: all 0.3s ease-in-out;
    color: var(--accent2);
}
/* /Blog Archive */

/* Single Blog */
body #content .blog.single #primary {
    display: block;
}
body .blog.single h1 {
    font-family: var(--BarConSB);
    font-weight: normal;
    margin-bottom: 10px;
}
body #content .blog.single p.author {
    font-family: var(--BarConM);
    font-weight: normal;
    line-height: 20px;
    margin-bottom: 0;
    font-size: 20px;
}
body .blog.single p.author img {
    margin-right: 5px;
    max-height: 40px;
    width: auto;
}
body .blog.single img.feat-img {
    border-bottom-right-radius: 60px;
    border-top-left-radius: 60px;
    width: 100%;
}
body .blog.single .single-post-content-wrap {
    margin-bottom: 35px;
}
body .blog.single div.single-cats {
    margin-bottom: 16px;
    width: 100%;
}
body .blog.single div.single-tags {
    margin-bottom: 16px;
    width: 100%;
}
body #content .blog.single div.single-cats a,
body #content .blog.single div.single-tags a {
    transition: all 0.3s ease-in-out;
    font-family: var(--BarConB);
    text-transform: uppercase;
    text-decoration: none;
    pointer-events: none;
    color: var(--dark1);
    letter-spacing: 2px;
    font-weight: normal;
    font-size: 12px;
}
body #content .blog.single div.single-cats a:hover,
body #content .blog.single div.single-tags a:hover {
    pointer-events: none;
}
body #content #single-pagination {
    justify-content: space-between;
    display: inline-flex;
    background: none;
    max-width: none;
    width: 100%;
    padding: 0;
    margin: 0;
}
body #content .single-pagination-link {
    line-height: 0;
    font-size: 0;
}
body #content .single-pagination-link a {
    transition: all 0.3s ease-in-out;
    font-family: var(--BarConM);
    color: var(--dark3);
    font-weight: normal;
    position: relative;
    font-size: 16px;
}
body #content .single-pagination-link.previous a {
    padding-left: 30px;
}
body #content .single-pagination-link.next a {
    padding-right: 30px;
}
body #content .single-pagination-link a:hover {
    transition: all 0.3s ease-in-out;
    color: var(--accent2);
}
body #content .single-pagination-link a::before {
    transition: all 0.3s ease-in-out;
    color: var(--accent2);
    font-family: fontello;
    position: absolute;
    font-size: 24px;
}
body #content .single-pagination-link a:hover::before {
    transition: all 0.3s ease-in-out;
    color: var(--dark1);
}
body #content .single-pagination-link.previous a::before {
    content: '\e82a';
    left: 0;
}
body #content .single-pagination-link.next a::before {
    content: '\e829';
    right: 0;
}
body .single-cats p i {
    color: var(--accent2);
}
body .single-tags p {
    color: var(--accent2);
    font-size: 20px;
}
body .blog #secondary {
    border-bottom-right-radius: 40px;
    border-top-left-radius: 40px;
    background: var(--dark1);
    padding: 32px;
}
body .blog #secondary h2.widget-title {
    font-family: var(--BarConM);
    color: var(--light1);
    margin-bottom: 18px;
    font-weight: normal;
    letter-spacing: 0;
    font-size: 28px;
    line-height: 1;
}
aside .widget ul {
    list-style: none;
    padding: 0;
}
body .blog #secondary ul li {
    border-bottom: 1px solid var(--accent2);
    font-family: var(--BarConSB);
    padding-bottom: 12px;
    margin-bottom: 7px;
}
body .blog #secondary ul li a {
    transition: all 0.3s ease-in-out;
    text-decoration: none;
    color: var(--light1);
    line-height: 24px;
}
body .blog #secondary ul li a:hover {
    transition: all 0.3s ease-in-out;
    color: var(--accent2);
}
body #content .tagcloud a {
    background: var(--accent2);
    font-family: var(--BarReg);
    font-size: 14px !important;
    text-decoration: none;
    display: inline-block;
    pointer-events: none;
    color: var(--light1);
    margin-bottom: 16px;
    margin-right: 12px;
    padding: 8px 12px;
    font-weight: 700;
}
p.meta-nav svg path {
    color: var(--accent2);
}

/* /Single Blog */

/* Deals */
body:not(.home) .fifty-fifty.deal-row h2 {
    margin-bottom: 20px;
    line-height: 52px;
    font-size: 48px;
}
body .fifty-fifty.deal-row h3 {
    font-family: var(--BarCon) !important;
    text-transform: none;
    margin-bottom: 14px;
    font-weight: normal;
    line-height: 42px;
    font-size: 36px;
}
body .wpb_row.rate-us h2 {
    font-family: var(--BarConSB);
    font-weight: normal;
    margin-bottom: 24px;
    text-align: center;
    line-height: 40px;
    font-size: 32px;
}
/* /Deals */

/* Strong Testimonials */
body .strong-content.strong-grid.columns-2 .wpmtst-testimonial.testimonial {
    margin-bottom: 70px;
}
body .loaded-reviews h2 {
    margin-bottom: 35px;
}
body .loaded-reviews h2,
body h3.testimonial-heading {
    font-family: var(--BarConSB);
    text-transform: none;
    font-weight: normal;
    font-size: 28px;
}
body .strong-form .form-field {
    margin-bottom: 14px;
}
.strong-form .form-field label {
    color: var(--light1);
}
.strong-form p.required-notice,
.strong-form span.after {
    display: none;
}
body .strong-form input:not([type="submit"]),
body .strong-form select {
    border-bottom: 2px solid var(--light1);
    background: var(--light1_50);
    font-family: var(--BarReg);
    color: var(--dark3);
    border-right: none;
    border-left: none;
    border-top: none;
    height: 43px;
    width: 100%;
    margin: 0;
}
body .strong-form textarea {
    border-bottom: 2px solid var(--light1);
    background: var(--light1_50);
    font-family: var(--BarReg);
    border-right: none;
    border-left: none;
    border-top: none;
    height: 100px;
    width: 100%;
}
.form-field.wpmtst-submit label {
    width: 100%;
}
body #content .strong-form input[type="submit"] {
    transition: all 0.3s ease-in-out;
    text-shadow: 1px 1px 3px #222;
    font-family: var(--BarConSB);
    background: var(--accent1);
    color: var(--light1);
    padding: 10px 4%;
    font-size: 18px;
    border: none;
    width: 100%;
}
body #content .strong-form input[type="submit"]:hover {
    transition: all 0.3s ease-in-out;
    background: var(--dark1_75);
    color: var(--light1);
}
/* /Strong Testimonials */

/* TY Page */
#ty-page #content .bakery .wpb_row:not(.bottom-cta):not(.top-cta) a {
    transition: all 0.3s ease-in-out;
    color: var(--dark3);
}
#ty-page #content .bakery .wpb_row:not(.bottom-cta):not(.top-cta) a:hover {
    transition: all 0.3s ease-in-out;
    color: var(--accent2);
}
/* /TY Page */

/* Resources Page */
.bakery .wpb_row.tabs.about .container {
    max-width: 1100px;
    width: 100%;
}

@media (min-width: 980px) {
    .bakery .wpb_row.long-info-halves-outer,
    .bakery .wpb_row.long-info-full,
    .bakery .wpb_row.top-blurb,
    .bakery .wpb_row.fw-blurb {
        padding: 60px 0;
    }
    .tabs .vc_col-sm-4:nth-child(1) {
        padding-right: 2%;
    }
    .tabs .vc_col-sm-4:nth-child(2) {
        padding: 0 1%;
    }
    .tabs .vc_col-sm-4:nth-child(3) {
        padding-left: 2%;
    }
    section.about-services img,
    .tabs .vc_col-sm-4 img {
        height: 60px;
        width: auto;
    }
}

.bakery .fifty-fifty .wpb_column:not(.map-col) .vc_column-inner {
    padding: 70px 0 !important;
}
.fifty-fifty.dark1 h3,
.fifty-fifty.dark2 h3 {
    font-family: var(--BarConSB);
    margin-bottom: 14px;
}
.fifty-fifty.dark1 ul,
.fifty-fifty.dark2 ul {
    margin-bottom: 16px;
}
.fifty-fifty.dark1 ul li,
.fifty-fifty.dark2 ul li {
    color: var(--light1);
    margin-bottom: 7px;
}
.bakery .fifty-fifty ul.checklist {
    margin: 16px 0;
}
.fifty-fifty ul.checklist li {
    margin-bottom: 9px;
    padding-left: 12px;
    position: relative;
    list-style: none;
}
.fifty-fifty ul.checklist li:before {
    justify-content: center;
    font-family: fontello;
    align-items: center;
    position: absolute;
    content: "\e813";
    font-size: 36px;
    display: flex;
    left: -36px;
    top: 31%;
}
.fifty-fifty ul.checklist.accent1 li:before {
    color: var(--accent1);
}
.long-info h2,
.long-info-halves-outer h2,
.long-info-full h2,
.fw-blurb h2,
.tabs h2 {
    font-family: var(--BarConSB);
    margin-bottom: 18px;
    line-height: 40px;
    font-size: 32px;
}
.long-info-halves-outer h3:not(:first-child) {
    margin-top: 35px;
}
section.about-services h3 {
    text-transform: none;
}
.long-info h3,
.long-info-halves-outer h3,
.long-info-full h3,
.tabs h3,
section.about-services h3 {
    font-family: var(--BarConSB);
    margin-bottom: 18px;
    line-height: 30px;
    font-size: 24px;
}

@media (min-width: 980px) {
    section.about-services .wpb_column:not(:first-child) {
        padding-left: 5%;
    }
    section.about-services .wpb_column:not(:last-child) {
        padding-right: 5%;
    }
}

.fifty-fifty.dark1 h3 {
    font-family: var(--BarConSB);
    line-height: 30px;
    font-size: 24px;
}
.tabs .vc_tta-panels-container {
    padding: 0 !important;
}

/* Privacy Policy */
#legal-page #content .bakery hr {
    margin: 35px 0;
}
#legal-page #content .bakery ul:not(.social) {
    margin-bottom: 16px;
}
#legal-page #content .bakery ul ul {
    margin-top: 16px;
}
#legal-page #content .bakery ul:not(.social) li {
    margin-bottom: 7px;
}
#legal-page #content .bakery ol {
    margin-bottom: 16px;
    padding-left: 18px;
    margin-top: 36px;
}
#legal-page #content .bakery  h2 {
    margin-bottom: 0;
    font-size: 36px;
}
#legal-page #content .bakery li h3 {
    line-height: 1.25;
    font-size: 24px;
}
#legal-page #content .bakery p,
#legal-page #content .bakery p a:not(.ab-item),
#legal-page #content .bakery p span,
#legal-page #content .bakery ul:not(.social) li {
    font-size: 16px;
}
/* /Privacy Policy */

/* WP Carousel */
@media (min-width: 980px) {
    .bakery .wpcp-carousel-section.sp-wpcp-3075 .wpcp-swiper-dots {
        display: none;
    }
}

.gallery-row .wpcp-single-item,
.gallery-row .wpcp-slide-image a,
.gallery-row .wpcp-slide-image img {
    border-radius: 28px !important;
}
.gallery-page-gallery .wpcp-single-item,
.gallery-page-gallery .wpcp-slide-image a,
.gallery-page-gallery .wpcp-slide-image img {
    border-radius: 14px !important;
}
.fa-chevron-left::before {
    content: "\e82d" !important;
    font-family: 'fontello';
}
.fa-chevron-right::before {
    content: "\e82e" !important;
    font-family: 'fontello';
}
.wpcpro-wrapper .wpcp-carousel-section .wpcp-next-button,
.wpcpro-wrapper .wpcp-carousel-section .wpcp-prev-button {
    border: none !important
}
/* /WP Carousel */

/* Responsive • Responsive • Responsive • Responsive • Responsive • Responsive • Responsive */

@media (max-width: 979px) {
    ul.sub-menu li:not(:first-child) {
        padding-top: 0 !important;
    }
    body .team-inner-row.team-members .container {
        flex-direction: column;
        text-align: center;
        max-width: 600px;
        column-gap: 0;
        width: 90%;
    }
    body #content #single-pagination {
        background: var(--light3);
        justify-content: center;
        flex-direction: column;
        align-items: center;
        margin-top: 32px;
        padding: 32px 1%;
        row-gap: 36px;
        display: flex;
    }
    .left-right-header .nav-and-button {
        column-gap: 16px;
    }
    .bakery .top-cta {
        padding: 28px 0;
    }
    .top-cta .wpb_text_column .wpb_wrapper {
        flex-direction: column;
        column-gap: 0;
        row-gap: 12px;
    }
    .bakery .wpb_row.tabs.about .container {
        width: 90%;
    }
    .bakery .gallery-row {
        padding-bottom: 60px;
    }
    .bakery .wpcp-carousel-section.sp-wpcp-3075 .wpcp-swiper-dots {
        bottom: -40px !important;
    }
    .fifty-fifty .wpb_column:not(.image-col) {
        max-width: 90%;
        margin: 0 auto;
    }
    .fifty-fifty .form-col.col-bg-dark1 {
        max-width: unset !important;
        width: 100% !important;
    }
    body .row.copyright {
        padding: 20px 0 26px 0;
    }
    .row.copyright .copyright-content.span6.right {
        justify-content: center;
        align-items: center;
        margin-top: 15px;
        display: flex;
    }
    div.row.copyright .span6 ul:not(.social) {
        margin-top: 12px;
        padding-left: 0;
    }
    button#primary-mobile-menu span.open path {
        transition: all 0.3s ease-in-out;
        color: var(--dark1);
    }
    button#primary-mobile-menu:hover span.open path {
        transition: all 0.3s ease-in-out;
        color: var(--accent2);
    }
    body:not(.home) .fifty-fifty .wpb_column:not(.image-col) {
        padding: 40px 0;
    }
    .bottom-cta .wpb_wrapper {
        text-align: center;
    }
    body h1,
    .default-header h2 {
        line-height: 44px;
        font-size: 48px;
    }
    body .hero-banner h1,
    body .home-bottom-cta h2 {
        font-size: 48px;
        line-height: 1;
    }
    body .hero-banner h1 span {
        margin-bottom: 16px !important;
        margin-top: 10px;
        font-size: 32px;
        line-height: 1;
    }
    body .hero-banner h6 {
        margin-bottom: 24px;
        font-size: 24px;
        line-height: 1;
        margin-top: 0;
    }
    body:not(.home) .fifty-fifty .wpb_column:not(.image-col) .vc_column-inner {
        padding: 0 !important;
    }
    body .bottom-cta h2 {
        line-height: 42px;
        font-size: 36px;
    }
    .form-col.no-mob-padd {
        padding-top: 0 !important;
    }
    .bakery .location-subpage-hero {
        padding: 0 !important;
    }
    body .subpage-hero h6 {
        margin: 0 auto;
    }
    body .blog.single .single-post-content-wrap,
    body .blog.single div.single-cats,
    body .blog.single div.single-tags {
        margin-bottom: 16px;
    }
    body .blog #secondary {
        display: none;
    }
    footer .bbb-logo {
        margin-top: 15px;
    }
    footer .widget:last-child {
        margin-bottom: 0 !important;
    }
    footer div[class*="footer-col-"],
    footer div[class^="footer-col-"] {
        padding-right: 0;
        padding-left: 0;
    }
    footer div[class*="footer-col-"]:not(:last-child),
    footer div[class^="footer-col-"]:not(:last-child) {
        margin-bottom: 24px;
    }
    footer .textwidget {
        justify-content: center;
        flex-direction: column;
        align-items: center;
        text-align: center;
        display: flex;
    }
    footer h2.widget-title,
    ul#menu-footer {
        text-align: center;
    }
    footer p.footer-button {
        margin-top: 14px;
    }
}

@media (max-width: 768px) {
    .top-widget h4 {
        display: none;
    }
    .bakery div.vc_row .team-inner {
        justify-content: space-between;
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
        display: flex;
    }
    .bakery .team-inner .wpb_column {
        width: 48%;
    }
}

@media (max-width: 480px) {
    .bakery .gallery-row {
        padding-top: 20px;
    }
    .bakery .team-outer .container {
        max-width: 330px;
    }
    .bakery .team-inner .wpb_column {
        width: 100%;
    }
    .top-widget {
        background-color: none;
        background: none;
    }
    .top-widget ul.social li a i {
        transition: all 0.3s ease-in-out;
        color: var(--light1);
    }
    .top-widget a.icon-btn span.icon-btn-text {
        display: none;
    }
    .top-header .logo .site-branding a img {
        height: 60px !important;
    }
    body .top-header a.btn-bt.default {
        padding: 10px 1%;
        min-width: 120px;
    }
    .deals .vc_inner .wpb_content_element .wpb_wrapper {
        height: 208px;
    }
    .deals .vc_inner .wpb_content_element .wpb_wrapper h3 {
        line-height: 28px;
        font-size: 22px;
    }
    footer .textwidget {
        justify-content: center;
        flex-direction: column;
        align-items: center;
        text-align: center;
        display: flex;
    }
    ul#menu-footer {
        text-align: center;
    }
    body footer a.btn-bt.default {
        min-width: 260px !important;
    }
    /*.testimonials-opacity a.btn-bt,*/
    .deals a.btn-bt.default,
    .take-advantage a.btn-bt,
    .fifty-fifty a.btn-bt {
        width: 100%;
    }
    body h1,
    .default-header h2 {
        line-height: 54px;
        font-size: 48px;
    }
    body .hero-banner h1 span {
        line-height: 42px;
        font-size: 36px;
    }
    body .subpage-hero h1,
    body .subpage-hero h2 {
        margin-bottom: 12px;
        line-height: 39px;
        font-size: 32px;
    }
    body .wpb_row.top-cta h2,
    body:not(.home) .fifty-fifty h2 {
        margin-bottom: 8px;
        line-height: 30px;
        font-size: 24px;
    }
    .default-header h2,
    .default-header h1 {
        line-height: 32px;
        font-size: 24px;
    }
    body .bottom-cta h2 {
        line-height: 36px;
        font-size: 30px;
    }
    body #content div.vc_tta-panel-heading h4.vc_tta-panel-title a span.vc_tta-title-text,
    body #content li.vc_tta-tab a span.vc_tta-title-text {
        text-transform: uppercase;
        letter-spacing: 0px;
    }
    body #content #primary .post-text-wrap h2.archive-post-title {
        margin-bottom: 8px;
        line-height: 28px;
        font-size: 22px;
    }
    body .blog.single h1.single-post-title {
        line-height: 30px;
        font-size: 24px;
    }
    body #content .blog.single p.author {
        line-height: 16px;
        font-size: 16px;
    }
    body section.testimonials h2 {
        line-height: 36px;
        font-size: 32px;
    }
    body.home .bakery section.testimonials {
        padding-bottom: 40px !important;
        padding-top: 40px !important;
    }
    body.home .bakery section.testimonials .container {
        width: 87%;
    }
    body.home .bakery .wpb_row.partners-row {
        padding-bottom: 24px;
        padding-top: 24px;
    }
    body .bakery .wpb_row.mid-plax {
        padding: 60px 0;
    }
    .bakery .wpb_row.gallery-row .container {
        max-width: 90% !important;
    }
    .featured-post span.cat {
        margin: 16px 0 3px 0;
        font-size: 14px;
        line-height: 1;
        display: block;
    }
    .left-right-header .nav-and-button {
        column-gap: 0px;
    }
}

/* === Page: global-vars-and-fonts === 2026-08-28 === */
:root {
--font-heading: "itc-avant-garde-gothic-pro", sans-serif;
--font-body: "itc-avant-garde-gothic-pro", sans-serif;
--accent1_40: #e6368866;
--accent2_40: #5fc8d766;
--accent2_75: #5fc8d7BF;
--dark1_75: #001641BF;
}
body h1, body h2, body h3, body h4, body h5, body h6,
body #content h1, body #content h2, body #content h3, body #content h4, body #content h5, body #content h6 {
    font-family: var(--font-heading) !important;
}
body, body p, body li, body span,
body #content, body #content p, body #content li,
a.btn-bt, form label, .gform_footer input[type="submit"], button, span.vc_tta-title-text {
    font-family: var(--font-body) !important;
}
body ul#left-menu li a, body ul#right-menu li a,
body nav ul#top-menu li a, body nav div#top-menu ul li a {
    font-family: var(--font-body) !important;
}
body #content a.btn-bt, body #content a.btn-bt.default, body #content a.btn-bt.alternate,
body #content a.border-btn-light, body #content a.border-btn-accent1,
body .gform_footer input[type="submit"] {
    font-weight: 600 !important;
    text-transform: uppercase !important;
}
body #content .gform_footer button.gform_button,
body .subpage-hero .gform_footer button.gform_button {
    background: var(--accent1) !important;
    color: var(--light1) !important;
    border: none !important;
    padding: 10px 8px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    cursor: pointer;
}
body #content .gform_footer button.gform_button:hover {
    background: var(--accent1_40) !important;
}
.header-button a.btn-bt, .header-button a.btn-bt.default,
body footer a.btn-bt, body footer a.btn-bt.default, body footer a.btn-bt.alternate,
body footer a.border-btn-light, body footer a.border-btn-accent1,
body footer .gform_footer button.gform_button {
    font-weight: 600 !important;
    text-transform: uppercase !important;
    border-radius: 4px !important;
}
/* Nav weight */
body ul#left-menu li a, body ul#right-menu li a,
body nav ul#top-menu li a, body nav div#top-menu ul li a {
    font-weight: 500 !important;
}
/* Icon button (emergency-call style) */
body a.icon-btn span.icon-btn-text {
    font-weight: 600 !important;
    text-shadow: none !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
}
/* Uniform button radius (all buttons except icon-btn) */
body #content a.btn-bt, body #content a.btn-bt.default, body #content a.btn-bt.alternate,
body #content a.border-btn-light, body #content a.border-btn-accent1,
body .gform_footer button.gform_button {
    border-radius: 4px !important;
}
/* Subpage hero h6 — per developer spec */
body .subpage-hero h6 {
    font-family: var(--BarBlk);
    letter-spacing: 2px;
    font-weight: 700;
    font-style: normal;
    line-height: 32px;
    margin-top: 10px;
    font-size: 24px;
}
/* fifty-fifty slanted rows — zero top/bottom padding (was relying on a css= param the
   original template used per-row; reproduced here as a class rule instead) */
.bakery .wpb_row.fifty-fifty.slanted,
.bakery .wpb_row.fifty-fifty.nap-map-row.nap-row {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
/* GF forms — compact inputs, hidden labels except consent, white labels/consent text,
   smaller inputs, 260px submit (matches Figma) */
body #content .gform_wrapper.gravity-theme .gfield_label,
body #content .gform_wrapper.gravity-theme .gform-field-label {
    display: none;
}
body #content .gform_wrapper.gravity-theme .gfield--type-checkbox .gfield_label,
body #content .gform_wrapper.gravity-theme .gfield--type-checkbox .gform-field-label {
    display: block;
}
body #content .gform_wrapper.gravity-theme .ginput_container input[type="text"],
body #content .gform_wrapper.gravity-theme .ginput_container input[type="email"],
body #content .gform_wrapper.gravity-theme .ginput_container input[type="tel"],
body #content .gform_wrapper.gravity-theme .ginput_container select {
    height: 40px !important;
    padding: 0 10px !important;
    margin: 0 0 10px 0 !important;
}
body #content .gform_wrapper.gravity-theme .ginput_container_textarea textarea {
    height: 80px !important;
    padding: 8px 10px !important;
}
body #content .gform_wrapper.gravity-theme .gfield {
    margin-bottom: 4px !important;
}
body #content .subpage-hero .gform_wrapper.gravity-theme label,
body #content .subpage-hero .gform_wrapper.gravity-theme .gfield_label,
body #content .subpage-hero .gform_wrapper.gravity-theme .gform-field-label {
    color: var(--light1) !important;
}
body #content .subpage-hero .gform_wrapper.gravity-theme .gfield_description,
body #content .subpage-hero .gform_wrapper.gravity-theme .gfield--type-checkbox label {
    color: var(--light1) !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
}
body #content .gform_wrapper.gravity-theme .gform-footer,
body #content .gform_wrapper.gravity-theme .gform_footer {
    margin-top: 6px !important;
}
body #content .gform_wrapper.gravity-theme .gform_button.button {
    width: 260px !important;
}

/* Footer col1 (address/hours) + col2 (areas served) — white text */
footer#footer .footer-address,
footer#footer .footer-address a,
footer#footer .footer-hours,
footer .footer-col-2 .textwidget p {
    color: var(--light1) !important;
}

/* Footer logo — spacing below */
footer#footer .footer-col-1 img {
    margin-bottom: 20px;
}

/* Copyright row — black background (text stays white/light1 from options page) */
body .row.copyright {
    background: var(--black) !important;
}




/* Top-blurb heading weight — developer edit, 2026-08-28. Global on purpose:
   applies to every .top-blurb h2 (About Us, Sell a Business, and every page
   built from here on). !important is required — the sitewide heading rule
   above already sets font-family with !important and the theme's own
   .top-blurb h2 rule would otherwise win on weight. */
.bakery .top-blurb h2 {
    font-weight: 600 !important;
}

/* === Page: home === 2026-08-28 === */
/* ============================================================
   PAGE: Home
   Reuses existing HVAC-clone template classes verbatim
   (hero-banner, hero-promos/promo-block, fifty-fifty/slanted/
   nap-map-row, mid-plax, partners-row, subpage-hero/form-col).
   ============================================================ */

/* HERO — background placeholder (real asset) */
.bakery .home-hero .hero-banner {
    background-image: url('/wp-content/uploads/2026/08/hero-image-2x.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
/* Hero subtext — per Figma spec */
body #content .home-hero .hero-subtext {
    text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.36);
    font-weight: 700 !important;
    font-size: 22px !important;
    line-height: 24px !important;
    margin-top: 16px !important;
    margin-bottom: 28px !important;
}

/* Hero-promo cards — uniform height via a dedicated body div (h2 keeps its own transparent/dark1_75 title bar) */
.bakery .home-hero .promo-block .promo-block-body {
    background: var(--dark1);
    min-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 26px 10% 36px 10%;
}
.promo-block-body p {
    width: 100%;
}
.bakery .home-hero .promo-block .promo-block-body p {
    background: transparent !important;
    padding: 0 !important;
}
.bakery .home-hero .promo-block .promo-block-body p:not(:last-child) {
    margin-bottom: 16px !important;
}
body #content .home-hero .promo-block h2 {
    font-size: 25px !important;
    font-weight: 600 !important;
    line-height: 42px !important;
}
body #content .home-hero .promo-block a.border-btn-light {
    color: var(--black) !important;
}
/* Hero subtext — white (per Figma) */
body #content .home-hero .hero-subtext {
    color: var(--light1) !important;
}

/* FIFTY-FIFTY image-col placeholders (unique per row — .image-col is shared/generic) */
.bakery .process-img-col {
    background-image: url('/wp-content/uploads/2026/08/angled-image-left.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.bakery .relationship-img-col {
    background-image: url('/wp-content/uploads/2026/08/angled-image-right.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* LOCAL ROOTS map-col — iframe replaces the template's [vc_goo_maps] */
.bakery .nap-map-row .map-col .vc_column-inner .wpb_wrapper,
.bakery .nap-map-row .map-col .vc_column-inner .wpb_wrapper .wpb_text_column,
.bakery .nap-map-row .map-col .vc_column-inner .wpb_wrapper .wpb_text_column p {
    height: 100%;
}
.bakery .nap-map-row .map-col iframe {
    height: 100%;
    width: 100%;
    min-height: 400px;
    display: block;
}
/* Areas Served — 3 across per comp (was a plain stacked list) */
body #content .nap-map-row .service-areas-3col {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 4px;
}

/* MID CTA — background placeholder (real asset) */
.bakery .mid-plax {
    background-image: url('/wp-content/uploads/2026/08/mid-cta-2x.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* BOTTOM CTA — background placeholder (real asset); text col width per Figma (740px) */
.bakery .home-bottom-cta {
    background-image: url('/wp-content/uploads/2026/08/form-cta-bg-2x.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
@media (min-width: 980px) {
    body.home .subpage-hero-text-col .vc_column-inner {
        max-width: 740px;
    }
}
/* Contact form submit button — match the site's default button exactly */
body #content .bakery .subpage-hero .wpb_column.dark1_75 .gform_footer input[type="submit"] {
    background: var(--accent1) !important;
    color: var(--light1) !important;
    border-radius: inherit;
}

/* CASE STUDIES — own section (this is not blog content, so it isn't reusing .home-blogs) */
.bakery .case-studies-row {
    padding: 60px 0;
    text-align: center;
}
.bakery .case-studies-row .container {
    max-width: 1493px;
    width: 90%;
}
/* Curated 3-up card grid — flex must target .wpb_wrapper (the vc_column_text's real child
   container), not the outer el_class div, or the three cards stack instead of sitting in columns. */
.bakery .curated-card-grid.wpb_text_column .wpb_wrapper {
    display: flex;
    gap: 24px;
    margin-top: 32px;
}
.curated-card {
    background: var(--light1);
    border-radius: 16px;
    box-shadow: 0 4px 18px rgba(0,0,0,.08);
    padding: 20px 20px 24px;
    flex: 1;
    text-align: left;
}
.curated-card img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
    border-radius: 16px;
    margin-bottom: 16px;
}
body #content .curated-card h6 {
    color: var(--accent3) !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 6px !important;
    line-height: 1.4 !important;
}
.curated-card h3 {
    margin-bottom: 10px;
}
.curated-card p {
    margin-bottom: 18px;
}

@media (max-width: 979px) {
    .bakery .curated-card-grid.wpb_text_column .wpb_wrapper {
        flex-direction: column;
    }
}


/* Local Roots intro copy — Figma spec (was inheriting default body-p size) */
body #content .nap-map-row .nap-intro {
    font-family: var(--font-body) !important;
    font-size: 20px !important;
    font-weight: 300 !important;
    line-height: 32px !important;
}
/* Areas Served underline — stretch full width of each grid cell, dark1 not accent1 */
.bakery .service-areas-3col.service-areas {
    display: grid;
}
body #content .service-areas-3col > h5 {
    border-bottom: 3px solid var(--dark1) !important;
    width: 100% !important;
    display: block !important;
}
body #content .service-areas-3col > h5:nth-child(7),
body #content .service-areas-3col > h5:nth-child(8),
body #content .service-areas-3col > h5:nth-child(9) {
    border-bottom: none !important;
}

/* Case study cards — match the most-recent-post / home-blogs card look exactly
   (light1 bg, shadow, 30px padding, cut top-left/bottom-right corners) instead
   of a separate rounded-corner style. */
.curated-card {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
    background-color: var(--light1);
    border-radius: 0;
    padding: 30px 54px;
}
.curated-card img {
    border-radius: 0;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    object-fit: cover;
    display: block;
    height: 172px;
    width: 100%;
    margin-bottom: 16px;
}
.curated-card {
    border-top-left-radius: 60px;
    border-bottom-right-radius: 60px;
}
.curated-card img {
    border-top-left-radius: 40px;
    border-bottom-right-radius: 40px;
}


/* Hero buttons — more space between the two CTAs */
.bakery .home-hero .hero-btn-first {
    margin-right: 20px;
}

/* Bottom CTA row — remove top/bottom padding so the form column spans full height */
.bakery .wpb_row.subpage-hero.home-bottom-cta {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.bakery .wpb_row.subpage-hero.home-bottom-cta .vc_column-inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* "Schedule Your Confidential Call" heading — per spec */
body #content .home-bottom-cta-form-col h4,
body #content .dark1_75.form-col h4 {
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
    letter-spacing: 2px !important;
    margin-bottom: 24px !important;
}

/* Hide leftover blog author line */
p.author {
    display: none;
}

/* Case study cards — border radius / min-height / h6 match the blog-post card exactly */
.curated-card {
    min-height: 600px;
}
body #content .curated-card h6 {
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    color: var(--dark1) !important;
    font-weight: normal !important;
    font-size: 12px !important;
}


/* === Page: about === 2026-08-28 === */
/* About Us — Our Story image column. Set via el_class + custom.css, not inline css="" vc_custom,
   because REST page updates on this site don't trigger WPBakery's CSS recompile — a vc_custom
   background-image can render stale/cached from a prior save instead of the new value. */
.bakery .about-story-img {
    background-image: url(/wp-content/uploads/2026/08/about-50-50.jpg?id=3359) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

/* About Us — Meet Our Team row container, matched to the .services-carousel
   container width so the team grid and the Explore More row line up. */
.bakery .team-row .container {
    max-width: 1440px !important;
    width: 90% !important;
}

/* About Us — team cards reuse .curated-card/.curated-card-grid (defined for Home case-study/article cards).
   team-card-grid needs 4 cols instead of 3, so override flex-basis only. */
.bakery .team-card-grid.wpb_text_column .wpb_wrapper {
    flex-wrap: wrap;
}
.team-card-grid .curated-card.team-card {
    flex: 1 1 calc(25% - 18px);
    text-align: left;
}
.team-card-grid .curated-card.team-card {
    padding: 32px 32px;
}
.team-card-grid .curated-card.team-card img {
    height: 220px;
    object-fit: cover;
    object-position: top;
}
@media (max-width: 979px) {
    .team-card-grid .curated-card.team-card {
        flex: 1 1 100%;
    }
}

/* About Us — bottom "Explore More" row. Reuses the HVAC "Other Services"
   row shape (.services-carousel + [sp_wpcarousel id="3281"]) rather than a
   bespoke tile grid. Base .services-carousel rules live above in this file
   (container width, 24px image radius, caption font). Those were written for
   a .dark1 band, so the caption color is overridden here for the light
   .blurb-section background. */
body .explore-heading h2 {
    /* !important on margin-bottom is required: WPBakery ships
       `#content .wpb_text_column :last-child {margin-bottom:0}` in
       js_composer_front_custom.css, and this h2 is the last child of its
       text column, so an unweighted 24px loses on specificity. */
    font-weight: 600 !important;
    margin-bottom: 24px !important;
}
body #content .explore-carousel h3 a:not(:hover) {
    color: var(--dark1);
}
body #content .explore-carousel h3 a {
    /* base .services-carousel rule hardcodes the HVAC --BarConSB face; the LR
       build is on itc-avant-garde-gothic-pro sitewide, so re-inherit it here. */
    font-family: inherit;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 800;
}


/* === Page: global-bottom-cta === 2026-08-28 === */
/* ============================================================
   GLOBAL BOTTOM CTA
   The site-wide closing band: form-cta-bg image, 3/5 text column + 2/5 form
   column. Home (approved) shipped this shape as .home-bottom-cta; this is the
   reusable class every subsequent page uses, so it is declared once here
   instead of per page.
   Markup: [vc_row full_width="stretch_row_content"
            el_class="subpage-hero global-bottom-cta"]
   ============================================================ */
.bakery .global-bottom-cta {
    background-image: url('/wp-content/uploads/2026/08/form-cta-bg-2x.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
/* Zero row/column padding so the dark1_75 form column spans the full band height. */
.bakery .wpb_row.subpage-hero.global-bottom-cta,
.bakery .wpb_row.subpage-hero.global-bottom-cta .vc_column-inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
/* Text column width — matches the 740px Figma spec Home uses (that rule is
   scoped body.home, so subpages need their own). */
@media (min-width: 980px) {
    body:not(.home) .global-bottom-cta .subpage-hero-text-col .vc_column-inner {
        max-width: 740px;
    }
}

/* MOBILE FIX — base custom.css hardcodes an HVAC template photo
   (2021/09/hero-ac-heating-mobile.jpg, with !important) as the
   .subpage-hero-text-col background under 980px, plus a fixed 300px height.
   It is a leftover from the clone and was rendering live on Home's bottom CTA,
   where it clipped the copy. Neutralised for both bottom-CTA variants so the
   band's own form-cta-bg shows through and the column sizes to its content. */
@media (max-width: 979px) {
    .bakery .global-bottom-cta .subpage-hero-text-col,
    .bakery .home-bottom-cta .subpage-hero-text-col {
        background-image: none !important;
        height: auto !important;
        padding: 48px 0 40px 0;
    }
}

/* === Page: sell-a-business === 2026-08-28 === */
/* ============================================================
   PAGE: Sell a Business (3381)
   Structure per the asset matrix (template: hvac.vmgagencysites.com/about/):
     top-blurb intro -> fifty-fifty (image left) -> 3x blue promo boxes
     -> 4 icons -> case studies -> articles -> global bottom CTA.
   Copy is from the content doc. Reuses existing classes throughout:
   .top-blurb, .fifty-fifty/.image-col, .promo-block/.promo-block-body (Home),
   .services-row (base), .case-studies-row/.curated-card-grid (Home),
   .home-blogs (Home), .subpage-hero + .global-bottom-cta.
   ============================================================ */

/* --- 50/50, image left -------------------------------------------------- */
/* Set via el_class + custom.css, never inline vc_custom css="" — REST page
   updates on this site don't trigger WPBakery's shortcode-CSS recompile, so an
   inline background-image can render stale. */
.bakery .sell-why-img {
    background-image: url('/wp-content/uploads/2026/08/sell-50-50.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.bakery .wpb_row.sell-why-row {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* --- 3x blue promo boxes ------------------------------------------------ */
/* Matrix: "Use the 3x blue promo boxes ... and remove buttons" — so these
   reuse Home's .promo-block markup with the .border-btn-light link dropped.
   Home's background rules live inside @media (min-width:980px) because those
   cards sit over the hero image; on this light2 band the white text would be
   invisible under 980px, so the card paints its own background unconditionally. */
.bakery .sell-promos {
    padding: 60px 0;
}
.bakery .sell-promos .promo-block {
    background: var(--dark1);
    overflow: hidden;
    height: 100%;
}
/* Equal-height cards across the row. */
@media (min-width: 980px) {
    .bakery .sell-promos .container {
        align-items: stretch;
        display: flex;
    }
    .bakery .sell-promos .wpb_column .vc_column-inner,
    .bakery .sell-promos .wpb_column .wpb_wrapper {
        height: 100%;
    }
    .bakery .sell-promos .wpb_column {
        padding-left: 12px;
        padding-right: 12px;
    }
}
@media (max-width: 979px) {
    .bakery .sell-promos .wpb_column:not(:last-child) {
        margin-bottom: 20px;
    }
}
/* Neutralise the base title-bar/paragraph backgrounds and padding (written for
   Home's two-tone card over the hero) so this reads as one solid navy box. */
body #content .sell-promos .promo-block h2 {
    background: transparent !important;
    padding: 32px 28px 0 28px !important;
    margin-bottom: 0 !important;
    line-height: 32px !important;
    font-weight: 600 !important;
    font-size: 25px !important;
}
.bakery .sell-promos .promo-block .promo-block-body,
.bakery .sell-promos .promo-block .promo-block-body p {
    background: transparent !important;
}
.bakery .sell-promos .promo-block .promo-block-body p {
    padding: 16px 28px 32px 28px !important;
    margin-bottom: 0 !important;
}
/* Two of the three titles wrap to two lines and one doesn't; reserving two
   lines keeps the body copy starting on the same baseline across the row.
   32px padding-top + 2 x 32px line-height. */
@media (min-width: 980px) {
    body #content .sell-promos .promo-block h2 {
        min-height: 96px;
    }
}

/* --- 4 icons: "From Valuation to Handover." ----------------------------- */
/* Reuses base .services-row for the flex container and h4/p/img sizing. That
   base caps columns at 328px for a 3-up, which overflows a 4-up, so the width
   is reset here. */
.bakery .sell-steps {
    padding: 60px 0;
}
.bakery .wpb_row.sell-steps-heading {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}
.bakery .wpb_row.sell-icons {
    padding-bottom: 0 !important;
    padding-top: 32px !important;
}
@media (min-width: 980px) {
    .bakery .sell-icons .container {
        max-width: 1440px !important;
        align-items: flex-start;
        width: 90% !important;
    }
    .bakery .sell-icons .wpb_column {
        max-width: 23.5%;
        margin-right: 0;
    }
}
.bakery .sell-icons .wpb_text_column p {
    text-align: center;
}

/* --- Case studies / articles -------------------------------------------- */
/* No container override here: .case-studies-row and .home-blogs are shared with
   Home and already carry the card-grid container width (1493px / 90%). An
   unscoped rule here would have re-sized Home's approved rows. */
/* "Seller Resources" eyebrow. font-family:inherit keeps it on the sitewide
   itc-avant-garde-gothic-pro, matching the .curated-card h6 eyebrow — whose
   hardcoded HVAC Barlow Condensed face was removed at the dev's direction
   (2026-08-28), so both eyebrows are now on the same family. */
body #content .sell-resources-eyebrow {
    font-family: inherit !important;
    text-transform: uppercase !important;
    color: var(--accent1) !important;
    letter-spacing: 2px !important;
    margin-bottom: 10px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    font-size: 14px !important;
}


/* === Page: buy-a-business === 2026-08-28 === */
/* ============================================================
   PAGE: Buy a Business (3380)
   Structure mirrors the dev-approved Sell a Business template
   (top-blurb -> fifty-fifty (image left) -> 3x blue promo boxes
   -> 4 icons -> case studies -> articles -> global bottom CTA).
   Copy is from the content doc. Icon PNGs are reused verbatim from
   the Sell build (per god-plan: decorative, not topic-specific) with
   Buy's own headings/copy. CSS below is a 1:1 rename of the sell-*
   rules to buy-* — see the sell-a-business block for rationale notes.
   ============================================================ */

/* --- 50/50, image left -------------------------------------------------- */
.bakery .buy-why-img {
    background-image: url('/wp-content/uploads/2026/08/buy-50-50.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.bakery .wpb_row.buy-why-row {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* --- 3x blue promo boxes ------------------------------------------------ */
.bakery .buy-promos {
    padding: 60px 0;
}
.bakery .buy-promos .promo-block {
    background: var(--dark1);
    overflow: hidden;
    height: 100%;
}
@media (min-width: 980px) {
    .bakery .buy-promos .container {
        align-items: stretch;
        display: flex;
    }
    .bakery .buy-promos .wpb_column .vc_column-inner,
    .bakery .buy-promos .wpb_column .wpb_wrapper {
        height: 100%;
    }
    .bakery .buy-promos .wpb_column {
        padding-left: 12px;
        padding-right: 12px;
    }
}
@media (max-width: 979px) {
    .bakery .buy-promos .wpb_column:not(:last-child) {
        margin-bottom: 20px;
    }
}
body #content .buy-promos .promo-block h2 {
    background: transparent !important;
    padding: 32px 28px 0 28px !important;
    margin-bottom: 0 !important;
    line-height: 32px !important;
    font-weight: 600 !important;
    font-size: 25px !important;
}
.bakery .buy-promos .promo-block .promo-block-body,
.bakery .buy-promos .promo-block .promo-block-body p {
    background: transparent !important;
}
.bakery .buy-promos .promo-block .promo-block-body p {
    padding: 16px 28px 32px 28px !important;
    margin-bottom: 0 !important;
}
@media (min-width: 980px) {
    body #content .buy-promos .promo-block h2 {
        min-height: 96px;
    }
}

/* --- 4 icons: "Matching Your Capital to the Right Opportunity." --------- */
.bakery .buy-steps {
    padding: 60px 0;
}
.bakery .wpb_row.buy-steps-heading {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}
.bakery .wpb_row.buy-icons {
    padding-bottom: 0 !important;
    padding-top: 32px !important;
}
@media (min-width: 980px) {
    .bakery .buy-icons .container {
        max-width: 1440px !important;
        align-items: flex-start;
        width: 90% !important;
    }
    .bakery .buy-icons .wpb_column {
        max-width: 23.5%;
        margin-right: 0;
    }
}
.bakery .buy-icons .wpb_text_column p {
    text-align: center;
}

/* --- Case studies / articles -------------------------------------------- */
/* No container override: .case-studies-row and .home-blogs are shared with
   Home and Sell and already carry the approved card-grid container width. */
body #content .buy-resources-eyebrow {
    font-family: inherit !important;
    text-transform: uppercase !important;
    color: var(--accent1) !important;
    letter-spacing: 2px !important;
    margin-bottom: 10px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    font-size: 14px !important;
}

/* === Page: case-studies === 2026-08-28 === */
/* ============================================================
   PAGE: Case Studies (3379)
   No dedicated copy exists in the content doc or matrix for this
   page ("no direct match — build from component library"). Reuses
   the exact "Real Transitions. Real People." heading + the same 3
   curated-cards already live on Home/Sell/Buy (case-studies-row/
   curated-card-grid are shared base classes — no width override
   written here, per standing rule against re-sizing shared rows).
   Bottom CTA reuses Home's exact copy verbatim.
   2026-08-28 update, per dev feedback: Case Study #2/#3 scaffold
   pages created (3408/3409, matching #1's empty-content pattern);
   all 3 cards here — and the identical case-study cards on Home/
   Sell/Buy/Our Process — now link to their individual case-study
   page ("READ CASE STUDY") instead of the inert "Coming Soon"
   state or the shared /case-studies/ index link. No CSS needed for
   this change (plain content/href edit) — the .cta-pending opacity
   rule that lived here is removed as dead code.
   ============================================================ */

/* === Page: contact === 2026-08-28 === */
/* ============================================================
   PAGE: Contact Us (226)
   Repurposed existing page in place (was Desert HVAC content).
   Row 1 reuses the page's existing fifty-fifty/location-form-row/
   form-col shape verbatim (already styled base-wide) with real
   copy swapped in for lorem ipsum; Gravity Form 2 embed untouched.
   Row 2 reuses .top-blurb (same shape as every other subpage's
   opening band) for a closing NAP/office info strip.
   2026-08-28 update, per dev feedback:
   - Added a "Schedule Your Confidential Call" h4 above the form,
     matching the global-bottom-cta form heading's exact text style
     (24px/700/2px letter-spacing) — that rule is scoped to
     `.dark1_75.form-col h4` so it doesn't apply to this row's plain
     `.dark1` form-col; reproduced here instead of widening that
     shared selector.
   - Form labels + consent text default to a pink GF-theme color
     everywhere outside `.subpage-hero` (see global-vars-and-fonts
     block) — invisible-ish against this dark navy column, so added
     the same white-label override already used inside subpage-hero,
     scoped to this row instead.
   - Row 2 changed from `dark1` to `light2` so it doesn't sit navy-
     on-navy directly under the form column above it; text color
     comes free from the existing `.top-blurb`/`.light2` rules.
   - NAP text now links out to the Google Business Profile
     (maps.app.goo.gl/2NrdVPQk2zdRX7MN6), same link already used in
     the footer and on Testimonials — no new CSS needed, plain ``.
   ============================================================ */
body #content .location-form-row .form-col h4 {
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
    letter-spacing: 2px !important;
    margin-bottom: 24px !important;
}
body #content .location-form-row .form-col .gform_wrapper.gravity-theme label,
body #content .location-form-row .form-col .gform_wrapper.gravity-theme .gfield_label,
body #content .location-form-row .form-col .gform_wrapper.gravity-theme .gform-field-label {
    color: var(--light1) !important;
}
body #content .location-form-row .form-col .gform_wrapper.gravity-theme .gfield_description,
body #content .location-form-row .form-col .gform_wrapper.gravity-theme .gfield--type-checkbox label {
    color: var(--light1) !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
}

/* === Page: testimonials === 2026-08-28 === */
/* ============================================================
   PAGE: Testimonials (2462)
   Repurposed from the old Desert HVAC reviews page (top-cta bar,
   lorem-ipsum fifty-fifty, [testimonial_view id="1"] widget, and
   /hvac/leave-a-review/ + /hvac/deals/ dead links all removed).
   2026-08-28 update, per dev feedback: the hand-built 3-card
   placeholder quote row (.testimonials-quotes, reused Home's
   .promo-block) is gone — replaced with the live Trustindex plugin
   shortcode `[trustindex no-registration=google]`, confirmed active
   and already pulling real, verified 5-star Google reviews (names,
   avatars, dates) with zero custom CSS needed. This also resolves
   the earlier "unfetchable Google Maps SPA" block — no manual pull
   required after all. Row renamed testimonials-widget; the old
   promo-block rules below are removed as dead code.
   2026-08-28 update #2, per dev feedback: two base HVAC rules keyed
   off this page's slug-derived `.testimonials` body class were
   fixed at the SOURCE (base custom.css, via FTP) instead of being
   patched per-row here: `.testimonials h2 { color: light1 }` (was
   turning every bare h2 on this page white) is now `dark1`; the
   orphaned `body .testimonials h4 {...}` badge rule (dark1 box,
   350px max-width, top:-27px — some old HVAC component, not used
   anywhere on this site) was messing up the "Schedule a Confidential
   Consultation" bottom-cta heading and has been deleted outright.
   The page-block-only `.rate-us h2` override that used to patch
   around the h2 issue is removed as redundant now that the base
   rule itself is fixed.
   ============================================================ */

/* --- Leave-a-review row -------------------------------------------------- */
.bakery .wpb_row.rate-us {
    padding: 40px 0;
}



/* === Page: our-process === 2026-08-28 === */
/* ============================================================
   PAGE: Our Process (3378)
   Structure: top-blurb intro -> fifty-fifty "What Sets Our Process
   Apart" (image left) -> fifty-fifty "Have Questions" (image right)
   -> 4-icon "Our Four-Step Process" (canonical source of the Deep-Dive
   Valuation/Strategic Positioning/Vetting the Successor/Creative Deal
   Structuring copy also reused on Sell/Buy) -> "Explore Our Services"
   4-col text row -> case studies -> bottom tiles (reuses About's
   .blurb-section/.explore-heading/.explore-carousel + carousel 3281
   verbatim, per matrix's "in place of Other Services" note for THIS
   page) -> global bottom CTA. Copy from the content doc.
   ============================================================ */

/* --- Fifty-fifty #1, image left: "What Sets Our Process Apart" ---------- */
.bakery .op-apart-img {
    background-image: url('/wp-content/uploads/2026/08/process-team-planning.webp');
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: cover;
}
.bakery .wpb_row.op-apart-row {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.bakery .op-apart-row ul {
    padding-left: 20px;
    margin-bottom: 0;
}
.bakery .op-apart-row li:not(:last-child) {
    margin-bottom: 14px;
}

/* --- Fifty-fifty #2, image right: "Have Questions About the Process?" --- */
.bakery .op-questions-img {
    background-image: url('/wp-content/uploads/2026/08/process-team-desk.webp');
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
}
.bakery .wpb_row.op-questions-row {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* --- 4 icons: "Our Four-Step Process." ----------------------------------
   Identical shape to Sell/Buy's icon row (base .services-row for the flex
   container + h4/p/img sizing; base caps columns at 328px for a 3-up, which
   overflows a 4-up, so width is reset here — same fix, renamed selector). */
.bakery .op-steps {
    padding: 60px 0;
}
.bakery .wpb_row.op-steps-heading {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}
.bakery .wpb_row.op-icons {
    padding-bottom: 0 !important;
    padding-top: 32px !important;
}
@media (min-width: 980px) {
    .bakery .op-icons .container {
        max-width: 1440px !important;
        align-items: flex-start;
        width: 90% !important;
    }
    .bakery .op-icons .wpb_column {
        max-width: 23.5%;
        margin-right: 0;
    }
}
.bakery .op-icons .wpb_text_column p {
    text-align: center;
}

/* --- "Explore Our Services" 4-col text row (no icons) -------------------
   Same 4-up container-width fix as .op-icons/.sell-icons/.buy-icons, no
   image sizing needed since this row has no . Row now shares light2 bg with
   its heading row above (op-explore) per dev feedback, top padding zeroed
   so the two rows read as one continuous band. */
.bakery .wpb_row.op-explore-row {
    padding-top: 0 !important;
}
@media (min-width: 980px) {
    .bakery .op-explore-row .container {
        max-width: 1440px !important;
        align-items: flex-start;
        width: 90% !important;
    }
    .bakery .op-explore-row .wpb_column {
        max-width: 23.5%;
        margin-right: 0;
    }
}
.bakery .op-explore-row .wpb_text_column p {
    text-align: center;
}
@media (max-width: 979px) {
    .bakery .op-explore-row .wpb_column:not(:last-child) {
        margin-bottom: 20px;
    }
}

/* --- Case studies / bottom tiles / global bottom CTA ---------------------
   No container override: .case-studies-row is shared with Home/Sell/Buy and
   already carries the approved card-grid container width. .blurb-section,
   .explore-heading and .explore-carousel are already unscoped/global (added
   in the `about` block for About Us's Explore More row) — reused verbatim
   here with zero new CSS, including the carousel-3281 caption-color and
   font-family fixes already in place. .global-bottom-cta is the shared
   closing-band class — reused verbatim, no page-specific override needed. */

/* === Page: manufacturing === 2026-08-28 === */
/* ============================================================
   PAGE: Manufacturing (3382) - REBUILT per client correction:
   the 'one flowing text block' instruction was for the Case Study
   pages only, not the Our Process subpages. This page now uses the
   site's existing row inventory instead: dark1 top-blurb (unchanged)
   -> a light1 intro-heading row (new shared .subpage-intro-row class,
   centered h2 + paragraph, reused by Construction too) -> a light2
   3-column .promo-block row (exact pattern as Sell/Buy's *-promos
   rows: navy box, equal-height flex, mobile stacking - copied and
   renamed here per the site's own convention of one *-promos block
   per page rather than a shared class) -> closing CTA -> Explore
   More (3281) + global-bottom-cta, both reused verbatim.
   Video callout ('VIDEO 4 MANUFACTURING BUSINESSES.mp4') omitted -
   no video file exists in the asset package, flagged for the dev.
   ============================================================ */
.subpage-intro-row .vc_column-inner {
    max-width: 800px;
    margin: 0 auto;
}

.bakery .manufacturing-promos {
    padding: 60px 0;
}
.bakery .manufacturing-promos .promo-block {
    background: var(--dark1);
    overflow: hidden;
    height: 100%;
}
@media (min-width: 980px) {
    .bakery .manufacturing-promos .container {
        align-items: stretch;
        display: flex;
    }
    .bakery .manufacturing-promos .wpb_column .vc_column-inner,
    .bakery .manufacturing-promos .wpb_column .wpb_wrapper {
        height: 100%;
    }
    .bakery .manufacturing-promos .wpb_column {
        padding-left: 12px;
        padding-right: 12px;
    }
}
@media (max-width: 979px) {
    .bakery .manufacturing-promos .wpb_column:not(:last-child) {
        margin-bottom: 20px;
    }
}
body #content .manufacturing-promos .promo-block h2 {
    background: transparent !important;
    padding: 32px 28px 0 28px !important;
    margin-bottom: 0 !important;
    line-height: 32px !important;
    font-weight: 600 !important;
    font-size: 24px !important;
}
.bakery .manufacturing-promos .promo-block .promo-block-body,
.bakery .manufacturing-promos .promo-block .promo-block-body p {
    background: transparent !important;
}
.bakery .manufacturing-promos .promo-block .promo-block-body p {
    padding: 16px 28px 0 28px !important;
    margin-bottom: 16px !important;
    text-align: left;
}
.bakery .manufacturing-promos .promo-block .promo-block-body p:last-of-type {
    margin-bottom: 0 !important;
    padding-bottom: 32px !important;
}

.bakery .manufacturing-promos .promo-block .promo-block-body ul {
    padding: 0 28px 32px 48px !important;
    margin: 0 !important;
    background: transparent !important;
    color: var(--light1);
}
.bakery .manufacturing-promos .promo-block .promo-block-body li {
    color: var(--light1);
}
.bakery .manufacturing-promos .promo-block .promo-block-body li:not(:last-child) {
    margin-bottom: 10px;
}


/* === Page: construction === 2026-08-28 === */
/* ============================================================
   PAGE: Construction (3383) - same rebuild as Manufacturing, reusing
   .subpage-intro-row verbatim. Adds .risk-matrix-box, a bordered
   callout for the content doc's ASCII-art risk-matrix table (typo in
   the doc, 'CONTRUCTION', corrected to 'CONSTRUCTION' in the live
   copy) - a genuinely new shape, no existing component covers it.
   ============================================================ */
.construction-risk-row .vc_column-inner {
    max-width: 800px;
    margin: 0 auto;
}
.risk-matrix-box {
    border: 2px solid var(--dark1);
    border-radius: 4px;
    padding: 24px 32px;
    margin: 0 0 32px 0;
}
.risk-matrix-box h4 {
    margin-top: 0;
    text-align: center;
}
.risk-matrix-box ul {
    margin-bottom: 0;
}

.bakery .construction-promos {
    padding: 60px 0;
}
.bakery .construction-promos .promo-block {
    background: var(--dark1);
    overflow: hidden;
    height: 100%;
}
@media (min-width: 980px) {
    .bakery .construction-promos .container {
        align-items: stretch;
        display: flex;
    }
    .bakery .construction-promos .wpb_column .vc_column-inner,
    .bakery .construction-promos .wpb_column .wpb_wrapper {
        height: 100%;
    }
    .bakery .construction-promos .wpb_column {
        padding-left: 12px;
        padding-right: 12px;
    }
}
@media (max-width: 979px) {
    .bakery .construction-promos .wpb_column:not(:last-child) {
        margin-bottom: 20px;
    }
}
body #content .construction-promos .promo-block h2 {
    background: transparent !important;
    padding: 32px 28px 0 28px !important;
    margin-bottom: 0 !important;
    line-height: 32px !important;
    font-weight: 600 !important;
    font-size: 24px !important;
}
.bakery .construction-promos .promo-block .promo-block-body,
.bakery .construction-promos .promo-block .promo-block-body p {
    background: transparent !important;
}
.bakery .construction-promos .promo-block .promo-block-body p {
    padding: 16px 28px 0 28px !important;
    margin-bottom: 16px !important;
    text-align: left;
}
.bakery .construction-promos .promo-block .promo-block-body p:last-of-type {
    margin-bottom: 0 !important;
    padding-bottom: 32px !important;
}

/* === Page: internal-succession === 2026-08-28 === */
/* ============================================================
   PAGE: Internal Succession (3384) - same rebuild, but only 2
   conceptual sections in the content doc (family transitions / key
   employee transitions), so no separate intro-heading row - straight
   from top-blurb into a 2-column promo-block row (1/2 width columns
   instead of 1/3).
   ============================================================ */

.bakery .internal-succession-promos {
    padding: 60px 0;
}
.bakery .internal-succession-promos .promo-block {
    background: var(--dark1);
    overflow: hidden;
    height: 100%;
}
@media (min-width: 980px) {
    .bakery .internal-succession-promos .container {
        align-items: stretch;
        display: flex;
    }
    .bakery .internal-succession-promos .wpb_column .vc_column-inner,
    .bakery .internal-succession-promos .wpb_column .wpb_wrapper {
        height: 100%;
    }
    .bakery .internal-succession-promos .wpb_column {
        padding-left: 12px;
        padding-right: 12px;
    }
}
@media (max-width: 979px) {
    .bakery .internal-succession-promos .wpb_column:not(:last-child) {
        margin-bottom: 20px;
    }
}
body #content .internal-succession-promos .promo-block h2 {
    background: transparent !important;
    padding: 32px 28px 0 28px !important;
    margin-bottom: 0 !important;
    line-height: 32px !important;
    font-weight: 600 !important;
    font-size: 24px !important;
}
.bakery .internal-succession-promos .promo-block .promo-block-body,
.bakery .internal-succession-promos .promo-block .promo-block-body p {
    background: transparent !important;
}
.bakery .internal-succession-promos .promo-block .promo-block-body p {
    padding: 16px 28px 0 28px !important;
    margin-bottom: 16px !important;
    text-align: left;
}
.bakery .internal-succession-promos .promo-block .promo-block-body p:last-of-type {
    margin-bottom: 0 !important;
    padding-bottom: 32px !important;
}


/* === Page: case-studies-detail === 2026-08-28 === */
/* ============================================================
   SHARED: Case Study #1/#2/#3 (3385/3408/3409) - flowing top-down
   text block, per explicit client instruction (only 1 real content
   file exists, read verbatim into all 3 pages - see god-plan.md).
   .subpage-article-body was originally declared on Manufacturing but
   moved here after a client correction: the "one text block, no row
   structure" instruction was for these 3 Case Study pages only, NOT
   the Our Process subpages (which were rebuilt to use the promo-block
   row inventory instead - see the manufacturing/construction/
   internal-succession blocks). This is the single owner of this
   class now.
   ============================================================ */
.bakery .subpage-article-body .vc_column-inner {
    max-width: 760px;
    margin: 0 auto;
    padding: 70px 0;
}
.subpage-article-body h3 {
    text-align: center;
    margin-bottom: 24px;
}
.subpage-article-body h4 {
    margin-top: 32px;
    margin-bottom: 12px;
}
.subpage-article-body ul {
    padding-left: 20px;
    margin-bottom: 20px;
}
.subpage-article-body li:not(:last-child) {
    margin-bottom: 10px;
}