.elementor-1966 .elementor-element.elementor-element-7520b0a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-1966 .elementor-element.elementor-element-7520b0a:not(.elementor-motion-effects-element-type-background), .elementor-1966 .elementor-element.elementor-element-7520b0a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B75C44;}[data-theme="dark"] .elementor-1966 .elementor-element.elementor-element-7520b0a{background-color:#0C0202;}.elementor-1966 .elementor-element.elementor-element-c524f34{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1966 .elementor-element.elementor-element-c524f34.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1966 .elementor-element.elementor-element-28929e7{width:var( --container-widget-width, 20.2% );max-width:20.2%;--container-widget-width:20.2%;--container-widget-flex-grow:0;--meta-fcolor:#FFFFFF;}.elementor-1966 .elementor-element.elementor-element-28929e7.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1966 .elementor-element.elementor-element-28929e7 .current-date{font-family:"Outfit", Sans-serif;font-weight:700;}[data-theme="dark"] .elementor-1966 .elementor-element.elementor-element-28929e7{--meta-fcolor:#FFFFFF;}.elementor-1966 .elementor-element.elementor-element-b5ca32d{width:auto;max-width:auto;--menu-item-spacing:20px;}.elementor-1966 .elementor-element.elementor-element-b5ca32d.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-1966 .elementor-element.elementor-element-b5ca32d .main-menu > li > a{font-family:"Reddit Sans", Sans-serif;font-size:16px;text-transform:uppercase;}.elementor-1966 .elementor-element.elementor-element-b5ca32d .main-menu-wrap{justify-content:center;}[data-theme="dark"] .elementor-1966 .elementor-element.elementor-element-b5ca32d{--nav-color:#FFFFFF;--nav-color-10:#FFFFFF1a;}.elementor-1966 .elementor-element.elementor-element-9c5ca23{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#88888888;--border-color:#88888888;--padding-top:10px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1966 .elementor-element.elementor-element-9c5ca23:not(.elementor-motion-effects-element-type-background), .elementor-1966 .elementor-element.elementor-element-9c5ca23 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C45A3C;}.elementor-1966 .elementor-element.elementor-element-cd5fb32{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1966 .elementor-element.elementor-element-eb93339{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1966 .elementor-element.elementor-element-cceb6aa{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1966 .elementor-element.elementor-element-cceb6aa.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1966 .elementor-element.elementor-element-4be068d{width:auto;max-width:auto;}.elementor-1966 .elementor-element.elementor-element-4be068d > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-1966 .elementor-element.elementor-element-4be068d .login-toggle i, .elementor-1966 .elementor-element.elementor-element-4be068d .login-toggle .login-icon-svg{color:#222222;}body:not([data-theme="dark"]) .elementor-1966 .elementor-element.elementor-element-4be068d .logged-welcome{color:#222222;}.elementor-1966 .elementor-element.elementor-element-9d6dc23{width:auto;max-width:auto;}.elementor-1966 .elementor-element.elementor-element-9d6dc23 i.wnav-icon, .elementor-1966 .elementor-element.elementor-element-9d6dc23 .notification-icon-svg{font-size:20px;color:#222222;}.elementor-1966 .elementor-element.elementor-element-9d6dc23 span.wnav-svg{width:20px;}.elementor-1966 .elementor-element.elementor-element-50e02ff{width:auto;max-width:auto;}.elementor-1966 .elementor-element.elementor-element-50e02ff .search-icon-svg{mask-image:url(https://thedivinemagazine.com/wp-content/uploads/2025/11/search.svg);-webkit-mask-image:url(https://thedivinemagazine.com/wp-content/uploads/2025/11/search.svg);background-image:none;}.elementor-1966 .elementor-element.elementor-element-50e02ff i.wnav-icon, .elementor-1966 .elementor-element.elementor-element-50e02ff .search-btn > .search-icon-svg{font-size:20px;}.elementor-1966 .elementor-element.elementor-element-50e02ff .is-form-layout .search-icon-svg, .elementor-1966 .elementor-element.elementor-element-50e02ff .is-form-layout .search-form-inner .rbi{font-size:20px;}.elementor-1966 .elementor-element.elementor-element-50e02ff .is-form-layout{--input-fcolor:var( --e-global-color-text );}.elementor-1966 .elementor-element.elementor-element-50e02ff i.wnav-icon, .elementor-1966 .elementor-element.elementor-element-50e02ff .header-search-label, .elementor-1966 .elementor-element.elementor-element-50e02ff .icon-holder > .search-icon-svg,
					.elementor-1966 .elementor-element.elementor-element-50e02ff .is-form-layout .search-form-inner, .elementor-1966 .elementor-element.elementor-element-50e02ff .is-form-layout .rb-loader{color:var( --e-global-color-text );}.elementor-1966 .elementor-element.elementor-element-bcadb05{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.sticky-on .elementor-1966 .elementor-element.elementor-element-bcadb05{background-color:#FFFFFF;}.sticky-on[data-theme="dark"] .elementor-1966 .elementor-element.elementor-element-bcadb05{background-color:#000000;}.elementor-1966 .elementor-element.elementor-element-bcadb05:not(.elementor-motion-effects-element-type-background), .elementor-1966 .elementor-element.elementor-element-bcadb05 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F1E9;}.elementor-1966 .elementor-element.elementor-element-8c8a858{width:auto;max-width:auto;--menu-item-spacing:20px;}.elementor-1966 .elementor-element.elementor-element-8c8a858.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-1966 .elementor-element.elementor-element-8c8a858 .main-menu > li > a{font-family:"Reddit Sans", Sans-serif;font-size:16px;text-transform:uppercase;}.elementor-1966 .elementor-element.elementor-element-8c8a858 .main-menu-wrap{justify-content:center;}[data-theme="dark"] .elementor-1966 .elementor-element.elementor-element-8c8a858{--nav-color:#FFFFFF;--nav-color-10:#FFFFFF1a;}.elementor-1966 .elementor-element.elementor-element-31909ea{--display:flex;}@media(min-width:768px){.elementor-1966 .elementor-element.elementor-element-7520b0a{--content-width:1200px;}.elementor-1966 .elementor-element.elementor-element-c524f34{--width:100%;}.elementor-1966 .elementor-element.elementor-element-9c5ca23{--content-width:1200px;}.elementor-1966 .elementor-element.elementor-element-cd5fb32{--width:30%;}.elementor-1966 .elementor-element.elementor-element-eb93339{--width:60%;}.elementor-1966 .elementor-element.elementor-element-cceb6aa{--width:40%;}.elementor-1966 .elementor-element.elementor-element-bcadb05{--content-width:1200px;}}/* Start custom CSS for foxiz-navigation, class: .elementor-element-b5ca32d *//* ========================================================= */
/* ✅ DIVINE NAVIGATION: MINIMALIST EDITORIAL HEADER */
/* ========================================================= */

:root {
    --nav-bg: #ffffff;
    --nav-text: #293241; /* Divine Navy */
    --nav-accent: #ee6c4d; /* Divine Terracotta */
    --content-max-width: 1300px;
}

/* 1. Main Navigation Container */
#site-navigation {
    width: 100%;
    margin: 0 auto;
    background: var(--nav-bg);
    /* Ultra-thin luxury profile */
    padding: 2px 0 !important; 
    border-bottom: 1px solid #f0f0f0;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
    position: sticky;
    top: 0;
    z-index: 9999;
}

/* 2. Content Wrapper */
#site-navigation .nav-wrapper { 
    max-width: var(--content-max-width);
    margin: 0 auto;
    padding: 0 40px; 
    display: flex; 
    justify-content: space-between; 
    align-items: center;
    height: 50px; /* Fixed height for consistency */
}

/* 3. Branding in Nav (White Title Fix) */
.nav-wrapper .dm-hero-title {
    color: var(--nav-text) !important; /* Navy for readability against white nav */
    font-size: 1.4rem !important;
    margin: 0;
    white-space: nowrap;
}

/* 4. Menu Item Refinement */
#site-navigation ul.main-menu {
    margin: 0 !important;
    display: flex;
    list-style: none;
    gap: 10px;
}

#site-navigation ul.main-menu > li > a {
    /* Precise, tight vertical spacing */
    padding: 0.25rem 1rem !important; 
    font-size: 11px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important; /* Luxury tracking */
    color: var(--nav-text) !important;
    transition: all 0.3s ease;
    position: relative;
}

/* 5. The "Divine" Hover Effect */
#site-navigation ul.main-menu > li > a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 1rem;
    right: 1rem;
    height: 1px;
    background: var(--nav-accent);
    transform: scaleX(0);
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

#site-navigation ul.main-menu > li > a:hover {
    color: var(--nav-accent) !important;
}

#site-navigation ul.main-menu > li > a:hover::after {
    transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a8456ce *//* ========================================================= */
/* 🔳 THE COMPACT HEADER: SLEEK EDITORIAL SCALE              */
/* ========================================================= */

.xm-logo-gold {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    /* Reduced vertical breathing room for a sleeker profile */
    padding: 15px 0 !important; 
    background: transparent;
    border-bottom: 1px solid rgba(15, 13, 12, 0.05); /* Hairline divider */
}

.xm-logo-gold a {
    display: flex !important;
    align-items: center !important;
    transition: var(--transition-luxe) !important;
}

.xm-logo-gold img {
    /* Compact scale: reduced from 220px to 140px */
    max-width: 140px !important; 
    height: auto !important;
    display: block !important;
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) !important;
}

/* THE INTERACTION: Minimalist lift */
.xm-logo-gold a:hover img {
    transform: translateY(-1px) scale(1.02);
    filter: brightness(1.1);
}

/* MOBILE RECOVERY: Ultra-thin for phones */
@media (max-width: 767px) {
    .xm-logo-gold {
        padding: 10px 0 !important;
    }
    .xm-logo-gold img {
        max-width: 110px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c5ca23 */@layer divine.header {

    /* =========================================================
       0. GLOBAL HEADER RESET — UNIFY ALL WRAPPERS
    ========================================================= */
    :where(.site-header, 
    .site-header .elementor-section, 
    .site-header .elementor-container, 
    .header-main, 
    .header-inner) {
        background: var(--divine-ink) !important;
        border: none !important;
        box-shadow: none !important;
        padding-block: 0 !important;
        transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    }

    /* =========================================================
       1. TOP BAR — DATE + UTILITY LINKS
    ========================================================= */
    .top-bar {
        padding-block: 8px !important;
        border-bottom: 1px solid rgba(255,255,255,0.04) !important;
    }

    .current-date {
        color: var(--terracotta) !important;
        font-family: var(--font-ui);
        font-size: 10px;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: 0.15em;
    }

    #menu-top-menu a {
        color: rgba(255,255,255,0.7) !important;
        font-family: var(--font-ui);
        font-size: 9px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0.1em;
    }

    #menu-top-menu a:hover {
        color: var(--terracotta) !important;
        opacity: 1;
    }

    /* =========================================================
       2. LOGO BAND — GOLD MASTHEAD & SHIMMER
    ========================================================= */
    .xm-logo-gold {
        padding-block: 15px;
        display: flex;
        justify-content: center;
        position: relative;
        overflow: hidden;
    }

    .xm-logo-gold img {
        max-width: 280px;
        height: auto;
        will-change: filter, transform;
        /* Subtle glow to simulate gold leaf */
        filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.1));
        transition: transform 0.6s ease;
    }

    .xm-logo-gold:hover img {
        transform: scale(1.02);
        filter: drop-shadow(0 0 12px rgba(224, 123, 90, 0.2));
    }

    /* Cinematic Shimmer Sweep */
    .xm-logo-gold::after {
        content: '';
        position: absolute;
        top: 0;
        left: -150%;
        width: 50%;
        height: 100%;
        background: linear-gradient(
            to right,
            transparent,
            rgba(255, 255, 255, 0.15),
            transparent
        );
        transform: skewX(-25deg);
        pointer-events: none;
    }

    .xm-logo-gold:hover::after {
        left: 150%;
        transition: left 0.9s ease-in-out;
    }

    /* =========================================================
       3. MAIN NAVIGATION — EDITORIAL CAPSULE
    ========================================================= */
    .main-menu > li > a {
        color: #ffffff !important;
        font-family: var(--font-ui) !important;
        font-weight: 800 !important;
        font-size: 11px !important;
        letter-spacing: 0.15em !important;
        text-transform: uppercase;
        padding: 16px 22px !important;
        transition: color 0.3s ease;
    }

    /* The "Vogue" underline effect */
    .main-menu > li > a::after {
        content: '';
        position: absolute;
        bottom: 10px;
        left: 22px;
        right: 22px;
        height: 1.5px;
        background: var(--terracotta);
        transform: scaleX(0);
        transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    }

    .main-menu > li:hover > a::after {
        transform: scaleX(1);
    }

    /* =========================================================
       4. ICON SYSTEM — TERRACOTTA BUTTONS
    ========================================================= */
    .rb-search-trigger, .header-icon, .user-icon {
        background: rgba(255,255,255,0.03) !important;
        border: 1px solid rgba(255,255,255,0.05);
        border-radius: 50% !important; /* Circular icons feel more "Divine" */
        width: 38px;
        height: 38px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .rb-search-trigger:hover {
        background: var(--terracotta) !important;
        border-color: var(--terracotta);
        transform: translateY(-2px);
    }

    /* =========================================================
       5. STICKY MODE & MOBILE BLUR
    ========================================================= */
    .site-header.rb-sticky-active {
        background: rgba(15, 13, 12, 0.95) !important;
        backdrop-filter: blur(15px);
        box-shadow: 0 10px 30px rgba(0,0,0,0.4);
    }

    @media (max-width: 768px) {
        .site-header {
            background: var(--divine-ink) !important;
        }
        
        /* Ensure the mobile logo doesn't disappear */
        .xm-logo-gold img {
            max-width: 180px;
        }
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bcadb05 *//* --- MOBILE HEADER: OBSIDIAN TINT --- */
@media (max-width: 768px) {
    .site-header,
    .elementor-sticky--effects {
        background: rgba(0, 0, 0, 0.45); /* Obsidian Tint */
        backdrop-filter: blur(10px);     /* Soft cinematic blur */
        -webkit-backdrop-filter: blur(10px);
        border-bottom: 1px solid rgba(255, 255, 255, 0.08); /* Subtle hairline */
        transition: background 0.3s ease, backdrop-filter 0.3s ease;
    }

    /* Optional: Slightly stronger tint when scrolling */
    .elementor-sticky--effects {
        background: rgba(0, 0, 0, 0.55);
        backdrop-filter: blur(12px);
    }

    /* Icon + text color for clarity */
    .site-header .elementor-icon,
    .site-header .elementor-menu-toggle,
    .site-header a,
    .site-header .elementor-nav-menu a {
        color: #ffffff;
    }
}

/* --- MOBILE HEADER: OBSIDIAN TINT (Refined) --- */
@media (max-width: 768px) {

    /* Neutralize Elementor wrappers */
    .site-header,
    .site-header .elementor-section,
    .site-header .elementor-container,
    .site-header .elementor-top-section {
        background: rgba(0, 0, 0, 0.45) !important;
        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    }

    /* Sticky variant */
    .elementor-sticky--effects {
        background: rgba(0, 0, 0, 0.55) !important;
        backdrop-filter: blur(12px) !important;
        -webkit-backdrop-filter: blur(12px) !important;
    }

    /* Icon + text clarity */
    .site-header .elementor-icon,
    .site-header .elementor-menu-toggle,
    .site-header a,
    .site-header .elementor-nav-menu a {
        color: #ffffff !important;
    }
}/* End custom CSS */