/*

Theme Name: Fac Print

Theme URI:https://www.koypix.com.br

Author: Márcio Lourenço

Author URI:https://www.koypix.com.br

Description: Tema criado para empresa Fac Print

Version: 1.0

Tags: two-columns, left-sidebar, custom-header,custom-menu, custom-logo, blog

*/



/* Google Fonts */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;900&display=swap');





:root{

    --azulprincipal:#0098db;

    --azulescuro:#0468bf;

    --cinza1:#f9f7f7;

    --cinzaAzul:#e9ecf2;  

}

body{

    font-family: 'Roboto', sans-serif;   

}

.bg-facPrint{

    background-color: var(--azulprincipal)!important;

    color:#fff;

    padding:1em;

}

.text-blue-fac{

    color:#0098db;

}

.faixa-header{

    width:100%;

    height:4px;

    background: var(--azulprincipal);

}

.redes-sociais a{

    text-decoration: none!important;

}

.info-header {

    display: flex;

    justify-content: space-between;

    margin-top: 0.25rem;

}

.logo img {

    width: 50%;

    height:auto;

}

.search-widget, .redes-sociais {   

    display: flex;

    align-items: center;

}



/* Formatando Menu */

#menu-principal{

    background-color: var(--azulprincipal);

}    
.posts a:hover {
    color: #ffffff!important;
}
.navbar-dark .navbar-nav .nav-link {

    color: rgb(255 255 255)!important;

    font-family: 'Roboto', sans-serif!important;

    font-weight:300;

    font-size:1em ;

    letter-spacing: 0.5px;

}

.navbar-expand-lg .navbar-nav .nav-link {

    padding-right: 1.2rem!important;

   

}

.busca #s {

    border: 2px solid var(--cinza1);

    font-size: 1.125rem;

    border-radius: 4px;

    padding: 12px 40px 12px 20px;   

}

.input-group-append-overlay {

    right: 0;

}

.busca #searchbutton {

    border: none;

    cursor: pointer;

    justify-self: end;

    text-indent: -100px;

    width: 50px;

    height: 100%;

    background: transparent url('image/icones/search.svg') no-repeat center center;

}

.input-group-overlay {

    position: relative;

    width: 100%!important;

}

.input-group-append-overlay, .input-group-prepend-overlay {

    display: -ms-flexbox;

    display: flex;

    position: absolute;

    top: 0;

    height: 100%;

    z-index: 5;

}

.input-group-append-overlay .input-group-text, .input-group-prepend-overlay .input-group-text {

    border: 0;

    background-color: transparent;

    cursor: pointer;

} 

form.col-sm-6.busca {

    display: flex;

    align-items: center;

}



/* separador azul */

.separador::after {

    content: '';

    display: block;

    width: 5rem;

    height: 4px;

    background:var(--azulprincipal);

    margin: 0.50rem 0;

}

/* Separador branco */

.separador-white::after {

    content: '';

    display: block;

    width: 5rem;

    height: 4px;

    background: #fff;

    margin: 0.50rem 0;

}
.wp-block-group__inner-container {
    text-align: center;
}
.wp-block-group__inner-container i {   
    font-size: 1.8rem;
}
.wp-block-columns p {
    margin-bottom: 0.25rem;
}
/* Habilitar Hover Menu Bootstrap */

.dropdown-menu{border:0!important;  background-color: var(--azulprincipal)!important; margin-top: 0.5rem;}

.dropdown-item{color: #fff!important; padding: 0.75em!important;}

.dropdown-item:hover{color:#0098db!important;}

.navbar .nav-item .dropdown-menu{ display: none; }

.navbar .nav-item:hover .nav-link{ color: #fff!important;  }

.navbar .nav-item:hover .dropdown-menu{ display: block; }

.navbar .nav-item .dropdown-menu{ margin-top:0; }



/* Setas banner Bootstrap */

.carousel-control-next, .carousel-control-prev {

    background: transparent!important;

    border:0!important;

}

.carousel-item{

    position: relative;

}

.carousel-item::before{

    content:'';

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background-image:linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0.8));

    opacity: 1;

}

.carousel-caption{

    text-align: left!important;

    top: 5rem;

}

.carousel-caption h3{

    text-transform: uppercase;

}

.carousel-caption h3::after {

    content: '';

    display: block;

    width: 5rem;

    height: 4px;

    background:var(--azulprincipal);

    margin: 0.50rem 0;

}

.carousel-caption p {

    width: 50%;

    font-weight: 300;

    line-height: 1.9rem;

}

.carousel-caption > div {

    width: 100%;

    display: flex;

    justify-content: center;

}

.carousel-caption > div button{

    background: var(--azulprincipal);

    border: 0!important;

    border-radius: 0!important;    

}



/* Servicos */

.faixa-fac::after{

    content: '';

    display: block;

    width: 5rem;

    height: 4px;

    background:var(--azulprincipal);

    margin: 0.50rem 0;

}

.box-servicos{

    background-color: var(--cinzaAzul);

    padding:1rem;

}

.box-servicos p{

    font-size: 0.85em;

}

.circle-servicos{

    width:100px;

    height:100px;

    margin: 0 auto;

    background-color:var(--azulescuro);

    border-radius: 50%;

    display: flex;

    align-items: center;

}

.circle-servicos span{

   width:100%;

   text-align: center;

}

.circle-servicos span img {

    width: 64%;

}



.box-servicos a {

    text-decoration: none;

}



.box-servicos h5:hover {

   color:var(--azulprincipal);

}



[data-anime] {

    opacity: 0!important;

    transition: 1s;

}



[data-anime="left"]{

   transform:translate3d(-100px, 0, 0);   

       animation-fill-mode: both;  

}



[data-anime="right"]{

    transform:translate3d(100px, 0, 0);   

        animation-fill-mode: both;

}



[data-anime="top"]{

    transform:translate3d(0, -100px, 0);  

        animation-fill-mode: both; 

}



[data-anime="down"]{

    transform:translate3d(0, 100px, 0);   

        animation-fill-mode: both;

}



[data-anime].animate{

    opacity: 1!important; 

    transform:translate3d(0,0,0); 

}



.delay-0{

    transition-delay: 0.3s;

}

.delay-1{

    transition-delay: 0.3s;

}

.delay-2{

    transition-delay: 0.7s;

}

.delay-3{

    transition-delay: 1s;

}

.delay-4{

    transition-delay: 1.5s;

}

.delay-5{

    transition-delay: 2s;

}
small.download {
    position: relative;
    top: 1.2rem;
}

/* Área Sobre */

.bg-sobre {

    width:100%;

    height:auto;

    background-size: cover;

    background-position: center;

    overflow: hidden;

    background-repeat: no-repeat;    

}

section.sobre-nos {

    background-color:var(--cinza1);

    margin-top: 5rem!important;

}

.text-up.text-white {

    width: 30%;

    left: 30em;

}



/* Adicionando saturação em uma imagem */

.saturation-bg{

    position: relative;

}

.saturation-bg::before{

    content:'';

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background-image:linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0.8));

    opacity: 1;

}

/* *********************** */



.saturation-bg > .text-up{

    position: absolute;

    /* top: 0; */

    right: 15%;

    bottom: 1.25rem;

    /* left: 15%; */

    padding-top: 1.25rem;

    padding-bottom: 1.25rem;

    color: #fff;

}

.text-up::before{   

    background-color: var(--azulprincipal);

    content: "";

    border-radius: 9999px;

    position: absolute;

    height: 50%;

    width: 5px;    

    left: 0;   

}

.text-up h6, .text-up h3{

    padding: 0 1rem;

}



/* Área de footer */

footer{

    width:100%;

    min-height:10vh;

    background-color: var(--azulprincipal);

}

.footer-copy{

   padding:10px 0;

   color:#fff;

}



/* Página Quem Somos */

.missao .wp-block-columns .wp-block-column{

    border: 1px solid #e2e2e2;

    padding: 1.5rem 1rem;

}

/* Form-Locacao */

.form-locacao{

    background-color: var(--azulprincipal);

    width:100%;

    min-height:200px;

}

.form-locacao a{

    text-decoration: none;

}



/* Página Locação de Impressoras */

.formulario-locacao{ background-color: #e2e2e2;}

.formulario-contato{background-color: #fff;}
.card-info-contact{background-color: #0098db;}

.text-passo{

    color: var(--azulprincipal);

    font-weight: bold;

}

.circulo{

    width:120px;

    height:120px;

    border: 4px solid var(--azulprincipal);

    border-radius: 50%;

    position: relative;

}

.circulo span{

    position:absolute;

    display:flex;

    text-align: center;

    font-size: 4.4em;

    font-weight: bold;

    color: var(--azulprincipal);

    left: 14%;

}

.content-passo h4{

    font-weight: bold;

}

.content-passo p{

    font-size: 0.9em;

    line-height: 1.6em;

}

.circulo img {  

    display: flex;

    margin-left: 150px;

    margin-top: 36px;  

}



/* Produtos */

.produtos .card-img{

    -webkit-transition: all 0.7s ease;

    transition: all 0.7s ease;

}

.produtos:hover .card-img{

    -webkit-transform:scale(1.13);

    transform: scale(1.13);   

}

.separador-all hr{

    background-color: var(--azulprincipal);

    height:4px;

}



/* breadcrumb */

.breadcrumb{

    margin-bottom: 0.50rem!important;

}

.breadcrumb ul li{

    list-style: none;

}

.breadcrumb li a{

    padding:0 0.25rem;

    color:var(--azulprincipal);

}

.row.text-white.info-footer a {
    color: #ffff;
}

/* Formatando mensagen do formulário */

.wpcf7-response-output {

    border-color: transparent!important;

    text-align: center;

}

#menu-menufooter{     

    padding: 0!important;

}

.menu-menufooter-container ul li{

    list-style: none!important;

}

.menu-menufooter-container a {

    color: #fff!important;

    font-weight: bold;

    text-decoration: none;

}

.link-download-pdf a{

    text-decoration: none;

}



/* Setas OWL Carousel */

/* #btn_anterior, #btn_proximo{

    position: absolute;

    top: 2rem;

}

#btn_anterior{

    left:-5rem;

}

#btn_proximo{

    right:-5rem;

} */









/* Media Querie */

@media all and (min-width: 1400px){

    .container, .container-lg, .container-md, .container-sm, .container-xl {

        max-width: 1140px!important;

    }

}



/* Tablet */

@media all and (max-width: 768px){

    section.sobre-nos {      

        margin-top: 2rem!important;

    }

    .saturation-bg > .text-up {

        left: 15%;

        top: 0;

    }

}