/*
Gravity form styles
*/

.gform_wrapper {
    width: 100%;
}

/* Validation errors */
body .gform_wrapper.gravity-theme .gform_validation_errors {
    background: white;
    border: none !important;
    box-shadow: none !important;
    position: relative;
    width: 100vw;
    margin: 40px 0 0 calc(-50vw + 50%);
    text-align: center;
    padding: 70px 0 0 !important;
    color: unset !important;
}

body.single-lesson .section-block .gform_wrapper.gravity-theme .gform_validation_errors {
    margin-bottom: 20px;
    padding: 35px 0 !important;
}

body .gform_wrapper.gravity-theme .gform_validation_errors h2 {
    text-align: center;
    letter-spacing: -.01em !important;
    font-weight: 400;
    text-transform: none;

    width: fit-content;
    margin: 0 auto !important;

    background: none !important;
    color: #e80000 !important;
    padding: 0;
}

body .gform_wrapper .gform_validation_errors h2::before {
    display: inline-block !important;
    content: "";
    font-family: Dashicons;
    font-size: inherit;
    vertical-align: top;
    float: left;
    margin-left: -32px;
    margin-top: 0;
}

/* Fields */
.gform_fields {
    display: block !important;
}

.gform_fields .gfield {
    margin-bottom: 60px !important;
}

.gfield .gfield_label {
    color: #000;
    text-align: center;
    font-family: Georgia !important;
    font-size: 23px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 115% !important;
    letter-spacing: -0.46px !important;
}

.gfield:not(.gfield--type-radio) .gfield_label {
    margin-bottom: 27px !important;
}

.gfield .ginput_counter {
    text-align: left;
    padding-top: 5px !important;
}

.gfield .textarea {
    border: none;
}

.gfield .gfield_required_text {
    display: none !important;
}

.gfield.gfield_error label {
    color: #741d1d !important;
}

.gform_footer {
    padding: 0 !important;
    margin: 0 !important;
    text-align: center !important;
    align-items: center;
    justify-content: center;
}

.gform_footer .gform_button {
    margin-bottom: 0 !important;
    cursor: pointer;
    font-weight: 500;
}

.gform_footer .gform_button:hover {
    background: black;
    color: white;
}

@media screen and (max-width: 767px) {
    .gform_fields .gfield {
        margin-bottom: 30px !important;
    }
}

/* Buttons and stuff from Ebrahim */
.gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme.gform-theme--framework.gform_wrapper:where(:not(.mce-splitbtn)) > button:not([id*=mceu_]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit], [type=button], [type=reset]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit], [type=button], [type=reset]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme.gform-theme--framework.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
    min-width: 207px !important;
}

form .gfield.header-checkbox {
    text-align: center;
    background: white;
    position: relative;
    padding-top: 82px;
    padding-bottom: 71px;
    width: calc(100vw);
    margin-left: calc(-50vw + 50%);
}

form .gfield.header-checkbox legend.gfield_label {
    margin-bottom: 54px !important;
    position: relative;
    top: 82px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Gotham A', 'Gotham B' !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 120% !important;
    letter-spacing: 1.8px !important;
    text-transform: uppercase;
}

form .gfield.header-checkbox .gform-field-label {
    font-size: 15px;
}

form .gfield.header-checkbox .ginput_container_checkbox {
    display: inline-block;
}

.gform-theme--framework.gform-theme.gform_wrapper input:is([type=submit],[type=button],[type=reset]).button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper input:is([type=submit],[type=button],[type=reset]):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
    display: inline-flex;
    justify-content: center;

    font-size: 17px;
    line-height: 1.2;
    font-weight: 500;
    letter-spacing: -0.17px;

    color: #110d0a;
    background-color: transparent;
    border: 1px solid #110d0a;

    padding: 18px 36px;
    border-radius: 100px;
    text-decoration: none;
    transition: all 0.1s linear;
}

.gform-theme--framework.gform-theme.gform_wrapper input:is([type=submit],[type=button],[type=reset]).button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, .gform-theme--framework.gform-theme.gform_wrapper input:is([type=submit],[type=button],[type=reset]):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover {
    color: #ffffff;
    background-color: #110d0a;
    border: 1px solid #110d0a;
}


/*
Assessment form styles.
Add the "assessment-form" class to each individual form in the form settings page
*/
.assessment-form {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
}

.assessment-question {
    background: #fff !important;
    border-radius: 1px;
    padding: 71px 20px !important;
}

.assessment-question.gfield_error {
    background-color: #fff !important;
    border-top: none;
    border-bottom: none;
}

.assessment-question.gfield_error legend {
    color: #741d1d !important;
}

.assessment-question .validation_message {
    border: none !important;
    font-weight: 500;

    background: #ff4f4f !important;
    color: #fff !important;
    width: fit-content !important;
    border-radius: 100px;
    margin: 30px auto -20px !important;
}

.assessment-question .gfield_label {
    margin: 0 auto !important;
	display:block;
	width:100%;
    float: left;
    padding-bottom: 30px !important;
}

.assessment-question .ginput_container {
    margin-top: 30px;
}

.assessment-question .ginput_container_radio .gfield_radio {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 20px;
    width: 100%;
    flex-wrap: wrap;
}

.assessment-question .ginput_container_radio .gfield_radio .gchoice {
    cursor: pointer;
    height: 100%;
    align-self: stretch;
    display: inline-block;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 67px;
    font-weight: 500;
    letter-spacing: -.01em;
    color: #110d0a;
    min-width: 130px;
    margin: 0;
    padding: 18px 5px;
    border: 1px solid #cecece;
    border-radius: 100px;
    text-align: center;
    font-family: 'Gotham A', 'Gotham B';
    font-size: 13px;
    font-style: normal;
    line-height: 115%;
    letter-spacing: -0.26px;
    cursor: pointer;
}

.assessment-question .ginput_container_radio .gfield_radio .gchoice .gform-field-label {
    color: #000;
    font-size: 13px;
    cursor: pointer;
}

.assessment-question .ginput_container_radio .gfield_radio .gchoice:hover,
.assessment-question .ginput_container_radio .gfield_radio .gchoice.selected {
    background: #1d6874;
    border-radius: 100px;
}

.assessment-question .ginput_container_radio .gfield_radio .gchoice:has(input:checked) {
    background: #1d6874;
    border-radius: 100px;
}

.assessment-question .ginput_container_radio .gfield_radio .gchoice:hover .gform-field-label,
.assessment-question .ginput_container_radio .gfield_radio .gchoice.selected .gform-field-label {
    color: white !important;
}

.assessment-question .ginput_container_radio .gfield_radio .gchoice:has(input:checked) .gform-field-label {
    color: white !important;
}

.assessment-question .ginput_container_radio .gfield_radio .gfield-choice-input {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
    visibility: hidden;
}

.assessment-question .ginput_container_radio .gfield_radio .gform-field-label {
    max-width: 90px;
}

.assessment-form.gform_confirmation_wrapper {
    background: white;
    padding-top: 30px;
    padding-bottom: 30px;
    max-width: 100% !important; /* <-- new, was not part of style.css */
}

.assessment-form.gform_confirmation_wrapper .gform_confirmation_message {
    text-align: center;
}


.assessment-question .ginput_container_radio .gfield_radio .gchoice .gform-field-label {
    margin-left: 0;
    font-weight: 500;
}

/* new - not part of style.css */
.assessment-form .gform_button {
    margin: auto;
}

.gform_wrapper.gravity-theme .gfield:not(.assessment-question) .gfield_validation_message,
.gform_wrapper.gravity-theme .gfield:not(.assessment-question) .validation_message {
    background-color: rgba(116, 29, 29, 0.25) !important;
    border: 1px solid #ff7979 !important;
    color: #741d1d !important;
    font-weight: 500;
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .assessment-question .ginput_container_radio .gfield_radio .gchoice {
        min-width: 130px;
    }

    .assessment-question .ginput_container_radio .gfield_radio .gchoice .gform-field-label {
        font-size: 13px !important;
        max-width: 90px;
    }
}

@media screen and (max-width: 767px) {

    .assessment-question .ginput_container_radio .gfield_radio {
        flex-direction: column;
        max-width: 230px;
        margin-left: auto;
        margin-right: auto;
    }

    .assessment-question .ginput_container_radio .gfield_radio .gchoice {
        padding: 18px 5px !important;
    }
}

/* Adjust block padding to include footer spacing */
.single-lesson .section-block .container:has(.gform_wrapper .gform_footer input[type="submit"]) {
    padding-bottom: 44px;
}

/* DTL Trained Certification Form #26 */
#gform_26 .gfield--type-checkbox .ginput_container {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
}

/* Gravity form class to remove bottom margin from a field. Class name: no-bottom-margin */
.gform_wrapper .gfield.no-bottom-margin {
    margin-bottom: 0 !important;
}