.elementor-6876 .elementor-element.elementor-element-e39cfd9:not(.elementor-motion-effects-element-type-background), .elementor-6876 .elementor-element.elementor-element-e39cfd9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mowl.ca/wp-content/uploads/2022/03/Headers.png");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-6876 .elementor-element.elementor-element-e39cfd9 > .elementor-background-overlay{background-color:var( --e-global-color-astglobalcolor1 );opacity:0.4;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6876 .elementor-element.elementor-element-e39cfd9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:75px 0px 75px 0px;}.elementor-6876 .elementor-element.elementor-element-8c97cdc{text-align:center;}.elementor-6876 .elementor-element.elementor-element-8c97cdc .elementor-heading-title{color:var( --e-global-color-astglobalcolor5 );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-6876 .elementor-element.elementor-element-e39cfd9{padding:75px 50px 75px 50px;}}@media(max-width:767px){.elementor-6876 .elementor-element.elementor-element-e39cfd9{padding:75px 20px 75px 20px;}.elementor-6876 .elementor-element.elementor-element-8f8f0d0 > .elementor-element-populated{padding:0px 0px 0px 0px;}}/* Start custom CSS *//* Hide the row containing the second email field */
/* Target the specific Glass Register container class */
.glass-register-form-section:nth-of-type(2),
.glass-register-email-field-wrap:nth-of-type(2) {
    display: none !important;
}
/* 3. The "Invisible" Trick for the Receipt Line */
/* We look for the span that specifically mentions 'eligible' and make it invisible */
span[id*="societ"]:not([id*="total"]),
div[id*="societ"]:not([id*="total"]) {
    /* If the form uses IDs for these pieces, this will hide the second half */
}
/* 1. Target the specific Payment Amount field by ID */
#societ-payment-amount {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    font-size: 1.2rem !important; /* Makes input text larger */
    padding: 12px 15px !important;
    height: 50px !important; /* Forces a taller, more visible box */
    box-sizing: border-box !important;
}

/* 2. Target the common Glass Register wrapper classes */
/* Instead of :has, we target the general layout classes they use */
.glass-register-amount-field-wrap,
.glass-register-field-wrap,
.glass-register-form-section div {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
}

/* 3. Ensure labels are visible and full-width */
label[for="societ-payment-amount"],
.glass-register-label {
    width: 100% !important;
    display: block !important;
    margin-bottom: 10px !important;
    font-weight: 600 !important;
}
/* Target the specific Payment Amount field */
#societ-payment-amount {
    /* 1. Keep the width and size fixes we already have */
    width: 100% !important;
    min-width: 100% !important;
    display: block !important;
    font-size: 20px !important;
    height: 55px !important;
    box-sizing: border-box !important;

    /* 2. Shift the typing area to the right */
    /* 40px - 50px is usually the "sweet spot" to clear a dollar icon */
    padding-left: 45px !important; 
    
    /* 3. Ensure the icon stays in the background if it's an image */
    background-position: 15px center !important; 
}

/* 4. If the dollar sign is a separate icon element, we position it */
.glass-register-amount-symbol, 
[class*="amount-symbol"],
[class*="currency"] {
    position: absolute !important;
    left: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 10 !important;
    pointer-events: none !important; /* Makes sure you can click "through" it to type */
}

/* 5. Ensure the wrapper allows for absolute positioning of the icon */
.glass-register-amount-field-wrap,
[id*="payment-amount-wrap"] {
    position: relative !important;
}
/* 3. HIDE CHECKBOX BY NAME */
input[name="social-proof-consent-obtained"] {
    display: none !important;
}/* End custom CSS */