/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */



.phone-number, .whatsapp-number{width: 100%; max-width: 280px; color: #fff !important; text-decoration: none; font-size: 22px; font-weight: 700; border-radius: 100px; padding: 10px 50px; position: relative; display: flex; align-items: center; justify-content: center; gap: 8px;}
.phone-number{background-color: #2196f3;}
.whatsapp-number{background-color: #4caf50;}
.phone-number:hover{background-color: #0a7bd5 !important;}
.whatsapp-number:hover{background-color: #2f9533 !important;}
.phone-number:before, .whatsapp-number:before{width: 22px; height: 22px; background-position: center; background-repeat: no-repeat; background-size: 100%; content: ""; display: block;}
.phone-number:before{background-image: url(images/icone-telefone-branco.svg);}
.whatsapp-number:before{background-image: url(images/icone-whatsapp.svg);}



/* TOPO */
.topo .phone-number, .topo .whatsapp-number{font-size: 18px; font-weight: 500;  border-radius: 5px; padding: 10px 30px;}
.topo .phone-number:before, .topo .whatsapp-number:before{width: 18px; height: 18px;}
.topo.elementor-sticky--effects{box-shadow: 0 0 0 2px rgba(255,255,255,0.3) !important;}
/* TOPO */



/* CAMADA ENTRE EM CONTATO */
@media(max-width:767px){
    .camada-entre-em-contato .phone-number, .camada-entre-em-contato .whatsapp-number{margin: 0 auto 0;}
}
/**/



/* CAMADA DOCUMENTAÇÃO */
.camada-documentacao .phone-number{margin: 0 auto 0;}
/**/



/* CARROSSEL UNIDADES */
.carrossel-unidades .swiper-slide{overflow: inherit;}
.carrossel-unidades .swiper-slide h3{color: #455a64; font-size: 16px; font-weight: 700; line-height: 20px; text-align: center; margin: 15px 0 0 0;}
.carrossel-unidades .swiper-slide .link-unidade{background-color: #edcb02; color: #333; text-decoration: none; font-weight: 700; padding: 10px 30px 12px 30px; font-size: 16px; border-radius: 3px; margin: 10px auto 0; display: table;}
.carrossel-unidades .swiper-slide .link-unidade:hover{background-color: #4caf50; color: #fff;}
/**/



/* CENTRAL DE ATENDIEMNTO */
@media(max-width:1024px){
    .central-de-atendimento .phone-number{margin: 0 auto 0;}
}
/**/



/* DETALHE IMAGEM - SERVIÇOS */
.detalhe-imagem .elementor-widget-container{position: relative; display: flex; align-items: center; justify-content: center; text-align: center;}
.detalhe-imagem .elementor-widget-container img{position: relative; z-index: 2;}
.detalhe-imagem .elementor-widget-container:after{width: 100%; height: 80%; content: ""; position: absolute; left: 0; z-index: 1; border: 10px solid #ececec; border-radius: 3px;}
/**/



/* CAMADA PÁGINA DE CONTATO */
.camada-pagina-contato .phone-number, .camada-pagina-contato .whatsapp-number{max-width: 100%; padding: 12px 10px;}
.camada-pagina-contato .address{width: 100%; background-color: #e1ebef; color: #455a64; border-radius: 100px; padding: 15px 10px; font-size: 18px; font-weight: 500; display: flex; align-items: center; justify-content: center; gap: 5px; text-align: center;}
.camada-pagina-contato .address:before{width: 25px; height: 25px; content: ""; background-image: url(images/icone-mapa-escuro.svg); background-position: center; background-repeat: no-repeat; background-size: 100%;}
@media(max-width:767px){
    .camada-pagina-contato .phone-number, .camada-pagina-contato .whatsapp-number, .camada-pagina-contato .address{
        flex-direction: column;
    }
}
/**/



/* CONTACT FORM 7 */
.wpcf7-form p{margin: 0; position: relative;}
.wpcf7-form p span{width: 100%; display: block;}
.wpcf7-form p span input[type="text"], .wpcf7-form p span input[type="email"], .wpcf7-form p span input[type="tel"]{width: 100%; height: 60px; background-color: #fff; border: 3px solid #c9bcb9; border-radius: 100px; margin: 0 0 15px 0; color: #549b57; font-size: 18px; font-weight: 500; padding: 0 0 0 20px; outline: none;}
.wpcf7-form p span textarea{width: 100%; height: 150px; background-color: #fff; border: 3px solid #c9bcb9; border-radius: 25px; margin: 0; color: #549b57; font-size: 18px; font-weight: 500; padding: 15px 10px 0 20px; outline: none; resize: none;}
.wpcf7-form p input[type="submit"]{width: 100%; color: #fff; font-size: 28px; font-weight: 700; background-color: #549B57; border-radius: 100px; padding: 12px 10px; border: none; outline: none; text-transform: uppercase; margin: 10px 0 0 0;}
.wpcf7-form p input[type="submit"]:hover{background-color: #35b63a;}
.wpcf7-form p span.wpcf7-spinner{width: 50px; height: 50px; position: absolute; left: 50%; bottom: 0; margin: 0 0 0 -25px;}
.wpcf7-form .wpcf7-not-valid{border: 3px solid #f44336 !important;}
.wpcf7-form .wpcf7-not-valid-tip{display: none !important;}
.wpcf7-form p span *::-webkit-input-placeholder{color: #c1b7b4;}
.wpcf7-form p span *:-moz-placeholder{color: #c1b7b4;}
.wpcf7-form p span *::-moz-placeholder{color: #c1b7b4;}
.wpcf7-form p span *:-ms-input-placeholder{color: #c1b7b4;}
.wpcf7-form .wpcf7-response-output{margin: 15px 0 0 0 !important; padding: 10px !important; text-align: center; font-size: 18px; font-weight: 700; line-height: 20px; color: #99847f;}
.wpcf7-form.invalid .wpcf7-response-output{color: #f44336; border-color: #f44336 !important;}
.wpcf7-form.sent .wpcf7-response-output{color: #549b57; border-color: #549b57 !important;}
@media(max-width:767px){
    .wpcf7-form p{padding: 0 10px;}
    .wpcf7-form p span input[type="text"], .wpcf7-form p span input[type="email"], .wpcf7-form p span input[type="tel"]{margin: 0 0 10px 0;}
    .wpcf7-form p span textarea{height: 120px;}
    .wpcf7-form p input[type="submit"]{margin: 5px 0 0 0;}
}
/**/



/* RODAPÉ */
.rodape .address{max-width: 600px; display: block; margin: 0 auto 0; background-color: #2b3a42; background-image: url(images/icone-mapa-branco.svg); background-position: center 10px; background-repeat: no-repeat; background-size: 30px; padding: 50px 20px 10px 20px; color: #d1d8dc; border-radius: 10px; font-size: 18px; text-align: center;}
@media(max-width:767px){
    .rodape .phone-number, .rodape .whatsapp-number{margin: 0 auto 0;}
}
/* RODAPÉ */



@media(max-width:767px){
    .lista-posts .e-con-inner{flex-wrap: nowrap !important;}
}