/*
 Theme Name:   New Romano
 Theme URI:    http://romanocompany.com
 Description:  Child Theme of Landing (elegantthemes.com)
 Author:       Galen Broaddus
 Author URI:   http://cmsdecatur.com
 Template:     Landing
 Version:      1.0.0
 Text Domain:  landing-child
*/

@import url("../Landing/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

/* Main styling */

html,body,p,a,h1,h2,h3,h4,h5,h6,span {
    font-family: "Industry", sans-serif;
}
p {
    padding-bottom: 10px;
}
img.alignleft {
    margin-right: 20px;
    margin-bottom: 20px;
}
div#pagewrap {
    padding-top: 0 !important;
}
div#site-logo {
    padding-top: 23px !important;
}
div#headerwrap.fixed-header header.header-on-scroll div#site-logo {
    padding-bottom: 0 !important;
}
.fixed-header-on #site-logo img {
    height: 50px;
}
#main-nav a {
    font-family: "Industry";
    font-weight: 500;
}
#main-nav .current_page_item > a:after, #main-nav .current-menu-item > a:after {
    color: #33715B !important;
    bottom: 1.5em;
    content: '______';
}
.footer-widgets-wrap {
    background-color: #33715B;
}
.footer-widgets {
    padding: 0;
    height: 100%;
}
.footer-widgets .col3-1 {
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    resize: vertical;
}
.footer-widgets .col3-1.first {
    padding-left: 20px;
}
.footer-widgets .widgettitle {
    font-family: "Industry";
    font-weight: 800;
    margin-bottom: 0px;
    padding-bottom: 0;
}
.footer-widgets .widget_text {
    padding-bottom: 15px;
}
.footer-widgets .widget_media_image img {
    vertical-align: middle;
    margin-top: 10px;
}
.footer-widgets p {
    font-family: "Industry";
    line-height: 1.35em;
    padding-bottom: 0;
}
.footer-text {
    padding: 10px 0;
}
#footer .one {
    width: 100%;
    text-align: center;
    float: none;
}

/* Home page styling */

.home-page-title span.main-head {
    font-family: "Industry";
    text-shadow: 7px 7px 11px #000;
    font-weight: 800;
    letter-spacing: 15px;
    font-size: 60pt;
    line-height: 1.4em;
}
.home-page-title span.sub-head {
    display: none;
}
.home-services-row {
    padding: 30px 0;
}
.home-services-row h2.fancy-heading {
    font-family: "Industry";
    font-weight: 800;
}
.home-services-row h2.fancy-heading:after {
    content: "";
    display: none;
}
.home-services-row h3.module-feature-title {
    text-transform: uppercase;
    font-family: "Industry";
    font-weight: 800;
    background-color: #333132;
}
.home-service h3.module-title {
    font-family: "Industry";
    padding: 5px 0 2.5px 85px;
    margin-bottom: 5px;
    letter-spacing: 0;
    font-size: 26px;
}
.home-service h3.module-title:before {
    content: url("/wp-content/uploads/2017/08/Light-Pencil.png");
    left: 20px;
    margin-top: -1px;
    position: absolute;
}
.home-service p {
    font-family: "Industry";
    font-size: 18px;
    line-height: 1.5em;
    padding: 0 25px 0 85px;
    color: #FFF;
}
.home-partners h3 {
    margin-bottom: 0;
}
.home-recent-projects {
    border-bottom: 30px solid #000;
}
.home-recent-projects h3 {
    margin-bottom: 0;
}
.home-recent-projects .loops-wrapper.grid3 .post {
    width: 33.3%;
    margin: 0 !important;
    max-height: 21.8vw;
    position: relative;
    overflow: hidden;
}
.home-recent-projects .loops-wrapper.grid3 .post .post-image {
    margin: 0;
}
.home-recent-projects .loops-wrapper.grid3 .post .post-content .post-title {
    margin-bottom: 5px;
    padding: 0 3%;
}
.home-recent-projects .loops-wrapper.grid3 .post .post-content {
    background: rgba(0,0,0,0.5) !important;
    color: #FFF;
    position: relative;
    padding: 10px 0;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.home-recent-projects .loops-wrapper.grid3 .post .post-content {
    background: rgba(0,0,0,0.5) !important;
    color: #FFF;
    position: relative;
    padding: 10px 0;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    width: 100%;
    transition: 0s ease;
}
.home-recent-projects .loops-wrapper.grid3 .post:hover .post-content {
    height: 100%;
    padding: 28% 0;
    transition: .5s ease-in;
}
.home-recent-projects .loops-wrapper.grid3 .post .post-content a {
    color: #FFF;
    font-weight: 800;
    text-decoration: underline;
}
.home-recent-projects span.edit-button {
    display: none;
}

/* About page styling */
.about-page-title span.main-head {
    font-family: "Industry";
    text-shadow: 7px 7px 11px #000;
    font-weight: 800;
    letter-spacing: 30px;
    font-size: 54pt;
    line-height: 1.4em;
}
.about-page-title span.sub-head {
    display: none;
}
.about-generations h3 {
    font-weight: 800;
    text-transform: uppercase;
}

/* Post styling */
.featured-area {
    padding-top: 60px;
}

/* Portfolio styling */
body.single-portfolio div#content {
    padding-bottom: 20px;
}

/* Styling for screens <= 1215px */
@media screen and (max-width: 1215px) {
    .mobile_menu_active #site-logo {
        padding-left: 20px;
    }
}

/* Styling for screens >= 805px */
@media screen and (min-width: 805px) {
    .home-service.single h3.module-title {
        padding-left: calc((100% - 620px)/2);
    }
    .home-service.single h3.module-title:before {
        left: calc((100% - 750px)/2);
    }
    .home-service.single p {
        max-width: 680px;
        margin: 0 auto;
    }
    .footer-widgets .col3-1.first {
        padding-left: 2.5%;
    }
}

/* Styling for screens <= 760px */
@media screen and (max-width: 760px) {
    .home-services-row h2.fancy-heading {
        font-size: 48px;
    }
}

/* Styling for screens <= 680px */
@media screen and (max-width: 680px) {
    .home-page-title span.main-head {
        font-size: 56px;
    }
    .home-recent-projects .loops-wrapper.grid3 .post {
        clear: none !important;
        width: 50%;
        max-height: 31.9vw;
    }
    .footer-widgets {
        padding-top: 130px;
    }
    .footer-widgets .col3-1 {
        width: 50%;
        height: auto;
        float: left;
        margin: 0;
        padding: 25px 0;
    }
    .footer-widgets.footer-widgets .col3-1.first {
        padding-left: 7.5%;
    }
    .footer-widgets .col3-1:nth-of-type(2){
        position: absolute;
        bottom: 130px;
        width: 100%;
        text-align: center;
    }
    .footer-widgets .col3-1:nth-of-type(2) img {
        max-height: 170px;
        width: auto;
    }
    .footer-widgets.footer-widgets .col3-1:last-of-type {
        padding-right: 7.5%;
    }
    .footer-widgets .first .widget {
        padding-top: 0;
    }
}

/* Styling for screens <= 580px */
@media screen and (max-width: 580px) {
    .footer-widgets.footer-widgets .col3-1.first {
        padding-left: 10px;
    }
    .footer-widgets.footer-widgets .col3-1:last-of-type {
        padding-right: 5px;
    }
}

/* Styling for screens <= 500px */
@media screen and (max-width: 500px) {
    .home-page-title span.main-head {
        font-size: 52px;
        letter-spacing: 5px;
    }
    .footer-widgets {
        padding: 160px 0 20px;
    }
    .footer-widgets.footer-widgets .col3-1 {
        width: 100%;
        padding: 5px 10% !important;
        float: none;
        display: block;
    }
    .footer-widgets .col3-1:nth-of-type(2){
        bottom: 300px;
        width: 100%;
        text-align: center;
        padding: 0 10% !important;
    }
}