/* Nav Dropdowns */

.navContent ul li ul a {
    white-space: normal !important;
    overflow: visible !important;
}

@media only screen and (min-width: 768px) {
    .navContent ul li ul {
        min-width: 250px !important;
        right: auto !important; 
    }
}

#app {
    color: #ffffff !important;
}
html, body {
    overflow-x: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
}

/* Viewport Breakout to guarantee full-width display inside page builders */
.aqua-landing-wrapper { 
    width: 100vw !important;
    max-width: 100vw !important;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    box-sizing: border-box;
    font-family: 'futurabook', 'Futura', 'Trebuchet MS', Arial, Verdana, sans-serif; 
    font-size: 18px; 
    font-weight: 400; 
    line-height: 1.6;
}

.aqua-landing-wrapper h1, 
.aqua-landing-wrapper .font-h1 { 
    font-family: 'atramentbold', 'Bebas Neue', 'Arial Condensed', Arial, Verdana, sans-serif !important; 
    font-size: 45px !important; 
    font-weight: 700 !important; 
    line-height: 1.15;
    letter-spacing: 0.02em;
}

.aqua-landing-wrapper h1 span, 
.aqua-landing-wrapper .font-h1 span {
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

.aqua-landing-wrapper h2, 
.aqua-landing-wrapper h3, 
.aqua-landing-wrapper h4, 
.aqua-landing-wrapper .font-subheading,
.aqua-landing-wrapper .font-subhead { 
    font-family: 'futurabook', 'Futura', 'Trebuchet MS', Arial, Verdana, sans-serif !important; 
    font-size: 25px !important; 
    font-weight: 400 !important; 
    line-height: 1.35;
}

.aqua-landing-wrapper p, 
.aqua-landing-wrapper li, 
.aqua-landing-wrapper label, 
.aqua-landing-wrapper input, 
.aqua-landing-wrapper select, 
.aqua-landing-wrapper button,
.aqua-landing-wrapper .font-body { 
    font-family: 'futurabook', 'Futura', 'Trebuchet MS', Arial, Verdana, sans-serif; 
    font-size: 18px; 
    font-weight: 400; 
}

.hero-overlay {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.8) 50%, rgba(51, 166, 250, 0.45) 100%);
}

.glass-card {
    background: rgba(255, 255, 255, 0.97);
    backdrop-filter: blur(12px);
}