/* 1. MAKE THE INSERTED IMAGE THE PAGE BACKGROUND */
/* pointer-events: none prevents the image from blocking clicks to your links */
.field--name-field-media img {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    object-fit: cover !important;
    z-index: -1 !important; 
    margin: 0 !important;
    max-width: none !important;
    pointer-events: none !important; 
}

/* Hide the media wrapper so it doesn't take up empty space in the document flow */
.field--name-field-media {
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
}
.field--name-field-media .field__label {
    display: none !important;
}

/* 2. AGGRESSIVELY STRIP OLIVERO'S WHITE BACKGROUNDS */
/* Added .layout-main-wrapper, .region, and .block to catch all nested layers */
body,
#page,
#page-wrapper,
#main-wrapper,
.layout-main-wrapper,
#main,
.layout-content,
.region,
.region-content,
.block,
.node,
.node__content,
#site-header,
.site-header__inner {
    background: transparent !important;
    background-color: transparent !important;
}

/* Remove the header drop-shadow */
#site-header {
    box-shadow: none !important;
}

/* 3. FORCE HEADER & HAMBURGER MENU TO WHITE */
.site-branding__text,
.site-branding__name a,
.site-branding__slogan,
.header-nav .menu__link {
    color: #ffffff !important;
}

.mobile-nav-button__icon,
.mobile-nav-button__icon::before,
.mobile-nav-button__icon::after {
    background-color: #ffffff !important;
}

/* 4. FORCE BODY TEXT TO WHITE */
/* Targeting the specific body field from "Screen Shot 2026-08-13 at 5.14.53 PM.jpg" */
.field--name-field-body,
.field--name-field-body p,
.field--name-field-body h1, 
.field--name-field-body h2, 
.field--name-field-body h3, 
.field--name-field-body h4, 
.field--name-field-body h5, 
.field--name-field-body h6,
.field--name-field-body a,
.field--name-field-body li,
h1.page-title {
    color: #ffffff !important;
}

/* 5. PROTECT THE FOOTER */
/* Ensures the standard dark footer stays solid and sits on top of the fixed background */
#site-footer,
.site-footer {
    position: relative !important;
    z-index: 10 !important; 
    background-color: var(--color--gray-100) !important; /* Forces Olivero's default dark color */
}