/*
Theme Name: Salient Child Theme
Theme URI: http: //mysite.com/
Description: This is a custom child theme for Salient
Author: My Name
Author URI: http: //mysite.com/
Template: salient
Version: 0.1
*/

form[id^=hs] fieldset {
    max-width: unset;
}

.form-columns-2 {
    display: flex;
    gap: 2em;
    flex-wrap: nowrap;
}

.hs-form-field {
    text-align: left;
}

.hs-form-field label span,
.hs-form-field .no-list li {
    max-width: 100%;
    font-family: "Roboto Condensed";
    font-size: 14px;
    color: #ffffff;
    font-weight: 700;
    text-align: left;
    padding: 0 0 3px 0;
    margin: 0;
    width: auto;
}

.hs-form-field .hs-form-required {
    margin-left: 5px;
    color: #cd333e;
}

form[id^=hs] fieldset .hs-form-field .hs-input {
    width: 100%;
}

form[id^=hs] fieldset + fieldset {
    margin-top: 20px;
}

form[id^=hs] fieldset .hs-form-field .input {
    margin-right: 0px;
}

.hs-form-field input[type=text],
.hs-form-field select,
.hs-form-field input[type=email],
.hs-form-field input[type=tel]{
    height: 32px;
    line-height: 1.3;
    padding: 3px 9px;
}

form[id^=hs] .hs-form-field input[type=text]:focus,
form[id^=hs] .hs-form-field select:focus,
form[id^=hs] .hs-form-field input[type=email]:focus,
form[id^=hs] .hs-form-field input[type=tel]:focus,
form[id^=hs] .hs-form-field textarea:focus {
    background-color: #4d3221;
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102,175,233, 0.6);
}

.hs-form-field textarea {
    line-height: 32px;
}

.hs-form-field .no-list {
    margin: 0px 15px;
}

.hs-form-field .no-list li {
    list-style-type: none;
    font-style: italic;
    color: #cd333e
}

.hs_submit.hs-submit {
    margin-top: 20px;
    text-align: left;
}

@media (max-width: 690px) {
    .form-columns-2 {
        flex-wrap: wrap;    
    }
    
    form[id^=hs] fieldset.form-columns-2 .hs-form-field {
        width: 100%;
    }
}