/*!
Theme Name: thespaacademyusa
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.1
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: thespaacademyusa
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

thespaacademyusa is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------*/
* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}

body {
    background: #f8f2eb;
    font-family: "Nunito", sans-serif;
}

h1 {
    font-family: "Playfair Display", serif;
}

.quiz-form-section {
    padding: clamp(24px, 5vw, 50px) clamp(16px, 2vw,30px);
}

.quiz-form-div {
    max-width: 600px;
    margin: 0px auto;
}

.quiz-form-div .gform_wrapper {
    padding: 40px;
    background: rgb(255, 255, 255);
    box-shadow: rgba(44, 33, 24, 0.13) 0px 12px 56px, rgba(154, 97, 88, 0.06) 0px 2px 0px;
    border-radius: 16px;
    border-image-source: linear-gradient(90deg, rgb(154, 97, 88), rgb(196, 165, 90), rgb(154, 97, 88));
    width: 100%;
    border-top: 3px solid #FFFFFF;
    border-image-slice: 1;
}

.quiz-form-div .gform_wrapper .gfield_html h2 {
    background: rgb(240, 232, 222);
    color: rgb(154, 97, 88);
    font-family: "Nunito", sans-serif;
    font-weight: 600;
    border: 1px solid rgba(154, 97, 88, 0.18);
    text-transform: uppercase;
    letter-spacing: .2em;
    font-size: 10px;
    padding: 4px 12px;
    border-radius: 3.40282e38px;
    margin: 0px 0px 20px;
}

.quiz-form-div .gform_wrapper .gfield_html p {
    font-family: Nunito, sans-serif;
    color: rgb(138, 112, 96);
    line-height: 1.625;
    font-size: 12px;
    line-height: 19.5px;
}

.quiz-form-div .gform_wrapper .gfield_html {
    border-bottom: 1px solid rgba(154, 97, 88, 0.12);
    padding: 0px 0px 12px;
}

.quiz-form-div 
.gform_wrapper legend.gfield_label {
    font-family: "Playfair Display", serif;
    color: rgb(44, 33, 24);
    font-size: 24px;
    line-height: 33px;
    margin: 0px 0px 20px;
}

body .gform_wrapper.gravity-theme .gf_progressbar_percentage span {
    display: block;
    float: right;
    font-size: clamp(10px, 2vw, 13px);
    line-height: 1.5;
    min-width: 2em;
    margin: 0;
}

.quiz-form-div .gform_wrapper {
    background: rgb(255, 255, 255);
    border: 1.5px solid rgba(154, 97, 88, 0.18);
    font-family: Nunito, sans-serif;
    color: rgb(44, 33, 24);
    font-weight: 400;
}

.quiz-form-div .gform_wrapper input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.quiz-form-div .gform_wrapper .gfield_radio .gchoice label {
    position: relative;
    cursor: pointer;
    background: rgb(255, 255, 255);
    border: 1.5px solid rgba(154, 97, 88, 0.18);
    font-family: "Nunito", sans-serif;
    color: rgb(44, 33, 24);
    font-weight: 400;
    display: block !important;
    border-radius: 14px;
    padding: 16px 20px 16px 52px;
    font-size: 14px !important;
    line-height: 19.25px;
    max-width: 100% !important;
}

.quiz-form-div .gform_wrapper .gfield_radio .gchoice label::before {
    content: "";
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: clamp(12px, 2vw,18px);
    height: clamp(12px, 2vw,18px);
    border: 1.5px solid rgba(154, 97, 88, 0.3);
    border-radius: 50%;
    background: #fff;
    transition: all .25s ease;
}

.quiz-form-div .gform_wrapper .gfield_radio .gchoice label::after {
    content: "";
    position: absolute;
    left: 25px;
    top: 50%;
    transform: translateY(-50%) scale(0);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #0073e6;
    transition: transform .25s ease;
    background: url(/wp-content/uploads/2026/07/checkmark.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.quiz-form-div .gform_wrapper input[type="radio"]:checked + label::before {
    background: rgb(154, 97, 88);
}

.quiz-form-div .gform_wrapper input[type="radio"]:checked + label::after {
    transform: translateY(-50%) scale(1);
}

.quiz-form-div .gform_wrapper input[type="radio"]:checked + label {
    background: rgb(250, 240, 237);
    border-color: rgb(154, 97, 88);
    color: rgb(154, 97, 88);
}

.quiz-form-div .gform_wrapper input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.quiz-form-div .gform_wrapper .gfield_checkbox .gchoice label {
    position: relative;
    cursor: pointer;
    background: rgb(255, 255, 255);
    border: 1.5px solid rgba(154, 97, 88, 0.18);
    font-family: "Nunito", sans-serif;
    color: rgb(44, 33, 24);
    font-weight: 400;
    display: block !important;
    border-radius: 14px;
    padding: 16px 20px 16px 52px;
    font-size: 14px !important;
    line-height: 19.25px;
    max-width: 100% !important;
}

.quiz-form-div .gform_wrapper .gfield_checkbox .gchoice label::before {
    content: "";
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    border: 1.5px solid rgba(154, 97, 88, 0.3);
    border-radius: 4px;
    background: #fff;
    transition: all .25s ease;
}

.quiz-form-div .gform_wrapper .gfield_checkbox .gchoice label::after {
    content: "";
    position: absolute;
    left: 25px;
    top: 50%;
    transform: translateY(-50%) scale(0);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #0073e6;
    transition: transform .25s ease;
    background: url(/wp-content/uploads/2026/07/checkmark.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.quiz-form-div .gform_wrapper input[type="checkbox"]:checked + label::before {
    background: rgb(154, 97, 88);
}

.quiz-form-div .gform_wrapper input[type="checkbox"]:checked + label::after {
    transform: translateY(-50%) scale(1);
}

.quiz-form-div .gform_wrapper input[type="checkbox"]:checked + label {
    background: rgb(250, 240, 237);
    border-color: rgb(154, 97, 88);
    color: rgb(154, 97, 88);
}

.quiz-form-div .gform_wrapper .gf_progressbar_title {
    font-size: 0px !important;
    margin: 0 !important;
    line-height: 0 !important;
}

.quiz-form-div .gf_progressbar_title .gf_step_page_name {
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    color: rgb(138, 112, 96);
}

.quiz-form-div .gf_progressbar {
    background: rgb(237, 229, 216) !important;
    margin-top: 10px;
}

.quiz-form-div .gf_progressbar_percentage {
    background: linear-gradient(90deg, rgb(154, 97, 88), rgb(196, 165, 90));
    max-height: clamp(14px, 2vw, 20px);
}

.quiz-form-div .gform_wrapper .gfield_checkbox, .quiz-form-div .gform_wrapper .gfield_radio {
    display: flex;
    gap: 10px;
    flex-direction: column;
}

.quiz-form-div .gform_wrapper input[type="submit"], .quiz-form-div .gform_wrapper .gform_next_button {
    background: linear-gradient(135deg, rgb(154, 97, 88), rgb(176, 112, 104));
    color: rgb(255, 255, 255);
    font-family: Nunito, sans-serif;
    box-shadow: rgba(154, 97, 88, 0.22) 0px 4px 16px;
    cursor: pointer;
    font-size: 14px;
    padding: 12px 58px 12px 32px;
    appearance: none;
    border-radius: 3.35544e+07px;
    border: 0px;
    margin: 0px !important
}

.quiz-form-div .gform_wrapper #gform_page_1_1 p {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}

.quiz-form-div .gform_wrapper #gform_page_1_1 h3 {
    text-align: center;
    margin: 0px 0px 15px;
}

.quiz-form-div .gform_wrapper #gform_page_1_1 .gform-page-footer {
    text-align: center;
    display: block;
    padding: clamp(4px, 1.5vw,12px) 0 0;
}

.quiz-form-div .gform_wrapper .gform-btn-wrapper {
    position: relative;
    transition: all 0.3s ease;
}

.quiz-form-div .gform_wrapper .gform-btn-next svg {
    position: absolute;
    right: 32px;
    top: 15px;
}

.quiz-form-div .gform_wrapper .gform-btn-next:hover {
    opacity: 0.9
}

.quiz-form-div .gform_wrapper .gform_previous_button {
    appearance: none;
    border: 0;
    margin: 0px !important;
    cursor: pointer;
}

.quiz-form-div .gform_wrapper .gform-btn-prev:hover {
    opacity: 0.7
}

.quiz-form-div .gform_wrapper .gform-page-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0px;
    position: sticky;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
}

.quiz-form-div .vselected {
    order: -1;
}

.quiz-form-div .gform_wrapper #gform_page_1_1 .gfield_html {
    border: 0px;
}

.quiz-form-div .gform_wrapper #gform_page_1_1 .gform_next_button {
    padding: clamp(12px, 2vw, 16px) 66px clamp(12px, 2vw ,16px) clamp(16px, 5vw, 40px);
}

.quiz-form-div .gform_wrapper #gform_page_1_1 .gform-btn-next svg {
    position: absolute;
    right: 13%;
    top: 30%;
}

.quiz-form-div .gform_wrapper .gform-btn-prev {
    gap: 6px !important;
    display: flex;
}

.quiz-form-div .gform_wrapper #gform_page_1_17 input[type=text], .quiz-form-div .gform_wrapper #gform_page_1_17 input[type=email], .quiz-form-div .gform_wrapper #gform_page_1_17 input[type=tel] {
    position: relative;
    cursor: pointer;
    background: #f6ede6;
    border: 1.5px solid rgba(154, 97, 88, 0.18);
    font-family: "Nunito", sans-serif;
    color: rgb(44, 33, 24);
    font-weight: 400;
    border-radius: 14px;
    padding: 12.5px 16px;
    font-size: 14px;
    line-height: 19.25px;
}

.quiz-form-div .gform_wrapper #gform_page_1_17 input[type="radio"] {
    display: none;
}

.quiz-form-div .gform_wrapper #gform_page_1_17 .gfield_html h4 {
    font-family: "Playfair Display", serif;
    color: rgb(44, 33, 24);
    font-size: 24px;
    line-height: 33px;
    margin: 0 0 20px;
}

.quiz-form-div .gform_wrapper #gform_page_1_17 .gfield_html p {
    font-family: Nunito, sans-serif;
    color: rgb(92, 74, 64);
    font-size: 14px;
    line-height: 1.625;
}

.quiz-form-div .gform_wrapper #gform_page_1_17 .gfield_label {
    font-family: Nunito, sans-serif;
    color: rgb(138, 112, 96);
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    margin: 0px 0px 6px;
}

.quiz-form-div .gform_wrapper #gform_page_1_17 .gfield_radio {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    flex-direction: unset;
}

.quiz-form-div .gform_wrapper #gform_page_1_17 .gfield_radio .gchoice {
    width: calc(50% - 4px);
}

.quiz-form-div .gform_wrapper #gform_page_1_17 .gfield_html {
    border: 0px;
    padding: 0px;
}

.quiz-form-div .gform_wrapper .gfield_required {
    display: none;
}

.quiz-form-div .gform_wrapper .gform_required_legend {
    display: none;
}

{
    font-family: Nunito, sans-serif;
    color: rgb(138, 112, 96);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 16px;
    margin: 0px;
}

header.site-header {
    background: rgb(255, 255, 255);
    border-bottom: 1px solid rgba(154, 97, 88, 0.1);
    padding: clamp(12px, 1.5vw, 14px) 22px;
}

header.site-header .site-branding {
    text-align: center;
}

header.site-header .site-branding a {
    display: inline-block;
}

header.site-header .site-branding img {
    max-width: clamp(100px, 29vw,157px);
    width: auto;
    height: auto;
}

footer {
    background: rgb(46, 26, 16);
    padding: 24px 16px;
}

footer .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

footer p {
    font-family: Nunito, sans-serif;
    color: rgb(122, 92, 68);
    font-size: 12px;
}

footer p a {
    color: rgb(122, 92, 68);
    text-decoration: none;
}

footer p a:hover {
    color: #C4A88A;
}

footer ul {
    display: flex;
    list-style: none;
    gap: 20px;
    flex-wrap: wrap;
}

footer ul li a {
    font-family: Nunito, sans-serif;
    color: rgb(122, 92, 68);
    font-size: 12px;
    text-decoration: none;
}

footer ul li a:hover {
    color: #C4A88A;
}

.site-main {
    min-height: calc(100vh - 205px);
}

/* Result */
.result-content h2 {
    background: rgba(154, 97, 88, 0.082);
    color: rgb(154, 97, 88);
    font-family: Nunito, sans-serif;
    font-weight: 700;
    border: 1px solid rgba(154, 97, 88, 0.19);
    font-size: 10px;
    letter-spacing: .22em;
    padding: 4px 12px;
    text-transform: uppercase;
    margin: 0px 0px 12px;
    text-align: center;
}

.result-content h3 {
    font-family: "Playfair Display", serif;
    color: rgb(44, 33, 24);
    font-size: 36px;
    line-height: 45px;
    margin: 0px 0px 12px;
    text-align: center
}

.result-content h4 {
    color: rgb(154, 97, 88);
    font-family: Nunito, sans-serif;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    padding: 0px 0px 12px;
    position: relative;
}

.result-content h4:after {
    content: '';
    background: linear-gradient(90deg, transparent, rgb(154, 97, 88), transparent);
    width: 48px;
    line-height: 1px;
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    bottom: 0px;
}

.result-content .result-title {
    margin: 0px 0px 24px;
}

.result-content p {
    font-family: Nunito, sans-serif;
    color: rgb(92, 74, 64);
    line-height: 1.625;
    font-size: 14px;
    margin: 0px 0px 24px;
}

.result-content .result-ul {
    padding: 20px;
    background: rgb(248, 242, 235);
    border: 1px solid rgba(154, 97, 88, 0.15);
    margin: 0px 0px 24px;
}

.result-content .result-ul h5 {
    font-family: Nunito, sans-serif;
    color: rgb(138, 112, 96);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-size: 12px;
    margin: 0px 0px 12px;
}

.result-content .result-ul ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0px;
    padding: 0px;
}

.result-content .result-ul ul li {
    font-family: Nunito, sans-serif;
    color: rgb(44, 33, 24);
    line-height: 1.375;
    font-size: 14px;
}

.result-content .schedult-btn-bottom {
    display: block;
    margin: 0px 0px 24px;
}

.result-content .primary-btn {
    background: linear-gradient(135deg, rgb(154, 97, 88), rgba(154, 97, 88, 0.8));
    color: rgb(255, 255, 255);
    font-family: Nunito, sans-serif;
    box-shadow: rgba(154, 97, 88, 0.208) 0px 4px 20px;
    transition: .2s all ease;
    text-decoration: none;
    letter-spacing: .025em;
    font-size: 14px;
    padding: 16px 40px;
    border-radius: 3.40282e38px
}

.result-content .primary-btn:hover {
    opacity: 0.9;
}

.result-content .schedult-btn-bottom {
    font-family: Nunito, sans-serif;
    color: rgb(168, 144, 128);
    line-height: 1.625;
    font-size: 12px;
    text-align: center;
}

@media only screen and (max-width: 641px) {
    .quiz-form-div .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
        line-height: normal;
    }

    footer .container {
        flex-direction: column;
        justify-content: center;
    }

    .quiz-form-div .gform_wrapper #gform_page_1_17 .gfield_html h4, .quiz-form-div .gform_wrapper legend.gfield_label {
        font-size: 20px;
        line-height: 26px;
        margin: 0px 0px 12px;
    }

    .quiz-form-div .gform_wrapper {
        padding: 16px;
    }

    .quiz-form-div .gform_wrapper .gfield_checkbox .gchoice label, .quiz-form-div .gform_wrapper .gfield_radio .gchoice label {
        padding: 8px 15px 8px 40px;
        border-radius: 6px;
    }

    .quiz-form-div .gform_wrapper .gfield_checkbox .gchoice label::before, .quiz-form-div .gform_wrapper .gfield_radio .gchoice label::before {
        content: "";
        left: clamp(14px, 2.25vw,12px);
    }

    .quiz-form-div .gform_wrapper .gfield_checkbox .gchoice label::after, .quiz-form-div .gform_wrapper .gfield_radio .gchoice label::after {
        content: "";
        left: 16px;
    }

    .quiz-form-div .gform_wrapper #gform_page_1_17 .gfield_radio .gchoice {
        width: 100%;
    }

    .quiz-form-div .gform_wrapper input[type="submit"], .quiz-form-div .gform_wrapper .gform_next_button {
        font-size: 12px;
        padding: 10px 38px 10px 18px;
    }

    .quiz-form-div .gform_wrapper .gform-btn-next svg {
        right: 18px;
        top: 11px;
    }
}