.elementor-35 .elementor-element.elementor-element-697fcbbb > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-35 .elementor-element.elementor-element-697fcbbb:not(.elementor-motion-effects-element-type-background), .elementor-35 .elementor-element.elementor-element-697fcbbb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-35 .elementor-element.elementor-element-697fcbbb > .elementor-container{min-height:80px;}.elementor-35 .elementor-element.elementor-element-697fcbbb{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-35 .elementor-element.elementor-element-697fcbbb > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-35 .elementor-element.elementor-element-62569fd .elementor-menu-toggle{margin-left:auto;border-width:0px;border-radius:0px;}.elementor-35 .elementor-element.elementor-element-62569fd .elementor-nav-menu .elementor-item{font-size:15px;font-weight:500;}.elementor-35 .elementor-element.elementor-element-62569fd .elementor-nav-menu--main .elementor-item{color:#ffffff;fill:#ffffff;padding-top:40px;padding-bottom:40px;}.elementor-35 .elementor-element.elementor-element-62569fd .elementor-nav-menu--main .elementor-item:hover, .elementor-35 .elementor-element.elementor-element-62569fd .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-35 .elementor-element.elementor-element-62569fd .elementor-nav-menu--main .elementor-item.highlighted, .elementor-35 .elementor-element.elementor-element-62569fd .elementor-nav-menu--main .elementor-item:focus{color:#00ce1b;fill:#00ce1b;}.elementor-35 .elementor-element.elementor-element-62569fd .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-35 .elementor-element.elementor-element-62569fd .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#00ce1b;}.elementor-35 .elementor-element.elementor-element-62569fd .e--pointer-framed .elementor-item:before, .elementor-35 .elementor-element.elementor-element-62569fd .e--pointer-framed .elementor-item:after{border-color:#00ce1b;}.elementor-35 .elementor-element.elementor-element-62569fd .e--pointer-framed .elementor-item:before{border-width:5px;}.elementor-35 .elementor-element.elementor-element-62569fd .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 5px 5px;}.elementor-35 .elementor-element.elementor-element-62569fd .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:5px 5px 0 0;}.elementor-35 .elementor-element.elementor-element-62569fd .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:5px 0 0 5px;}.elementor-35 .elementor-element.elementor-element-62569fd .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 5px 5px 0;}.elementor-35 .elementor-element.elementor-element-62569fd .e--pointer-underline .elementor-item:after, .elementor-35 .elementor-element.elementor-element-62569fd .e--pointer-overline .elementor-item:before, .elementor-35 .elementor-element.elementor-element-62569fd .e--pointer-double-line .elementor-item:before, .elementor-35 .elementor-element.elementor-element-62569fd .e--pointer-double-line .elementor-item:after{height:5px;}.elementor-35 .elementor-element.elementor-element-62569fd .elementor-nav-menu--dropdown a, .elementor-35 .elementor-element.elementor-element-62569fd .elementor-menu-toggle{color:#000000;}.elementor-35 .elementor-element.elementor-element-62569fd .elementor-nav-menu--dropdown{background-color:#f2f2f2;}.elementor-35 .elementor-element.elementor-element-62569fd .elementor-nav-menu--dropdown a:hover, .elementor-35 .elementor-element.elementor-element-62569fd .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-35 .elementor-element.elementor-element-62569fd .elementor-nav-menu--dropdown a.highlighted, .elementor-35 .elementor-element.elementor-element-62569fd .elementor-menu-toggle:hover{color:#00ce1b;}.elementor-35 .elementor-element.elementor-element-62569fd .elementor-nav-menu--dropdown a:hover, .elementor-35 .elementor-element.elementor-element-62569fd .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-35 .elementor-element.elementor-element-62569fd .elementor-nav-menu--dropdown a.highlighted{background-color:#ededed;}.elementor-35 .elementor-element.elementor-element-62569fd .elementor-nav-menu--dropdown .elementor-item, .elementor-35 .elementor-element.elementor-element-62569fd .elementor-nav-menu--dropdown .elementor-sub-item{font-size:15px;}.elementor-35 .elementor-element.elementor-element-62569fd div.elementor-menu-toggle{color:#ffffff;}.elementor-35 .elementor-element.elementor-element-62569fd div.elementor-menu-toggle svg{fill:#ffffff;}.elementor-35 .elementor-element.elementor-element-62569fd div.elementor-menu-toggle:hover{color:#00ce1b;}.elementor-35 .elementor-element.elementor-element-62569fd div.elementor-menu-toggle:hover svg{fill:#00ce1b;}.elementor-35 .elementor-element.elementor-element-62569fd{--nav-menu-icon-size:25px;}.elementor-widget-search-form input[type="search"].elementor-search-form__input{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-search-form .elementor-search-form__input, .elementor-widget-search-form .elementor-search-form__icon, .elementor-widget-search-form .elementor-lightbox .dialog-lightbox-close-button, .elementor-widget-search-form .elementor-lightbox .dialog-lightbox-close-button:hover, .elementor-widget-search-form.elementor-search-form--skin-full_screen input[type="search"].elementor-search-form__input{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-search-form .elementor-search-form__submit{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );background-color:var( --e-global-color-secondary );}.elementor-35 .elementor-element.elementor-element-f5c57df .elementor-search-form{text-align:right;}.elementor-35 .elementor-element.elementor-element-f5c57df .elementor-search-form__toggle{--e-search-form-toggle-size:40px;--e-search-form-toggle-color:rgba(255,255,255,0.28);--e-search-form-toggle-background-color:rgba(0,0,0,0);--e-search-form-toggle-icon-size:calc(50em / 100);}.elementor-35 .elementor-element.elementor-element-f5c57df.elementor-search-form--skin-full_screen .elementor-search-form__container{background-color:rgba(0,0,0,0.87);}.elementor-35 .elementor-element.elementor-element-f5c57df input[type="search"].elementor-search-form__input{font-size:35px;}.elementor-35 .elementor-element.elementor-element-f5c57df:not(.elementor-search-form--skin-full_screen) .elementor-search-form__container{border-radius:3px;}.elementor-35 .elementor-element.elementor-element-f5c57df.elementor-search-form--skin-full_screen input[type="search"].elementor-search-form__input{border-radius:3px;}.elementor-35 .elementor-element.elementor-element-f5c57df .elementor-search-form__toggle:hover{--e-search-form-toggle-color:#ffffff;}.elementor-35 .elementor-element.elementor-element-f5c57df .elementor-search-form__toggle:focus{--e-search-form-toggle-color:#ffffff;}.elementor-35 .elementor-element.elementor-element-74e7e3d > .elementor-element-populated{margin:0px 0px -19px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-35 .elementor-element.elementor-element-25881eb1{width:70.439%;}.elementor-35 .elementor-element.elementor-element-6b9e40e3{width:4.561%;}}@media(max-width:1024px){.elementor-35 .elementor-element.elementor-element-697fcbbb{padding:20px 20px 20px 20px;}.elementor-35 .elementor-element.elementor-element-62569fd .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-35 .elementor-element.elementor-element-62569fd .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:45px !important;}}@media(max-width:767px){.elementor-35 .elementor-element.elementor-element-697fcbbb{padding:10px 20px 10px 20px;}.elementor-35 .elementor-element.elementor-element-4491fd96{width:50%;}.elementor-35 .elementor-element.elementor-element-25881eb1{width:35%;}.elementor-35 .elementor-element.elementor-element-62569fd .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-35 .elementor-element.elementor-element-62569fd .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:35px !important;}.elementor-35 .elementor-element.elementor-element-6b9e40e3{width:15%;}}/* Start custom CSS for section, class: .elementor-element-697fcbbb *//* ========================================================================== NurseEXP Header Custom CSS for Elementor Pro Theme Builder ========================================================================== */ :root { /* Design Tokens matching the main NurseEXP Dark Glassmorphism brand */ --bg-base: #060913; --bg-surface: #0a1128; --accent-cyan: #00E5FF; --accent-teal: #00F0B5; --accent-emerald: #4ADE80; --text-primary: #ffffff; --text-secondary: #94a3b8; --glass-border: rgba(255, 255, 255, 0.06); --font-display: 'Outfit', sans-serif; --font-body: 'Inter', sans-serif; --radius-md: 16px; --radius-pill: 9999px; } /* -------------------------------------------------------------------------- 1. Floating Header Container (Elite Glassmorphism, 3D Depth, Neon Edge Glow) -------------------------------------------------------------------------- */ .elementor-35 .elementor-element.elementor-element-697fcbbb { background-color: #060913 !important; /* Perfect opaque match to the body base dark blue, preventing white-page bleed */ backdrop-filter: blur(25px) saturate(180%) !important; -webkit-backdrop-filter: blur(25px) saturate(180%) !important; /* Double-layered glowing shadow + subtle bottom border */ border-bottom: 1px solid rgba(0, 229, 255, 0.1) !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.08) inset, /* Inner top shine */ 0 10px 40px rgba(0, 229, 255, 0.03) !important; /* Ambient bottom neon cast */ padding-top: 12px !important; padding-bottom: 12px !important; z-index: 9999 !important; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important; } /* -------------------------------------------------------------------------- 2. Custom Logo Styling (ID "nx-logo") - Metallic Shimmer Glow Effect -------------------------------------------------------------------------- */ @keyframes logo-shimmer { 0% { background-position: -200% center; } 100% { background-position: 200% center; } } #nx-logo .elementor-heading-title { font-family: var(--font-display) !important; font-size: 1.45rem !important; font-weight: 800 !important; letter-spacing: -0.5px !important; color: var(--text-primary) !important; transition: all 0.3s ease !important; position: relative; cursor: pointer; } #nx-logo .elementor-heading-title span { background: linear-gradient( 120deg, var(--accent-cyan) 25%, #ffffff 50%, var(--accent-emerald) 75% ) !important; background-size: 200% auto !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; animation: logo-shimmer 5s infinite linear !important; } #nx-logo:hover .elementor-heading-title { text-shadow: 0 0 15px rgba(0, 229, 255, 0.4) !important; letter-spacing: 0px !important; /* Elegant modern fluid expansion */ } /* -------------------------------------------------------------------------- 3. Desktop Navigation Menu (ID "nx-menu") - Glowing Capsule Hover Style -------------------------------------------------------------------------- */ #nx-menu .elementor-nav-menu a { font-family: var(--font-body) !important; font-weight: 500 !important; font-size: 0.92rem !important; color: var(--text-secondary) !important; padding: 8px 16px !important; border-radius: var(--radius-pill) !important; position: relative; transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important; } /* Elite Hover: Create a subtle glowing background pill on hover */ #nx-menu .elementor-nav-menu a:hover { color: var(--text-primary) !important; background: rgba(255, 255, 255, 0.03) !important; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.05) inset, 0 5px 15px rgba(0, 0, 0, 0.2) !important; } /* Active State Capsule Styling */ #nx-menu .elementor-nav-menu a.elementor-item-active { color: var(--text-primary) !important; background: rgba(0, 229, 255, 0.05) !important; box-shadow: 0 0 0 1px rgba(0, 229, 255, 0.15) inset, 0 5px 15px rgba(0, 229, 255, 0.05) !important; } /* Remove Elementor's default simple underlines (they clash with our capsule design) */ #nx-menu .elementor-nav-menu .elementor-item:after { display: none !important; } /* ========================================================================== RESPONSIVE DESIGN: TABLET & MOBILE OVERRIDES ========================================================================== */ @media (max-width: 1024px) { /* -------------------------------------------------------------------------- 4. Mobile Hamburger Button (Sleek Bordered Glowing Toggle Icon) -------------------------------------------------------------------------- */ #nx-menu .elementor-menu-toggle { color: var(--text-primary) !important; fill: var(--text-primary) !important; z-index: 99999 !important; background: rgba(255, 255, 255, 0.03) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; border-radius: 8px !important; padding: 8px !important; display: inline-flex !important; align-items: center; justify-content: center; transition: all 0.3s ease !important; } #nx-menu .elementor-menu-toggle i, #nx-menu .elementor-menu-toggle svg { color: var(--accent-cyan) !important; fill: var(--accent-cyan) !important; width: 20px !important; height: 20px !important; } #nx-menu .elementor-menu-toggle:hover { background: rgba(255, 255, 255, 0.08) !important; border-color: var(--accent-cyan) !important; box-shadow: 0 0 15px rgba(0, 229, 255, 0.2) !important; } /* -------------------------------------------------------------------------- 5. Mobile Dropdown Menu (Frosted Glass Mobile Drawer) -------------------------------------------------------------------------- */ #nx-menu .elementor-nav-menu--dropdown { background-color: rgba(10, 17, 40, 0.98) !important; backdrop-filter: blur(25px) !important; -webkit-backdrop-filter: blur(25px) !important; border-top: 1px solid var(--glass-border) !important; border-bottom: 2px solid var(--glass-border) !important; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5) !important; padding: 16px !important; border-radius: 0 0 var(--radius-md) var(--radius-md) !important; z-index: 99998 !important; } #nx-menu .elementor-nav-menu--dropdown a { color: var(--text-secondary) !important; font-weight: 500 !important; padding: 10px 16px !important; border-radius: 8px !important; transition: all 0.3s ease !important; display: block !important; } #nx-menu .elementor-nav-menu--dropdown a:hover, #nx-menu .elementor-nav-menu--dropdown a.elementor-item-active { background: rgba(255, 255, 255, 0.04) !important; color: var(--text-primary) !important; padding-left: 20px !important; } }/* End custom CSS */