/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.refund-form .acf-fields>.acf-field {
    padding-top: 10px;
    padding-bottom: 10px;
    border: none;
}

.refund-form .acf-fields>.acf-field:not(.acf-field-checkbox) {
    padding-left: 20%;
    padding-right: 20%;
    border: none;
}

.refund-form span,
.refund-form p.description,
.refund-form label,
.refund-form a,
.refund-form .acf-required {
    color: white !important;
}

.refund-form .acf-field-checkbox .acf-label label {
    display: none;
}

.refund-form .acf-fields>.acf-field.acf-field-checkbox {
    margin-top: 30px;
}

.refund-form p.description {
    font-style: italic;
}

.refund-form p.description a {
    text-decoration: underline;
}

html body[data-form-submit=regular] input[type=submit] {
    background-color: #ffff00 !important;
    color: black !important;
}

html body[data-form-submit=regular] input[type=submit] {
    float: none;
}

html body[data-form-submit=regular] input[type=submit]:hover {
    background-color: black !important;
    color: white !important;
}

table th,
table thead,
table tr,
table td,
table {
    border-color: black !important;
}

p.alert {
    padding: 0;
    color: #ffff00;
    font-weight: 800;
}

.modal {
    top: 140px;
}