/*

Theme Name: Pro – Child Theme - REE
Theme URI: http://theme.co/pro/
Author: Themeco
Author URI: http://theme.co/
Description: Real Estate Elevated Theme
Version: 1.0.0
Template: pro

*/



h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: "Roboto", "Open Sans", sans-serif !important;
    text-transform: uppercase !important;
}

body h1, body .h1 {
    font-weight: 100 !important;
    font-size: 1.3rem ;
    letter-spacing: 1px !important;
}

body h2, body .h2 {
    font-weight: 900 !important;
    font-size: 22px !important;
    letter-spacing: 3px !important;
}

body h3, body .h3 {
    font-weight: 900;
    font-size: .7em;
    letter-spacing: 2px;
}

body h4, body .h4 {
    font-weight: 200;
    font-size: 14px;
    letter-spacing: 5px;
}

body h5, body .h5 {
    font-weight: 900;
    font-size: 14px;
    letter-spacing: 1px;
}

body .headline {
    background-color: #2A6C7A;
    box-shadow:  0px 3px 6px #222222;
    z-index: 100;
    padding: 30px;
}

body .x-btn, body .button {
    text-shadow: none;
    box-shadow: 0 0.25em 0 0 #2a6c7a, 0 4px 9px rgba(0,0,0,0.75);
    background-color: #4AB8C3;
    border: none;
}

body .button:hover, body .x-btn:hover {
    color: white;
    text-shadow: none;
    border: none;
    /*Background*/
    background-color: #2a6c7a; /*Fallback*/
    box-shadow: 0 0.25em 0 0 #2a6c7a, 0 4px 9px rgba(0,0,0,0.75);
}

.x-recent-posts a {
    border: none;
    padding: 0px;
}

.blog .x-container.offset, .post-template-default .x-container.offset {
    margin: 80px auto;
}

.rr_form_input {
    width: 100% !important;
}

body .x-btn, body .button {
    text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
    .rr_review_form .form_table .rr_form_row .rr_form_input input[type="text"], .rr_form_row .rr_form_input textarea{
        width: 100% !important;
    }

}

.mg-imageshowcase  .mg-imgshowcase-item {
    box-shadow: 2px 2px 5px #222 !important;
}

table th, table td {
    border: none !important;
}

@media only screen and (min-width: 900px) {

    #HeroImage{
        min-height: 90vh !important;
    }

    body h1, body .h1 {
        font-size: 2rem;
    }

    body h3, body .h3 {
        font-size: 1em;
    }
}