.at form {
    color: var(--detail-color);
    background-color: var(--page-color);
    font-family: "strawford";
}

.at header {
    display: none;
}

.at .at-form .at-title {
    display: none;
}

.at footer {
    display: none;
}

.at .at-steps {
    color: var(--detail-color);
    background-color: var(--page-color);
}

.at .at-form .at-steps {
    background-color: var(--page-color);
}

/* Active Step */
.at .at-form .at-step.active.valid > *::before {
    color: var(--page-color);
    background-color: var(--detail-color);
}
/* Completed Step */
.at .at-form .at-step.valid > *::before {
    color: var(--page-color);
    background-color: var(--detail-color);
}
/* Incomplete Step */
.at .at-form .at-step > *::before {
    color: var(--page-color);
    background-color: var(--detail-color);
}

/* Active Step Highlight */
.at .at-form .at-step.active {
    border-bottom-color: var(--detail-color);
}

.at .at-form .at-step.active > *::before {
    color: var(--page-color);
}

/* Step Text */
.at .at-form span.step-title {
    color: var(--detail-color);
    font-family: "strawford";
}
/* Inactive Contribution Buttons */
.at .at-form form .label-amount > a {
    background-color: #72d093;
    border-color: #72d093;
}
/* Contribution Button Hover */
.at .at-form form .label-amount:hover > a {
    background-color: #52cf7e;
    border-color: #52cf7e;
}
/* Active Contribution Button */
.at .at-form form .label-amount input[type="radio"]:checked + a {
    background-color: #33cf6a;
    border-color: #33cf6a;
}
/* Submit & Next Buttons */
.at .at-form .btn-at-primary {
    background-color: var(--detail-color);
    font-family: "strawford";
}
/* Submit & Next Buttons Hover */
.at .at-form .btn-at-primary:hover {
    background-color: var(--detail-color);
    filter: brightness(1.2);
}
/* Previous Step Button */
.at .at-form a.prevStep.btn-at.btn-at-link {
    padding-right: 10px;
    color: var(--detail-color);
    font-family: "strawford";
}

.at .at-form label {
    color: var(--detail-color);
}

.at .at-form label small {
    color: var(--detail-color);
    opacity: 70%;
}

/* Form Error On Field */
.at .at-form .error small.error {
    color: red;
}
.at .at-form label.error {
    color: var(--detail-color);
}

.at fieldset legend.at-legend {
    color: var(--detail-color);
    font-family: "strawford";
    font-size: 1.2em;
}

.SmsSubscribeMobilePhone {
    padding: .3em 0 0 0;
}

.SmsLegalDisclaimer {
    padding: .3em .15em .15em 0;
}

.at .at-markup h3 {
    font-family: "strawford";
    color: var(--detail-color);
}

.at .EventSignup .EventShiftsParent label.checkbox-list-label[name=EventShiftsParent] {
    color: var(--detail-color);
}

@media (prefers-color-scheme: dark) {

    
    /* Inactive Contribution Buttons */
    .at .at-form form .label-amount > a {
        background-color: #72d093;
        border-color: #72d093;
    }
    /* Contribution Button Hover */
    .at .at-form form .label-amount:hover > a {
        background-color: #52cf7e;
        border-color: #52cf7e;
    }
    /* Active Contribution Button */
    .at .at-form form .label-amount input[type="radio"]:checked + a {
        background-color: #33cf6a;
        border-color: #33cf6a;
    }
    /* Submit & Next Buttons */
    .at .at-form .btn-at-primary {
        color: var(--page-color);
        background-color: var(--link-color);
    }
    /* Submit & Next Buttons Hover */
    .at .at-form .btn-at-primary:hover {
        color: var(--page-color);
        background-color: var(--link-color);
        filter: brightness(1.2);
    }

}