.elementor-19544 .elementor-element.elementor-element-8cb5c57{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-19544 .elementor-element.elementor-element-378586f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-19544 .elementor-element.elementor-element-60b6878{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFFFFF;--border-color:#FFFFFF;--border-radius:10px 10px 10px 10px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-19544 .elementor-element.elementor-element-60b6878:not(.elementor-motion-effects-element-type-background), .elementor-19544 .elementor-element.elementor-element-60b6878 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#121212;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );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-19544 .elementor-element.elementor-element-e22b759{text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-19544 .elementor-element.elementor-element-f87c22c .elementor-repeater-item-7dfe85f.elementor-social-icon{background-color:var( --e-global-color-8ceb197 );}.elementor-19544 .elementor-element.elementor-element-f87c22c .elementor-repeater-item-bf6079c.elementor-social-icon{background-color:var( --e-global-color-8ceb197 );}.elementor-19544 .elementor-element.elementor-element-f87c22c .elementor-repeater-item-a1fb2a5.elementor-social-icon{background-color:#02010100;}.elementor-19544 .elementor-element.elementor-element-f87c22c .elementor-repeater-item-a1fb2a5.elementor-social-icon i{color:var( --e-global-color-55ab2300 );}.elementor-19544 .elementor-element.elementor-element-f87c22c .elementor-repeater-item-a1fb2a5.elementor-social-icon svg{fill:var( --e-global-color-55ab2300 );}.elementor-19544 .elementor-element.elementor-element-f87c22c .elementor-repeater-item-f99f363.elementor-social-icon{background-color:#02010100;}.elementor-19544 .elementor-element.elementor-element-f87c22c .elementor-repeater-item-f99f363.elementor-social-icon i{color:var( --e-global-color-55ab2300 );}.elementor-19544 .elementor-element.elementor-element-f87c22c .elementor-repeater-item-f99f363.elementor-social-icon svg{fill:var( --e-global-color-55ab2300 );}.elementor-19544 .elementor-element.elementor-element-f87c22c .elementor-repeater-item-05cfeee.elementor-social-icon{background-color:#FFFFFF00;}.elementor-19544 .elementor-element.elementor-element-f87c22c .elementor-repeater-item-05cfeee.elementor-social-icon i{color:var( --e-global-color-55ab2300 );}.elementor-19544 .elementor-element.elementor-element-f87c22c .elementor-repeater-item-05cfeee.elementor-social-icon svg{fill:var( --e-global-color-55ab2300 );}.elementor-19544 .elementor-element.elementor-element-f87c22c{--grid-template-columns:repeat(0, auto);--icon-size:30px;--grid-column-gap:0px;--grid-row-gap:0px;}.elementor-19544 .elementor-element.elementor-element-f87c22c .elementor-widget-container{text-align:center;}.elementor-19544 .elementor-element.elementor-element-f87c22c .elementor-social-icon{--icon-padding:0.4em;}.elementor-19544 .elementor-element.elementor-element-a77248a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-19544 .elementor-element.elementor-element-378586f{--width:25%;}.elementor-19544 .elementor-element.elementor-element-60b6878{--width:50%;}.elementor-19544 .elementor-element.elementor-element-a77248a{--width:25%;}}/* Start custom CSS for shortcode, class: .elementor-element-1a7b99c *//* ========================================================
   1. Fix Form Labels, Pricing, and Terms Text (All White)
   ========================================================= */
/* Excludes payment labels to ensure they remain black inside white boxes */
.mp_wrapper label:not(.mepr-payment-method label), 
.mp_wrapper .mepr-price, 
.mp_wrapper .mepr_price,
.mp_wrapper .mepr-terms,
.mp_wrapper p,
.mp_wrapper strong,
.mp_wrapper div,
.mp_wrapper span:not(.mepr-payment-method span) {
    color: #ffffff !important;
    font-weight: normal !important;
}

/* Pull title straight down to form fields */
.mp_wrapper .mepr-form-row label {
    display: block !important;
    margin-bottom: 4px !important;
}

/* Clickable Links (Coupon, TOS) */
.mp_wrapper a {
    color: #ffffff !important;
    text-decoration: underline !important;
    transition: opacity 0.3s ease !important;
}
.mp_wrapper a:hover {
    opacity: 0.7 !important;
}

/* =========================================================
   2. Input Fields & Requested Hover Darken Effect
   ========================================================= */
.mp_wrapper .mepr-form-row input,
.mp_wrapper .mepr-form-row input,
.mp_wrapper .mepr-form-row input {
    background-color: #ffffff !important;
    padding: 12px 15px !important; 
    margin-bottom: 15px !important;
    box-sizing: border-box !important;
    border-radius: 4px !important; 
    border: 1px solid #ccc !important;
    transition: background-color 0.2s ease, border-color 0.2s ease !important;
}

/* Restores the subtle grey/darkening effect when hovering form fields */
.mp_wrapper .mepr-form-row input:hover,
.mp_wrapper .mepr-form-row input:hover,
.mp_wrapper .mepr-form-row input:hover {
    background-color: #f3f4f6 !important; /* Slightly darkens field */
    border-color: #a855f7 !important; /* Clean purple border indicator */
    outline: none !important;
}

/* Back to white when actively typing */
.mp_wrapper .mepr-form-row input:focus {
    background-color: #ffffff !important; 
    border-color: #a855f7 !important; 
    box-shadow: 0 0 5px rgba(168, 85, 247, 0.4) !important;
    outline: none !important;
}

/* =========================================================
   3. Clean Payment Options (Fix Theme Row Striping)
   ========================================================= */
/* Completely removes the theme's default background alternating grey stripes */
.mp_wrapper .mepr-payment-methods-wrapper,
.mp_wrapper .mepr-payment-methods-radios,
.mp_wrapper ul.mepr-payment-methods li {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}

/* Force MemberPress checkout form labels to white */
form.mepr-signup-form label,
form.mepr-signup-form .mepr-checkout-form label,
#mepr-stripe-payment-form label,
.mepr-payment-methods-radios label {
    color: #ffffff !important;
}


.mp_wrapper .mepr-payment-method input {
    margin: 0 10px 0 0 !important; 
}

/* Enforce black text ONLY inside the white selection boxes */
.mp_wrapper .mepr-payment-method *,
.mp_wrapper .mepr-payment-method label {
    color: #000000 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* =========================================================
   4. Submit Button (White, Tighter Space)
   ========================================================= */
.mp_wrapper .mepr-submit-wrapper,
.mp_wrapper .mepr-signup-submit {
    margin-top: 5px !important; 
}

.mp_wrapper input.mepr-submit,
.mp_wrapper button.mepr-submit {
    background-color: #ffffff !important;
    color: #3b0764 !important; 
    border: none !important;
    border-radius: 4px !important;
    padding: 14px 0 !important;
    width: 100% !important; 
    font-size: 16px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    display: block !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    transition: background-color 0.3s ease, opacity 0.3s ease !important;
}

.mp_wrapper input.mepr-submit:hover,
.mp_wrapper button.mepr-submit:hover {
    background-color: #f3f4f6 !important; 
    opacity: 0.9 !important;
}

/* Match MemberPress input fields to Stripe Night Mode */
.mepr-signup-form input[type="text"],
.mepr-signup-form input[type="email"],
.mepr-signup-form input[type="password"] {
    background-color: #1a1a1a !important;   /* Matches the Stripe background */
    color: #ffffff !important;              /* Makes typed text white */
    border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Matches Stripe's subtle border */
    border-radius: 5px !important;          /* Gives the corners a smooth, modern curve */
    padding: 12px 14px !important;          /* Bulks up the height to match Stripe boxes */
}

/* Match the placeholder text color */
.mepr-signup-form input::placeholder {
    color: #888888 !important; 
    opacity: 1 !important; 
}

/* Add the Purple glow when a user clicks on the field (Matching colorPrimary) */
.mepr-signup-form input:focus {
    border-color: #a855f7 !important; 
    box-shadow: 0 0 0 1px #a855f7 !important;
    outline: none !important;
}

/* CRITICAL PREVENTATIVE FIX: Stop Chrome from making autofilled passwords white/yellow */
.mepr-signup-form input:-webkit-autofill,
.mepr-signup-form input:-webkit-autofill:hover, 
.mepr-signup-form input:-webkit-autofill:focus, 
.mepr-signup-form input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #1a1a1a inset !important;
    -webkit-text-fill-color: #ffffff !important;
    transition: background-color 5000s ease-in-out 0s;
}/* End custom CSS */