.elementor-kit-187{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Arimo";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Arimo";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Arimo";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Arimo";--e-global-typography-accent-font-weight:500;--e-global-typography-320f131-font-family:"Arimo";--e-global-typography-320f131-font-size:19px;--e-global-typography-320f131-font-weight:600;font-family:"Arimo", Sans-serif;line-height:22px;}.elementor-kit-187 a{font-family:"Arimo", Sans-serif;line-height:22px;}.elementor-kit-187 a:hover{font-family:"Arimo", Sans-serif;}.elementor-kit-187 h1{font-family:"Arimo", Sans-serif;}.elementor-kit-187 h2{font-family:"Arimo", Sans-serif;}.elementor-kit-187 h3{font-family:"Arimo", Sans-serif;}.elementor-kit-187 h4{font-family:"Arimo", Sans-serif;}.elementor-kit-187 h5{font-family:"Arimo", Sans-serif;line-height:22px;}.elementor-kit-187 h6{font-family:"Arimo", Sans-serif;line-height:22px;}.elementor-kit-187 button,.elementor-kit-187 input[type="button"],.elementor-kit-187 input[type="submit"],.elementor-kit-187 .elementor-button{font-family:"Arimo", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@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 */html, body {
    overflow-x: hidden;
}

/* ==========================================================
   BREADCRUMBS
   ========================================================== */
.raven-breadcrumbs .breadcrumb-item, 
.raven-breadcrumbs .breadcrumb-item a,
.raven-breadcrumbs .breadcrumb-item span {
    color: #000000 !important;
}
.raven-breadcrumbs .breadcrumb-item.active span {
    font-weight: bold !important;
}
.raven-breadcrumbs .breadcrumb-item a:hover span {
    text-decoration: underline !important;
}

/* ==========================================================
   MOBILE & TABLET FIXES (Max-Width 1024px)
   ========================================================== */
@media screen and (max-width: 1024px) {
    /* 1. GLASS LAYER */
    body:has(.raven-nav-menu-active)::after {
        content: "";
        position: fixed;
        top: 0; left: 0; width: 100vw; height: 100vh;
        background-color: rgba(0, 0, 0, 0.2) !important;
        backdrop-filter: blur(5px) !important;
        -webkit-backdrop-filter: blur(5px) !important;
        z-index: 90 !important; 
        pointer-events: auto;
    }
    /* 2. SIDEBAR */
    .raven-nav-menu-side, .raven-nav-menu-mobile {
        top: 0 !important; right: 0 !important; height: 100vh !important;
        z-index: 999999 !important; opacity: 1 !important;
    }
    .raven-nav-menu-close-button { display: none !important; }
    
    /* 3. HAMBURGER */
    .raven-nav-menu-toggle {
        position: absolute !important; top: 50% !important; right: 0px !important;
        transform: translateY(-50%) !important;
        z-index: 2147483647 !important;
    }
    .raven-nav-menu-side { position: fixed !important; overflow-y: auto !important; }
    
    /* Hamburger Animation */
    body:has(.raven-nav-menu-active) .raven-nav-menu-toggle .fa-bars { transform: rotate(90deg) !important; }
    body:has(.raven-nav-menu-active) .raven-nav-menu-toggle .fa-bars::before {
        content: "\f00d" !important; font-family: "Font Awesome 5 Free" !important; font-weight: 900 !important;
    }

    /* 4. ALIGNMENT */
    ul.raven-nav-menu { text-align: center !important; display: block !important; }
    
    /* 5. BUTTONS */
    .raven-nav-menu li.nav-button-inverted a {
        background-color: #ffffff !important; color: #4A1A1A !important;
        border: 2px solid #ffffff !important; border-radius: 50px !important;
        padding: 5px 15px !important; margin-top: 5px !important;
        display: inline-block !important; font-weight: 600 !important;
    }
    .raven-nav-menu li.inline-social { display: inline-block !important; margin: 15px 5px !important; }
    
    /* 6. MOBILE STICKY HEADER */
    header.jupiterx-header {
        position: sticky !important; top: 0 !important; z-index: 9999 !important; width: 100% !important;
    }
}

/* ==========================================================
   DESKTOP SCROLL FIX (Min-Width 769px)
   ========================================================== */
@media screen and (min-width: 769px) {
    
    /* Option 1: Global Setting for the whole page */
    html {
        /* 112px Header + 32px Admin Bar + 16px Buffer = 160px */
        scroll-padding-top: 160px !important;
    }

    /* Option 2: TARGETED FIX for your specific Section ID */
    /* This forces the #classes section to respect the spacing */
    #classes {
        scroll-margin-top: 160px !important;
    }
}/* End custom CSS */