.elementor-2652 .elementor-element.elementor-element-d22771b{--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-2652 .elementor-element.elementor-element-d22771b:not(.elementor-motion-effects-element-type-background), .elementor-2652 .elementor-element.elementor-element-d22771b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2652 .elementor-element.elementor-element-47c894b{--spacer-size:2px;}.elementor-2652 .elementor-element.elementor-element-47c894b > .elementor-widget-container{background-color:#FFFFFF;}.elementor-2652 .elementor-element.elementor-element-47c894b.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-2652 .elementor-element.elementor-element-9f95174{--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-2652 .elementor-element.elementor-element-9f95174:not(.elementor-motion-effects-element-type-background), .elementor-2652 .elementor-element.elementor-element-9f95174 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;}.elementor-2652 .elementor-element.elementor-element-8e5fe8a > .elementor-widget-container{background-color:#FFFFFF;margin:0px 0px 15px 0px;}.elementor-2652 .elementor-element.elementor-element-8e5fe8a.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-2652 .elementor-element.elementor-element-ea30e37{--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-2652 .elementor-element.elementor-element-ea30e37:not(.elementor-motion-effects-element-type-background), .elementor-2652 .elementor-element.elementor-element-ea30e37 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2652 .elementor-element.elementor-element-e154599{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2652 .elementor-element.elementor-element-e154599.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2652 .elementor-element.elementor-element-3f2e753{--display:flex;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-2652 .elementor-element.elementor-element-3f2e753.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;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-2652 .elementor-element.elementor-element-c150290 > .elementor-widget-container{margin:-20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2652 .elementor-element.elementor-element-c150290{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;line-height:24px;color:#000000;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;color:var( --e-global-color-primary );}.elementor-2652 .elementor-element.elementor-element-1480ea3{width:var( --container-widget-width, 100.081% );max-width:100.081%;--container-widget-width:100.081%;--container-widget-flex-grow:0;text-align:start;}.elementor-2652 .elementor-element.elementor-element-1480ea3 > .elementor-widget-container{margin:-25px 0px 3px 3px;padding:0px 0px 0px 0px;}.elementor-2652 .elementor-element.elementor-element-1480ea3.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2652 .elementor-element.elementor-element-1480ea3 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:66px;font-weight:500;line-height:79.2px;letter-spacing:-0.5px;word-spacing:2px;color:#000000;}.elementor-2652 .elementor-element.elementor-element-38840c5{width:var( --container-widget-width, 98.922% );max-width:98.922%;--container-widget-width:98.922%;--container-widget-flex-grow:0;font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:400;line-height:24px;color:#222222;}.elementor-2652 .elementor-element.elementor-element-38840c5 > .elementor-widget-container{margin:0px 0px 20px 0px;padding:0px 0px 0px 0px;}.elementor-2652 .elementor-element.elementor-element-38840c5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2652 .elementor-element.elementor-element-38840c5 p{margin-block-end:20px;}.elementor-2652 .elementor-element.elementor-element-42ad012{width:var( --container-widget-width, 98.566% );max-width:98.566%;--container-widget-width:98.566%;--container-widget-flex-grow:0;}.elementor-2652 .elementor-element.elementor-element-42ad012 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2652 .elementor-element.elementor-element-42ad012.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2652 .elementor-element.elementor-element-632466a{width:var( --container-widget-width, 100.13% );max-width:100.13%;--container-widget-width:100.13%;--container-widget-flex-grow:0;font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:400;line-height:24px;color:#222222;}.elementor-2652 .elementor-element.elementor-element-632466a > .elementor-widget-container{margin:05px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2652 .elementor-element.elementor-element-632466a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2652 .elementor-element.elementor-element-d1c0b11{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2652 .elementor-element.elementor-element-b19413d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2652 .elementor-element.elementor-element-b19413d .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:22px;font-weight:500;text-transform:none;line-height:1.6em;color:#000000;}.elementor-2652 .elementor-element.elementor-element-8f9d3ef{width:var( --container-widget-width, 71.566% );max-width:71.566%;--container-widget-width:71.566%;--container-widget-flex-grow:0;font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:400;line-height:24px;color:#222222;}.elementor-2652 .elementor-element.elementor-element-8f9d3ef > .elementor-widget-container{margin:0px 0px 0px 05px;padding:0px 0px 0px 0px;}.elementor-2652 .elementor-element.elementor-element-8f9d3ef.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;}.elementor-2652 .elementor-element.elementor-element-ecdd136 > .elementor-widget-container{margin:-139px -373px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2652 .elementor-element.elementor-element-56ba58e > .elementor-widget-container{margin:10px 0px 30px 05px;padding:0px 0px 0px 0px;}.elementor-2652 .elementor-element.elementor-element-56ba58e{font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:400;line-height:24px;color:#222222;}.elementor-2652 .elementor-element.elementor-element-56ba58e p{margin-block-end:20px;}.elementor-2652 .elementor-element.elementor-element-809342a > .elementor-widget-container{margin:-20px 0px 35px 0px;padding:0px 0px 0px 0px;}.elementor-2652 .elementor-element.elementor-element-809342a{text-align:center;}.elementor-2652 .elementor-element.elementor-element-809342a .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:27px;font-weight:700;color:#222222;}.elementor-2652 .elementor-element.elementor-element-ddd56ce > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2652 .elementor-element.elementor-element-f1e13f8{--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-2652 .elementor-element.elementor-element-76ba357{--spacer-size:25px;}@media(min-width:768px){.elementor-2652 .elementor-element.elementor-element-ea30e37{--content-width:1320px;}.elementor-2652 .elementor-element.elementor-element-e154599{--width:60%;}.elementor-2652 .elementor-element.elementor-element-3f2e753{--width:100%;}.elementor-2652 .elementor-element.elementor-element-d1c0b11{--width:40%;}}/* Start custom CSS for image, class: .elementor-element-8e5fe8a *//* Premium Static Hero Image - Heavy Duty Polish & Centered */
.elementor-2652 .elementor-element.elementor-element-8e5fe8a img, .premium-hero-asset img {
    /* Subtle modern corner styling - frames the asset beautifully */
    border-radius: 14px !important; 
    
    /* Forces absolute native resolution rendering across modern web engines */
    transform: translate3d(0, 0, 0) !important;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
    image-rendering: -webkit-optimize-contrast !important;
    
    /* Heavy Duty Multi-Layered Premium Shadow Stack */
    /* Simulates real-world physical elevation off a white canvas */
    box-shadow: 
        0 2px 4px rgba(10, 37, 64, 0.015),
        0 8px 16px rgba(10, 37, 64, 0.03),
        0 16px 32px rgba(10, 37, 64, 0.04),
        0 32px 50px rgba(10, 37, 64, 0.06),
        0 60px 100px rgba(10, 37, 64, 0.08) !important;
        
    /* Ultra-fine specular highlight stroke to prevent edge bleeding */
    border: 1px solid rgba(10, 37, 64, 0.05) !important;
    
    /* Ensures the crisp photo spans the container boundary flawlessly */
    width: 1320px !important;
    height: auto !important;
    display: block !important;
    
    /* Centers the blocked image within its parent container */
    margin-left: auto !important;
    margin-right: auto !important;
    
    /* Optional safety rule: prevents it from breaking layout constraints on small screens */
    max-width: 100% !important; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c150290 *//* Target only this specific widget and its inner elements */
.elementor-2652 .elementor-element.elementor-element-c150290,
.elementor-2652 .elementor-element.elementor-element-c150290 .elementor-text-editor,
.elementor-2652 .elementor-element.elementor-element-c150290 * {
    font-family: 'GTEesti-Regular', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1480ea3 *//* ==========================================================================
   GLOBAL TYPOGRAPHY OVERWRITE (GT Eesti Regular)
   ========================================================================== */

/* Target all Elementor Headings and standard H tags */
.elementor-heading-title,
h1, h2, h3, h4, h5, h6,
h1 *, h2 *, h3 *, h4 *, h5 *, h6 * {
    font-family: 'GTEesti-Regular', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-38840c5 *//* Target only this specific widget and its inner elements */
.elementor-2652 .elementor-element.elementor-element-38840c5,
.elementor-2652 .elementor-element.elementor-element-38840c5 .elementor-text-editor,
.elementor-2652 .elementor-element.elementor-element-38840c5 * {
    font-family: 'GTEesti-Regular', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-42ad012 */.elementor-2652 .elementor-element.elementor-element-42ad012 img {
    /* Softened Edges */
    border-radius: 12px; 
    
    /* Elegant, Subtle Depth (slightly adjusted for a softer look) */
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06); 
    
    /* Smooth Animations */
    transition: transform 0.4s ease, box-shadow 0.4s ease; 
}

/* Adds a slight "lift" effect on hover */
.elementor-2652 .elementor-element.elementor-element-42ad012 img:hover {
    transform: translateY(-6px); 
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.10); 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-632466a *//* Target only this specific widget and its inner elements */
.elementor-2652 .elementor-element.elementor-element-632466a,
.elementor-2652 .elementor-element.elementor-element-632466a .elementor-text-editor,
.elementor-2652 .elementor-element.elementor-element-632466a * {
    font-family: 'GTEesti-Regular', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b19413d *//* ==========================================================================
   1. GLOBAL TYPOGRAPHY OVERWRITE (GT Eesti Regular)
   ========================================================================== */

/* Target all Elementor Headings and standard structural H tags */
.elementor-heading-title,
h1, h2, h3, h4, h5, h6,
h1 *, h2 *, h3 *, h4 *, h5 *, h6 * {
    font-family: 'GTEesti-Regular', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Target all Paragraphs, Text Editors, and general description copy on the page */
.elementor-text-editor,
.elementor-text-editor *,
p, 
span, 
li, 
a,
div[class*="text"] {
    font-family: 'GTEesti-Regular', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}


/* ==========================================================================
   2. HORIZONTAL HEADING LINE (Protected No-Text-Glow Style)
   ========================================================================== */
/* Apply this directly to the advanced custom CSS section of your Heading widget */
.elementor-2652 .elementor-element.elementor-element-b19413d .elementor-heading-title {
    padding-bottom: 12px !important; 
    margin-bottom: 24px !important; 
    margin-top: 0px !important;
    display: block !important;
    position: relative !important;
    
    /* Shifts the layout block back exactly 40px to close the sidebar gap */
    margin-left: -40px !important; 
    padding-left: 40px !important; 
    width: calc(100% + 40px) !important;
}

/* Isolating the underline and its light blue glow so it NEVER touches the text */
.elementor-2652 .elementor-element.elementor-element-b19413d .elementor-heading-title::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 0.5px !important;
    background-color: #A0AEC0 !important; /* Perfect Light Charcoal Base */
    
}


/* ==========================================================================
   3. MOBILE RESPONSIVE RESET 
   ========================================================================== */
@media (max-width: 767px) {
    /* Reset horizontal title rules for clean mobile rendering */
    .elementor-2652 .elementor-element.elementor-element-b19413d .elementor-heading-title {
        margin-left: 0px !important;
        padding-left: 0px !important;
        width: 100% !important;
    }
    .elementor-2652 .elementor-element.elementor-element-b19413d .elementor-heading-title::after {
        display: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8f9d3ef *//* Target only this specific widget and its inner elements */
.elementor-2652 .elementor-element.elementor-element-8f9d3ef,
.elementor-2652 .elementor-element.elementor-element-8f9d3ef .elementor-text-editor,
.elementor-2652 .elementor-element.elementor-element-8f9d3ef * {
    font-family: 'GTEesti-Regular', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-56ba58e *//* Target only this specific widget and its inner elements */
.elementor-2652 .elementor-element.elementor-element-56ba58e,
.elementor-2652 .elementor-element.elementor-element-56ba58e .elementor-text-editor,
.elementor-2652 .elementor-element.elementor-element-56ba58e * {
    font-family: 'GTEesti-Regular', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-809342a *//* Target only this specific widget and its inner elements */
.elementor-2652 .elementor-element.elementor-element-809342a,
.elementor-2652 .elementor-element.elementor-element-809342a .elementor-text-editor,
.elementor-2652 .elementor-element.elementor-element-809342a * {
    font-family: 'GTEesti-Regular', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ddd56ce *//* ==========================================================================
   1. MASTER FORM CONTAINER (Premium Crisp White)
   ========================================================================== */
.charitable-donation-form, 
form.charitable-form,
.charitable-form.simple-1-column,
.campaign-donation-form .charitable-form {
    background-color: #ffffff !important;  /* Crisp White Background */
    border: 1px solid #e2e8f0 !important;  /* Metallic silver border */
    border-radius: 24px !important;        
    padding: 50px 30px 40px 30px !important; 
    max-width: 480px !important;          
    margin: 0 auto !important;
    box-shadow: 0px 12px 40px rgba(10, 37, 64, 0.08) !important; /* Premium soft shadow */
    position: relative !important;
}

/* Enforce consistent typography */
.charitable-donation-form *, 
form.charitable-form * {
    font-family: -apple-system, BlinkMacSystemFont, 'GT Eesti Regular', 'Century Gothic', 'Segoe UI', Roboto, sans-serif !important;
}

/* ==========================================================================
   2. HIDE DUPLICATE "DONATE NOW" & DRAW 3-STEP DOTS (Teal/Silver)
   ========================================================================== */
.charitable-donation-form h3, 
.charitable-donation-form h4, 
.charitable-form h3, 
form.charitable-form .donation-amount-header,
.charitable-donation-levels legend,
.charitable-custom-amount-text,
.donation-amounts-header,
.charitable-donation-form .charitable-custom-amount-header,
ul.donation-amounts::before {
    display: none !important;
}

/* CSS Magic: Drawing the 3 Step Dots at the top of the form */
form.charitable-form::before {
    content: "";
    display: block;
    margin: 0 auto 35px auto;
    width: 90px; 
    height: 14px;
    
    /* Updated to Teal and Metallic Silver */
    background-image:  
        radial-gradient(circle at center, #009ca6 3px, #ffffff 3.5px, #ffffff 5px, #009ca6 5.5px, #009ca6 7px, transparent 7px), /* Active Target Dot */
        radial-gradient(circle at center, #ffffff 5px, #cbd5e1 5.5px, #cbd5e1 7px, transparent 7px), /* Inactive Dot 2 */
        radial-gradient(circle at center, #ffffff 5px, #cbd5e1 5.5px, #cbd5e1 7px, transparent 7px), /* Inactive Dot 3 */
        linear-gradient(to right, #cbd5e1, #cbd5e1); /* Thin connecting line */
        
    background-position: 0% center, 50% center, 100% center, center center;
    background-size: 14px 14px, 14px 14px, 14px 14px, 100% 1px;
    background-repeat: no-repeat;
}

/* ==========================================================================
   3. DONATION PRICE TIERS (Metallic Teal Gradient + NZD Currency)
   ========================================================================== */
ul.donation-amounts {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 15px !important;
    padding: 0 !important;
    list-style: none !important;
    margin-top: 0 !important;
}

/* Base list items layout reset */
ul.donation-amounts li.donation-amount {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

ul.donation-amounts li.donation-amount input[type="radio"] {
    position: absolute !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

ul.donation-amounts li.donation-amount label {
    display: block !important;
    background-color: #ffffff !important;
    border: 2px solid #cbd5e1 !important;  /* Soft silver unselected border */
    border-radius: 12px !important;
    padding: 14px 10px !important;
    text-align: center !important;
    font-size: 16px !important; /* Updated from 18px to match Custom Amount font size */
    font-weight: 600 !important; /* Updated from 700 to match Custom Amount weight/thinness */
    color: #0a2540 !important; /* Deep Navy text */
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

/* PREMIUM ADDITION: Append NZD flush against the price tiers only */
ul.donation-amounts li.donation-amount label::before {
    content: "NZD " !important; 
    font-size: 16px !important;  /* Updated from 18px to match Custom Amount font size */       
    font-weight: 600 !important;  /* Updated from 700 to match Custom Amount weight/thinness */       
    text-transform: uppercase !important;
    margin-right: 0px !important;        
    vertical-align: baseline !important;
    display: inline-block !important;
}

/* FIX: Completely remove and exclude NZD from appearing on the Custom Amount element */
ul.donation-amounts li.charitable-custom-donation-amount label::before,
ul.donation-amounts li.donation-amount[class*="custom"] label::before,
.charitable-custom-donation-amount label::before,
.charitable-custom-amount-wrapper label::before {
    content: "" !important;
    display: none !important;
}

/* Teal to Blue Metallic Selected State */
ul.donation-amounts li.donation-amount input:checked + label,
ul.donation-amounts li.donation-amount input:checked ~ label,
ul.donation-amounts li.donation-amount label:has(input:checked),
.charitable-donation-level.selected label,
.charitable-donation-level input:checked ~ * {
    background-image: linear-gradient(135deg, #009ca6 0%, #087f8c 100%) !important; /* Metallic Teal */
    border: 2px solid #009ca6 !important;
    box-shadow: 0px 4px 12px rgba(0, 156, 166, 0.25) !important;
    color: #ffffff !important; 
}

/* FIX: Neutralize plugin container boxes, hard padding, and background ghosts on parent elements when selected */
ul.donation-amounts li.donation-amount.selected,
ul.donation-amounts li.donation-amount:has(input:checked),
.charitable-donation-levels .charitable-donation-level.selected,
form.charitable-form ul.donation-amounts li.donation-amount.selected {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Force inner text and currency markers to high-contrast white when selected */
ul.donation-amounts li.donation-amount input:checked + label,
ul.donation-amounts li.donation-amount input:checked + label *,
ul.donation-amounts li.donation-amount input:checked + label::before,
ul.donation-amounts li.donation-amount.selected label,
ul.donation-amounts li.donation-amount.selected label *,
ul.donation-amounts li.donation-amount.selected label::before,
form.charitable-form ul.donation-amounts li.donation-amount.selected label,
form.charitable-form ul.donation-amounts li.donation-amount.selected label *,
form.charitable-form ul.donation-amounts li.donation-amount input:checked + label,
form.charitable-form ul.donation-amounts li.donation-amount input:checked + label * {
    color: #ffffff !important;
}

/* ==========================================================================
   4. CENTERED WIDE CUSTOM AMOUNT SECTION
   ========================================================================== */
.charitable-allow-custom-amount-block,
.charitable-custom-amount-wrapper,
.charitable-custom-donation-amount {
    border: none !important;
    background: none !important;
    padding: 0 !important;
    margin: 25px auto !important;
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

.charitable-donation-amount-form input.charitable-custom-amount,
form.charitable-form input[type="text"].charitable-custom-amount,
.charitable-custom-donation-amount input.custom-donation-amount,
input[name="custom_donation_amount"] {
    text-align: center !important;
    width: 100% !important;
    min-width: 260px !important; 
    height: 48px !important;
    border: 2px solid #cbd5e1 !important;
    border-radius: 12px !important;
    background-color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #0a2540 !important;
    box-sizing: border-box !important;
    transition: all 0.3s ease !important;
}

.charitable-custom-donation-amount input:focus {
    outline: none !important;
    border-color: #009ca6 !important;
    box-shadow: 0 0 0 3px rgba(0, 156, 166, 0.15) !important;
}

/* ==========================================================================
   5. DONATION PERIOD SELECTOR (Sleek Silver Pill)
   ========================================================================== */
/* The Pill Container */
.charitable-recurring-frequency-options,
.charitable-form-field-donation_period .charitable-form-field-input {
    display: inline-flex !important;
    justify-content: center !important;
    gap: 0 !important;
    margin: 0 auto 30px auto !important;
    background-color: #f1f5f9 !important; /* Sleek metallic silver/blue base */
    border-radius: 40px !important;
    padding: 5px !important;
    width: max-content !important;
    border: 1px solid #e2e8f0 !important;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

/* Hide native inputs */
.charitable-form-field-donation_period input[type="radio"],
.charitable-form-field-donation_period input[type="checkbox"] {
    position: absolute !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

/* Unselected Box Styling */
.charitable-recurring-frequency-option,
.charitable-form-field-donation_period label {
    flex: none !important;
    padding: 8px 18px !important;
    border: none !important;
    border-radius: 30px !important;
    background-color: transparent !important;
    cursor: pointer !important;
    text-align: center !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    color: #64748b !important; /* Muted slate text */
    transition: all 0.3s ease !important;
    margin: 0 !important;
}

/* Selected White Pill State */
.charitable-recurring-frequency-option.selected,
.charitable-recurring-frequency-option.selected label,
.charitable-form-field-donation_period input:checked + label,
.charitable-form-field-donation_period label:has(input:checked) {
    background-color: #ffffff !important;
    border-color: transparent !important;
    color: #0a2540 !important; /* Deep Navy active text */
    box-shadow: 0px 2px 10px rgba(10, 37, 64, 0.12) !important; /* Crisp pop-out shadow */
}

/* Forcing exact text colors inside the selected option */
.charitable-recurring-frequency-option.selected *,
.charitable-form-field-donation_period input:checked + label * {
    color: #0a2540 !important;
    background-color: transparent !important;
    border: none !important;
}

/* ==========================================================================
   6. FORM FIELDS 
   ========================================================================== */
.charitable-form-field {
    margin-bottom: 1.25rem !important;
}

.charitable-form-field label {
    display: block !important;
    font-weight: 600 !important;
    color: #0a2540 !important; 
    margin-bottom: 0.5rem !important;
    font-size: 14px !important;
}

.charitable-form-field input {
    width: 100% !important;
    padding: 0.85rem 1rem !important;
    border: 2px solid #e2e8f0 !important;
    border-radius: 10px !important;
    font-size: 1rem !important;
    box-sizing: border-box !important;
    transition: all 0.3s !important;
}

.charitable-form-field input:focus {
    outline: none !important;
    border-color: #009ca6 !important;
    box-shadow: 0 0 0 3px rgba(0, 156, 166, 0.15) !important;
}

/* ==========================================================================
   7. PREMIUM GLOWING DONATE BUTTON (Teal to Navy Gradient)
   ========================================================================== */
.charitable-submit,
.charitable-form-buttons,
.charitable-donation-form-submit {
    text-align: center !important;
    margin-top: 35px !important;
}

.charitable-submit input[type="submit"],
button.charitable-submit,
.charitable-donation-form-submit button {
    background-image: linear-gradient(135deg, #009ca6 0%, #0a2540 100%) !important; /* Premium Gradient */
    color: #ffffff !important;
    font-size: 18px !important;            
    font-weight: 800 !important;          
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;      
    border-radius: 40px !important;        
    padding: 18px 50px !important;        
    width: auto !important;                
    min-width: 260px !important;          
    border: none !important;
    cursor: pointer !important;
    box-shadow: 0px 6px 20px rgba(0, 156, 166, 0.3), 0px 0px 15px rgba(10, 37, 64, 0.2) !important; 
    transition: all 0.3s ease-in-out !important;
}

.charitable-submit input[type="submit"]:hover,
.charitable-donation-form-submit button:hover {
    background-image: linear-gradient(135deg, #087f8c 0%, #06182c 100%) !important; /* Darker shift on hover */
    transform: translateY(-4px) !important;
    box-shadow: 0px 12px 25px rgba(0, 156, 166, 0.4), 0px 0px 25px rgba(10, 37, 64, 0.3) !important; 
}

/* ==========================================================================
   8. MOBILE RESPONSIVENESS
   ========================================================================== */
@media (max-width: 600px) {
    .charitable-donation-form,
    .charitable-form.simple-1-column,
    .campaign-donation-form .charitable-form {
        padding: 2.5rem 1.25rem 1.5rem 1.25rem !important;
        border-radius: 16px !important;
    }
}

/* ==========================================================================
   9. SECURE PAYMENT ICONS (4 Icons, Perfectly Spaced)
   ========================================================================== */
.charitable-submit,
.charitable-form-buttons,
.charitable-donation-form-submit {
    padding-bottom: 0 !important; 
}

.charitable-donation-form, 
form.charitable-form {
    padding-bottom: 90px !important; 
}

form.charitable-form::after {
    content: "";
    position: absolute;
    bottom: 50px; 
    left: 0;
    width: 100%;
    height: 30px;
    z-index: 10;
    display: block;
    opacity: 1 !important; 
    filter: none !important; 
    
    background-image: 
        url('https://upload.wikimedia.org/wikipedia/commons/f/f2/Google_Pay_Logo.svg'),
        url('https://upload.wikimedia.org/wikipedia/commons/2/2a/Mastercard-logo.svg'),
        url('https://upload.wikimedia.org/wikipedia/commons/b/ba/Stripe_Logo%2C_revised_2016.svg'),
        url('https://upload.wikimedia.org/wikipedia/commons/b/b5/PayPal.svg');
        
    background-repeat: no-repeat;
    
    background-size: 
        auto 16px, /* GPay */
        auto 20px, /* Mastercard */
        auto 18px, /* Stripe */
        auto 18px; /* PayPal */
        
    background-position: 
        calc(50% - 135px) center, /* GPay */
        calc(50% - 45px) center,  /* Mastercard */
        calc(50% + 45px) center,  /* Stripe */
        calc(50% + 135px) center; /* PayPal */
}
/* Premium Subtle Blue Ambient Glow for the Form Card */
.elementor-2652 .elementor-element.elementor-element-ddd56ce {
    background: #FFFFFF !important;
    border-radius: 16px !important;
    
    /* Clean, professional depth multi-shadow with a soft blue tint */
    box-shadow: 
        0 4px 6px -1px rgba(0, 0, 0, 0.02),
        0 10px 20px -3px rgba(0, 86, 179, 0.04),
        0 20px 35px -5px rgba(0, 86, 179, 0.06),
        0 30px 50px -10px rgba(0, 86, 179, 0.03) !important;
        
    /* Ultra-clean boundary border */
    border: 1px solid rgba(0, 86, 179, 0.08) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d1c0b11 *//* Sharp Light Charcoal Line with its own isolated subtle light blue glow */
.elementor-2652 .elementor-element.elementor-element-d1c0b11 {
    padding-left: 40px !important;
    padding-top: 15px !important; 
    box-sizing: border-box !important;
    position: relative;
}

/* We create a custom pseudo-line so the text content NEVER glows */
.elementor-2652 .elementor-element.elementor-element-d1c0b11::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0.5px;
    background-color: #A0AEC0 !important; /* Perfect Light Charcoal Base */
    
    

/* Mobile responsive reset */
@media (max-width: 767px) {
    .elementor-2652 .elementor-element.elementor-element-d1c0b11 {
        padding-left: 0px !important;
        padding-top: 0px !important;
    }
    .elementor-2652 .elementor-element.elementor-element-d1c0b11::before {
        display: none !important;
    }
}/* End custom CSS */
/* Start custom CSS *//* ==========================================================================
   TARGETED ELEMENTOR COMPACT HEADER FORCE
   ========================================================================== */

/* Force all top-level header sections to drop vertical padding entirely */
.elementor-location-header .elementor-section,
.elementor-location-header section,
header .elementor-section {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    min-height: unset !important;
    height: auto !important;
}

/* Clear backend editor container forcing gaps */
.elementor-location-header .elementor-section-wrap,
.elementor-location-header .elementor-container,
header .elementor-container {
    min-height: unset !important;
    height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Shrink the massive logo image file block down to force the row tighter */
.elementor-location-header img,
header img[class*="logo"],
.elementor-widget-theme-site-logo img {
    max-height: 50px !important; /* Forces the entire horizontal axis to collapse */
    width: auto !important;
    object-fit: contain !important;
}

/* Compress the vertical spacing of the main navigation links */
.elementor-location-header .elementor-nav-menu--main .elementor-item,
.elementor-nav-menu .menu-item a {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Remove the dark overlay shadow under the header wrapper box */
header, 
.site-header, 
.elementor-location-header {
    box-shadow: none !important;
    border-bottom: 1px solid #e2e8f0 !important; /* Premium clean line */
}/* End custom CSS */