/* BM Freight site layer — styled to match Prelude's existing About Us page */
:root {
    --bmf-accent: #00d664;
    --bmf-dark: #39374d;
    --bmf-text: #5e5d6c;
    --bmf-soft: #f7f9fa;
    --bmf-border: #e7e7e7;
    --bmf-purple: #7540ee;
    --bmf-white: #ffffff;
}

body.bmfreight-site #main-content { padding: 0; }
body.bmfreight-site .page-content { margin: 0; }
body.bmfreight-site .page-content > p:empty { display: none; }

/* Header follows the About Us palette rather than a separate design system. */
body.bmfreight-site #site-header:after { background-color: rgba(255,255,255,.985); }
body.bmfreight-site #site-header {
    border-color: rgba(57,55,77,.08);
    box-shadow: 0 6px 24px rgba(57,55,77,.055);
}
body.bmfreight-site #site-logo-inner { margin: 12px 0; }
body.bmfreight-site #site-logo img { width: auto; max-height: 62px; }
body.bmfreight-site #main-nav > ul > li > a { color: var(--bmf-dark); font-weight: 600; }
body.bmfreight-site #main-nav > ul > li > a:hover,
body.bmfreight-site #main-nav > ul > li.current-menu-item > a { color: var(--bmf-accent); }
body.bmfreight-site #site-header .header-button a {
    background: var(--bmf-accent) !important;
    color: #fff !important;
    border-radius: 3px;
}
body.bmfreight-site #site-header .header-button a:hover {
    background: var(--bmf-dark) !important;
}
body.bmfreight-site #top-bar { font-size: 14px; }
body.bmfreight-site #top-bar .top-bar-content { line-height: 1.4; }

/* Keep genuine fleet photos tidy inside Prelude widgets. */
body.bmfreight-site .prelude-image img,
body.bmfreight-site .prelude-simple-image img {
    height: auto;
}

/* Quote form adopts the same white-card, green-accent, soft-shadow language. */
.bmf-quote-form {
    position: relative;
    margin: 0;
}
.bmf-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px 20px;
}
.bmf-field { margin-bottom: 18px; }
.bmf-field label {
    display: block;
    margin-bottom: 8px;
    color: var(--bmf-dark);
    font-size: 14px;
    font-weight: 600;
}
.bmf-field input,
.bmf-field select,
.bmf-field textarea {
    width: 100%;
    border: 1px solid #dfe3e6;
    border-radius: 3px;
    background: #fff;
    color: var(--bmf-dark);
    font-family: inherit;
    font-size: 15px;
}
.bmf-field input,
.bmf-field select {
    height: 50px;
    padding: 0 14px;
}
.bmf-field textarea {
    min-height: 150px;
    padding: 14px;
    resize: vertical;
}
.bmf-field input:focus,
.bmf-field select:focus,
.bmf-field textarea:focus {
    border-color: var(--bmf-accent);
    outline: 0;
    box-shadow: 0 0 0 3px rgba(0,214,100,.08);
}
.bmf-quote-form .bmf-btn {
    display: inline-block;
    min-height: 50px;
    padding: 0 28px;
    border: 0;
    border-radius: 3px;
    background: var(--bmf-accent);
    color: #fff;
    font-family: inherit;
    font-size: 15px;
    font-weight: 600;
    line-height: 50px;
    cursor: pointer;
    transition: all .25s ease;
}
.bmf-quote-form .bmf-btn:hover { background: var(--bmf-dark); }
.bmf-hp {
    position: absolute !important;
    left: -9999px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
.bmf-form-notice {
    margin: 0 0 22px;
    padding: 14px 16px;
    border-radius: 3px;
    font-weight: 600;
}
.bmf-form-notice--success { background: #eafff2; color: #0f7440; }
.bmf-form-notice--error { background: #fff0f0; color: #a42323; }

/* Footer uses the dark neutral already present throughout the About page. */
#footer.bmf-footer {
    padding: 62px 0 48px !important;
    background: var(--bmf-dark) !important;
    color: rgba(255,255,255,.76);
}
.bmf-footer-grid {
    display: grid;
    grid-template-columns: 1.35fr .8fr 1fr;
    gap: 60px;
}
.bmf-footer-brand img {
    width: 260px;
    max-width: 100%;
    margin-bottom: 18px;
}
.bmf-footer p { color: rgba(255,255,255,.72); line-height: 1.7; }
.bmf-footer h3 { margin: 0 0 20px; color: #fff; font-size: 18px; }
.bmf-footer ul { margin: 0; padding: 0; list-style: none; }
.bmf-footer li { margin: 8px 0; }
.bmf-footer a { color: rgba(255,255,255,.78); text-decoration: none; }
.bmf-footer a:hover { color: var(--bmf-accent); }
#bottom { background: #302e41; }
#bottom #copyright { color: rgba(255,255,255,.68); }
#bottom .bottom-bar-inner-wrap:before { background-color: rgba(255,255,255,.10); }

/* Mobile header correction retained from the first update. */
@media only screen and (max-width: 991px) {
    body.bmfreight-site #site-header .wrap-inner {
        position: relative;
        min-height: 76px;
    }
    body.bmfreight-site #site-logo {
        float: none;
        max-width: calc(100% - 64px);
    }
    body.bmfreight-site #site-logo-inner { margin: 9px 0 !important; }
    body.bmfreight-site #site-logo img { max-height: 56px; }
    body.bmfreight-site .mobile-button {
        display: block;
        top: 27px;
        right: 0;
        transform: none;
    }
    body.bmfreight-site #top-bar .prelude-container { max-width: 94%; }
    .bmf-footer-grid { grid-template-columns: 1fr 1fr; }
    .bmf-footer-brand { grid-column: 1 / -1; }
}

@media only screen and (max-width: 767px) {
    body.bmfreight-site #top-bar .top-bar-socials { display: none; }
    body.bmfreight-site #top-bar .top-bar-content {
        margin: 0;
        padding: 8px 0;
        font-size: 12px;
    }
    body.bmfreight-site #site-header .wrap-inner { min-height: 68px; }
    body.bmfreight-site #site-logo-inner { margin: 8px 0 !important; }
    body.bmfreight-site #site-logo img { max-height: 50px; }
    body.bmfreight-site .mobile-button { top: 24px; right: 0; }
    .bmf-form-grid,
    .bmf-footer-grid { grid-template-columns: 1fr; }
    .bmf-footer-brand { grid-column: auto; }
    #footer.bmf-footer { padding: 48px 0 40px !important; }
}




/* v1.34.3 — exact mobile centering for the four upper homepage feature boxes. */
@media only screen and (max-width: 767px) {
    body.bmfreight-site .prelude-icon-box.bmf-mobile-center {
        text-align: center !important;
    }

    body.bmfreight-site .prelude-icon-box.bmf-mobile-center .wrap-inner,
    body.bmfreight-site .prelude-icon-box.bmf-mobile-center .content-wrap,
    body.bmfreight-site .prelude-icon-box.bmf-mobile-center .heading,
    body.bmfreight-site .prelude-icon-box.bmf-mobile-center .desc {
        text-align: center !important;
    }

    body.bmfreight-site .prelude-icon-box.bmf-mobile-center .prelude-icon {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
    }

    body.bmfreight-site .prelude-icon-box.bmf-mobile-center .prelude-icon .icon,
    body.bmfreight-site .prelude-icon-box.bmf-mobile-center .image-wrap {
        display: inline-block !important;
        float: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* Keep the wide BM Freight logo legible in the mobile header. */
@media only screen and (max-width: 767px) {
    body.bmfreight-site #site-logo {
        max-width: calc(100% - 82px);
    }

    body.bmfreight-site #site-logo img {
        width: auto !important;
        max-width: 245px !important;
        max-height: 50px !important;
    }
}


/* v1.34.4 — mobile button alignment + consistent vertical rhythm site-wide.
   The desktop/tablet layout is intentionally untouched. */
@media only screen and (max-width: 767px) {
    /* Every Prelude CTA should sit on the visual centerline on phones. */
    body.bmfreight-site .button-wrap,
    body.bmfreight-site .prelude-align-box .button-wrap {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
    }

    body.bmfreight-site .button-wrap .prelude-button {
        float: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Standardize the responsive spacer scale used by Prelude/WPBakery.
       Several pages had a 60px spacer at the end of one section and another
       60px at the start of the next, which made some gaps look much larger
       than others. These values keep the same hierarchy while tightening and
       equalizing the mobile rhythm. */
    body.bmfreight-site .prelude-spacer[data-mobi="60"],
    body.bmfreight-site .prelude-spacer[data-smobi="60"] {
        height: 38px !important;
    }

    body.bmfreight-site .prelude-spacer[data-mobi="55"],
    body.bmfreight-site .prelude-spacer[data-smobi="55"],
    body.bmfreight-site .prelude-spacer[data-mobi="50"],
    body.bmfreight-site .prelude-spacer[data-smobi="50"] {
        height: 34px !important;
    }

    body.bmfreight-site .prelude-spacer[data-mobi="45"],
    body.bmfreight-site .prelude-spacer[data-smobi="45"],
    body.bmfreight-site .prelude-spacer[data-mobi="40"],
    body.bmfreight-site .prelude-spacer[data-smobi="40"] {
        height: 30px !important;
    }

    body.bmfreight-site .prelude-spacer[data-mobi="35"],
    body.bmfreight-site .prelude-spacer[data-smobi="35"],
    body.bmfreight-site .prelude-spacer[data-mobi="30"],
    body.bmfreight-site .prelude-spacer[data-smobi="30"] {
        height: 24px !important;
    }

    body.bmfreight-site .prelude-spacer[data-mobi="25"],
    body.bmfreight-site .prelude-spacer[data-smobi="25"],
    body.bmfreight-site .prelude-spacer[data-mobi="20"],
    body.bmfreight-site .prelude-spacer[data-smobi="20"] {
        height: 18px !important;
    }

    body.bmfreight-site .prelude-spacer[data-mobi="18"],
    body.bmfreight-site .prelude-spacer[data-smobi="18"] {
        height: 16px !important;
    }

    /* Keep CTA spacing balanced above and below instead of visually sticking
       to the preceding or following block. */
    body.bmfreight-site .button-wrap {
        margin-top: 2px;
        margin-bottom: 2px;
    }
}


/* v1.34.5 — finish mobile alignment across About Us and the core site.
   Prelude icon-top blocks use a consistent centered phone layout so About Us
   matches the already-correct lower Home/Services sections. */
@media only screen and (max-width: 767px) {
    body.bmfreight-site .prelude-icon-box.icon-top {
        text-align: center !important;
    }

    body.bmfreight-site .prelude-icon-box.icon-top .wrap-inner,
    body.bmfreight-site .prelude-icon-box.icon-top .content-wrap,
    body.bmfreight-site .prelude-icon-box.icon-top .heading,
    body.bmfreight-site .prelude-icon-box.icon-top .desc,
    body.bmfreight-site .prelude-icon-box.icon-top .url-wrap {
        text-align: center !important;
    }

    body.bmfreight-site .prelude-icon-box.icon-top .prelude-icon {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        float: none !important;
    }

    body.bmfreight-site .prelude-icon-box.icon-top .prelude-icon .icon,
    body.bmfreight-site .prelude-icon-box.icon-top .image-wrap {
        display: inline-block !important;
        float: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Keep a common readable measure for icon-box copy so columns look even. */
    body.bmfreight-site .prelude-icon-box.icon-top .content-wrap {
        max-width: 560px;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Give mobile CTA rows the same breathing room everywhere. */
    body.bmfreight-site .button-wrap,
    body.bmfreight-site .prelude-align-box {
        text-align: center !important;
    }

    body.bmfreight-site .button-wrap .prelude-button {
        display: inline-block !important;
        float: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}


/* v1.34.6 — deterministic section backgrounds.
   WPBakery normally stores vc_custom_* background rules in page metadata.
   After page content is replaced, those generated rules may be absent even
   though the classes remain in the markup. White CTA copy can then disappear
   on a white background and look like a huge blank area. */

/* BM Freight-generated soft sections */
body.bmfreight-site .vc_custom_1789910001001,
body.bmfreight-site .vc_custom_1789910001002,
body.bmfreight-site .vc_custom_1789910002001,
body.bmfreight-site .vc_custom_1789910003001 {
    background-color: #f7f9fa !important;
}

/* BM Freight-generated closing CTA sections */
body.bmfreight-site .vc_custom_1789910001003,
body.bmfreight-site .vc_custom_1789910002002,
body.bmfreight-site .vc_custom_1789910003002 {
    background-color: #39374d !important;
    background-image: none !important;
}

/* Existing About Us closing CTA inherited from the original Prelude page. */
body.bmfreight-site .vc_custom_1575370627557 {
    background-color: #39374d !important;
    background-image: none !important;
}

/* Keep dark-CTA copy readable. */
body.bmfreight-site .vc_custom_1789910001003 h1,
body.bmfreight-site .vc_custom_1789910001003 h2,
body.bmfreight-site .vc_custom_1789910001003 h3,
body.bmfreight-site .vc_custom_1789910001003 p,
body.bmfreight-site .vc_custom_1789910002002 h1,
body.bmfreight-site .vc_custom_1789910002002 h2,
body.bmfreight-site .vc_custom_1789910002002 h3,
body.bmfreight-site .vc_custom_1789910002002 p,
body.bmfreight-site .vc_custom_1789910003002 h1,
body.bmfreight-site .vc_custom_1789910003002 h2,
body.bmfreight-site .vc_custom_1789910003002 h3,
body.bmfreight-site .vc_custom_1789910003002 p,
body.bmfreight-site .vc_custom_1575370627557 h1,
body.bmfreight-site .vc_custom_1575370627557 h2,
body.bmfreight-site .vc_custom_1575370627557 h3,
body.bmfreight-site .vc_custom_1575370627557 p {
    color: #ffffff;
}


/* v1.34.7 — Homepage mobile alignment + rhythm pass.
   Scope is Home only; desktop/tablet and the other pages stay unchanged. */
@media only screen and (max-width: 767px) {

    /* Center the remaining Home copy that inherited desktop left alignment. */
    body.home.bmfreight-site .prelude-headings,
    body.home.bmfreight-site .prelude-headings .heading,
    body.home.bmfreight-site .prelude-headings .sub-heading,
    body.home.bmfreight-site .vc_column_text,
    body.home.bmfreight-site .vc_column_text h1,
    body.home.bmfreight-site .vc_column_text h2,
    body.home.bmfreight-site .vc_column_text h3,
    body.home.bmfreight-site .vc_column_text p {
        text-align: center !important;
    }

    /* Center width-constrained Prelude heading/subheading blocks as well. */
    body.home.bmfreight-site .prelude-headings .heading,
    body.home.bmfreight-site .prelude-headings .sub-heading,
    body.home.bmfreight-site .vc_column_text h1,
    body.home.bmfreight-site .vc_column_text h2 {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* The 52px desktop hero was too large on a phone and created a very
       tall first screen. Keep the strong hierarchy without the excessive wrap. */
    body.home.bmfreight-site .vc_column_text h1 {
        max-width: 620px !important;
        font-size: 43px !important;
        line-height: 1.10 !important;
        margin-bottom: 18px !important;
    }

    body.home.bmfreight-site .vc_column_text h2 {
        font-size: 36px !important;
        line-height: 1.16 !important;
    }

    /* Prelude Grid Box adds 35px top/bottom to every stacked mobile item.
       That was the main source of the uneven gaps around the Home feature
       blocks. Use one controlled spacing value instead. */
    body.home.bmfreight-site .prelude-grid-box .grid-item {
        padding: 18px 0 !important;
        border-top: 0 !important;
    }

    body.home.bmfreight-site .prelude-grid-box .grid-row {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    /* Keep the four upper feature blocks visually compact and even. */
    body.home.bmfreight-site .prelude-icon-box.bmf-mobile-center {
        margin: 0 auto !important;
        max-width: 610px;
    }

    body.home.bmfreight-site .prelude-icon-box.bmf-mobile-center .heading {
        margin-top: 18px !important;
        margin-bottom: 10px !important;
    }

    body.home.bmfreight-site .prelude-icon-box.bmf-mobile-center .desc {
        margin-bottom: 0 !important;
    }

    /* Home-only spacer scale. Many sections have an end spacer followed by
       the next section's start spacer; reducing both makes the rhythm feel
       deliberate instead of doubled. */
    body.home.bmfreight-site .prelude-spacer[data-mobi="65"],
    body.home.bmfreight-site .prelude-spacer[data-smobi="65"],
    body.home.bmfreight-site .prelude-spacer[data-mobi="60"],
    body.home.bmfreight-site .prelude-spacer[data-smobi="60"] {
        height: 28px !important;
    }

    body.home.bmfreight-site .prelude-spacer[data-mobi="55"],
    body.home.bmfreight-site .prelude-spacer[data-smobi="55"],
    body.home.bmfreight-site .prelude-spacer[data-mobi="50"],
    body.home.bmfreight-site .prelude-spacer[data-smobi="50"],
    body.home.bmfreight-site .prelude-spacer[data-mobi="45"],
    body.home.bmfreight-site .prelude-spacer[data-smobi="45"] {
        height: 24px !important;
    }

    body.home.bmfreight-site .prelude-spacer[data-mobi="40"],
    body.home.bmfreight-site .prelude-spacer[data-smobi="40"],
    body.home.bmfreight-site .prelude-spacer[data-mobi="35"],
    body.home.bmfreight-site .prelude-spacer[data-smobi="35"] {
        height: 20px !important;
    }

    body.home.bmfreight-site .prelude-spacer[data-mobi="30"],
    body.home.bmfreight-site .prelude-spacer[data-smobi="30"],
    body.home.bmfreight-site .prelude-spacer[data-mobi="25"],
    body.home.bmfreight-site .prelude-spacer[data-smobi="25"] {
        height: 16px !important;
    }

    body.home.bmfreight-site .prelude-spacer[data-mobi="24"],
    body.home.bmfreight-site .prelude-spacer[data-smobi="24"],
    body.home.bmfreight-site .prelude-spacer[data-mobi="20"],
    body.home.bmfreight-site .prelude-spacer[data-smobi="20"] {
        height: 14px !important;
    }

    /* Make the Home CTA rows sit consistently within the surrounding copy. */
    body.home.bmfreight-site .button-wrap {
        margin-top: 4px !important;
        margin-bottom: 4px !important;
    }
}


/* v1.34.8 — deterministic static-front-page mobile pass.
   The site uses a static WP front page, so this uses the explicit
   `bmf-front-page` class injected by the BM Freight theme layer instead of
   relying on WordPress's generic homepage classes. */
@media only screen and (max-width: 767px) {

    /* Center every text-bearing Prelude/WPBakery block on the Home page. */
    body.bmfreight-site.bmf-front-page .prelude-headings,
    body.bmfreight-site.bmf-front-page .prelude-headings .heading,
    body.bmfreight-site.bmf-front-page .prelude-headings .sub-heading,
    body.bmfreight-site.bmf-front-page .vc_column_text,
    body.bmfreight-site.bmf-front-page .vc_column_text > *,
    body.bmfreight-site.bmf-front-page .content-wrap,
    body.bmfreight-site.bmf-front-page .prelude-icon-box .heading,
    body.bmfreight-site.bmf-front-page .prelude-icon-box .desc {
        text-align: center !important;
    }

    body.bmfreight-site.bmf-front-page .prelude-headings .heading,
    body.bmfreight-site.bmf-front-page .prelude-headings .sub-heading,
    body.bmfreight-site.bmf-front-page .vc_column_text h1,
    body.bmfreight-site.bmf-front-page .vc_column_text h2,
    body.bmfreight-site.bmf-front-page .vc_column_text h3,
    body.bmfreight-site.bmf-front-page .vc_column_text p,
    body.bmfreight-site.bmf-front-page .vc_column_text div {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Mobile typography: keep the Prelude look but prevent oversized wrapping. */
    body.bmfreight-site.bmf-front-page .vc_column_text h1 {
        max-width: 620px !important;
        font-size: 42px !important;
        line-height: 1.10 !important;
        margin-bottom: 18px !important;
    }

    body.bmfreight-site.bmf-front-page .vc_column_text h2 {
        max-width: 620px !important;
        font-size: 35px !important;
        line-height: 1.16 !important;
    }

    /* Center every Home CTA wrapper and button. */
    body.bmfreight-site.bmf-front-page .button-wrap,
    body.bmfreight-site.bmf-front-page .prelude-align-box,
    body.bmfreight-site.bmf-front-page .prelude-align-box .button-wrap {
        width: 100% !important;
        text-align: center !important;
    }

    body.bmfreight-site.bmf-front-page .prelude-button {
        float: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Prelude Grid Box has generous mobile stacking padding. Normalize it. */
    body.bmfreight-site.bmf-front-page .prelude-grid-box .grid-item {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }

    body.bmfreight-site.bmf-front-page .prelude-grid-box .grid-row {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    body.bmfreight-site.bmf-front-page .prelude-icon-box.icon-top,
    body.bmfreight-site.bmf-front-page .prelude-icon-box.bmf-mobile-center {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    body.bmfreight-site.bmf-front-page .prelude-icon-box .heading {
        margin-top: 16px !important;
        margin-bottom: 9px !important;
    }

    body.bmfreight-site.bmf-front-page .prelude-icon-box .desc {
        margin-bottom: 0 !important;
    }

    /* Home mobile rhythm. This deliberately compresses section-end +
       next-section-start spacer pairs so the page does not feel stretched. */
    body.bmfreight-site.bmf-front-page .prelude-spacer[data-mobi="65"],
    body.bmfreight-site.bmf-front-page .prelude-spacer[data-smobi="65"],
    body.bmfreight-site.bmf-front-page .prelude-spacer[data-mobi="60"],
    body.bmfreight-site.bmf-front-page .prelude-spacer[data-smobi="60"] {
        height: 24px !important;
    }

    body.bmfreight-site.bmf-front-page .prelude-spacer[data-mobi="55"],
    body.bmfreight-site.bmf-front-page .prelude-spacer[data-smobi="55"],
    body.bmfreight-site.bmf-front-page .prelude-spacer[data-mobi="50"],
    body.bmfreight-site.bmf-front-page .prelude-spacer[data-smobi="50"],
    body.bmfreight-site.bmf-front-page .prelude-spacer[data-mobi="45"],
    body.bmfreight-site.bmf-front-page .prelude-spacer[data-smobi="45"] {
        height: 20px !important;
    }

    body.bmfreight-site.bmf-front-page .prelude-spacer[data-mobi="40"],
    body.bmfreight-site.bmf-front-page .prelude-spacer[data-smobi="40"],
    body.bmfreight-site.bmf-front-page .prelude-spacer[data-mobi="35"],
    body.bmfreight-site.bmf-front-page .prelude-spacer[data-smobi="35"] {
        height: 18px !important;
    }

    body.bmfreight-site.bmf-front-page .prelude-spacer[data-mobi="30"],
    body.bmfreight-site.bmf-front-page .prelude-spacer[data-smobi="30"],
    body.bmfreight-site.bmf-front-page .prelude-spacer[data-mobi="25"],
    body.bmfreight-site.bmf-front-page .prelude-spacer[data-smobi="25"] {
        height: 14px !important;
    }

    body.bmfreight-site.bmf-front-page .prelude-spacer[data-mobi="24"],
    body.bmfreight-site.bmf-front-page .prelude-spacer[data-smobi="24"],
    body.bmfreight-site.bmf-front-page .prelude-spacer[data-mobi="20"],
    body.bmfreight-site.bmf-front-page .prelude-spacer[data-smobi="20"],
    body.bmfreight-site.bmf-front-page .prelude-spacer[data-mobi="18"],
    body.bmfreight-site.bmf-front-page .prelude-spacer[data-smobi="18"] {
        height: 12px !important;
    }

    /* Avoid the visual "double gap" around major row boundaries. */
    body.bmfreight-site.bmf-front-page .vc_row > .vc_column_container > .vc_column-inner {
        padding-top: 0;
    }
}


/* v1.34.9 — unify About Us with the BM Freight page-title system.
   Home, Services and Contact already use the small green kicker + large
   mixed thin/bold headline treatment. This brings About Us into the same
   typography system without replacing its existing content or metrics. */

body.bmfreight-site.bmf-about-page article.page-content > .vc_row:first-child {
    text-align: center;
}

body.bmfreight-site.bmf-about-page article.page-content > .vc_row:first-child .prelude-headings .heading {
    color: #00d664 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 500 !important;
    letter-spacing: .25px !important;
    text-transform: uppercase;
    text-align: center !important;
}

body.bmfreight-site.bmf-about-page article.page-content > .vc_row:first-child .vc_column_text h1,
body.bmfreight-site.bmf-about-page article.page-content > .vc_row:first-child .vc_column_text h2 {
    max-width: 820px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 18px !important;
    color: #39374d !important;
    font-size: 52px !important;
    line-height: 1.10 !important;
    font-weight: 600 !important;
    text-align: center !important;
}

/* Prelude's About layout already uses spans to create the thin/bold contrast.
   Keep those spans thin while the unwrapped words stay bold. */
body.bmfreight-site.bmf-about-page article.page-content > .vc_row:first-child .vc_column_text h1 span,
body.bmfreight-site.bmf-about-page article.page-content > .vc_row:first-child .vc_column_text h2 span {
    font-weight: 300 !important;
}

body.bmfreight-site.bmf-about-page article.page-content > .vc_row:first-child .vc_column_text p,
body.bmfreight-site.bmf-about-page article.page-content > .vc_row:first-child .prelude-headings .sub-heading {
    max-width: 760px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    color: #5e5d6c !important;
    font-size: 18px !important;
    line-height: 1.55 !important;
    text-align: center !important;
}

@media only screen and (max-width: 767px) {
    body.bmfreight-site.bmf-about-page article.page-content > .vc_row:first-child .prelude-headings,
    body.bmfreight-site.bmf-about-page article.page-content > .vc_row:first-child .vc_column_text,
    body.bmfreight-site.bmf-about-page article.page-content > .vc_row:first-child .vc_column_text > * {
        text-align: center !important;
    }

    body.bmfreight-site.bmf-about-page article.page-content > .vc_row:first-child .vc_column_text h1,
    body.bmfreight-site.bmf-about-page article.page-content > .vc_row:first-child .vc_column_text h2 {
        font-size: 42px !important;
        line-height: 1.10 !important;
        margin-bottom: 18px !important;
    }

    body.bmfreight-site.bmf-about-page article.page-content > .vc_row:first-child .vc_column_text p,
    body.bmfreight-site.bmf-about-page article.page-content > .vc_row:first-child .prelude-headings .sub-heading {
        font-size: 18px !important;
        line-height: 1.52 !important;
    }

    /* Match the mobile top-section rhythm used by the other core pages. */
    body.bmfreight-site.bmf-about-page article.page-content > .vc_row:first-child .prelude-spacer[data-mobi="80"],
    body.bmfreight-site.bmf-about-page article.page-content > .vc_row:first-child .prelude-spacer[data-smobi="80"],
    body.bmfreight-site.bmf-about-page article.page-content > .vc_row:first-child .prelude-spacer[data-mobi="60"],
    body.bmfreight-site.bmf-about-page article.page-content > .vc_row:first-child .prelude-spacer[data-smobi="60"] {
        height: 28px !important;
    }

    body.bmfreight-site.bmf-about-page article.page-content > .vc_row:first-child .prelude-spacer[data-mobi="50"],
    body.bmfreight-site.bmf-about-page article.page-content > .vc_row:first-child .prelude-spacer[data-smobi="50"] {
        height: 24px !important;
    }
}


/* v1.35.0 — About hero selector correction.
   Current WPBakery wraps page content in `.wpb-content-wrapper`, so the
   previous `article.page-content > .vc_row:first-child` selectors never
   reached the About page's first row. Support both old and current WPBakery
   markup explicitly. */

body.bmfreight-site.bmf-about-page .wpb-content-wrapper > .vc_row:first-child,
body.bmfreight-site.bmf-about-page article.page-content > .vc_row:first-child {
    text-align: center !important;
}

body.bmfreight-site.bmf-about-page .wpb-content-wrapper > .vc_row:first-child .prelude-headings .heading,
body.bmfreight-site.bmf-about-page article.page-content > .vc_row:first-child .prelude-headings .heading {
    color: #00d664 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 500 !important;
    letter-spacing: .25px !important;
    text-transform: uppercase !important;
    text-align: center !important;
}

body.bmfreight-site.bmf-about-page .wpb-content-wrapper > .vc_row:first-child .vc_column_text h1,
body.bmfreight-site.bmf-about-page .wpb-content-wrapper > .vc_row:first-child .vc_column_text h2,
body.bmfreight-site.bmf-about-page article.page-content > .vc_row:first-child .vc_column_text h1,
body.bmfreight-site.bmf-about-page article.page-content > .vc_row:first-child .vc_column_text h2 {
    max-width: 820px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 18px !important;
    color: #39374d !important;
    font-size: 52px !important;
    line-height: 1.10 !important;
    font-weight: 600 !important;
    text-align: center !important;
}

body.bmfreight-site.bmf-about-page .wpb-content-wrapper > .vc_row:first-child .vc_column_text h1 span,
body.bmfreight-site.bmf-about-page .wpb-content-wrapper > .vc_row:first-child .vc_column_text h2 span,
body.bmfreight-site.bmf-about-page article.page-content > .vc_row:first-child .vc_column_text h1 span,
body.bmfreight-site.bmf-about-page article.page-content > .vc_row:first-child .vc_column_text h2 span {
    font-weight: 300 !important;
}

body.bmfreight-site.bmf-about-page .wpb-content-wrapper > .vc_row:first-child .vc_column_text p,
body.bmfreight-site.bmf-about-page .wpb-content-wrapper > .vc_row:first-child .prelude-headings .sub-heading,
body.bmfreight-site.bmf-about-page article.page-content > .vc_row:first-child .vc_column_text p,
body.bmfreight-site.bmf-about-page article.page-content > .vc_row:first-child .prelude-headings .sub-heading {
    max-width: 760px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    color: #5e5d6c !important;
    font-size: 18px !important;
    line-height: 1.55 !important;
    text-align: center !important;
}

@media only screen and (max-width: 767px) {
    body.bmfreight-site.bmf-about-page .wpb-content-wrapper > .vc_row:first-child .prelude-headings,
    body.bmfreight-site.bmf-about-page .wpb-content-wrapper > .vc_row:first-child .vc_column_text,
    body.bmfreight-site.bmf-about-page .wpb-content-wrapper > .vc_row:first-child .vc_column_text > *,
    body.bmfreight-site.bmf-about-page article.page-content > .vc_row:first-child .prelude-headings,
    body.bmfreight-site.bmf-about-page article.page-content > .vc_row:first-child .vc_column_text,
    body.bmfreight-site.bmf-about-page article.page-content > .vc_row:first-child .vc_column_text > * {
        text-align: center !important;
    }

    body.bmfreight-site.bmf-about-page .wpb-content-wrapper > .vc_row:first-child .vc_column_text h1,
    body.bmfreight-site.bmf-about-page .wpb-content-wrapper > .vc_row:first-child .vc_column_text h2,
    body.bmfreight-site.bmf-about-page article.page-content > .vc_row:first-child .vc_column_text h1,
    body.bmfreight-site.bmf-about-page article.page-content > .vc_row:first-child .vc_column_text h2 {
        font-size: 42px !important;
        line-height: 1.10 !important;
        margin-bottom: 18px !important;
    }

    body.bmfreight-site.bmf-about-page .wpb-content-wrapper > .vc_row:first-child .vc_column_text p,
    body.bmfreight-site.bmf-about-page .wpb-content-wrapper > .vc_row:first-child .prelude-headings .sub-heading,
    body.bmfreight-site.bmf-about-page article.page-content > .vc_row:first-child .vc_column_text p,
    body.bmfreight-site.bmf-about-page article.page-content > .vc_row:first-child .prelude-headings .sub-heading {
        font-size: 18px !important;
        line-height: 1.52 !important;
    }

    body.bmfreight-site.bmf-about-page .wpb-content-wrapper > .vc_row:first-child .prelude-spacer[data-mobi="80"],
    body.bmfreight-site.bmf-about-page .wpb-content-wrapper > .vc_row:first-child .prelude-spacer[data-smobi="80"],
    body.bmfreight-site.bmf-about-page .wpb-content-wrapper > .vc_row:first-child .prelude-spacer[data-mobi="60"],
    body.bmfreight-site.bmf-about-page .wpb-content-wrapper > .vc_row:first-child .prelude-spacer[data-smobi="60"],
    body.bmfreight-site.bmf-about-page article.page-content > .vc_row:first-child .prelude-spacer[data-mobi="80"],
    body.bmfreight-site.bmf-about-page article.page-content > .vc_row:first-child .prelude-spacer[data-smobi="80"],
    body.bmfreight-site.bmf-about-page article.page-content > .vc_row:first-child .prelude-spacer[data-mobi="60"],
    body.bmfreight-site.bmf-about-page article.page-content > .vc_row:first-child .prelude-spacer[data-smobi="60"] {
        height: 28px !important;
    }

    body.bmfreight-site.bmf-about-page .wpb-content-wrapper > .vc_row:first-child .prelude-spacer[data-mobi="50"],
    body.bmfreight-site.bmf-about-page .wpb-content-wrapper > .vc_row:first-child .prelude-spacer[data-smobi="50"],
    body.bmfreight-site.bmf-about-page article.page-content > .vc_row:first-child .prelude-spacer[data-mobi="50"],
    body.bmfreight-site.bmf-about-page article.page-content > .vc_row:first-child .prelude-spacer[data-smobi="50"] {
        height: 24px !important;
    }
}


/* v1.35.1 — About Us mixed-weight title, matching Home/Services/Contact. */
body.bmfreight-site.bmf-about-page .bmf-title-thin {
    font-weight: 300 !important;
}

body.bmfreight-site.bmf-about-page .bmf-title-bold {
    font-weight: 600 !important;
}


/* v1.35.2 — About opening headline now mirrors the Home hero composition. */
body.bmfreight-site.bmf-about-page .bmf-title-thin {
    font-weight: 300 !important;
}

body.bmfreight-site.bmf-about-page .bmf-title-bold {
    font-weight: 600 !important;
}

@media only screen and (max-width: 767px) {
    /* Home reference: green kicker centered, large mixed-weight headline
       aligned left, supporting copy centered beneath it. */
    body.bmfreight-site.bmf-about-page .wpb-content-wrapper > .vc_row:first-child .prelude-headings .heading,
    body.bmfreight-site.bmf-about-page article.page-content > .vc_row:first-child .prelude-headings .heading {
        text-align: center !important;
    }

    body.bmfreight-site.bmf-about-page .wpb-content-wrapper > .vc_row:first-child .vc_column_text h1,
    body.bmfreight-site.bmf-about-page .wpb-content-wrapper > .vc_row:first-child .vc_column_text h2,
    body.bmfreight-site.bmf-about-page article.page-content > .vc_row:first-child .vc_column_text h1,
    body.bmfreight-site.bmf-about-page article.page-content > .vc_row:first-child .vc_column_text h2 {
        max-width: 100% !important;
        font-size: 42px !important;
        line-height: 1.10 !important;
        font-weight: 600 !important;
        text-align: left !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 26px !important;
    }

    body.bmfreight-site.bmf-about-page .wpb-content-wrapper > .vc_row:first-child .vc_column_text p,
    body.bmfreight-site.bmf-about-page .wpb-content-wrapper > .vc_row:first-child .prelude-headings .sub-heading,
    body.bmfreight-site.bmf-about-page article.page-content > .vc_row:first-child .vc_column_text p,
    body.bmfreight-site.bmf-about-page article.page-content > .vc_row:first-child .prelude-headings .sub-heading {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}