/* form and input elements */
.wpcf7 form{
    width: 70% !important;
    display: block;
    margin: auto !important;
    padding-bottom: 20px !important;
}
.grecaptcha-badge { 
    visibility: hidden;
}


form input, form textarea{
    margin: 0px !important;
}
form label{
    font-size: 18px;
    color: black;
    display: inline-block;
}
form label span{
    color: red !important;
    font-size: 20px;
    font-weight: bold;
}
form input, form textarea, form select{
    border-color: #30529c !important;
}
form input:focus, form select:focus, form textarea:focus{
    border-color: #223c73;
    transition: .3s ease;
    background: #e3e3e3 !important;
}
form input[type="submit"]{
    background: #30529c;
}
form select{
    width: 300px !important;
    font-size: 15px !important;
    margin: 0px !important;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="num"],
.wpcf7 textarea
{
    width: 100% !important;
}
form button{
    background: #223c73 !important;
    width: 100% !important;
    margin-top: 20px;
}

#realtor-form, .inquiry-form{
    display: block;
    width: 100%;
    height: auto;
    padding: 10px 20px;
    background: #223c73 !important;
    box-shadow: 3px 3px 6px black !important;
    margin-bottom: 20px;
    border-radius: 5px;
    color: white;
} 

.inquiry-form h2{
    text-align: center;
    font-weight: bold !important;
}

.inquiry-video{
    display: block;
    width: 100%;
    padding-bottom: 45px;
}

#realtor-form label, #realtor-form h2, #realtor-form small, .inquiry-form label, .inquiry-form h2, .inquiry-form small{
    color: white !important;
}
#realtor-form small a, .inquiry-form small a{
    color: white;
}
#realtor-form input, .inquiry-form input{
    color: black !important;
}

#realtor-form form, .inquiry-form form{
    width: 100% !important;
}

#realtor-form input[type=submit], .inquiry-form input[type=submit]{
    background: red !important;
    color: white !important;
    text-shadow: 2px 2px 4px black !important;
}
/* media queries */
@media screen and (max-width: 768px){ /* max */
    .wpcf7 form{
        width: 100% !important;
    }
}
@media screen and (min-width: 768px){ /* min */
    .wpcf7 input, .wpcf7 .wpcf7-select{
        width: 100% !important;
    }
}