.elementor-23972 .elementor-element.elementor-element-8d2d461{--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-23972 .elementor-element.elementor-element-f7689c3{--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-23972 .elementor-element.elementor-element-f7689c3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-23972 .elementor-element.elementor-element-5e6c35d{--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-23972 .elementor-element.elementor-element-5e6c35d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-23972 .elementor-element.elementor-element-d496d23{width:var( --container-widget-width, 105.465% );max-width:105.465%;--container-widget-width:105.465%;--container-widget-flex-grow:0;}.elementor-23972 .elementor-element.elementor-element-d496d23.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-23972 .elementor-element.elementor-element-7685d04 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-23972 .elementor-element.elementor-element-7685d04 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-23972 .elementor-element.elementor-element-7685d04 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-23972 .elementor-element.elementor-element-7685d04 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-23972 .elementor-element.elementor-element-7685d04 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-23972 .elementor-element.elementor-element-7685d04 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-23972 .elementor-element.elementor-element-7685d04 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-23972 .elementor-element.elementor-element-7685d04 .elementor-field-type-html{padding-bottom:0px;}.elementor-23972 .elementor-element.elementor-element-7685d04 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-23972 .elementor-element.elementor-element-7685d04 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-23972 .elementor-element.elementor-element-7685d04 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-23972 .elementor-element.elementor-element-7685d04 .elementor-button[type="submit"]{color:#ffffff;}.elementor-23972 .elementor-element.elementor-element-7685d04 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-23972 .elementor-element.elementor-element-7685d04 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-23972 .elementor-element.elementor-element-7685d04 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-23972 .elementor-element.elementor-element-7685d04 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-23972 .elementor-element.elementor-element-7685d04 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-23972 .elementor-element.elementor-element-7685d04 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-23972 .elementor-element.elementor-element-7685d04{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-23972 .elementor-element.elementor-element-e88f465{--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-23972 .elementor-element.elementor-element-0ab41dc > .elementor-widget-container{background-color:var( --e-global-color-secondary );margin:0px 12px 0px 0px;padding:12px 6px 4px 6px;border-style:solid;border-width:0px 0px 0px 0px;border-color:#010201;border-radius:0px 0px 0px 0px;}.elementor-23972 .elementor-element.elementor-element-0ab41dc{text-align:right;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:#FFFFFF;}.elementor-23972 .elementor-element.elementor-element-efdd5e8 > .elementor-widget-container{border-style:double;border-width:0px 0px 6px 0px;border-color:var( --e-global-color-secondary );}.elementor-23972 .elementor-element.elementor-element-77c6227 > .elementor-widget-container{padding:0px 0px 0px 0px;border-style:double;border-width:0px 0px 6px 0px;border-color:var( --e-global-color-secondary );}.elementor-23972 .elementor-element.elementor-element-c36cf54 > .elementor-widget-container{border-style:double;border-width:0px 0px 6px 0px;border-color:var( --e-global-color-secondary );}@media(min-width:768px){.elementor-23972 .elementor-element.elementor-element-f7689c3{--width:67.824%;}.elementor-23972 .elementor-element.elementor-element-5e6c35d{--width:99.436%;}}/* Start custom CSS for form, class: .elementor-element-7685d04 *//* ============================================
   Pekoe Trail Donation Form - FIXED VERSION
   Color Theme: Olive/Mustard Yellow (#A4A449) & Forest Green (#3D5940)
   With !important flags to override Elementor defaults
   ============================================ */

/* Hide default radio buttons */
.elementor-field-type-radio .elementor-field-option input[type="radio"] {
    position: absolute !important;
    opacity: 0 !important;
    cursor: pointer;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
}

/* Remove default radio button appearance */
.elementor-field-type-radio .elementor-field-option input[type="radio"] + label:before {
    display: none !important;
}

/* Radio group container */
.elementor-field-type-radio .elementor-field-subgroup {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin-bottom: 20px !important;
}

/* Radio button labels - Rounded rectangle horizontal style */
.elementor-field-type-radio .elementor-field-option {
    position: relative;
    margin: 0 !important;
    width: 100% !important;
}

.elementor-field-type-radio .elementor-field-option label {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 16px 24px !important;
    background: #ffffff !important;
    border: 2px solid #d4d4d4 !important;
    border-radius: 50px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #3D5940 !important;
    min-height: 56px !important;
    width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* Hover state */
.elementor-field-type-radio .elementor-field-option label:hover {
    border-color: #A4A449 !important;
    background: #f9f9f2 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(164, 164, 73, 0.15) !important;
}

/* Checked state */
.elementor-field-type-radio .elementor-field-option input[type="radio"]:checked + label {
    background: linear-gradient(135deg, #A4A449 0%, #8a8a3a 100%) !important;
    border-color: #A4A449 !important;
    color: #ffffff !important;
    box-shadow: 0 6px 20px rgba(164, 164, 73, 0.3) !important;
    transform: translateY(-2px) !important;
}

/* Add checkmark icon when selected */
.elementor-field-type-radio .elementor-field-option input[type="radio"]:checked + label:before {
    content: "✓" !important;
    margin-right: 8px !important;
    font-size: 18px !important;
    font-weight: bold !important;
    display: inline-block !important;
    color: #ffffff !important;
}

/* Active/Focus state */
.elementor-field-type-radio .elementor-field-option input[type="radio"]:focus + label {
    outline: 3px solid rgba(164, 164, 73, 0.3) !important;
    outline-offset: 2px !important;
}

/* Donate Now Button - Multiple .elementor-23972 .elementor-element.elementor-element-7685d04s for better targeting */
.elementor-field-type-submit button,
.elementor-button.elementor-size-md,
.elementor-form button[type="submit"],
.elementor-button[type="submit"] {
    background: linear-gradient(135deg, #3D5940 0%, #2d4230 100%) !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 18px 48px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    box-shadow: 0 6px 20px rgba(61, 89, 64, 0.3) !important;
    width: 100% !important;
    min-height: 60px !important;
}

/* Button hover state */
.elementor-field-type-submit button:hover,
.elementor-button.elementor-size-md:hover,
.elementor-form button[type="submit"]:hover,
.elementor-button[type="submit"]:hover {
    background: linear-gradient(135deg, #4a6b4d 0%, #3D5940 100%) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 25px rgba(61, 89, 64, 0.4) !important;
}

/* Button active state */
.elementor-field-type-submit button:active,
.elementor-button.elementor-size-md:active,
.elementor-form button[type="submit"]:active,
.elementor-button[type="submit"]:active {
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 15px rgba(61, 89, 64, 0.3) !important;
}

/* Remove any default Elementor radio styles */
.elementor-field-type-radio .elementor-field-subgroup .elementor-field-option:not(:last-child) {
    margin-bottom: 0 !important;
}

/* Ensure proper spacing */
.elementor-field-type-radio .elementor-field-subgroup span {
    margin: 0 !important;
}

/* Responsive Design */
@media (max-width: 768px) {
    .elementor-field-type-radio .elementor-field-option label {
        padding: 14px 20px !important;
        font-size: 15px !important;
        min-height: 52px !important;
    }
    
    .elementor-field-type-submit button,
    .elementor-button.elementor-size-md,
    .elementor-form button[type="submit"],
    .elementor-button[type="submit"] {
        padding: 16px 36px !important;
        font-size: 16px !important;
        min-height: 56px !important;
    }
}

/* Optional: Add subtle animation on page load */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.elementor-field-type-radio .elementor-field-option {
    animation: fadeInUp 0.5s ease backwards;
}

.elementor-field-type-radio .elementor-field-option:nth-child(1) {
    animation-delay: 0.1s;
}

.elementor-field-type-radio .elementor-field-option:nth-child(2) {
    animation-delay: 0.2s;
}

.elementor-field-type-radio .elementor-field-option:nth-child(3) {
    animation-delay: 0.3s;
}

.elementor-field-type-radio .elementor-field-option:nth-child(4) {
    animation-delay: 0.4s;
}

/* Button animation */
.elementor-field-type-submit button,
.elementor-button.elementor-size-md {
    animation: fadeInUp 0.5s ease 0.5s backwards;
}/* End custom CSS */