/**
 * Add Your Custom CSS Styles Here
 */

form .btn.btn-primary{
    background-color: var(--c-light-green); 
    border: 2px solid var(--c-light-green);
    border-radius: 0; color: var(--c-darker-gray); 
    cursor: pointer; display: inline-block; 
    font-size: var(--fs-button);
    font-weight: var(--fw-bold);
    letter-spacing: var(--ls-button); 
    line-height: var(--lh-button); 
    padding: var(--v-pad-button) var(--h-pad-button);
    text-align: center; 
    text-decoration: none; 
    text-transform: uppercase; 
    -webkit-transition: background-color .2s, border-color .2s; 
    transition: background-color .2s, border-color .2s; 
    margin-top: 20px;
}
form .btn.btn-primary:hover{
    background-color: var(--c-green);
    border-color: var(--c-green);
    text-decoration: underline;
}
#adult_adoptee_newsletter .col-btn {
    text-align: center;
}
#photolisting_form .fields_group, #footer_survey_form .fields_group {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
}
#photolisting_form .btn.btn-primary{
    margin-top: 0;
}
#footer_survey_form .btn.btn-primary{
    margin-top: 0;
    height: 3rem;
    width: 100%;
}
.well a.footer_form_link{
    color: #fff;
    text-decoration: underline;
}
.well a.footer_form_link{
    color: var(--c-light-green);
    text-decoration: underline;
}
@media (min-width: 48em){
    #photolisting_form .fields_group .form-group, #footer_survey_form .fields_group .form-group{
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-basis: 0;
        flex-grow: 1;   
    }
}
@media (min-width: 48em) {
    #photolisting_form .fields_group .form-group:not(:first-child), #footer_survey_form .fields_group .form-group:not(:first-child){
        margin-left: var(--grid-half-gap);
    }
    #photolisting_form .fields_group .form-group:not(:last-child), #footer_survey_form .fields_group .form-group:not(:last-child) {
        margin-right: var(--grid-half-gap);
    }
}
@media(max-width: 767px){
    #photolisting_form .fields_group, #footer_survey_form .fields_group {
        flex-direction: column;
    }
    #photolisting_form .fields_group .form-group:not(:first-child), #footer_survey_form .fields_group .form-group:not(:first-child){
        margin-top: var(--grid-half-gap);
    }
    #photolisting_form .fields_group .form-group:not(:last-child), #footer_survey_form .fields_group .form-group:not(:last-child) {
        margin-bottom: var(--grid-half-gap);
    }
}
