﻿.base-content form p:last-child{
    margin-bottom:2em;
}

form .sf-fieldWrp{
    margin-bottom:15px;
    min-width:200px;
}

.base-content form .container{
    padding-left:0;
    padding-right:0;
    margin-left:0;
    margin-right:0;
}

.base-content form label, form legend{
    font-weight:700 !important;
    display:block;
    margin-bottom:.25em;
    margin-top:1em;
    font-size:16px;
}

.base-content .form-group .li label{

}

.base-content .form-group[data-sf-role="multiple-choice-field-container"] label,
.base-content .sf-fieldWrp[data-sf-role="multiple-choice-field-container"] label,
.base-content .sf-fieldWrp[data-sf-role="checkboxes-field-container"] label,
.base-content .form-group[data-sf-role="checkboxes-field-container"] label
 {
    padding-left: 30px;
    font-size: 16px;
    font-weight: normal !important;
}
.base-content form input[type=radio], .base-content form input[type=checkbox] {
    position: absolute;
    margin-left:-30px;
    margin-top:0px;
}

.base-content .form-group[data-sf-role="paragraph-text-field-container"] textarea,
.base-content .sf-fieldWrp[data-sf-role="paragraph-text-field-container"] textarea
{
    display:block;
    width:100%;
    max-width: 600px !important;
    min-height:100px;
}



.base-content .form-group[data-sf-role="text-field-container"],
.base-content .sf-fieldWrp[data-sf-role="text-field-container"],
.base-content .sf-fieldWrp[data-sf-role="email-text-field-container"],
.base-content .form-group[data-sf-role="email-text-field-container"] {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
}

    .base-content .form-group[data-sf-role="text-field-container"] p,
    .base-content .sf-fieldWrp[data-sf-role="text-field-container"] p {
        margin-bottom: 0;
        margin-top: .5em;
    }


.base-content div[role="alert"] {
    text-align: center;
    display: block;
    font-weight: bold;
    margin-top: 30px;
}

.base-content .form-group div[data-sf-role="error-message"],
.base-content .sf-fieldWrp div[data-sf-role="error-message"],
.base-content form p[data-sf-role="error-message"]{
    margin-top: 5px;
    color: red;
    font-weight: bold;
}

.input-state{

}

.g-recaptcha > div:first-child {
    margin: 0;
}

form button[type=submit] {
    min-width: 200px;
    background: blue;
    padding: 10px;
    color:white;
}

@media(max-width:500px){
    .base-content .form-group[data-sf-role="text-field-container"],
    .base-content .sf-fieldWrp[data-sf-role="text-field-container"],
    .base-content .sf-fieldWrp[data-sf-role="email-text-field-container"],
    .base-content .form-group[data-sf-role="email-text-field-container"] {
        display: block;
    }

    .base-content form input, .base-content form .sf-fieldWrp{
        width:100%;
    }

    form button[type=submit] {
        display:table;
        margin-left:auto;
        margin-right:auto;
    }

}


