.elementor-widget-section .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-section .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-25599 .elementor-element.elementor-element-c56ecf5:not(.elementor-motion-effects-element-type-background), .elementor-25599 .elementor-element.elementor-element-c56ecf5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://staging.rossnowlaghsurfschool.com/wp-content/uploads/2025/06/concentrated-male-surfer-riding-waves-in-ocean-at-nusa-dua-beach-bali-indonesia.jpg");background-position:0px 35%;background-repeat:no-repeat;background-size:cover;}.elementor-25599 .elementor-element.elementor-element-c56ecf5 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(180deg, #1B3C4666 70%, #FFFFFF 100%);opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-25599 .elementor-element.elementor-element-c56ecf5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:10em 1em 10em 1em;}.elementor-widget-heading .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-heading .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-25599 .elementor-element.elementor-element-5968dac{text-align:center;}.elementor-25599 .elementor-element.elementor-element-5968dac .elementor-heading-title{font-family:var( --e-global-typography-583e54c-font-family ), Sans-serif;font-size:var( --e-global-typography-583e54c-font-size );font-weight:var( --e-global-typography-583e54c-font-weight );text-transform:var( --e-global-typography-583e54c-text-transform );line-height:var( --e-global-typography-583e54c-line-height );letter-spacing:var( --e-global-typography-583e54c-letter-spacing );text-shadow:0px 3px 6px rgba(0, 0, 0, 0.2);color:#FFFFFF;}.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-25599 .elementor-element.elementor-element-1c07766d{--display:flex;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-widget-woocommerce-my-account .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-woocommerce-my-account .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-25599 .elementor-element.elementor-element-bee5e69 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li:not(.is-active) a{background-color:#CBD1C32E;}.elementor-25599 .elementor-element.elementor-element-bee5e69 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a:hover{background-color:var( --e-global-color-primary );}.elementor-25599 .elementor-element.elementor-element-bee5e69 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a{background-color:var( --e-global-color-primary );}.elementor-25599 .elementor-element.elementor-element-bee5e69 button.button{background-color:#1E6B7D;background-image:none;}.elementor-25599 .elementor-element.elementor-element-bee5e69 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-25599 .elementor-element.elementor-element-bee5e69{--tabs-normal-color:var( --e-global-color-text );--tabs-hover-color:var( --e-global-color-6823c71 );--tabs-active-color:var( --e-global-color-6823c71 );--tabs-spacing:10px;--links-normal-color:var( --e-global-color-primary );--links-hover-color:var( --e-global-color-accent );--tables-title-color:#1E6B7D;--variations-color:var( --e-global-color-primary );}.elementor-widget-the7-woocommerce-login-register-form .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-the7-woocommerce-login-register-form .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-25599 .elementor-element.elementor-element-994ac47{--form-columns:2;--row-gap:0;--grid-column-gap:60px;}.elementor-25599 .elementor-element.elementor-element-994ac47 .the7-login-register-form{column-gap:60px;}.elementor-25599 .elementor-element.elementor-element-994ac47 .the7-login-register-form > div, .elementor-25599 .elementor-element.elementor-element-994ac47 .woocommerce-ResetPassword{justify-content:flex-start;flex-flow:column;}.elementor-25599 .elementor-element.elementor-element-994ac47 .the7-login-register-form h2{margin-bottom:15px;}@media(max-width:1024px){.elementor-widget-section .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-section .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-25599 .elementor-element.elementor-element-c56ecf5:not(.elementor-motion-effects-element-type-background), .elementor-25599 .elementor-element.elementor-element-c56ecf5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 40%;}.elementor-25599 .elementor-element.elementor-element-c56ecf5{padding:8em 1em 8em 1em;}.elementor-widget-heading .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-heading .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-25599 .elementor-element.elementor-element-5968dac .elementor-heading-title{font-size:var( --e-global-typography-583e54c-font-size );line-height:var( --e-global-typography-583e54c-line-height );letter-spacing:var( --e-global-typography-583e54c-letter-spacing );}.elementor-widget-container .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-container .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-woocommerce-my-account .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-woocommerce-my-account .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-25599 .elementor-element.elementor-element-bee5e69 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-the7-woocommerce-login-register-form .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-the7-woocommerce-login-register-form .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}}@media(max-width:767px){.elementor-widget-section .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-section .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-25599 .elementor-element.elementor-element-c56ecf5:not(.elementor-motion-effects-element-type-background), .elementor-25599 .elementor-element.elementor-element-c56ecf5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://staging.rossnowlaghsurfschool.com/wp-content/uploads/2025/06/bearded-young-man-in-wet-t-shirt-riding-waves-on-surfboard-on-sunny-day.jpg");background-position:center center;}.elementor-25599 .elementor-element.elementor-element-c56ecf5 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(180deg, #1B3C4666 70%, #FFFFFF 96%);opacity:1;}.elementor-25599 .elementor-element.elementor-element-c56ecf5{padding:7em 1em 7em 1em;}.elementor-widget-heading .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-heading .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-25599 .elementor-element.elementor-element-5968dac{text-align:center;}.elementor-25599 .elementor-element.elementor-element-5968dac .elementor-heading-title{font-size:var( --e-global-typography-583e54c-font-size );line-height:var( --e-global-typography-583e54c-line-height );letter-spacing:var( --e-global-typography-583e54c-letter-spacing );}.elementor-widget-container .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-container .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-25599 .elementor-element.elementor-element-1c07766d{--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-widget-woocommerce-my-account .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-woocommerce-my-account .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-25599 .elementor-element.elementor-element-bee5e69 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-the7-woocommerce-login-register-form .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-the7-woocommerce-login-register-form .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-bee5e69 */.elementor-25599 .elementor-element.elementor-element-bee5e69 .woocommerce-MyAccount-content a {
    text-decoration: underline;
    color:#1E6B7D!important;
}

button.woocommerce-Button[name="save_account_details"] {
    background-color: #1E6B7D !important;
    color: #fff !important;
}

/* Hover effect (optional) */
button.woocommerce-Button[name="save_account_details"]:hover {
    background-color: #2684A8 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for the7-woocommerce-login-register-form, class: .elementor-element-994ac47 *//* ==========================================================================
   Input Field Text Color Fixes - Add to existing CSS
   ========================================================================== */

/* Fix input text contrast for login/register forms */
#username,
#password,
#reg_email,
#user_login,
.woocommerce-Input,
.elementor-field-textual {
    color: #333333 !important; /* Dark text for 12.63:1 contrast */
}

/* Fix placeholder text contrast too */
#username::placeholder,
#password::placeholder,
#reg_email::placeholder,
#user_login::placeholder,
.woocommerce-Input::placeholder,
.elementor-field-textual::placeholder {
    color: #666666 !important; /* Darker placeholder text */
}

/* Ensure input text remains dark when typing */
#username:focus,
#password:focus,
#reg_email:focus,
#user_login:focus,
.woocommerce-Input:focus,
.elementor-field-textual:focus {
    color: #333333 !important; /* Keep dark text on focus */
}

/* Additional specificity for Elementor forms */
.elementor-widget-the7-woocommerce-login-register-form input[type="text"],
.elementor-widget-the7-woocommerce-login-register-form input[type="email"],
.elementor-widget-the7-woocommerce-login-register-form input[type="password"] {
    color: #333333 !important;
}

.elementor-widget-the7-woocommerce-login-register-form input[type="text"]::placeholder,
.elementor-widget-the7-woocommerce-login-register-form input[type="email"]::placeholder,
.elementor-widget-the7-woocommerce-login-register-form input[type="password"]::placeholder {
    color: #666666 !important;
}

/* Fix for reset password form */
.woocommerce-ResetPassword input[type="text"] {
    color: #333333 !important;
}

.woocommerce-ResetPassword input[type="text"]::placeholder {
    color: #666666 !important;
}

/* Extra specificity to override theme defaults */
.the7-login-register-form input,
.the7-login-register-form .woocommerce-Input,
.the7-login-register-form .elementor-field-textual {
    color: #333333 !important;
}/* End custom CSS */
/* Start custom CSS *//* ==========================================================================
   WordPress/Elementor Accessibility Fixes - Custom CSS
   ========================================================================== */

/* 1. Fix Privacy Policy Link - Increase contrast and add visual distinction */
.woocommerce-privacy-policy-link {
    color: #1a5c6b !important; /* Darker blue for better contrast */
    text-decoration: underline !important; /* Add underline for distinction */
    font-weight: 500 !important; /* Slightly bolder for better visibility */
    transition: color 0.3s ease, text-decoration-color 0.3s ease;
}

.woocommerce-privacy-policy-link:hover,
.woocommerce-privacy-policy-link:focus {
    color: #144851 !important; /* Even darker on hover/focus */
    text-decoration-color: #144851 !important;
    outline: 2px solid #1a5c6b;
    outline-offset: 2px;
}

/* Alternative styling if underline is not preferred */
.woocommerce-privacy-policy-link.alt-style {
    text-decoration: none !important;
    border-bottom: 2px solid #1a5c6b !important;
    padding-bottom: 1px;
}

/* 2. Fix Checkbox Target Size - Make clickable area larger */
.woocommerce-form__input-checkbox {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    margin: 4px !important;
    cursor: pointer !important;
}

/* Better focus indicator for checkbox */
.woocommerce-form__input-checkbox:focus {
    outline: 2px solid #1a5c6b !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 3px rgba(26, 92, 107, 0.2) !important;
}

/* Enhanced clickable area for checkbox label */
.woocommerce-form-login__rememberme {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px !important;
    margin: 8px 0 !important;
    cursor: pointer !important;
    border-radius: 4px;
    transition: background-color 0.2s ease;
}

.woocommerce-form-login__rememberme:hover {
    background-color: rgba(30, 107, 125, 0.05) !important;
}

/* Focus indicator when checkbox is focused */
.woocommerce-form-login__rememberme.checkbox-focused {
    background-color: rgba(30, 107, 125, 0.08) !important;
    outline: 2px solid #1a5c6b;
    outline-offset: 2px;
}

/* Make the entire label clickable without tabindex issues */
.woocommerce-form-login__rememberme span {
    cursor: pointer !important;
    user-select: none;
    pointer-events: none; /* Let the label handle all clicks */
}

/* 3. Add whitespace above Login and Register buttons */
.woocommerce-form-login__submit,
.woocommerce-form-register__submit {
    margin-top: 20px !important;
    margin-bottom: 10px !important;
}

/* Additional spacing for the button containers */
.elementor-field-type-submit {
    margin-top: 15px !important;
}

/* 4. Enhanced form field accessibility */
.elementor-field-group {
    margin-bottom: 20px !important;
}

/* Better focus indicators for form fields */
.elementor-field-textual:focus,
.woocommerce-Input:focus {
    outline: 2px solid #1a5c6b !important;
    outline-offset: 2px !important;
    border-color: #1a5c6b !important;
    box-shadow: 0 0 0 3px rgba(26, 92, 107, 0.1) !important;
}

/* 5. Improve button accessibility */
.elementor-button:focus,
.woocommerce-form-login__submit:focus,
.woocommerce-form-register__submit:focus {
    outline: 2px solid #ffffff !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 4px rgba(26, 92, 107, 0.3) !important;
}

/* 6. Lost password link styling */
.lost_password a {
    color: #1a5c6b !important;
    text-decoration: underline !important;
    font-weight: 500 !important;
}

.lost_password a:hover,
.lost_password a:focus {
    color: #144851 !important;
    outline: 2px solid #1a5c6b;
    outline-offset: 2px;
}

/* 7. Form section spacing improvements */
.the7-login-form,
.the7-register-form {
    margin-bottom: 30px !important;
}

.the7-login-form h2,
.the7-register-form h2 {
    margin-bottom: 25px !important;
}

/* 8. Mobile responsiveness for accessibility fixes */
@media (max-width: 768px) {
    /* Stack login and register sections vertically on mobile */
    .the7-login-register-form {
        flex-direction: column !important;
        display: flex !important;
    }
    
    .the7-login-form,
    .the7-register-form {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 40px !important;
        flex: none !important;
    }
    
    /* Ensure form fields are full width on mobile */
    .elementor-form-fields-wrapper {
        flex-direction: column !important;
    }
    
    .elementor-field-group {
        width: 100% !important;
        margin-bottom: 20px !important;
    }
    
    .woocommerce-form-login__rememberme {
        padding: 12px 8px !important;
    }
    
    .woocommerce-form-login__submit,
    .woocommerce-form-register__submit {
        margin-top: 25px !important;
        width: 100% !important;
        padding: 15px !important;
        font-size: 16px !important;
    }
    
    .woocommerce-form__input-checkbox {
        width: 28px !important;
        height: 28px !important;
    }
    
    /* Adjust spacing for mobile */
    .the7-login-form h2,
    .the7-register-form h2 {
        font-size: 24px !important;
        margin-bottom: 20px !important;
        text-align: center !important;
    }
    
    /* Form container spacing */
    .elementor-element.elementor-widget.elementor-widget-the7-woocommerce-login-register-form {
        padding: 20px !important;
        margin: 20px 0 !important;
    }
}

/* Extra small mobile devices */
@media (max-width: 480px) {
    .the7-login-form,
    .the7-register-form {
        margin-bottom: 30px !important;
    }
    
    .the7-login-form h2,
    .the7-register-form h2 {
        font-size: 20px !important;
        margin-bottom: 15px !important;
    }
    
    .woocommerce-form-login__submit,
    .woocommerce-form-register__submit {
        padding: 12px !important;
        font-size: 15px !important;
    }
    
    .elementor-field-group {
        margin-bottom: 15px !important;
    }
}

/* 9. High contrast mode support */
@media (prefers-contrast: high) {
    .woocommerce-privacy-policy-link {
        color: #000000 !important;
        background-color: #ffffff;
        padding: 2px 4px;
        border: 2px solid #000000 !important;
    }
    
    .woocommerce-form__input-checkbox {
        border: 3px solid #000000 !important;
    }
}

/* 10. Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .woocommerce-privacy-policy-link,
    .woocommerce-form-login__rememberme,
    .elementor-field-textual,
    .elementor-button {
        transition: none !important;
    }
}/* End custom CSS */