.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-20 .elementor-element.elementor-element-d44ab26{--display:flex;--position:fixed;--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:space-between;--align-items:center;--border-radius:50px 50px 50px 50px;--margin-top:40px;--margin-bottom:0px;--margin-left:20px;--margin-right:20px;--padding-top:15px;--padding-bottom:15px;--padding-left:30px;--padding-right:30px;top:0px;--z-index:100;}.elementor-20 .elementor-element.elementor-element-d44ab26:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-d44ab26 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF14;}body:not(.rtl) .elementor-20 .elementor-element.elementor-element-d44ab26{left:0px;}body.rtl .elementor-20 .elementor-element.elementor-element-d44ab26{right:0px;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-eael-simple-menu .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-eael-simple-menu .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-eael-simple-menu .eael-simple-menu >li > a, .eael-simple-menu-container .eael-simple-menu-toggle-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-eael-simple-menu .eael-simple-menu li ul li > a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-20 .elementor-element.elementor-element-c73ebb4.eael-simple-menu-link-auto.eael-hamburger--responsive .eael-simple-menu.eael-simple-menu-responsive li a{display:inline-block;width:auto;}.elementor-20 .elementor-element.elementor-element-c73ebb4{border-style:none;}.elementor-20 .elementor-element.elementor-element-c73ebb4 .eael-simple-menu-container, .elementor-20 .elementor-element.elementor-element-c73ebb4 .eael-simple-menu-container .eael-simple-menu-toggle, .elementor-20 .elementor-element.elementor-element-c73ebb4 .eael-simple-menu.eael-simple-menu-horizontal.eael-simple-menu-responsive{border-style:none;}.elementor-20 .elementor-element.elementor-element-c73ebb4 .eael-simple-menu >li > a, .eael-simple-menu-container .eael-simple-menu-toggle-text{font-family:"Radikal", Sans-serif;font-size:16px;font-weight:500;}.elementor-20 .elementor-element.elementor-element-c73ebb4 .eael-simple-menu li a span, .elementor-20 .elementor-element.elementor-element-c73ebb4 .eael-simple-menu li span.eael-simple-menu-indicator{font-size:15px;}.elementor-20 .elementor-element.elementor-element-c73ebb4 .eael-simple-menu li a span, .elementor-20 .elementor-element.elementor-element-c73ebb4 .eael-simple-menu li span.eael-simple-menu-indicator i{font-size:15px;}.elementor-20 .elementor-element.elementor-element-c73ebb4 .eael-simple-menu li span.eael-simple-menu-indicator svg{width:15px;height:15px;line-height:15px;}.elementor-20 .elementor-element.elementor-element-c73ebb4 .eael-simple-menu li span svg{width:15px;height:15px;line-height:15px;}.elementor-20 .elementor-element.elementor-element-c73ebb4 .eael-simple-menu li:hover > a{color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-c73ebb4 .eael-simple-menu li:hover > a > span svg{fill:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-c73ebb4 .eael-simple-menu li > a.eael-item-active{color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-c73ebb4 .eael-simple-menu li.current-menu-item > a > span svg{fill:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-c73ebb4 .eael-simple-menu li.current-menu-item > a.eael-item-active{color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-c73ebb4 .eael-simple-menu li.current-menu-ancestor > a.eael-item-active{color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-c73ebb4 .eael-simple-menu-container .eael-simple-menu-toggle{background-color:#00000000;}.elementor-20 .elementor-element.elementor-element-c73ebb4 .eael-simple-menu-container .eael-simple-menu-toggle i{font-size:30px;color:#ffffff;}.elementor-20 .elementor-element.elementor-element-c73ebb4 .eael-simple-menu-container .eael-simple-menu-toggle svg{width:30px;fill:#ffffff;}.elementor-20 .elementor-element.elementor-element-c73ebb4 .eael-simple-menu.eael-simple-menu-horizontal li ul li a{padding-left:20px;padding-right:20px;}.elementor-20 .elementor-element.elementor-element-c73ebb4 .eael-simple-menu.eael-simple-menu-horizontal li ul li > a{border-bottom:1px solid #f2f2f2;}.elementor-20 .elementor-element.elementor-element-c73ebb4 .eael-simple-menu.eael-simple-menu-vertical li ul li > a{border-bottom:1px solid #f2f2f2;}.elementor-20 .elementor-element.elementor-element-c73ebb4 .eael-simple-menu li ul li a span{font-size:12px;}.elementor-20 .elementor-element.elementor-element-c73ebb4 .eael-simple-menu li ul li span.eael-simple-menu-indicator{font-size:12px;}.elementor-20 .elementor-element.elementor-element-c73ebb4 .eael-simple-menu li ul li span.eael-simple-menu-indicator i{font-size:12px;}.elementor-20 .elementor-element.elementor-element-c73ebb4 .eael-simple-menu li ul li .eael-simple-menu-indicator svg{width:12px;height:12px;line-height:12px;}.elementor-20 .elementor-element.elementor-element-c73ebb4 .eael-simple-menu li ul li .eael-simple-menu-indicator:hover:before{color:#f44336 !important;}.elementor-20 .elementor-element.elementor-element-c73ebb4 .eael-simple-menu li ul li .eael-simple-menu-indicator.eael-simple-menu-indicator-open:before{color:#f44336 !important;}.elementor-20 .elementor-element.elementor-element-c73ebb4 .eael-simple-menu li ul li .eael-simple-menu-indicator:hover{background-color:#ffffff !important;border-color:#f44336 !important;}.elementor-20 .elementor-element.elementor-element-c73ebb4 .eael-simple-menu li ul li .eael-simple-menu-indicator.eael-simple-menu-indicator-open{background-color:#ffffff !important;border-color:#f44336 !important;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-button .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-button .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-20 .elementor-element.elementor-element-0d11b17 .elementor-button{font-family:"Radikal", Sans-serif;font-weight:400;border-radius:50px 50px 50px 50px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-20 .elementor-element.elementor-element-d44ab26{--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:40px;--padding-right:40px;}}@media(min-width:768px){.elementor-20 .elementor-element.elementor-element-d44ab26{--width:1285px;}}@media(max-width:1024px) and (min-width:768px){.elementor-20 .elementor-element.elementor-element-d44ab26{--width:90%;}}@media(max-width:767px){.elementor-20 .elementor-element.elementor-element-d44ab26{--width:90%;--margin-top:35px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:20px;--padding-right:20px;--z-index:999;}}/* Start custom CSS for eael-simple-menu, class: .elementor-element-c73ebb4 */@property --spin-angle {
    syntax: '<angle>';
    initial-value: 0deg;
    inherits: false;
}

@property --fill-angle {
    syntax: '<angle>';
    initial-value: 90deg;
    inherits: false;
}

/* --- GLOBAL STACKING CONTEXT ELEVATION --- */
header,
.elementor-location-header,
header.elementor-location-header,
.e-con:has(.elementor-20 .elementor-element.elementor-element-c73ebb4) {
    z-index: 999999 !important;
    position: relative !important;
}

/* --- DESKTOP MENU STYLES --- */

/* 1. Hide the mobile CTA button on true Desktop only */
@media (min-width: 1025px) {
    .elementor-20 .elementor-element.elementor-element-c73ebb4 .mobile-cta-btn {
        display: none !important;
    }
}

/* 2. Nuke default backgrounds */
.elementor-20 .elementor-element.elementor-element-c73ebb4, .elementor-20 .elementor-element.elementor-element-c73ebb4 div, .elementor-20 .elementor-element.elementor-element-c73ebb4 nav, .elementor-20 .elementor-element.elementor-element-c73ebb4 ul,
.elementor-20 .elementor-element.elementor-element-c73ebb4 li:hover, .elementor-20 .elementor-element.elementor-element-c73ebb4 a:hover,
.elementor-20 .elementor-element.elementor-element-c73ebb4 li.current-menu-item > a, .elementor-20 .elementor-element.elementor-element-c73ebb4 li:hover > a {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 3. Base Link Style (Desktop) */
.elementor-20 .elementor-element.elementor-element-c73ebb4 ul li a {
    color: rgba(255, 255, 255, 0.65) !important; 
    transition: all 0.3s ease !important; 
    display: inline-block !important; 
}

/* 4. Hover Effect (Desktop) */
.elementor-20 .elementor-element.elementor-element-c73ebb4 ul li a:hover {
    color: #ffffff !important; 
}

/* 5. Active/Current Page Style (Desktop) */
.elementor-20 .elementor-element.elementor-element-c73ebb4 ul li.current-menu-item > a,
.elementor-20 .elementor-element.elementor-element-c73ebb4 ul li.current_page_item > a {
    color: #ffffff !important; 
    font-weight: 700 !important; 
}

/* --- RIGHT OFF-SCREEN DRAWER (TABLET & MOBILE < 1024px) --- */
@media (max-width: 1024px) {
    /* 1. Hamburger button stacking */
    .elementor-20 .elementor-element.elementor-element-c73ebb4 .eae-mobile-menu-toggle,
    .elementor-20 .elementor-element.elementor-element-c73ebb4 .elementor-menu-toggle {
        position: relative !important;
        z-index: 100000001 !important;
        pointer-events: auto !important;
    }
    
    .elementor-20 .elementor-element.elementor-element-c73ebb4 .elementor-widget-container,
    .elementor-20 .elementor-element.elementor-element-c73ebb4 .eae-mobile-menu-wrapper {
        position: static !important; 
    }

    /* 2. CLOSED DEFAULT: Right Off-Screen Drawer Panel (Locked Flush Right) */
    .elementor-20 .elementor-element.elementor-element-c73ebb4 .elementor-widget-container ul,
    .elementor-20 .elementor-element.elementor-element-c73ebb4 nav ul,
    .elementor-20 .elementor-element.elementor-element-c73ebb4 .eae-mobile-menu,
    .elementor-20 .elementor-element.elementor-element-c73ebb4 .elementor-nav-menu--dropdown {
        position: fixed !important; 
        top: 0 !important;
        right: 0 !important; 
        left: auto !important;
        bottom: 0 !important;
        width: 360px !important; 
        max-width: 85vw !important; 
        height: 100vh !important; 
        margin: 0 !important; 
        padding: 100px 24px 40px 24px !important; 
        box-sizing: border-box !important;
        
        /* Portfolio Drawer Match: Glassmorphism Panel */
        background-color: rgba(18, 10, 26, 0.98) !important; 
        backdrop-filter: blur(30px) !important;
        -webkit-backdrop-filter: blur(30px) !important; 
        border-top-left-radius: 24px !important;
        border-bottom-left-radius: 24px !important;
        border-left: 1px solid rgba(255, 255, 255, 0.15) !important;
        box-shadow: -25px 0 60px rgba(0, 0, 0, 0.9) !important;
        z-index: 9999999 !important;
        
        /* Layout */
        display: flex !important; 
        flex-direction: column !important;
        align-items: center !important; 
        justify-content: flex-start !important; 
        gap: 10px !important; 
        overflow-y: auto !important;

        /* OFF-SCREEN INACTIVE STATE */
        transform: translateX(100%) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease, visibility 0.3s !important;
    }

    /* 3. OPEN ACTIVE STATE: Slide Drawer In */
    .elementor-20 .elementor-element.elementor-element-c73ebb4 .elementor-menu-toggle.elementor-active + .elementor-nav-menu--dropdown,
    .elementor-20 .elementor-element.elementor-element-c73ebb4 .elementor-menu-toggle.elementor-active ~ .elementor-nav-menu--dropdown,
    .elementor-20 .elementor-element.elementor-element-c73ebb4 .eae-mobile-menu-toggle.eae-active ~ .eae-mobile-menu,
    .elementor-20 .elementor-element.elementor-element-c73ebb4 .elementor-nav-menu--dropdown.elementor-active,
    .elementor-20 .elementor-element.elementor-element-c73ebb4 .eae-mobile-menu.eae-active {
        transform: translateX(0) !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    /* 4. PIN ACTIVE TOGGLE BUTTON TO TOP-RIGHT OF DRAWER AS 'X' CLOSE BUTTON */
    .elementor-20 .elementor-element.elementor-element-c73ebb4 .elementor-menu-toggle.elementor-active,
    .elementor-20 .elementor-element.elementor-element-c73ebb4 .eae-mobile-menu-toggle.eae-active {
        position: fixed !important;
        top: 24px !important;
        right: 24px !important;
        z-index: 100000000 !important;
        width: 40px !important;
        height: 40px !important;
        background: rgba(255, 255, 255, 0.12) !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        transition: background 0.25s ease, transform 0.25s ease !important;
    }

    .elementor-20 .elementor-element.elementor-element-c73ebb4 .elementor-menu-toggle.elementor-active:hover,
    .elementor-20 .elementor-element.elementor-element-c73ebb4 .eae-mobile-menu-toggle.eae-active:hover {
        background: rgba(255, 255, 255, 0.25) !important;
        transform: scale(1.08) !important;
    }

    /* Hide original hamburger icon/bars when active */
    .elementor-20 .elementor-element.elementor-element-c73ebb4 .elementor-menu-toggle.elementor-active i,
    .elementor-20 .elementor-element.elementor-element-c73ebb4 .elementor-menu-toggle.elementor-active svg,
    .elementor-20 .elementor-element.elementor-element-c73ebb4 .elementor-menu-toggle.elementor-active span,
    .elementor-20 .elementor-element.elementor-element-c73ebb4 .eae-mobile-menu-toggle.eae-active i,
    .elementor-20 .elementor-element.elementor-element-c73ebb4 .eae-mobile-menu-toggle.eae-active svg,
    .elementor-20 .elementor-element.elementor-element-c73ebb4 .eae-mobile-menu-toggle.eae-active span {
        display: none !important;
    }

    /* Render 'X' Symbol */
    .elementor-20 .elementor-element.elementor-element-c73ebb4 .elementor-menu-toggle.elementor-active::before,
    .elementor-20 .elementor-element.elementor-element-c73ebb4 .eae-mobile-menu-toggle.eae-active::before {
        content: "\00d7" !important;
        font-family: Arial, sans-serif !important;
        font-size: 28px !important;
        line-height: 1 !important;
        color: #ffffff !important;
        display: block !important;
    }

    /* 5. Menu Item Centering */
    .elementor-20 .elementor-element.elementor-element-c73ebb4 ul li {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important; 
        align-items: center !important;
        margin: 0 !important; 
        padding: 0 !important; 
    }
    
    .elementor-20 .elementor-element.elementor-element-c73ebb4 ul li a {
        display: inline-block !important; 
        text-align: center !important;
        padding: 12px 20px !important; 
        margin: 0 auto !important; 
        color: #ffffff !important; 
        font-size: 22px !important; 
        font-weight: 500 !important;
        letter-spacing: -0.2px !important;
        transition: color 0.25s ease, transform 0.25s ease !important;
    }

    .elementor-20 .elementor-element.elementor-element-c73ebb4 ul li a:hover {
        color: #F78C00 !important;
        transform: translateY(-1px) !important;
    }

    /* 6. True Centering Wrapper for Mobile CTA Button */
    .elementor-20 .elementor-element.elementor-element-c73ebb4 .mobile-cta-btn {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important; 
        align-items: center !important;
        margin-top: 15px !important;
        padding: 10px 0 !important; 
    }

    /* 7. Mobile CTA Button Styling (142px x 56px, Radikal 400, 16px) */
    .elementor-20 .elementor-element.elementor-element-c73ebb4 .mobile-cta-btn a {
        position: relative !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 142px !important;
        height: 56px !important;
        background: transparent !important;
        border: none !important;
        color: #ffffff !important; 
        font-family: 'Radikal', sans-serif !important;
        font-weight: 400 !important;
        font-size: 16px !important;
        line-height: 100% !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
        text-align: center !important;
        padding: 0 !important; 
        border-radius: 50px !important;
        overflow: hidden !important;
        z-index: 1 !important;
        box-sizing: border-box !important;
        transition: transform 0.3s ease !important;
    }

    /* 8. Outer Spinning Conic Border */
    .elementor-20 .elementor-element.elementor-element-c73ebb4 .mobile-cta-btn a::before {
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;
        border-radius: 50px !important;
        background: conic-gradient(from var(--spin-angle), #8E2382, #FF9F43, #D18237, #FFDEBC, #8E2382) !important;
        z-index: -2 !important;
        animation: spinBorder 4s linear infinite !important;
        display: block !important;
    }

    /* 9. Inner Linear Gradient Core */
    .elementor-20 .elementor-element.elementor-element-c73ebb4 .mobile-cta-btn a::after {
        content: "" !important;
        position: absolute !important;
        inset: 2px !important;
        background: linear-gradient(var(--fill-angle), #7A0076, #CB234A, #F78C00) !important; 
        border-radius: 50px !important; 
        z-index: -1 !important;
        transition: inset 0.3s ease !important;
        display: block !important;
    }

    /* 10. Hover Interactions */
    .elementor-20 .elementor-element.elementor-element-c73ebb4 .mobile-cta-btn a:hover {
        transform: scale(1.05) !important; 
    }

    .elementor-20 .elementor-element.elementor-element-c73ebb4 .mobile-cta-btn a:hover::after {
        inset: 0px !important;
        animation: spinFill 6s linear infinite !important;
    }
}

/* --- ANIMATION ENGINES --- */
@keyframes spinBorder {
    0% { --spin-angle: 0deg; }
    100% { --spin-angle: 360deg; }
}

@keyframes spinFill {
    0% { --fill-angle: 90deg; }
    100% { --fill-angle: 450deg; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d44ab26 */.elementor-20 .elementor-element.elementor-element-d44ab26 {
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

/* Forces the floating absolute container to dead-center */
.elementor-20 .elementor-element.elementor-element-d44ab26 {
    left: 50% !important;
    transform: translateX(-50%) !important;
}

/* Gives active menu items enough breathing room on all pages */
.elementor-20 .elementor-element.elementor-element-d44ab26 ul.elementor-nav-menu {
    gap: 14px !important; /* Reduced from default gap to prevent right-edge spillover */
}

.elementor-20 .elementor-element.elementor-element-d44ab26 {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
}

/* =========================================================
   ACTIVE PAGE NAVBAR HIGHLIGHT
   ========================================================= */

/* 1. Inactive Nav Links (Slightly dimmed) */
.elementor-20 .elementor-element.elementor-element-d44ab26 .elementor-nav-menu a.elementor-item {
    opacity: 0.65 !important;
    transition: all 0.3s ease !important;
}

/* 2. Hover State */
.elementor-20 .elementor-element.elementor-element-d44ab26 .elementor-nav-menu a.elementor-item:hover {
    opacity: 1 !important;
    color: #ffffff !important;
}

/* 3. Active Page Link Highlight */
.elementor-20 .elementor-element.elementor-element-d44ab26 .elementor-nav-menu .current-menu-item > a,
.elementor-20 .elementor-element.elementor-element-d44ab26 .elementor-nav-menu .current_page_item > a,
.elementor-20 .elementor-element.elementor-element-d44ab26 .elementor-nav-menu a.elementor-item.elementor-item-active {
    opacity: 1 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    /* Optional: Add a subtle glow or color accent */
    text-shadow: 0 0 12px rgba(255, 255, 255, 0.4) !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Radikal';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://skyrocket.ph/events/wp-content/uploads/2026/08/RadikalTrial-Regular-BF642254c157251.ttf') format('truetype');
}
@font-face {
	font-family: 'Radikal';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://skyrocket.ph/events/wp-content/uploads/2026/08/RadikalTrial-Medium-BF642254c12fd7b-3.ttf') format('truetype');
}
@font-face {
	font-family: 'Radikal';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://skyrocket.ph/events/wp-content/uploads/2026/08/RadikalTrial-Bold-BF642254c05f85f.ttf') format('truetype');
}
/* End Custom Fonts CSS */