.elementor-kit-12{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-c14471c:#E4600C;--e-global-color-70bb7e5:#B53418;--e-global-color-77b43db:#E27437;--e-global-color-f72bb85:#FFFFFF;--e-global-typography-primary-font-family:"Work Sans";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Work Sans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Work Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Work Sans";--e-global-typography-accent-font-weight:500;}.elementor-kit-12 e-page-transition{background-color:#FFBC7D;}.elementor-kit-12 a{letter-spacing:-0.02px;}.elementor-kit-12 h2{letter-spacing:-0.02px;}.elementor-kit-12 h3{letter-spacing:-0.02px;}.elementor-kit-12 h4{letter-spacing:-0.02px;}.elementor-kit-12 h5{letter-spacing:-0.02px;}.elementor-kit-12 h6{letter-spacing:-0.02px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{--lightbox-header-icons-size:21px;--lightbox-navigation-icons-size:20px;}@media(min-width:1920px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1600px;}.e-con{--container-max-width:1600px;}}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =============================================================
   D. CONTACT US BUTTON — drop transform + restore smaller size
   Site-wide rule (no page-id scope) so it applies on:
   - heritageholdings.ky (home)
   - /heritage-holdings/
   - /surebuilt/
   - /slimlines/
   - any other page using .wbd_header_btn
   ============================================================= */

html body .wbd_header .wbd_header_right > .elementor-element {
    transform: none !important;
    translate: none !important;
}

html body .wbd_header .wbd_header_btn .elementor-button.elementor-button {
    padding: 12px 32px !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    min-height: 0 !important;
    height: auto !important;
}

/* =============================================================
   F. NEWSLETTER BUTTON — blue → dark orange (#e58d51)
   The Gravity Forms theme paints the button via late-loading
   theme CSS that beats normal main.css rules. We use:
   - html body.page-id-1803.page-id-1803 (specificity boost)
   - input[type="image"].gform_button.gform_image_button (3 qualifiers)
   - !important on every property
   That gives specificity (0,7,2) + !important which beats the
   GF theme rules even when they load later.
   ============================================================= */

html body.page-id-1803.page-id-1803 .gform_wrapper input[type="image"].gform_button.gform_image_button {
    background: #e58d51 !important;
    background-color: #e58d51 !important;
    background-image: none !important;
    border-color: #e58d51 !important;
    color: #ffffff !important;
}

html body.page-id-1803.page-id-1803 .gform_wrapper input[type="image"].gform_button.gform_image_button:hover {
    background: #c25410 !important;
    background-color: #c25410 !important;
}

/* Also override the GF theme CSS variable on the page just in case */
body.page-id-1803 {
    --gf-ctrl-btn-bg-color-primary: #e58d51;
    --gf-color-primary: #e58d51;
}


/* =============================================================
   G. HERO HAND-BUILT BUTTONS — hide on mobile (site-wide)
   "GET IN TOUCH" and "Find out more" buttons in the hero have
   the .wbd_hide_mobile class but the rule wasn't defined. Add it.
   Site-wide so it works on all pages with .wbd_hide_mobile.
   ============================================================= */

@media (max-width: 767px) {

    html body .wbd_hide_mobile,
    html body .wbd_hide_mobile.wbd_hide_mobile {
        display: none !important;
    }
}

/* H. CONTACT FORM SUBMIT BUTTON — blue → brand orange */
html body.page-id-1803.page-id-1803 .gform_wrapper .gform_button:not(.gform_image_button),
html body.page-id-1803.page-id-1803 .gform_wrapper button.gform_button,
html body.page-id-1803.page-id-1803 .gform_wrapper input[type="submit"].gform_button,
html body.page-id-1803.page-id-1803 .gform_wrapper button[type="submit"].gform_button {
    background: #E4600C !important;
    background-color: #E4600C !important;
    background-image: none !important;
    border-color: #E4600C !important;
    color: #ffffff !important;
}

html body.page-id-1803.page-id-1803 .gform_wrapper .gform_button:not(.gform_image_button):hover,
html body.page-id-1803.page-id-1803 .gform_wrapper button.gform_button:hover,
html body.page-id-1803.page-id-1803 .gform_wrapper input[type="submit"].gform_button:hover,
html body.page-id-1803.page-id-1803 .gform_wrapper button[type="submit"].gform_button:hover {
    background: #B53418 !important;
    background-color: #B53418 !important;
}

/* =============================================================
   I. DESKTOP LOGO SIZE — Slimlines page
   Mobile is 120px (set in Section A). Desktop/tablet defaults
   to the natural size which is too large. Cap at 140px.
   ============================================================= */

@media (min-width: 768px) {
    .page-id-1803 .wbd_header .slimlines_header_logo img {
        max-width: 140px !important;
        width: 140px !important;
        height: auto !important;
    }
}


/* =============================================================
   J. NAV LINK COLOUR — unify all items to the same dark grey
   "Home" and "Careers" are post_type menu items (link to other
   pages) and were rendering darker / bolder than the on-page
   anchor items (Equipment, EZ Street, About). Force the same
   colour for all.
   ============================================================= */

.page-id-1803 .wbd_header .jet-mega-menu-item__link,
.page-id-1803 .wbd_header .jet-mega-menu-item__link--top-level,
.page-id-1803 .wbd_header .jet-mega-menu-item__link .jet-mega-menu-item__label {
    color: #3B3D42 !important;
    font-weight: 500 !important;
}

.page-id-1803 .wbd_header .jet-mega-menu-item__link:hover,
.page-id-1803 .wbd_header .jet-mega-menu-item__link:hover .jet-mega-menu-item__label {
    color: #E4600C !important;
}


/* =============================================================
   K. HEADER COLUMN BALANCE — keep the nav visually centred
   The left column (logo) and right column (Contact button) need
   to be equal-width flex items, with the centre column sized to
   its content. Otherwise the nav drifts off-centre because the
   columns aren't symmetrical.

   Site-wide so it works on Slimlines, Heritage Holdings, SureBuilt,
   and any other page using the same header template.

   Also re-applies the vertical centring from Section B at site
   level (B was scoped to Slimlines only).
   ============================================================= */

html body .wbd_header > .e-con-inner {
    align-items: center !important;
}

html body .wbd_header .wbd_header_left,
html body .wbd_header .wbd_header_right {
    flex: 1 1 0 !important;
    min-width: 0 !important;
}

html body .wbd_header .wbd_header_centre {
    flex: 0 1 auto !important;
}/* End custom CSS */