/* 
Theme Name: Opt In Responsive Child Theme
Theme URI: http://cyberchimps.com/guide/child-theme-example/
Description: Opt In Responsive Child Theme
Template: responsive
Version: 1.0.0
Author: CyberChimps
Author URI: https://cyberchimps.com/
License: GNU General Public License
License URI: license.txt

*/


/* =Start From Here
-------------------------------------------------------------- */

body {
    background: #ffffff;
    color: #555555;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    line-height: 1.5em;
    text-rendering: optimizelegibility;
}

#wrapper {
    background-color: #FFFFFF;
    border: none;
    border-radius: 0 0 5px 5px;
    clear: both;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

#container {
    margin: 25px auto 0;
    padding: 0 15px;
}

#content-full {
    margin-bottom: 20px;
    margin-top: 0;
}

#content {
    margin-bottom: 20px;
    margin-top: 0;
}

.dealer-info {
    background: #999;
    text-align: center;
    color: #fff;
    padding: 20px 10px 25px 10px;
    margin-bottom: 5vw;
}

.dealer-info a {
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    margin-top: 10px;
    display: block;
}


/* =HOME
---------------------------------------------------- */


/* =TYPE
---------------------------------------------------- */

h1.post-title {
    text-align: center;
    text-shadow: 0 1px 0 #fff;
}


/* =HEAD
---------------------------------------------------- */

#logo {
    background-color: #fff;
    max-width: 210px;
    float: none;
    padding: 14px 40px 20px;
}


/* =FOOT
---------------------------------------------------- */


/* =HOME
---------------------------------------------------- */


/* =MENU/NAV
---------------------------------------------------- */


/* =WIDGET
---------------------------------------------------- */


/* =MISC
---------------------------------------------------- */


/* =FORM
---------------------------------------------------- */

.frm_style_formidable-style.with_frm_style label.frm_primary_label,
.frm_style_formidable-style.with_frm_style.frm_login_form label {
    font-family: 'Roboto Condensed', sans-serif;
}

.frm_style_formidable-style.with_frm_style label.frm_primary_label,
.frm_style_formidable-style.with_frm_style.frm_login_form label {
    font-family: 'Roboto Condensed', sans-serif;
}

.frm_style_formidable-style.with_frm_style .frm_radio label,
.frm_style_formidable-style.with_frm_style .frm_checkbox label {
    font-family: 'Roboto Condensed', sans-serif;
}

.frm_forms.with_frm_style {
    margin: 0 auto;
    max-width: none;
}

.with_frm_style p.submit,
.with_frm_style div.frm_submit,
.with_frm_style.frm_login_form p.login-submit {
    padding-bottom: 0;
    padding-top: 0;
}

.with_frm_style .frm_submit input[type="submit"],
.with_frm_style .frm_submit input[type="button"],
.frm_form_submit_style,
.with_frm_style.frm_login_form input[type="submit"] {
    display: block;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 24px;
    font-weight: 700;
    height: auto;
    padding: 15px 8px;
    text-align: center;
    text-transform: uppercase;
    text-shadow: none;
    width: 100%;
    background: #0f56aa;
}

.with_frm_style label.frm_primary_label,
.with_frm_style.frm_login_form label {
    color: #444444;
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.3em;
    font-weight: 300;
    margin: 0 0 5px;
    padding: 0;
    text-align: left;
    line-height: normal;
    width: auto;
}

.with_frm_style input[type="text"],
.with_frm_style input[type="password"],
.with_frm_style input[type="email"],
.with_frm_style input[type="number"],
.with_frm_style input[type="url"],
.with_frm_style input[type="tel"],
.with_frm_style select,
.with_frm_style textarea,
.frm_form_fields_style,
.with_frm_style .frm_scroll_box .frm_opt_container,
.frm_form_fields_active_style,
.frm_form_fields_error_style,
.with_frm_style .chzn-container-multi .chzn-choices,
.with_frm_style .chzn-container-single .chzn-single {
    background-color: #e4e4e4;
    border: none;
    color: #444444;
    font-size: 18px;
    border-radius: 0;
    font-family: 'Roboto Condensed', sans-serif;
    max-width: 100%;
    padding: 10px 10px;
    box-shadow: none;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    border-left: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
    width: 100%;
}

.with_frm_style .form-field {
    margin-bottom: 10px;
}

.with_frm_style .form-field input:focus,
.with_frm_style select:focus,
.with_frm_style textarea:focus,
.with_frm_style .frm_focus_field input[type="text"],
.with_frm_style .frm_focus_field input[type="password"],
.with_frm_style .frm_focus_field input[type="email"],
.with_frm_style .frm_focus_field input[type="number"],
.with_frm_style .frm_focus_field input[type="url"],
.with_frm_style .frm_focus_field input[type="tel"],
.frm_form_fields_active_style,
.with_frm_style .chzn-container-active .chzn-choices {
    background-color: #f1f1f1;
    border-color: #0f56aa;
}

.frm_forms.with_frm_style h3 {
    color: #0f56aa;
    font-size: 2.25em;
    font-weight: 300;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 20px;
}

#frm_form_1_container.frm_forms.with_frm_style h3 {
    color: #4d9455;
}

#frm_form_4_container.frm_forms.with_frm_style h3 {
    color: #a90329;
}

.with_frm_style .frm_submit input[type="submit"],
.with_frm_style .frm_submit input[type="button"],
.frm_form_submit_style,
.with_frm_style.frm_login_form input[type="submit"] {
    background-color: #0f56aa;
    border: medium none;
    border-radius: 0;
    box-shadow: 1px 2px 3px #999999;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 24px;
    font-weight: 700;
    height: auto;
    padding: 15px 8px;
    text-align: center;
    text-shadow: none;
    text-transform: uppercase;
    width: 100%;
}

#frm_form_4_container.with_frm_style .frm_submit input[type="submit"] {
    background: #a90329;
}

#frm_form_1_container.with_frm_style .frm_submit input[type="submit"] {
    background: #4d9455;
}

#frm_form_1_container.frm_forms.with_frm_style,
#frm_form_4_container.frm_forms.with_frm_style {
    box-sizing: border-box;
    padding: 2em;
    background: #fff;
}

.with_frm_style .frm_radio label,
.with_frm_style .frm_checkbox label {
    color: #444444;
    display: inline;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1em;
    font-weight: normal;
}

.with_frm_style .frm_top_container label.frm_primary_label,
.with_frm_style .frm_hidden_container label.frm_primary_label,
.with_frm_style .frm_pos_top {
    float: left;
    margin-right: 10px;
}

.with_frm_style input[type="text"],
.with_frm_style input[type="password"],
.with_frm_style input[type="email"],
.with_frm_style input[type="number"],
.with_frm_style input[type="url"],
.with_frm_style input[type="tel"],
.with_frm_style select,
.with_frm_style textarea,
#content .with_frm_style input:not([type="submit"]),
#content .with_frm_style select,
#content .with_frm_style textarea,
.with_frm_style .chzn-container {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    margin-bottom: 0;
}


/* =Media Print 
-------------------------------------------------------------- */

@media print {}


/*	Retina (HiDPI) Display
    http://www.quirksmode.org/blog/archives/2012/06/devicepixelrati.html
-------------------------------------------------------------- */


/* =Responsive (Mobile) Design
-------------------------------------------------------------- */

@media screen and (max-width: 980px) {
    .copyright,
    .scroll-top,
    .powered {
        text-align: center;
    }
}

@media screen and (max-width: 650px) {
    .frm_form_field.frm_right_half.frm_right_container .frm_primary_label,
    .frm_form_field.frm_first_half.frm_left_container .frm_primary_label,
    .frm_form_field.frm_last_half.frm_left_container .frm_primary_label,
    .frm_form_field.frm_first_half.frm_right_container .frm_primary_label,
    .frm_form_field.frm_last_half.frm_right_container .frm_primary_label,
    .frm_form_field.frm_left_half.frm_left_container .frm_primary_label,
    .frm_form_field.frm_right_half.frm_left_container .frm_primary_label,
    .frm_form_field.frm_first_half.frm_left_container .frm_primary_label,
    .frm_form_field.frm_last_half.frm_left_container .frm_primary_label,
    .frm_form_field.frm_left_half.frm_right_container .frm_primary_label,
    .frm_form_field.frm_right_half.frm_right_container .frm_primary_label,
    .frm_form_field.frm_first_half.frm_right_container .frm_primary_label,
    .frm_form_field.frm_last_half.frm_right_container .frm_primary_label,
    .frm_form_field.frm_left_container input,
    .frm_form_field.frm_left_container select,
    .frm_form_field.frm_left_container textarea,
    .frm_form_field.frm_right_container input,
    .frm_form_field.frm_right_container select,
    .frm_form_field.frm_right_container textarea,
    .frm_form_field.frm_left_third,
    .frm_form_field.frm_third,
    .frm_form_field.frm_right_third,
    .frm_form_field.frm_first_third,
    .frm_form_field.frm_last_third,
    .frm_form_field.frm_left_two_thirds,
    .frm_form_field.frm_right_two_thirds,
    .frm_form_field.frm_first_two_thirds,
    .frm_form_field.frm_last_two_thirds,
    .frm_form_field.frm_left_third,
    .frm_form_field.frm_first_third,
    .frm_form_field.frm_third,
    .frm_form_field.frm_left_two_thirds,
    .frm_form_field.frm_first_two_thirds,
    .recaptcha_area {
        width: 100%;
        float: left;
        display: block;
        clear: both;
    }
    .frm_form_field.frm_third,
    .frm_form_field.frm_fourth,
    .frm_form_field.frm_fifth,
    .frm_form_field.frm_inline,
    .frm_form_field.frm_left_half,
    .frm_form_field.frm_left_third,
    .frm_form_field.frm_left_two_thirds,
    .frm_form_field.frm_left_fourth,
    .frm_form_field.frm_left_fifth,
    .frm_form_field.frm_left_inline,
    .frm_form_field.frm_first_half,
    .frm_form_field.frm_first_third,
    .frm_form_field.frm_first_two_thirds,
    .frm_form_field.frm_first_fourth,
    .frm_form_field.frm_first_fifth,
    .frm_form_field.frm_first_inline,
    .frm_form_field.frm_right_half,
    .frm_form_field.frm_right_third,
    .frm_form_field.frm_right_two_thirds,
    .frm_form_field.frm_right_fourth,
    .frm_form_field.frm_right_fifth,
    .frm_form_field.frm_right_inline,
    .frm_form_field.frm_last_half,
    .frm_form_field.frm_last_third,
    .frm_form_field.frm_last_two_thirds,
    .frm_form_field.frm_last_fourth,
    .frm_form_field.frm_last_fifth,
    .frm_form_field.frm_last_inline,
    .frm_form_field.frm_left_half,
    .frm_form_field.frm_right_half,
    .frm_form_field.frm_first_half,
    .frm_form_field.frm_last_half,
    .frm_form_field.frm_left_half,
    .frm_form_field.frm_first_half,
    .frm_form_field.frm_left_half.frm_left_container .frm_primary_label,
    .frm_form_field.frm_right_half.frm_left_container .frm_primary_label,
    .frm_form_field.frm_left_half.frm_right_container .frm_primary_label,
    .frm_hidden_container {
        width: 100%;
        float: left;
        display: block;
        clear: both;
    }
    #frm_form_4_container div.form-field,
    #frm_form_1_container div.form-field {
        display: none;
    }
    #frm_form_4_container div.frm_submit,
    #frm_form_1_container div.frm_submit {
        display: none;
    }
    #frm_form_1_container.frm_forms.with_frm_style h3,
    #frm_form_4_container.frm_forms.with_frm_style h3 {
        background: url("/wp-content/themes/optin-responsive-childtheme-master/core/images/GRIP.png") no-repeat scroll 94% 50% #fff;
        cursor: pointer;
        text-align: left;
        text-indent: 12px;
    }
    #logo {
        margin: 0 auto;
    }
    .dealer-info a {
        font-size: 16px;
    }
    .dealer-info {
        padding: 15px 15px 18px 15px;
    }
}

@media screen and (max-width: 480px) {
    table#recaptcha_table {
        width: 216px;
        overflow: hidden;
    }
    #recaptcha_image img {
        width: 200px;
    }
    #container {
        padding: 0 20px;
    }
}

@media screen and (max-width: 240px) {}


/* the bluest water i'd ever seen ♫ */