/*
******************
    INQUIRIES
******************
*/

/* 
xxs media breakpoint
*/
@media screen and (min-width: 0) {
    .gform_title {
        display: none;
    }

    .gform_fields {
        row-gap: 24px !important;
    }

    .gform-field-label {
        font-family: futura-pt;
        font-size: var(--sm-size) !important;
        font-weight: 500 !important;
        line-height: var(--base-line-height);
        color: var(--text-black) !important;
    }

    .gfield--type-html span:not(.radio-text) {
        font-size: var(--md-size);
        font-weight: 600;
        list-style: var(--base-line-height);
        color: var(--text-light-gray);
        text-transform: uppercase;
    }

    .gfield--type-html {
        margin-top: 16px;
    }
    
    #field_1_17,
    .radio-buttons-group {
        margin: 0 !important;
    }

    input[type="text"],
    input[type="tel"],
    input[type="email"],
    select,
    textarea {
        font-size: var(--sm-size) !important;
        line-height: var(--sm-line-height) !important;
        height: auto !important;
        border-radius: var(--lg-border-radius) !important;
        border: 2px solid var(--primary-blue) !important;
    }

    select,
    select:focus-visible,
    select option {
        color: var(--text-black);
        font-weight: 400;
        letter-spacing: normal;
        text-transform: none;

    }

    select:hover {
        background-origin: padding-box;
    }

    input[type="text"],
    input[type="tel"],
    input[type="email"], 
    textarea {
        font-weight: 500 !important;
    }

    input[type="text"]::placeholder,
    input[type="tel"]::placeholder,
    input[type="email"]::placeholder,
    textarea::placeholder {
        color: var(--text-light-gray);
        opacity: 1;
    }

    input[type="text"],
    input[type="tel"],
    input[type="email"] {
        padding: 8px 12px !important;
    }

    textarea {
        padding: 16px 28px !important;
    }

    select {
        padding: 8px 28px 8px 18px !important;
        border-radius: var(--sm-border-radius) !important;
    }

    .gfield_required {
        display: none !important;
    }

    .gfield_label,
    .gfield_label span {
        font-weight: 600 !important;
    }

    .gfield_contains_required .gfield_label::after {
        content: "*";
        color: var(--text-black);
    }


    .sr-only {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }

    .radio-card {
        display: flex !important;
        align-items: center;
        cursor: pointer;
        user-select: none;
        transition: all 0.2s ease;
    }

    .radio-custom {
        width: 24px;
        height: 24px;
        border: 2px solid var(--primary-blue);
        border-radius: 50%;
        margin-right: 14px;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.2s ease;
    }

    .radio-custom::after {
        content: "";
        width: 8px;
        height: 8px;
        background-color: white;
        border-radius: 50%;
        transform: scale(0);
        transition: transform 0.2s ease;
    }

    .radio-text {
        font-size: var(--sm-size) !important;
        font-weight: 400;
        color: var(--text-black);
    }

    .gform-body .gfield_radio {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap;
        gap: 24px !important;
    }

    .gform-body .gfield_radio .gchoice {
        display: flex !important;
        align-items: center !important;
    }

    .gform-body input[type="radio"],
    .gform-body input[type="checkbox"] {
        margin: 0 !important;
        width: 24px !important;
        height: 24px !important;
        border: 2px solid var(--primary-blue) !important;
        accent-color: var(--primary-blue) !important;
        cursor: pointer !important;
    }

    .gform-body input[type="radio"]::before,
    .gform-body input[type="checkbox"]::before {
        background-color: var(--primary-blue) !important;
        block-size: 12px !important;
        inline-size: 12px !important;
    }
    
    .gform-body input[type="checkbox"] {
        border-radius: 100% !important;
    }
    
    .gform-body input[type="checkbox"]::before {
        color: var(--primary-blue) !important;
        content: "" !important;
        background: var(--primary-blue);
        border-radius: 100% !important;
    }

    input[type="submit"] {
        border-radius: var(--lg-border-radius) !important;
        background-color: var(--primary-blue) !important;
        font-family: futura-pt !important;
        font-weight: 600 !important;
        font-stretch: 12% !important;
        font-size: var(--xs-size) !important;
        line-height: var(--base-line-height) !important;
        text-transform: uppercase !important;
        padding: 12px 38px !important;
    }
    
    input[type="submit"]:hover {
        background-color: white !important;
        color: var(--primary-blue) !important;
        border: 1px solid var(--primary-blue) !important;
    }

    .gform_wrapper.gravity-theme .gfield select.medium {
        width: 100% !important;
    }

    .gform-footer {
        justify-content: center !important;
    }
    
    input[type="submit"],
    button[type="submit"] {
        border-radius: var(--lg-border-radius);
        font-family: futura-pt;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 12%;
    }

    [type=color]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=datetime]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, textarea:focus, select:focus {
        background-color: white;
        border: 2px solid var(--primary-blue);
        box-shadow: none;
        outline: 2px solid black;
        outline-offset: 0;
        border-radius: var(--lg-border-radius); 
    }

    input[type="radio"]:checked + .radio-card {
        border: none;
    }

    /* hides paragraph description when form is sent */
    body:has(.gform_confirmation_wrapper) .page-header p.description {  
    display: none !important;
    }
}

/* 
narrow media breakpoint
*/
@media screen and (min-width: 320px) {
}

/* 
ns media breakpoint
*/
@media screen and (min-width: 475px) {
}

/* 
media media breakpoint
*/
@media screen and (min-width: 640px) {
    #gform_fields_1 {
        row-gap: 24px;
    }

    .gfield--type-html:not(#field_1_17) {
        margin-top: 24px;
    }

    .gfield--type-html span {
        font-size: var(--lg-size);
    }

    .radio-text {
        font-size: var(--md-size) !important;
    }

    .radio-custom {
        width: 32px;
        height: 32px;
    }

    .radio-custom::after {
        width: 10px;
        height: 10px;
    }

    .gform-body input[type="radio"],
    .gform-body input[type="checkbox"] {
        width: 30px !important;
        height: 30px !important;
    }

    .gform-body input[type="radio"]::before,
    .gform-body input[type="checkbox"]::before {
        block-size: 16px !important;
        inline-size: 16px !important;
    }
    
    input[type="text"],
    input[type="tel"],
    input[type="email"] {
        padding: 10px 14px !important;
    }

    textarea {
        padding: 20px 36px !important;
    }

    select {
        padding: 10px 34px 10px 12px !important;
        border-radius: var(--lg-border-radius) !important;
    }

    input[type="submit"],
    button[type="submit"] {
        font-size: var(--sm-size);
        padding: 16px 50px;
    }

    .gform_wrapper.gravity-theme .gfield select.medium {
        width: calc(50% - 16px / 2) !important;
    }
}

/* 
medium_to_large media breakpoint
*/
@media screen and (min-width: 768px) {
    .gfield--type-html span:not(.radio-text) {
        font-size: var(--lg-size);
    }

    .gform-field-label {
        font-size: var(--md-size) !important;
    }


    .gform-body input[type="radio"],
    .gform-body input[type="checkbox"] {
        width: 36px !important;
        height: 36px !important;
    }


    .gform-body input[type="radio"]::before,
    .gform-body input[type="checkbox"]::before {
        background-color: var(--primary-blue) !important;
        block-size: 20px !important;
        inline-size: 20px !important;
    }

    input[type="text"],
    input[type="tel"],
    input[type="email"] {
        padding: 12px 16px !important;
    }

    textarea {
        padding: 24px 42px !important;
    }

    select {
        padding: 12px 40px 12px 16px !important;
    }

    .radio-buttons-group {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 12px !important;
        margin: 0 !important;
    }

    .radio-custom {
        width: 40px;
        height: 40px;
    }

    .radio-custom::after {
        width: 12px;
        height: 12px;
    }
}

/* 
large media breakpoint
*/
@media screen and (min-width: 1024px) {
}

/* 
xlarge media breakpoint
*/
@media screen and (min-width: 1200px) {
}

/* 
xxlarge media breakpoint
*/
@media screen and (min-width: 1440px) {
}



/*
==================
  REDUCED MOTION
================== */
@media (prefers-reduced-motion: reduce) {
    .radio-card,
    .radio-custom {
        transition: none !important;
    }

    .radio-custom::after {
        transition: none !important;
    }
}