/*!
 * Chantilly Lace — Static Site Colour Overrides
 * Version: 4.0 — mockup colour match
 *
 * Load this stylesheet AFTER the exported Divi styles.
 *
 * Palette:
 *   Deep green: #1F2E1E
 *   Warm cream: #F9F5EF
 *   Copper:     #B96F4C
 *   Taupe:      #C6BBAD
 *   Body text:  #2F312E
 *   White:      #FFFFFF
 *
 * Original colour treatment:
 *   #c99d78 -> deep green
 *   #f6f1ea -> warm cream
 *   #b96040 -> copper
 *   #c7af94 -> copper
 *
 * #bf864e and #ab4f2e were used for several unrelated elements,
 * so they are replaced contextually below rather than globally.
 */

/* =========================================================
   1. Colour variables
   ========================================================= */

:root {
    --cl-green: #1F2E1E;
    --cl-cream: #F9F5EF;
    --cl-copper: #B96F4C;
    --cl-taupe: #C6BBAD;
    --cl-text: #2F312E;
    --cl-white: #FFFFFF;
    --cl-border: #D7CEC2;
    --cl-green-hover: #2A402C;
}


/* =========================================================
   2. Site background and general text
   ========================================================= */

html {
    background-color: var(--cl-cream);
}

body,
body.custom-background {
    color: var(--cl-text);
    background-color: var(--cl-cream) !important;
    background-image: none !important;
}

#page-container,
#main-content {
    background-color: var(--cl-white) !important;
}

body,
p,
li,
.et_pb_text {
    color: var(--cl-text);
}

/* Keep text white inside Divi's dark-layout modules. */
.et_pb_bg_layout_dark,
.et_pb_bg_layout_dark p,
.et_pb_bg_layout_dark li,
.et_pb_bg_layout_dark h1,
.et_pb_bg_layout_dark h2,
.et_pb_bg_layout_dark h3,
.et_pb_bg_layout_dark h4,
.et_pb_bg_layout_dark h5,
.et_pb_bg_layout_dark h6 {
    color: var(--cl-white) !important;
}


/* =========================================================
   3. Headings and ordinary links
   ========================================================= */

.et_pb_bg_layout_light h1,
.et_pb_bg_layout_light h2,
.et_pb_bg_layout_light h3,
.et_pb_bg_layout_light h4,
.et_pb_bg_layout_light h5,
.et_pb_bg_layout_light h6,
#main-content h1,
#main-content h2,
#main-content h3,
#main-content h4,
#main-content h5,
#main-content h6 {
    color: var(--cl-green) !important;
}

#main-content a:not(.et_pb_button):not(.button) {
    color: var(--cl-copper);
}

#main-content a:not(.et_pb_button):not(.button):hover,
#main-content a:not(.et_pb_button):not(.button):focus {
    color: var(--cl-green);
}


/* =========================================================
   4. Shared desktop and mobile header
   ========================================================= */

/* Announcement bars: old #c99d78 */
.et_pb_section_0_tb_header.et_pb_section,
.et_pb_section_4_tb_header.et_pb_section {
    background-color: var(--cl-green) !important;
}

.et_pb_text_0_tb_header,
.et_pb_text_0_tb_header p,
.et_pb_text_0_tb_header span,
.et_pb_text_1_tb_header,
.et_pb_text_1_tb_header p,
.et_pb_text_1_tb_header span {
    color: var(--cl-white) !important;
}

/* Logo/menu header areas: old #f6f1ea */
.et_pb_section_1_tb_header.et_pb_section,
.et_pb_section_5_tb_header.et_pb_section {
    background-color: var(--cl-cream) !important;
}

/* Thin decorative divider bars: old #c7af94 */
.et_pb_section_2_tb_header.et_pb_section,
.et_pb_section_6_tb_header.et_pb_section,
.et_pb_section_7_tb_header.et_pb_section {
    background-color: var(--cl-copper) !important;
}

/* White spacer/header sections retained as clean white. */
.et_pb_section_3_tb_header.et_pb_section,
.et_pb_section_8_tb_header.et_pb_section {
    background-color: var(--cl-white) !important;
}


/* =========================================================
   5. Desktop navigation
   ========================================================= */

.et_pb_menu_0_tb_header.et_pb_menu,
.et_pb_menu_0_tb_header .et_pb_menu_inner_container {
    background-color: transparent !important;
}

.et_pb_menu_0_tb_header.et_pb_menu ul li a {
    color: var(--cl-green) !important;
}

.et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item > a,
.et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-ancestor > a,
.et_pb_menu_0_tb_header.et_pb_menu ul li a:hover,
.et_pb_menu_0_tb_header.et_pb_menu ul li a:focus {
    color: var(--cl-copper) !important;
}

/* Dropdown menu */
.et_pb_menu_0_tb_header.et_pb_menu .nav li ul {
    background-color: var(--cl-green) !important;
    border-color: var(--cl-copper) !important;
}

.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu a {
    color: var(--cl-white) !important;
}

.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu a:hover,
.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu a:focus,
.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu li.current-menu-item > a {
    color: var(--cl-cream) !important;
    background-color: rgba(255, 255, 255, 0.08) !important;
}

/* Search, cart and mobile-menu icons: old #b96040 */
.et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar::before,
.et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__search-button,
.et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__close-search-button,
.et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__cart-button {
    color: var(--cl-copper) !important;
}


/* =========================================================
   6. Mobile navigation
   ========================================================= */

.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu,
.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu ul {
    background-color: var(--cl-cream) !important;
    border-color: var(--cl-copper) !important;
}

.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu li a {
    color: var(--cl-green) !important;
    border-bottom-color: rgba(23, 59, 42, 0.12) !important;
}

.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu li.current-menu-item > a,
.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu li a:hover,
.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu li a:focus {
    color: var(--cl-copper) !important;
    background-color: rgba(189, 112, 77, 0.08) !important;
}

/* Mobile text links shown beside/below the logo. */
.et_pb_text_2_tb_header.et_pb_text,
.et_pb_text_2_tb_header.et_pb_text a {
    color: var(--cl-green) !important;
}

.et_pb_text_2_tb_header.et_pb_text a:hover,
.et_pb_text_2_tb_header.et_pb_text a:focus {
    color: var(--cl-copper) !important;
}


/* =========================================================
   7. Buttons
   ========================================================= */

body #page-container .et_pb_section .et_pb_button,
body #page-container .et_pb_section a.et_pb_button {
    color: var(--cl-green) !important;
    border-color: var(--cl-green) !important;
    background-color: var(--cl-white) !important;
}

body #page-container .et_pb_section .et_pb_button:hover,
body #page-container .et_pb_section .et_pb_button:focus,
body #page-container .et_pb_section a.et_pb_button:hover,
body #page-container .et_pb_section a.et_pb_button:focus {
    color: var(--cl-white) !important;
    border-color: var(--cl-green) !important;
    background-color: var(--cl-green) !important;
}

/* Buttons placed on dark modules remain light and outlined. */
body #page-container .et_pb_bg_layout_dark .et_pb_button {
    color: var(--cl-white) !important;
    border-color: var(--cl-white) !important;
    background-color: transparent !important;
}

body #page-container .et_pb_bg_layout_dark .et_pb_button:hover,
body #page-container .et_pb_bg_layout_dark .et_pb_button:focus {
    color: var(--cl-green) !important;
    background-color: var(--cl-white) !important;
}


/* =========================================================
   8. Homepage-specific colour treatment
   ========================================================= */

/* Main homepage section */
body.home .et_pb_section_0.et_pb_section {
    background-color: var(--cl-white) !important;
}

/* Main intro headings: old #ab4f2e and #b96040 */
body.home .et_pb_text_0 h1,
body.home .et_pb_text_0 h2 {
    color: var(--cl-green) !important;
}

body.home .et_pb_text_0 h3 {
    color: var(--cl-copper) !important;
}

/* Gifts card — green */
body.home .et_pb_cta_0.et_pb_promo {
    background-image: none !important;
    background-color: var(--cl-green) !important;
    border: 1px solid var(--cl-green) !important;
}

body.home .et_pb_cta_0,
body.home .et_pb_cta_0 p,
body.home .et_pb_cta_0 h1,
body.home .et_pb_cta_0 h2,
body.home .et_pb_cta_0 h3,
body.home .et_pb_cta_0 h4,
body.home .et_pb_cta_0 h5,
body.home .et_pb_cta_0 h6,
body.home .et_pb_cta_0 i {
    color: var(--cl-white) !important;
}

/* Fashions card — cream with green text */
body.home .et_pb_cta_1.et_pb_promo {
    background-image: none !important;
    background-color: var(--cl-cream) !important;
    border: 1px solid var(--cl-green) !important;
}

body.home .et_pb_cta_1,
body.home .et_pb_cta_1 p,
body.home .et_pb_cta_1 h1,
body.home .et_pb_cta_1 h2,
body.home .et_pb_cta_1 h3,
body.home .et_pb_cta_1 h4,
body.home .et_pb_cta_1 h5,
body.home .et_pb_cta_1 h6,
body.home .et_pb_cta_1 i {
    color: var(--cl-green) !important;
}

/* Lingerie card — taupe with dark text */
body.home .et_pb_cta_2.et_pb_promo {
    background-image: none !important;
    background-color: var(--cl-taupe) !important;
    border: 1px solid #A99C8D !important;
}

body.home .et_pb_cta_2,
body.home .et_pb_cta_2 p,
body.home .et_pb_cta_2 h1,
body.home .et_pb_cta_2 h2,
body.home .et_pb_cta_2 h3,
body.home .et_pb_cta_2 h4,
body.home .et_pb_cta_2 h5,
body.home .et_pb_cta_2 h6,
body.home .et_pb_cta_2 i {
    color: var(--cl-text) !important;
}

/* Testimonials: old #ab4f2e */
body.home .et_pb_text_1.et_pb_text,
body.home .et_pb_text_2.et_pb_text,
body.home .et_pb_text_3.et_pb_text,
body.home .et_pb_text_1.et_pb_text p,
body.home .et_pb_text_2.et_pb_text p,
body.home .et_pb_text_3.et_pb_text p,
body.home .et_pb_text_1.et_pb_text span,
body.home .et_pb_text_2.et_pb_text span,
body.home .et_pb_text_3.et_pb_text span {
    color: var(--cl-text) !important;
}


/* =========================================================
   9. WooCommerce/catalogue colours
   ========================================================= */

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce div.product .product_title,
.woocommerce h1,
.woocommerce h2,
.woocommerce h3 {
    color: var(--cl-green) !important;
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: var(--cl-copper) !important;
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    color: var(--cl-green) !important;
    border-color: var(--cl-green) !important;
    background-color: var(--cl-white) !important;
}

.woocommerce a.button:hover,
.woocommerce a.button:focus,
.woocommerce button.button:hover,
.woocommerce button.button:focus,
.woocommerce input.button:hover,
.woocommerce input.button:focus {
    color: var(--cl-white) !important;
    background-color: var(--cl-green) !important;
}


/* =========================================================
   10. Forms and focus states
   ========================================================= */

input.text,
input.title,
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="text"],
select,
textarea {
    color: var(--cl-text) !important;
    background-color: var(--cl-white) !important;
    border-color: var(--cl-border) !important;
}

input.text:focus,
input.title:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
select:focus,
textarea:focus {
    border-color: var(--cl-copper) !important;
    outline: 2px solid rgba(189, 112, 77, 0.18);
    outline-offset: 1px;
}


/* =========================================================
   11. Footer
   ========================================================= */

#main-footer {
    background-color: var(--cl-green) !important;
}

#footer-bottom {
    background-color: rgba(0, 0, 0, 0.14) !important;
}

#main-footer,
#main-footer p,
#main-footer li,
#footer-info,
#footer-info a,
#footer-widgets .footer-widget,
#footer-widgets .footer-widget a,
.bottom-nav a {
    color: var(--cl-cream) !important;
}

.footer-widget h4,
#main-footer .widget_block h1,
#main-footer .widget_block h2,
#main-footer .widget_block h3,
#main-footer .widget_block h4,
#main-footer .widget_block h5,
#main-footer .widget_block h6,
.bottom-nav li.current-menu-item > a {
    color: var(--cl-copper) !important;
}

.footer-widget li::before {
    border-color: var(--cl-copper) !important;
}

#main-footer a:hover,
#main-footer a:focus {
    color: var(--cl-white) !important;
}


/* =========================================================
   12. Selection colour
   ========================================================= */

::selection {
    color: var(--cl-white);
    background-color: var(--cl-copper);
}


/* =========================================================
   13. Strong header overrides for static Divi exports
   Divi places equally specific !important rules near </body>,
   so the html body prefix makes these rules more specific.
   ========================================================= */

html body .et_pb_section_0_tb_header.et_pb_section,
html body .et_pb_section_4_tb_header.et_pb_section {
    background-color: var(--cl-green) !important;
    background-image: none !important;
}

html body .et_pb_section_1_tb_header.et_pb_section,
html body .et_pb_section_5_tb_header.et_pb_section {
    background-color: var(--cl-cream) !important;
    background-image: none !important;
}

html body .et_pb_section_2_tb_header.et_pb_section,
html body .et_pb_section_6_tb_header.et_pb_section,
html body .et_pb_section_7_tb_header.et_pb_section {
    background-color: var(--cl-copper) !important;
    background-image: none !important;
}

html body .et_pb_section_3_tb_header.et_pb_section,
html body .et_pb_section_8_tb_header.et_pb_section {
    background-color: var(--cl-white) !important;
    background-image: none !important;
}

html body .et_pb_text_0_tb_header.et_pb_text,
html body .et_pb_text_0_tb_header.et_pb_text p,
html body .et_pb_text_0_tb_header.et_pb_text span,
html body .et_pb_text_1_tb_header.et_pb_text,
html body .et_pb_text_1_tb_header.et_pb_text p,
html body .et_pb_text_1_tb_header.et_pb_text span {
    color: var(--cl-white) !important;
}

html body .et_pb_menu_0_tb_header.et_pb_menu ul li > a {
    color: var(--cl-green) !important;
}

html body .et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item > a,
html body .et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-ancestor > a,
html body .et_pb_menu_0_tb_header.et_pb_menu ul li > a:hover,
html body .et_pb_menu_0_tb_header.et_pb_menu ul li > a:focus {
    color: var(--cl-copper) !important;
}

html body .et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar::before,
html body .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__search-button,
html body .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__close-search-button,
html body .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__cart-button {
    color: var(--cl-copper) !important;
}

html body .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu,
html body .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu ul {
    background-color: var(--cl-cream) !important;
}

html body .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu li > a {
    color: var(--cl-green) !important;
}

html body .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu li.current-menu-item > a,
html body .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu li > a:hover,
html body .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu li > a:focus {
    color: var(--cl-copper) !important;
}


/* =========================================================
   14. Green logo + stronger mobile header corrections
   ========================================================= */

/*
 * The exported header logo is a copper raster PNG.
 * This filter converts its visible pixels to the brand green
 * without needing to edit every HTML image reference.
 */
html body .et_pb_image_0_tb_header img,
html body .et_pb_image_1_tb_header img {
    filter:
        brightness(0)
        saturate(100%)
        invert(18%)
        sepia(20%)
        saturate(1260%)
        hue-rotate(100deg)
        brightness(89%)
        contrast(94%) !important;
}

/*
 * The mobile header navigation is a separate Divi text module,
 * not the desktop menu. These stronger selectors override the
 * original copper link declaration.
 */
html body .et_pb_text_2_tb_header.et_pb_text .et_pb_text_inner,
html body .et_pb_text_2_tb_header.et_pb_text .et_pb_text_inner p {
    color: var(--cl-green) !important;
}

html body .et_pb_text_2_tb_header.et_pb_text .et_pb_text_inner a,
html body .et_pb_text_2_tb_header.et_pb_text p a,
html body .et_pb_text_2_tb_header.et_pb_text a {
    color: var(--cl-green) !important;
}

html body .et_pb_text_2_tb_header.et_pb_text .et_pb_text_inner a:hover,
html body .et_pb_text_2_tb_header.et_pb_text .et_pb_text_inner a:focus {
    color: var(--cl-copper) !important;
}

/*
 * Keep the thin copper line as the small warm accent shown in
 * the redesign. To make it green instead, change
 * var(--cl-copper) below to var(--cl-green).
 */
html body .et_pb_section_2_tb_header.et_pb_section,
html body .et_pb_section_6_tb_header.et_pb_section,
html body .et_pb_section_7_tb_header.et_pb_section {
    background-color: var(--cl-copper) !important;
    background-image: none !important;
}


/* =========================================================
   15. Mockup-matched palette and surface corrections
   ========================================================= */

:root {
    --cl-green: #1F2E1E;
    --cl-green-hover: #2A402C;
    --cl-cream: #F9F5EF;
    --cl-page: #FAF6F1;
    --cl-panel: #F8F4EE;
    --cl-copper: #B96F4C;
    --cl-taupe: #C6BBAD;
    --cl-text: #2F312E;
    --cl-white: #FFFFFF;
    --cl-border: #D7CEC2;
    --cl-taupe-border: #948A7E;
}

/* The mockup uses warm ivory rather than pure white. */
html,
html body,
html body.custom-background,
html body #page-container,
html body #main-content {
    background-color: var(--cl-page) !important;
    background-image: none !important;
}

/* Homepage content surface */
html body.home #main-content,
html body.home #main-content .et_builder_inner_content,
html body.home .et_pb_section_0.et_pb_section {
    background-color: var(--cl-page) !important;
    background-image: none !important;
}

/* Header is a slightly calmer cream than the page surface. */
html body .et_pb_section_1_tb_header.et_pb_section,
html body .et_pb_section_5_tb_header.et_pb_section {
    background-color: var(--cl-cream) !important;
    background-image: none !important;
}

/* Exact dark forest treatment used by the announcement bar. */
html body .et_pb_section_0_tb_header.et_pb_section,
html body .et_pb_section_4_tb_header.et_pb_section {
    background-color: var(--cl-green) !important;
    background-image: none !important;
}

/* Copper rule separating the header from the page. */
html body .et_pb_section_2_tb_header.et_pb_section,
html body .et_pb_section_6_tb_header.et_pb_section,
html body .et_pb_section_7_tb_header.et_pb_section {
    background-color: var(--cl-copper) !important;
    background-image: none !important;
}

/* Navigation: green normally, copper for the active page. */
html body .et_pb_menu_0_tb_header.et_pb_menu ul li > a,
html body .et_pb_text_2_tb_header.et_pb_text a {
    color: var(--cl-green) !important;
}

html body .et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item > a,
html body .et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-ancestor > a,
html body .et_pb_menu_0_tb_header.et_pb_menu ul li > a:hover,
html body .et_pb_menu_0_tb_header.et_pb_menu ul li > a:focus,
html body .et_pb_text_2_tb_header.et_pb_text a:hover,
html body .et_pb_text_2_tb_header.et_pb_text a:focus {
    color: var(--cl-copper) !important;
}

/* Recolour the copper raster logo to the mockup's forest green. */
html body .et_pb_image_0_tb_header img,
html body .et_pb_image_1_tb_header img {
    filter:
        brightness(0)
        saturate(100%)
        invert(15%)
        sepia(15%)
        saturate(1160%)
        hue-rotate(91deg)
        brightness(88%)
        contrast(95%) !important;
}

/* Main copy and headings */
html body #main-content,
html body #main-content p,
html body #main-content li,
html body #main-content .et_pb_text {
    color: var(--cl-text);
}

html body #main-content h1,
html body #main-content h2,
html body #main-content h3,
html body #main-content h4,
html body #main-content h5,
html body #main-content h6 {
    color: var(--cl-green) !important;
}

/* Homepage feature cards */
html body.home .et_pb_cta_0.et_pb_promo {
    background: var(--cl-green) !important;
    border-color: var(--cl-green) !important;
    box-shadow: inset 0 0 0 1px rgba(249, 245, 239, 0.18);
}

html body.home .et_pb_cta_1.et_pb_promo {
    background: var(--cl-panel) !important;
    border-color: var(--cl-green) !important;
}

html body.home .et_pb_cta_2.et_pb_promo {
    background: var(--cl-taupe) !important;
    border-color: var(--cl-taupe-border) !important;
}

/* Copper icons and decorative details on all three cards. */
html body.home .et_pb_cta_0 i,
html body.home .et_pb_cta_1 i,
html body.home .et_pb_cta_2 i {
    color: var(--cl-copper) !important;
}

/* Card typography */
html body.home .et_pb_cta_0,
html body.home .et_pb_cta_0 p,
html body.home .et_pb_cta_0 h1,
html body.home .et_pb_cta_0 h2,
html body.home .et_pb_cta_0 h3 {
    color: var(--cl-white) !important;
}

html body.home .et_pb_cta_1,
html body.home .et_pb_cta_1 p,
html body.home .et_pb_cta_1 h1,
html body.home .et_pb_cta_1 h2,
html body.home .et_pb_cta_1 h3 {
    color: var(--cl-green) !important;
}

html body.home .et_pb_cta_2,
html body.home .et_pb_cta_2 p,
html body.home .et_pb_cta_2 h1,
html body.home .et_pb_cta_2 h2,
html body.home .et_pb_cta_2 h3 {
    color: var(--cl-text) !important;
}

/* Testimonial copy is charcoal; names are copper. */
html body.home .et_pb_text_1.et_pb_text,
html body.home .et_pb_text_2.et_pb_text,
html body.home .et_pb_text_3.et_pb_text,
html body.home .et_pb_text_1.et_pb_text span,
html body.home .et_pb_text_2.et_pb_text span,
html body.home .et_pb_text_3.et_pb_text span {
    color: var(--cl-text) !important;
}

html body.home .et_pb_text_1.et_pb_text p,
html body.home .et_pb_text_2.et_pb_text p,
html body.home .et_pb_text_3.et_pb_text p,
html body.home .et_pb_text_1.et_pb_text p span,
html body.home .et_pb_text_2.et_pb_text p span,
html body.home .et_pb_text_3.et_pb_text p span {
    color: var(--cl-copper) !important;
}

/* Buttons match the green outlined button in the mockup. */
html body #page-container .et_pb_section .et_pb_button,
html body #page-container .et_pb_section a.et_pb_button {
    color: var(--cl-green) !important;
    border-color: var(--cl-green) !important;
    background-color: transparent !important;
}

html body #page-container .et_pb_section .et_pb_button:hover,
html body #page-container .et_pb_section .et_pb_button:focus,
html body #page-container .et_pb_section a.et_pb_button:hover,
html body #page-container .et_pb_section a.et_pb_button:focus {
    color: var(--cl-cream) !important;
    border-color: var(--cl-green) !important;
    background-color: var(--cl-green) !important;
}

/* Footer/contact area */
html body #main-footer,
html body #footer-bottom {
    background-color: var(--cl-page) !important;
}

html body #main-footer,
html body #main-footer p,
html body #main-footer a,
html body #footer-info,
html body #footer-info a {
    color: var(--cl-green) !important;
}


/* =========================================================
   16. Header cleanup: remove spacer bar and restore logo image
   ========================================================= */

/* Divi exported these as 33px white spacer sections beneath the menu.
   Collapse them so only the thin copper divider remains. */
html body .et_pb_section_3_tb_header,
html body .et_pb_section_8_tb_header,
html body .et_pb_section_3_tb_header.et_pb_section,
html body .et_pb_section_8_tb_header.et_pb_section {
    display: block !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
    border: 0 !important;
}

/* Do not filter the raster logo. Its light background was being recoloured,
   which created the solid green rectangle seen in the header. */
html body .et_pb_image_0_tb_header img,
html body .et_pb_image_1_tb_header img {
    filter: none !important;
    mix-blend-mode: normal !important;
}