.elementor-4597 .elementor-element.elementor-element-6294db7{--display:flex;}.elementor-widget-lottie{--caption-color:var( --e-global-color-text );}.elementor-4597 .elementor-element.elementor-element-9ab79be > .elementor-widget-container{margin:-50px 0px -40px 0px;padding:0px 0px 0px 0px;}.elementor-4597 .elementor-element.elementor-element-9ab79be{--lottie-container-width:28%;}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4597 .elementor-element.elementor-element-2060aae > .elementor-widget-container{padding:20px 20px 20px 20px;border-style:solid;border-width:0px 0px 2px 0px;border-color:#C7C6C6;}.elementor-4597 .elementor-element.elementor-element-2060aae.elementor-element{--align-self:center;}.elementor-4597 .elementor-element.elementor-element-2060aae{font-weight:600;line-height:1.1em;color:#C7C6C6;}.elementor-4597 .elementor-element.elementor-element-2c75bfb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}#elementor-popup-modal-4597 .dialog-widget-content{background-color:#6F1B28;border-radius:0px 0px 0px 0px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-4597{background-color:#00000065;justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-4597 .dialog-message{width:500px;height:auto;padding:50px 50px 50px 50px;}#elementor-popup-modal-4597 .dialog-close-button{display:flex;font-size:24px;}#elementor-popup-modal-4597 .dialog-close-button i{color:#FFFFFF;}#elementor-popup-modal-4597 .dialog-close-button svg{fill:#FFFFFF;}@media(max-width:767px){.elementor-4597 .elementor-element.elementor-element-2060aae{font-size:3.1vw;}#elementor-popup-modal-4597 .dialog-message{width:85vw;padding:30px 30px 30px 30px;}}/* Start custom CSS *//* --- ELEMENTOR OVERLAY BLUR --- */
/* Keep this inside your POPUP SETTINGS > Advanced > Custom CSS */
#elementor-popup-modal-4597 {
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}

/* --- GRAVITY FORM 3 POPUP STYLES --- */
/* Paste this inside your Shortcode widget's Custom CSS */

/* Make all text labels, headings, and descriptions clean white */
#gform_wrapper_3 label, 
#gform_wrapper_3 .gform_required,
#gform_wrapper_3 legend,
#gform_wrapper_3 .gsection_title,
#gform_wrapper_3 .gfield_html {
    color: #ffffff !important;
}

/* Center-align the headings built inside the form */
#gform_wrapper_3 .gfield_type_section,
#gform_wrapper_3 .gfield_type_html {
    text-align: center !important;
    border: none !important; /* Strips the black box entirely */
    margin: 0 0 15px 0 !important;
    padding: 0 !important;
}

/* Clean up the form fields container */
#gform_wrapper_3 .gform_fields {
    text-align: left !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border-collapse: collapse !important;
}

/* Apply the modern 2px solid black border ONLY to actual input fields */
#gform_wrapper_3 .gform_fields .gfield_type_text,
#gform_wrapper_3 .gform_fields .gfield_type_email {
    border: 2px solid #000000 !important;
    margin: 15px 0 0 0 !important; 
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* Ensure the consent/checkbox field doesn't get a heavy border outline */
#gform_wrapper_3 .gfield_type_consent,
#gform_wrapper_3 #field_3_4 {
    border: none !important;
    margin-top: 15px !important;
}

/* Style the text input fields background and typography */
#gform_wrapper_3 .gform_fields input[type="text"],
#gform_wrapper_3 .gform_fields input[type="email"] {
    border: none !important;
    background-color: #ffffff !important; 
    color: #000000 !important; 
    width: 100% !important;
    padding: 20px 25px !important; 
    box-sizing: border-box !important;
    border-radius: 0px !important; 
}

/* Style the Submit button to match your clean black block look */
#gform_wrapper_3 .gform_button {
    background-color: #000000 !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    width: 100% !important;
    height: 50px !important;
    line-height: 50px !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0px !important; 
    cursor: pointer !important;
    font-size: 16px !important;
    font-weight: bold !important;
    box-sizing: border-box !important;
    margin-top: 20px !important;
    transition: background-color 0.3s ease !important;
}

/* Lighter black hover state for the submit button */
#gform_wrapper_3 .gform_button:hover {
    background-color: #111111 !important;
}

/* Center-aligned confirmation message when they submit */
.gform_confirmation_message_3 {
    text-align: center !important;
    color: #ffffff !important;
}

/* Target only the physical text input boxes inside the form */
#gform_wrapper_3 input[type="text"], 
#gform_wrapper_3 input[type="email"] {
    margin-bottom: 20px !important; /* Forces a clean gap below each box */
}

/* Ensure the submit button doesn't ride up too close to the email box */
#gform_wrapper_3 .gform_footer {
    margin-top: 10px !important;
}

/* Narrow, center, and slightly round the submit button */
#gform_wrapper_3 .gform_button {
    width: 30% !important; /* Reduces the width to a balanced 60% */
    margin-left: auto !important; /* Centers the button horizontally */
    margin-right: auto !important; /* Centers the button horizontally */
    display: block !important; /* Ensures centering logic applies correctly */
    border-radius: 3px !important; /* Softens the sharp corners with a 3px radius */
}

/* ========================================================================
   1. GLOBAL VALIDATION SUMMARY (The Top Banner & Icon)
   ======================================================================== */
.gform-theme--framework .gform_validation_errors {
    --gf-form-validation-bg-color: rgba(255, 255, 255, 0.1) !important;
    --gf-form-validation-border-color: rgba(255, 255, 255, 0.3) !important;
    --gf-form-validation-border-width: 1px !important;
    --gf-form-validation-radius: 6px !important;
    --gf-form-validation-heading-color: #FFFFFF !important;
    --gf-form-validation-summary-color: #FFFFFF !important;
    
    box-shadow: none !important;
    border: var(--gf-form-validation-border-width) solid var(--gf-form-validation-border-color) !important;
    background: var(--gf-form-validation-bg-color) !important;
    padding: 16px !important;
}

/* Clear the inner second box frame completely */
.gform-theme--framework .gform_validation_errors > div,
.gform-theme--framework .gform_submission_error {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #FFFFFF !important;
}

/* Force the top banner's exclamation mark icon to white */
.gform-theme--framework .gform_validation_errors .gform-icon {
    --gf-form-validation-heading-icon-bg-color: rgba(255, 255, 255, 0.15) !important;
    --gf-form-validation-heading-icon-border-color: rgba(255, 255, 255, 0.4) !important;
    --gf-form-validation-heading-icon-color: #FFFFFF !important;
}

.gform-theme--framework .gform-icon svg,
.gform-theme--framework .gform-icon svg path {
    fill: #FFFFFF !important;
    stroke: #FFFFFF !important;
}


/* ========================================================================
   2. INLINE FIELD VALIDATION (Restored & Spaced Nicely)
   ======================================================================== */
.gform-theme--framework .gfield_validation_message {
    /* High-contrast text color */
    --gf-ctrl-desc-color-error: #FFFFFF !important;
    color: #FFFFFF !important;
    
    /* Sleek line highlight framework */
    background-color: rgba(255, 255, 255, 0.08) !important; 
    border-left: 3px solid #FFFFFF !important; /* Clean vertical line indicator */
    padding: 10px 12px !important;
    border-radius: 0 4px 4px 0 !important;
    font-size: 13px !important;
    display: flex !important;
    align-items: center !important;

    /* THE FIX: Add explicit vertical margins to separate from surrounding fields */
    margin-top: 8px !important;
    margin-bottom: 16px !important; /* Forces the next input field down and away */
}

/* Ensure any icons inside the field line message also render white */
.gform-theme--framework .gfield_validation_message svg,
.gform-theme--framework .gfield_validation_message svg path {
    fill: #FFFFFF !important;
    stroke: #FFFFFF !important;
}

/* Safely target only the specific match day text container */
.match-day-accent p {
    margin-bottom: 0 !important; /* Strips the hidden paragraph gap */
    padding-bottom: 0 !important;
}

.match-day-accent {
    display: flex !important;
    align-items: center !important; /* Perfect vertical alignment */
    justify-content: center !important; /* Perfect horizontal alignment */
    text-align: center !important;
}

/* Properly expand the submit button layout on mobile screens */
@media (max-width: 767px) {
    /* Target the button container and the button element itself */
    .gform-theme--framework .gform_footer,
    .gform-theme--framework input[type="submit"].gform_button,
    .gform-theme--framework .gform_button {
        display: block !important;
        width: 100% !important; /* Forces the button to span the available popup width */
        min-width: 100% !important;
        box-sizing: border-box !important;
        text-align: center !important;
    }
}/* End custom CSS */