/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

#blog_template-selection .error {
    font-size: 24px;
    color: red;
    font-weight: 700;
}

.theme-previewer-wrap {
    width: 48% !important;
}

.is-mobile .theme-previewer-wrap {
    width: 100% !important;
}

.is-mobile .theme-previewer-wrap .theme-previewer-overlay {
    display: block !important;
}

.is-mobile .theme-previewer-wrap .theme-previewer-overlay .template-name {
    overflow: hidden;
    white-space: normal !important;
    line-height: 1.2;
    font-size: 26px;
    margin-bottom: 10px;
    text-shadow: 1px 1px #333, -1px 1px #333;
    font-weight: bold;
}

.is-mobile .theme-previewer-wrap .theme-previewer-overlay button {
    max-width: 100%;
    font-size: 20px;
    background: #333;
    color: #fff;
    padding: 3px 20px !important;
}

.gform_wrapper div.form_saved_message div.form_saved_message_emailform form input[type=text] {
    line-height: normal;
}

.gfield_error {
    background-color: #FFDFDF !important;
    margin-top: 4px !important;
    margin-bottom: 6px;
    padding: 6px 6px 4px !important;
    border: 1px dotted #C89797;
}