@media screen and (min-width: 640px) {
    form.newsletter-form .gfield--type-email {
        grid-column: span 7 !important;
    }

    form.newsletter-form .gfield--type-submit {
        grid-column: span 5 !important;
    }
    
    .newsletter-form_wrapper {
        margin-top: 3.5rem !important;
    }
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type="submit"], input[type="submit"], input[type="submit"], form.search-form button {
    font-family: var(--main-family);
}

.white-text label, 
.white-text legend, 
.white-text legend span, 
.white-text .gfield_description,
.white-text .gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label, 
.white-text .gform_wrapper .field_sublabel_above div.ginput_container[class*="gfield_date_"] label, 
.white-text .gform_wrapper .field_sublabel_above div.ginput_container[class*="gfield_time_"] label, 
.white-text .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, 
.white-text .gform_wrapper .field_sublabel_below div.ginput_container[class*="gfield_date_"] label, 
.white-text .gform_wrapper .field_sublabel_below div.ginput_container[class*="gfield_time_"] label {
    color: var(--white-color) !important;
}

.white-text [type="text"], .white-text [type="password"], .white-text [type="date"], .white-text [type="datetime"], .white-text [type="datetime-local"], .white-text [type="month"], .white-text [type="week"], .white-text [type="email"], .white-text [type="number"], .white-text [type="tel"], .white-text [type="time"], .white-text [type="url"], .white-text [type="color"], .white-text textarea {
    color: var(--text-color) !important;
}

form ul.inline {
    margin: 0 auto !important;
}

form ul.inline li {
    margin: 0 !important;
    padding-bottom: 0;
    display: inline-block;
}

/* Hide * message in Top Bar */
.gform_required_legend {
    display: none !important;
}

input[type="submit"], button, .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"], 
footer .gform_wrapper .gform_footer input.button, footer .gform_wrapper .gform_footer input[type="submit"] {
    font-size: var(--form-button-text-size) !important;
    font-weight: var(--form-button-font-weight) !important;
    text-transform: var(--form-button-text-transform) !important;
    border-radius: var(--form-button-border-radius) !important;
    padding: var(--form-button-padding) !important;
}

.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type="submit"]:hover, 
.gform_wrapper .gform_footer input.button:focus, .gform_wrapper .gform_footer input[type="submit"]:focus {
    text-decoration: none;
    color: var(--form-button-hover-text-color) !important;
    background: var(--form-button-hover-background-color) !important;
    border-color: var(--form-button-hover-border-color) !important;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type="submit"], input[type="submit"] {
    font-size: var(--form-button-text-size) !important;
    padding: var(--form-button-padding) !important;
    background-color: var(--form-button-background-color) !important;
    color: var(--form-button-text-color) !important;
    border: var(--form-field-border-width) solid var(--form-button-border-color) !important;
}

.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type="submit"]:hover, input[type="submit"]:hover, .gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type="submit"]:hover, input[type="submit"]:hover, gform_wrapper .gform_footer input.button:focus, .gform_wrapper .gform_footer input[type="submit"]:focus, input[type="submit"]:focus {
    color: var(--form-button-hover-text-color) !important;
    background-color: var(--form-button-hover-background-color) !important;
    border: var(--form-field-border-width) solid var(--form-button-hover-border-color) !important;
}

/* ---------------------------------------->>>> FORMS ----------- */
[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea {
    text-align: left !important;
    color: var(--form-field-text-color) !important;
    font-weight: var(--form-field-font-weight) !important;
    font-size: var(--form-field-font-size) !important;
    padding: var(--form-field-padding) !important;
  background-color: var(--form-field-background-color) !important;
    border: var(--form-field-border-width) solid var(--form-field-border-color) !important;
    border-radius: var(--form-button-border-radius) !important;
    height: auto !important;
    line-height: inherit !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

[type="text"]:focus, [type="password"]:focus, [type="date"]:focus, [type="datetime"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="week"]:focus, [type="email"]:focus, [type="number"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="url"]:focus, [type="color"]:focus, textarea:focus {
    border-color: var(--form-field-focus-border-color);
}

/* Woo State Field */
.select2-container--default .select2-selection--single {
    background-color: var(--form-field-background-color) !important;
    border: var(--form-field-border-width) solid var(--form-field-border-color) !important;
    border-radius: var(--form-button-border-radius) !important;
    padding: var(--form-field-padding) !important;
    font-size: var(--form-label-font-size) !important;
    height: auto !important;
}

/* Woo State Select Dropdown - appears at bottom of html */
.select2-dropdown {
    border: var(--form-field-border-width) solid var(--form-field-border-color) !important;
    border-radius: var(--form-button-border-radius) !important;
    top: -28px !important; /* changing field styles required moving up */
}

label, legend, legend span, .gfield_description {
    font-size: var(--form-label-font-size) !important;
    color: var(--form-label-color) !important;
    font-weight: var(--form-label-font-weight) !important;
}

.gfield_required {
    color: #ff4b4b !important;
    font-size: var(--form-label-font-size) !important;
}

.gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_above div.ginput_container[class*="gfield_date_"] label, .gform_wrapper .field_sublabel_above div.ginput_container[class*="gfield_time_"] label, .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_below div.ginput_container[class*="gfield_date_"] label, .gform_wrapper .field_sublabel_below div.ginput_container[class*="gfield_time_"] label {
    font-size: var(--form-label-font-size) !important;
    color: var(--form-label-color) !important;
    font-weight: var(--form-label-font-weight) !important;
}

/* FIX COUNTRY FIELD SHIFTED OVER */
.ginput_address_country {
    padding-left: 0 !important;
}

.gform_wrapper.gravity-theme .gfield textarea.small {
    max-height: 100px;
}

.gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer {
    margin: 4px 0 !important;
}

.gform_wrapper .gform_footer {
    margin-top: 3rem !important;
    text-align: center;
}

input::placeholder, textarea::placeholder, [type="textarea"]::placeholder {
    color: var(--text-color);
    opacity: 1 !important;
}

[type="search"]::placeholder {
    color: var(--pink-color);
    opacity: 1 !important;
}

input:focus::placeholder, [type="search"]:focus::placeholder, [type="textarea"]:focus::placeholder {
    color: var(--text-color) !important;
    opacity: 0 !important;
}

/* Default Form Stuff */


.gform_wrapper .gfield_radio li label {
    color: var(--form-field-text-color);
}

.gform_wrapper .gfield_checkbox li input, .gform_wrapper .gfield_checkbox li input[type="checkbox"], .gform_wrapper .gfield_radio li input[type="radio"] {
    vertical-align: inherit !important;
}

body .gform_wrapper ul li.gfield {
    margin: 1.1rem 0 0 0 !important;
}

.gform_wrapper.gravity-theme .gfield input, .gform_wrapper.gravity-theme .gfield select {
    border: var(--form-field-border-width) solid var(--form-field-border-color) !important;
    background-color: var(--form-field-background-color) !important;
}

.gform_wrapper.gravity-theme .gfield input, .gform_wrapper.gravity-theme .gfield select {
    height: auto !important;
  margin: 0 !important;
  padding: var(--form-field-padding) !important;
  border: var(--form-field-border-width) solid var(--form-field-border-color) !important;
  border-radius: var(--form-button-border-radius);
  background-color: var(--form-field-background-color) !important;
  font-family: inherit;
  font-size: var(--form-field-font-size) !important;
  font-weight: 400 !important;
  line-height: 1.5;
}

.gform_wrapper.gravity-theme .gfield input, .gform_wrapper.gravity-theme .gfield select:focus, .gform_wrapper.gravity-theme .gfield input, .gform_wrapper.gravity-theme .gfield select:hover {
    outline: none;
    border: var(--form-field-border-width) solid var(--form-field-border-color) !important;
    background-color: var(--form-field-background-color) !important;
    box-shadow: none !important;
      }


/* --------------------------------->>>> SEARCH FORM -------- */

/*
form.search-form button svg {
    fill: var(--green-color);
}

form.search-form button svg:hover {
    fill: var(--black-color);
}*/

ul.sform button {
    margin-bottom: 0;
}

[type="search"] {
    border: var(--form-field-border-width) solid var(--form-field-border-color) !important;
    border-radius: var(--form-button-border-radius) 0 0 var(--form-button-border-radius);
    background: var(--white-color) !important;
    color: var(--pink-color) !important;
    font-size: 16px !important;
    font-weight: 700;
    margin: 0 !important;
    padding: .4rem 1.3rem !important;
    height: auto !important;
    line-height: inherit !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

[type="search"]:focus {
    border-color: none !important;
}

form.search-form button {
    font-size: 28px !important;
    margin: 0 0 0 -7px !important;
    padding: .515rem 1.2rem 0 1rem !important;
    border-radius: 0 var(--form-button-border-radius) var(--form-button-border-radius) 0 !important;
    background-color: var(--pink-color) !important;
    cursor: pointer;
}

form.search-form button:hover {
    background-color: var(--navy-color) !important;
}

form.search-form button img {
    margin: 0;
    padding: 0;
}

form.search-form {
    margin: 0;
}

  @media screen and (min-width: 0\0) {
  
  select:disabled, .gform_wrapper.gravity-theme .gfield input, .gform_wrapper.gravity-theme .gfield select:disabled {
    background-color: #ccc;
    cursor: not-allowed; 
      }
  select::-ms-expand {
    display: none; 
      }
  select[multiple], .gform_wrapper.gravity-theme .gfield input, .gform_wrapper.gravity-theme .gfield select[multiple] {
    height: auto;
    background-image: none; 
      }
}