/*
Theme Name:     BuildPro Child
Theme URI:      http://demo.oceanthemes.net/buildpro/
Description:    Make your modifications to [Parent Theme] in this child theme.
Author:         OceanThemes
Author URI:     http://oceanthemes.net/
Version:        1.0
Template:       buildpro
*/

@import url("../buildpro/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */

header.smaller,
header.header-mobile {
    background: rgba(0,67,99,.95);
}

.sec-projetos .carousel-item .picframe img{
    height: 16.5vw;
    object-fit: cover;
    object-position: center;
}

.timeline .tl-time{
    display: none;
}

.timeline .tl-block .tl-bar{
    margin-left: 0;
}

.timeline .tl-message{
    margin-left: 40px;
}

.timeline:before{
    left: 17px;
}

.single-portfolio #project-img-carousel .pic-hover img{
    width: 100%;
    height: 220px;
    object-fit: cover;
    object-position: center;
}

.single-portfolio #subheader{
    background-position: center !important;
    background-size: cover;
}

.single-portfolio #subheader:before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .45);
}

.single-portfolio #subheader .container{
    position: relative;
    z-index: 3;
}

.widget_text .text-white {
    background-image: url(images/bg-office.jpg);
    background-size: cover;
}

.widget_text .text-white,
.widget_text .text-white h4,
.widget_text .text-white h5 {
    color: #fff;
}

.de_light .widget{
    border-bottom: none;
}

@media (max-width: 992px){
    .sec-projetos .carousel-item .picframe img{
        height: 30vw;
    }

    .single-portfolio #project-img-carousel .pic-hover img{
        width: 100%;
        height: auto;
    }

    header.header-mobile #menu-btn{
        background-color: transparent;
    }
    
    header.header-mobile #mainmenu li ul li a,
    header.header-mobile #mainmenu li{
        border-bottom-color: #fff;
    }
    
    header #mainmenu li ul li:first-child,
    header.header-mobile #mainmenu li ul li a{
        border-top-color: #fff;
    }
    
    #menu-btn:hover:before{
        color: #fff;
    }

    /* header h1#logo img.logo{
        display: none;
    }

    header h1#logo img.logo-2{
        display: block;
    } */
    
}

@media (max-width: 768px){
    header.header-mobile #mainmenu li a:hover{
        font-weight: bold;
    }

    .sec-projetos .carousel-item .picframe img{
        height: 60vw;
    }

    .timeline .tl-block .tl-bar{
        display: block !important;
    }

    .timeline:before{
        width: 1px;
        left: 7px;
    }

    #subheader{
        background-size: cover;
        background-position: center !important;
        background-attachment: scroll;
    }
    
}