/** Styling for Onboarding Form in Made of Madras Festival **/

.onboarding-form label, 
.onboarding-form label .frm_required, 
.onboarding-form .form-field.tnc .frm_primary_label {
    color: var(--e-global-color-astglobalcolor2) !important;
}

.onboarding-form input[type=text], 
.onboarding-form input[type=email], 
.onboarding-form input[type=tel], 
.onboarding-form input[type=url], 
.onboarding-form textarea {
    background-color: transparent !important;
    color: rgb(255 255 255) !important;
}

.onboarding-form input[type=tel]::placeholder {
    color: rgb(255 255 255 / 75%) !important;
}

.onboarding-form .card-row h6 {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
    color: var(--e-global-color-astglobalcolor2) !important;
    text-transform: capitalize;
}

.onboarding-form .frm_section_heading {
    margin: 0 0 20px 0 !important;
    border-bottom: 1px solid #EAECF0;
}

.onboarding-form .frm_trigger {
    font-size: 18px;
    font-weight: 600;
    color: var(--e-global-color-astglobalcolor2) !important;
}

.onboarding-form .frm_trigger .frmsvg {
    color: var(--e-global-color-astglobalcolor2) !important;
}

.onboarding-form .frm_section_heading h6, 
.onboarding-form .frm_section_heading .frm_total_big label {
    font-size: 18px;
    font-weight: 600;
    color: var(--e-global-color-astglobalcolor2) !important;
    text-transform: capitalize;
    margin-top: 20px;
}

.onboarding-form .frm_section_heading .frm_total_formatted {
    color: var(--e-global-color-astglobalcolor2) !important;
}

.onboarding-form .optInput {
    display: flex;
    align-items: center;
}

.onboarding-form .optInput .frm_checkbox {
    margin: 0;
}

.onboarding-form .optInput label {
    display: flex !important;
    align-items: center;
    gap: 10px;
    color: rgb(255 255 255 / 75%) !important;
}

.onboarding-form .frm_forms.with_frm_style .frm_checkbox input[type=checkbox] {
    position: relative;
    padding: 10px;
    margin: 0;
}

.onboarding-form .frm_forms.with_frm_style .frm_checkbox input[type=checkbox]:before {
    position: absolute !important;
    left: 0;
    top: 0;
    background-size: 60% !important;
}

.onboarding-form .qtyInput input[type=number] {
    padding: 10px 15px;
}

.onboarding-form .qtyInput .frm_inline_box {
    color: #000;
}

.onboarding-form .frm_dropzone {
    max-width: 100% !important;
}

.onboarding-form .form-field.tnc .frm_opt_container {
    border: 1px solid var(--ast-border-color);
    padding: 20px;
    border-radius: 3px;
}

.onboarding-form .form-field.tnc .frm_opt_container .frm_checkbox {
    margin: 0;
}

.onboarding-form .frm_forms.with_frm_style .form-field.tnc .frm_checkbox input[type=checkbox] {
    padding: 5px;
}

.onboarding-form .form-field.tnc .frm_opt_container label {
    display: flex !important;
    align-items: flex-start;
    gap: 10px;
    max-height: 70px;
    overflow-y: scroll;
    color: rgb(255 255 255 / 75%) !important;
}

.onboarding-form .frm_button_submit {
    color: var(--e-global-color-astglobalcolor0) !important;
    margin: 20px 0 0 0 !important;
    border-style: solid !important;
    border-width: 2px !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    padding: 15px 30px !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    transition: all .3s;
}

.onboarding-form .frm_button_submit:hover {
    background-color: var(--e-global-color-astglobalcolor0) !important;
    color: var(--e-global-color-astglobalcolor2) !important;
}

.onboarding-form input:-webkit-autofill:focus {
    transition: none;
}

.onboarding-form .iti__selected-country > div {
    background-color: transparent !important;
}

.frm_forms .iti__country {
    color: var(--iti-dialcode-color) !important;
}

.register-btn {
    background-color: var(--e-global-color-astglobalcolor2) !important;
    color: var(--e-global-color-astglobalcolor0) !important;
    border:2px solid var(--e-global-color-astglobalcolor2) !important;
    font-weight: 700 !important;
    margin-bottom: 70px;
}

.register-btn:hover {
    background-color: var(--e-global-color-astglobalcolor0) !important;
    color: var(--e-global-color-astglobalcolor2) !important;
}

body:not(.logged-in) .register-btn {
    display: none;
}