/*
* Description: Location Site Custom CSS
* Template: twentytwentyone
* Version: 1.0
* Author: VDS
*/

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

:root {
    /* color scheme vars */
    --accent1: #b12029;            /* red - accent1 -------------- */
    --accent2: #00426b;            /* blur - accent2 ------------- */
    --accent3: #00A875;            /* green - accent3 ------------ */
    --dark1: #5c5c5c;              /* navy - dark1 --------------- */
    --dark1_75: #5c5c5cBF;         /* dark1 @ 75% ---------------- */
    --dark2: #373636;              /* deep navy - dark2 ---------- */
    --dark3: #000000;              /* black - dark3 -------------- */
    --light1: #FFFFFF;             /* white - light1 ------------- */
    --light1_40: #FFFFFF66;        /* light1 @ 30% --------------- */
    --light2: #F5F5F5;             /* warm light grey - light2 --- */
    --light3: #EAEAEA;             /* pale silver - light3 ------- */
    --uihover: #00426b66;          /* accent2 @ 40% -------------- */

    /* font family vars */
    /* ******************************************************************************* */
    --PopReg: 'Poppins-Regular', sans-serif;              /* Body, 400                 */
    --PopReg-Italic: 'Poppins-Italic', sans-serif;        /* Italic                    */
    /* ******************************************************************************* */
    --PopMed: 'Poppins-Medium', sans-serif;               /* Some Headings, 500        */
    --PopMed-Italic: 'Poppins-MediumItalic', sans-serif;  /* Italic                    */
    /* ******************************************************************************* */
    --PopSB: 'Poppins-SemiBold', sans-serif;              /* Nav/UI/Most Headings, 600 */
    --PopSB-Italic: 'Poppins-SemiBoldItalic', sans-serif; /* Italic                    */
    /* ******************************************************************************* */
    --PopBold: 'Poppins-Bold', sans-serif;                /* Body/Maybe some UI, 700   */
    --PopBold-Italic: 'Poppins-BoldItalic', sans-serif;   /* Italic                    */
    /* ******************************************************************************* */
}

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

/* quick vars quick vars quick vars quick vars quick vars quick vars  */

body, body p, li, span:not(.ab-icon):not(.ab-item) { font-family: var(--PopReg) !important; font-weight: normal !important; }
body em, body p em, li em, span em                 { font-family: var(--PopReg-Italic); font-weight: normal !important;     }

body h1.med, body h2.med, body h3.med, body h4.med, body h5.med, body h6.med                   { font-family: var(--PopMed); font-weight: normal !important;       }
body h1.med em, body h2.med em, body h3.med em, body h4.med em, body h5.med em, body h6.med em { font-family: var(--PopMed-Italic); font-weight: normal !important; }

body h1, body h2, body h3, body h4, body h5, body h6, body h4 span.vc_tta-title-text, body .gform_footer input[type="submit"], body form label { font-family: var(--PopSB) !important; font-weight: normal !important; }
body h1 em, body h2 em, body h3 em, body h4 em, body h5 em, body h6 em { font-family: var(--PopSB-Italic); font-weight: normal !important; }

body strong:not(.ti-rating), p strong, strong:not(.ti-rating), li strong, span strong                  { font-family: var(--PopBold); font-weight: normal !important; }
body strong em, p strong em, strong em, li strong em, span strong em   { font-family: var(--PopBold-Italic); font-weight: normal !important; }

/* /quick vars /quick vars /quick vars /quick vars /quick vars /quick */

/* General */

/* END General */

/* Homepage Tweaks */

@media (min-width: 980px) {
    .about-row .text-col .vc_column-inner {
        padding-top: 60px !important;
        justify-content: center;
        align-items: center;
        display: flex;
    }
}

@media (max-width: 979px) { .about-row.reverse .text-col:nth-child(2) .vc_column-inner { padding-top: 60px !important; }}
@media (max-width: 480px) { .about-row.reverse .text-col:nth-child(2) .vc_column-inner { padding-top: 28px !important; }}

.bakery .home-hero {
    background-position: top right !important;
}
.fifty-fifty .image-col.map-col {
    padding-right: 0 !important;
}
.map-nap-row .map-col .wpb_wrapper {
    height: 100%;
}
.map-nap-row .map-col iframe {
    max-height: unset !important;
    height: 100%;
    width: 100%;
}
.map-nap-row .nap-col .vc_column-inner {
    justify-content: center;
    align-items: center;
    min-height: 900px;
    display: flex;
}

@media (max-width: 1440px) {
    .map-nap-row .nap-col .vc_column-inner {
        min-height: unset;
    }
}

.map-nap-row .nap-col h2 {
    margin-bottom: 24px;
}
.map-nap-row .nap-col p.main-phone {
    margin-bottom: 24px !important;
}
.nap-col .service-areas {
    margin-top: 24px;
}
.nap-col .service-areas p {
    border-bottom: 2px solid var(--accent1);
    padding: 18px 0;
}
body .fifty-fifty.map-nap-row h2 {
    text-transform: uppercase;
    margin-bottom: 35px;
    line-height: 48px;
    flex-flow: column;
    font-size: 46px;
    display: flex;
}
.map-nap-row span {
    text-transform: none;
    margin-bottom: 2px;
    line-height: 36px;
    font-size: 30px;
}
.map-nap-row h4 {
    text-transform: none;
    font-weight: normal;
    line-height: 28px;
    font-size: 28px;
}
.map-nap-row .address-phone {
    margin-bottom: 35px;
    display: flex;
    width: 100%;
}
.map-nap-row .address-phone p {
    line-height: 1.7;
}
.map-nap-row .address-phone a {
    text-decoration: none;
}
.map-nap-row .address-phone > div {
    width: 100%;
}
.map-nap-row .address-phone div.address {
    display: none;
}
div.service-areas {
    flex-flow: row wrap;
    margin-top: 30px;
    display: flex;
}
div.service-areas h5:nth-child(1),
div.service-areas h5:nth-child(2) {
    border-top: 3px solid var(--accent1);
}
div.service-areas > h5 {
    border-bottom: 3px solid var(--accent1);
    font-family: var(--MontMed);
    padding: 12px 12px 12px 0px;
    justify-content: start;
    text-transform: none;
    font-weight: normal;
    align-items: center;
    line-height: 24px;
    font-size: 18px;
    display: flex;
    width: 50%;
}
div.service-areas > h5:nth-child(odd):last-child {
    width: 100%;
}
.bakery .bottom-cta {
    height: 345px;
}

/* contact us page form */

.contact-form-row.light1 form {
    background: var(--accent2);
    border-radius: 18px;
    padding: 32px 28px;
}

@media (min-width: 980px) {
    .bakery .map-nap-row .vc_col-sm-6:not(.vc_col-has-fill):nth-child(2) {
        padding-left: 0 !important;
    }
}

@media (max-width: 979px) {
    .nap-map-row .nap-col .vc_column-inner,
    .map-nap-row .nap-col .vc_column-inner {
        min-height: unset;
    }
    footer .widget .footer-links {
        justify-content: center;
        align-items: center;
        margin-bottom: 16px;
    }
    img.footer-logo {
        margin-bottom: 16px;
    }
    body footer#footer {
        padding: 30px 0 !important;
    }
    .bakery .works-icon-col {
        margin-right: 0;
        margin-left: 0;
    }
    .bakery .works-row-bttm-txt2 {
        min-height: unset;
    }
}

@media (max-width: 480px) {
    .map-nap-row h2 span,
    .nap-map-row h2 span {
        font-weight: normal;
        margin-bottom: 3px;
        line-height: 28px;
        font-size: 20px;
    }
    .map-nap-row h2,
    .nap-map-row h2 {
        margin-bottom: 18px !important;
        line-height: 36px !important;
        font-size: 28px !important;
    }
    .nap-map-row .address-phone,
    .map-nap-row .address-phone {
        flex-flow: column;
        margin-bottom: 0;
    }
    .map-nap-row .address-phone > div,
    .nap-map-row .address-phone > div {
        margin-bottom: 20px;
        width: 100%;
    }
    .map-nap-row h4,
    .nap-map-row h4 {
        line-height: 20px;
        font-size: 20px;
    }
    .nap-col .wpb_wrapper {
        width: 100%;
    }
    div.service-areas > h5 {
        font-family: var(--PopMed);
        padding: 10px 10px 10px 0px;
        line-height: 24px;
        font-size: 16px;
        width: 100%;
    }
    div.service-areas h5:nth-child(2) {
        border-top: none;
    }
    body .bakery section.testimonials {
        padding: 40px 12px 0 !Important;
    }
    body .testimonial-slogan.mb0 {
        margin-bottom: 7.5px !important;
        margin-top: 0;
    }
    body .bakery .testimonials-opacity .container {
        background-color: transparent;
        padding: 0;
    }
    .testimonials .ti-footer.ti-footer-grid.source-Google,
    .testimonials .ti-controls-line {
        display: none !important;
    }
    body .bakery .bottom-cta {
        height: 250px;
    }
    body .bakery .bottom-cta h5 {
        letter-spacing: 0;
        line-height: 28px;
        font-size: 28px;
    }
}