/*!
Theme Name: Wagners
Theme URI: http://wagners.co/
Author: Twist & Bits
Author URI: http://twistbits.com/
Description: Description
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wagners
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 with others.

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

/* Forms 
--------------------------------------------- */
#gform_1 #gform_fields_1 .gfield_label, 
#gform_1 #gform_fields_1 .gform-field-label {
    color: #FFF;
    font-weight: bolder !important;
    font-size: 1em;
}

.gfield.gfield--type-address .ginput_right.address_state {
    width: 100%;
}

.gfield.gfield--type-consent .gfield_description {
    color: #FFF;
}

.gform-footer .gform_button[type="submit"] {
    min-width: 180px;
    border-radius: 0;
}

.gfield_required.gfield_required_asterisk,
.gfield_validation_message,
#gform_validation_container * {
    color: #f7c07f !important;
}

#gform_validation_container {
    border-color: #f7c07f !important;
}

.gfield input,
.gfield textarea,
.gfield select {
    outline: none !important;
    border: none !important;
}

#map-form {
    position: relative;
    min-height: 540px !important;
}

.gmap-container {
    position: absolute;
    width: 100%;
    z-index: 1;
}

.contact--form {
    display: flex;
    justify-content: flex-end;
}

#gform_wrapper_2 {
    background-color: #fff;
    box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.3);
    padding: 20px;
    margin: 20px;
    width: 40%;
    max-width: 480px;
    position: relative;
    z-index: 3;
}

#gform_wrapper_2 .gform_heading {
    display: none;
}

#gform_wrapper_2 #gform_fields_2 {
    row-gap: 15px;
}

#gform_wrapper_2 input, 
#gform_wrapper_2 textarea {
    box-shadow: none;
    border: 1px solid #ccc !important;
    color: #999
}

#gform_wrapper_2 .gform_button[type="submit"] {
    margin: 0 auto !important;
}


/* Tobacco Banner
--------------------------------------------- */
#tobacco-banner * {
    transition: all .15s ease-out !important;
}

#tobacco-banner {
    padding: 25px;
}

#tobacco-banner:hover {
    background-color: #000;
}

#tobacco-banner:hover a {
    color: #f7c07f;
}

#tobacco-banner a,
#tobacco-banner .tobacco-banner-text {
    font-weight: 400; 
    text-decoration: none;
}

#tobacco-banner .tobacco-banner-text:last-of-type {
    margin-top: 10px;
}

@media all and (max-width: 720px) {
    #tobacco-banner a {
        font-size: .85em !important;
    }
}


/* Modal Styles
--------------------------------------------- */
.jquery-modal.current.blocker {
    background: rgb(1 23 16 / 75%)
}

.jquery-modal.current.blocker .modal {
    background: #f7c07f;
    text-align: center !important;
}


/* Media Qs
--------------------------------------------- */
@media all and (max-width: 1024px) {
    #gform_wrapper_2 {
        width: 30%;
    }
}

@media all and (max-width: 480px) {
    #map-form  {
        max-height: initial !important;
    }

    .contact--form {
        margin-top: 400px;
    }

    #gform_wrapper_2 {
        width: auto;
    }
}