/*
Theme Name: Frame Construtora v2
Text Domain: frameconstrutora
Version: 2.0
Requires at least: 5.7.2
Requires PHP: 7.3.4
Description: Tema para o site da Frame Construtora
Author: Pedro Define
Author URI: https://pedrodefine.com.br
Theme URI: https://frameconstrutora.com.br
License: Uso exclusivo da Frame Construtora
License URI: http://frameconstrutora.com.br
*/
html {
    --wp-admin--admin-bar--height: 0 !important;
    margin-top:0 !important;
}
object{
    pointer-events: none;
    display: inline-block;
}
#wpadminbar{
    display: none;
}
body{
	font-family: 'Poppins', sans-serif;
	background:#F2F2F2;
	color:#343A40;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-weight:400;
}
.navbar-nav .nav-link{
	font-size:14px;
}
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,0.85);
}
.navbar-dark .navbar-nav .nav-link:hover{
    color: rgba(255,255,255,1);
}
.vh-75{
    height:75vh !important;
}
.vh-85{
    height:85vh !important;
}
.vh-50{
    height:50vh !important;
}
.w-85{
    width:85% !important;
}
.fw-500{
    font-weight: 500 !important;
}
.text-gray{
    color: #c0c0c0 !important;
}
.text-shadow{
	text-shadow:0 0 12px rgba(0,0,0,.85);
}
.form-control, .form-select{
    border:1px solid var(--bs-primary);
    border-radius:0;
}
.form-control:focus, .form-select:focus{
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), .25);
}
.form-control.error, .form-select.error{
    border:1px solid var(--bs-danger);
}
label.error{
    font-size:14px;
    color:var(--bs-danger);
}
.fit-cover{
    object-fit: cover;
}
/* SWIPER */
    .sw-button-prev{
        left: 10px;
        right: auto;
    }
    .sw-button-next{
        right: 10px;
        left: auto;
    }
    .sw-button-prev, .sw-button-next{
        position: absolute;
        top: 50%;
        width: calc(var(--swiper-navigation-size)/ 44 * 27);
        height: var(--swiper-navigation-size);
        margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
        z-index: 10;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--bs-light);
    }
    .sw-button-prev:hover, .sw-button-next:hover{
        color: var(--bs-primary);
    }
/* NAVBAR */
    .navbar{
        transition:.3s;
    }
    .menu-language.menu-language-ontop{
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    .menu-language{
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    .navbar-ontop .navbar-brand .logosvg_farol{
        height:35px;
        top: 0px;
    }
    .navbar-brand .logosvg_farol{
        height:25px;
        -moz-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
                -o-transition: all 0.5s ease;
                    transition: all 0.5s ease;
    }
    .navbar-brand .logosvg_farol path{
        fill:#FFF;
    }
    .navbar-ontop .navbar-brand .logosvg_frame{
        height:58px;
        top: 0px;
    }
    .navbar-brand .logosvg_frame{
        height:37px;
        -moz-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
                -o-transition: all 0.5s ease;
                    transition: all 0.5s ease;
    }
    .navbar-brand .logosvg_frame path{
        fill:#FFF;
    }
    .lateral{
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        font-size:1.2em;
        background:#FFF;
        height:calc(100vh - 79px);
        overflow:hidden;
        width:100%; 
        position:fixed;
        top:calc(-100vh + 79px);
        right:0;
        z-index:1029;
    }
    .lateral.ativo{
        -moz-transform: translate(0, 100vh);
        -webkit-transform: translate(0, 100vh);
        -o-transform: translate(0, 100vh);
        transform: translate(0, 100vh);
        padding-right:0;
    }
    .lateral .menu-mobile .nav-link{
        font-size:18px;
        line-height:1;
        color:var(--azulun);
        text-decoration: none;
        padding: 30px 20px 30px 20px;
        border-top: 1px solid #e4e3e3;
        display: block;
        -moz-transition: all 1.2s ease;
        -webkit-transition: all 1.2s ease;
        -o-transition: all 1.2s ease;
        transition: all 1.2s ease;
    }

/* FALE CONOSCO */
    .faixa-faleconosco .card{
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
    }
    .faixa-faleconosco .card:hover{
        box-shadow: 0 0 12px 1px var(--bs-primary);
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
    }
    
/* FOOTER */
    .faixa-footer .logosvg_frame{
        width:160px;
    }
    .faixa-footer .logosvg_frame path, .faixa-footer .logosvg_farol path{
        fill:#FFF;
    }
    .faixa-footer .logosvg_farol{
        width:270px;
    }
    .whatsapp-fixo::before, .whatsapp-fixo::after{
        content: ''; 
        z-index: -99999; 
        position: absolute; 
        opacity: 0; 
        border: 4px solid var(--bs-primary); 
        left: -5px; 
        top: -5px; 
        width: 80px; 
        height: 80px; 
        -webkit-border-radius: 50%; 
        border-radius: 50%; 
        animation: WaveWhatsapp 1.5s ease infinite;
    }
    .whatsapp-link{
        background: var(--bs-primary);
    }
    .whatsapp-link:hover{
        opacity:.85;
    }
    .whatsapp-fixo::after{
        animation-delay: .5s;
    }
    .whatsapp-fixo {
        left: 18px;
        bottom: 15px;
        right: auto;
    }
    .whatsapp-fixo:hover::before, .whatsapp-fixo:hover::after{
        border: 4px solid #CCC;
    }
    .required:after {
        content: '•';
        position: absolute;
        margin-left: 3px;
        font-size: 20px;
        color: var(--bs-danger);
        line-height: 24px;
    }
    @keyframes WaveWhatsapp {0%{ transform: scale(0.5); } 50%{ opacity: 1; } 100%{ transform: scale(1.2); opacity: 0; }}

/* PORTFÓLIO */
    .divider-portfolio{
        width: 15%;
        height: 1px;
        margin: 10px auto;
        background:#c0c0c0;
    }
    .portfolio-link:hover .portfolio-hover{
        visibility: visible;
        opacity: 1;
        transition: all 0.2s ease 0s;
        -webkit-transition: all 0.2s ease 0s;
        -moz-transition: all 0.2s ease 0s;
        -ms-transition: all 0.2s ease 0s;
        -o-transition: all 0.2s ease 0s;
    }
    .portfolio-link:hover .portfolio-hover-content{
        bottom: 0px;
        -webkit-transition: all 0.2s ease 0s;
        -moz-transition: all 0.2s ease 0s;
        -ms-transition: all 0.2s ease 0s;
        -o-transition: all 0.2s ease 0s;
    }
    .portfolio-link:hover img{
        -webkit-filter: blur(5px);
        -moz-filter: blur(5px);
        -o-filter: blur(5px);
        -ms-filter: blur(5px);
        filter: blur(5px);
        -webkit-transition: all 0.2s ease 0s;
        -moz-transition: all 0.2s ease 0s;
        -ms-transition: all 0.2s ease 0s;
        -o-transition: all 0.2s ease 0s;
    }
    .portfolio-hover-content{
        bottom: -20px;
        -webkit-transition: all 0.2s ease 0s;
        -moz-transition: all 0.2s ease 0s;
        -ms-transition: all 0.2s ease 0s;
        -o-transition: all 0.2s ease 0s;
    }
    .portfolio-hover{
        visibility: hidden;
        opacity: 0;
        background: rgba(0,0,0,.85);
        -webkit-transition: all 0.2s ease 0s;
        -moz-transition: all 0.2s ease 0s;
        -ms-transition: all 0.2s ease 0s;
        -o-transition: all 0.2s ease 0s;
    }
    .scroll-down{
        animation: bounce 2s ease infinite;
    }

/* FAIXA TOPO */
    .faixa-topo{
        position:relative;
    }
    .faixa-topo .imagem-topo{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index:0;
    }
    .faixa-topo::before{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.8);
        z-index: 1;
    }
.swiper-pagination-bullet-active {
    background: var(--bs-primary) !important;
}
@media (max-width: 575.98px) {
    .divider-portfolio{
        margin: 10px auto 10px 0;
    }
    .portfolio-hover{
        visibility: visible;
        opacity: 1;
        background: rgba(0,0,0,0);
        background-image: linear-gradient(to bottom, rgba(0,0,0,.1), rgba(0,0,0,.95));
        -webkit-transition: all 0s ease 0s;
        -moz-transition: all 0s ease 0s;
        -ms-transition: all 0s ease 0s;
        -o-transition: all 0s ease 0s;
    }
    .portfolio-link{
        --bs-aspect-ratio: calc(16 / 9 * 100%);
    }
}
@media screen and (max-width: 782px){
    html {
        margin-top: 0 !important;
    }
}