/* CSS Document */
/*
    Theme Name: PHA Advogados Associados
    Author: Fabio Pholman
    Author URI: http://logicacomunicacao.com
    Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');

html{scroll-behavior: smooth; margin-top: 0 !important;}
body{font-family: 'PT Serif', sans-serif; font-size: 16px; line-height: 24px; color: #555; padding-top: 111px;}
a{color: #555;}
img{max-width: 100%;}

h1, h2, h3, h4, h5{font-weight: 600;}

.ancora{position: relative; top: -124px;}

.anime, a{-webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out;}

#wpadminbar{display: none;}

header{background: #1E1D1D; position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);}
header .navbar-brand img{height: 85px; transition: .3s}
header.header-fixed .navbar-brand img{height: 50px;}
#collapsibleNavbar{width: 100%;}
.nav-link{color: #fff; opacity: 0.6; font-size: 15px; letter-spacing: 1px; padding: .5rem 1rem !important;}
.nav-link:hover{color: #fff; opacity: 1;}
.navbar-toggler{width: 36px; height: 36px; background: url(../img/menu-mobile.svg) no-repeat center transparent; background-size: 22px auto !important;}
.navbar-toggler:focus{outline: none;}

.titulo{font-size: 26px; line-height: 30px; letter-spacing: 4px; font-weight: 600; color: #1E1D1D; text-align: center; margin-bottom: 3rem !important; position: relative;}
.titulo::after{display: none !important;}
.subtitulo{font-size: 18px; line-height: 20px; letter-spacing: 2px; font-weight: bold; color: #800020; text-align: center; margin-bottom: 10px; position: relative;}



/*HOME*/
.slider .cycloneslider-slide.cycloneslider-slide-image.cycle-slide:before{content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.6);}
.slider .cycloneslider-template-standard{margin-bottom: 0;}
.slider .cycloneslider-template-standard .cycloneslider-caption{width: 90%; max-width: 700px; left: 50%; top: 50%; bottom: auto; z-index: 90; transform: translateX(-50%) translateY(-50%); text-align: center; opacity: 1; background: none;}
.slider .cycloneslider-template-standard .cycloneslider-caption-title{color: #FFFFFF; font-size: 40px; line-height: 50px; font-weight: bold; letter-spacing: 2px; margin: 0 0 1rem 0;}
.slider .cycloneslider-template-standard .cycloneslider-caption-description{color: #E7DDCE; font-size: 18px; line-height: 22px; margin: 0;}

.slider .cycloneslider-template-standard .cycloneslider-pager{bottom: 20px;}
.slider .cycloneslider-template-standard .cycloneslider-pager span{background-color: #800020 !important; border: none !important; opacity: .4; box-shadow: none !important;}
.slider .cycloneslider-template-standard .cycloneslider-pager span.cycle-pager-active{opacity: 1; transform: scale(1.3); border: 1px solid rgba(255, 255, 255, 0.3) !important;}

@media only screen and (max-width: 576px){
	.slider .cycloneslider-template-standard .cycloneslider-caption-title{font-size: 20px; line-height: 26px; margin-bottom: .4rem;}
	.slider .cycloneslider-template-standard .cycloneslider-caption-description{font-size: 13px; line-height: 16px;}

	.slider .cycloneslider-template-standard .cycloneslider-slides{height: 260px !important;}
	.slider .cycloneslider-template-standard.cycloneslider-width-full .cycloneslider-slide img{width: auto !important; max-width: 200% !important; height: 260px; margin-left: -50%;}
}



/*ADVOGADOS*/
section.advogados{background: #eee;}
section.advogados figure{position: relative; overflow: hidden; margin: 0; padding: .5rem; border: 1px solid #ccc; border-radius: 12px;}
section.advogados figure img{display: block; transition: 2s; border-radius: 12px;}
section.advogados figure:hover img{transform: scale(1.2);}
section.advogados h2{color: #1E1D1D; margin-bottom: 1.5rem;}
section.advogados h2 span{border-bottom: 3px solid #800020;}
/* section.advogados h2::after{content: ""; display: block; width: 75px; height: 5px; background: #D3855F;} */
section.advogados p{margin-bottom: 5px;}


/* ÁREAS DE ATUAÇÃO */
section.areas-de-atuacao{background: #800020;}
section.areas-de-atuacao h2 {color: #FFFFFF;}
section.areas-de-atuacao ul{padding: 0; margin: 0;}
section.areas-de-atuacao ul li{list-style: none; padding: 1rem; margin-bottom: .75rem; background: rgba(255, 255, 255, 0.1); border-radius: 12px; text-align: center; color: #fff; transition: 1s; box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.05);}
section.areas-de-atuacao ul li:hover{background: rgba(255, 255, 255, 0.2);}

section.areas-de-atuacao.areas-home ul{display: flex; flex-wrap: wrap;}
section.areas-de-atuacao.areas-home ul li{margin: .5rem; width: calc(50% - 1rem); font-weight: bold;}

@media (min-width: 992px){
	section.areas-de-atuacao.areas-home ul li{font-size: 18px;}
}


/* DIFERENCIAIS */
section.diferenciais{display: flex; justify-content: center; background: #eee;}
section.diferenciais .diferencial{align-items: center; background: #800020; border-radius: 12px; box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.15);}
section.diferenciais .diferencial figure{display: flex; align-items: center; justify-content: center; margin: 0; height: 100%; background: rgba(0, 0, 0, 0.1);}
section.diferenciais .diferencial figure img{width: 60%; opacity: .5;}
section.diferenciais .diferencial div h3{color: #fff;}
section.diferenciais .diferencial div p{color: rgba(255, 255, 255, 0.7);}

@media (max-width: 992px){
	section.diferenciais .diferencial{width: 100%;}
	section.diferenciais .diferencial figure{width: 80px;}
	section.diferenciais .diferencial div{width: calc(100% - 80px); padding: 1rem;}
	section.diferenciais .diferencial div h3{}
}

@media (min-width: 992px){
	section.diferenciais .diferencial{width: 650px;}
	section.diferenciais .diferencial figure{width: 120px;}
	section.diferenciais .diferencial div{width: calc(100% - 120px); padding: 1.5rem;}
	section.diferenciais .diferencial div h3{}
}


/*FORMULÁRIO*/
.contato{background: #1E1D1D;}
.contato .titulo{color: #FFFFFF;}
.camposForm > p{font-size: 0; text-align: center;}
.camposForm .wpcf7-form-control-wrap{display: inline-block; vertical-align: top; width: 50%; padding: 5px; box-sizing: border-box;}
.camposForm .wpcf7-form-control-wrap input, .camposForm .wpcf7-form-control-wrap select, .camposForm .wpcf7-form-control-wrap textarea{border-radius: 6px; border: 1px solid #fff; background: transparent; outline: none; box-shadow: none; color: #ffff;}
.camposForm .wpcf7-form-control-wrap input:focus, .camposForm .wpcf7-form-control-wrap select:focus, .camposForm .wpcf7-form-control-wrap textarea:focus{border-color: #fff;}
.camposForm .wpcf7-form-control-wrap input::-webkit-input-placeholder{font-weight: 300; font-size: 14px; color:#FFFFFF;}
.camposForm .wpcf7-form-control-wrap input:-mo{font-weight: 300; font-size: 14px; color:#FFFFFF;}
.camposForm .wpcf7-form-control-wrap input::-mo{font-weight: 300; font-size: 14px; color:#FFFFFF;}
.camposForm .wpcf7-form-control-wrap input:-ms-input-placeholder{font-weight: 300; font-size: 14px; color:#FFFFFF;}
.camposForm .wpcf7-form-control-wrap textarea::-webkit-input-placeholder{font-weight: 300; font-size: 14px; color:#FFFFFF;}
.camposForm .wpcf7-form-control-wrap textarea:-mo{font-weight: 300; font-size: 14px; color:#FFFFFF;}
.camposForm .wpcf7-form-control-wrap textarea::-mo{font-weight: 300; font-size: 14px; color:#FFFFFF;}
.camposForm .wpcf7-form-control-wrap textarea:-ms-input-placeholder{font-weight: 300; font-size: 14px; color:#FFFFFF;}
.camposForm .wpcf7-form-control-wrap[data-name="your-message"]{display: block; width: 100%;}
.camposForm .wpcf7-form-control-wrap[data-name="your-message"] textarea{height: 150px;}
.camposForm .send p{display: flex; flex-direction: row-reverse;}
.camposForm .wpcf7-form-control.wpcf7-submit{background: #800020; font-size: 16px; color: #fff; padding: 10px 30px; margin-left: 5px; border-radius: 6px; border: none;}
label{display: inline-block; vertical-align: top; width: 50%;}
div.wpcf7 .ajax-loader{display: none;}



.contato .contatos{}
.contato .contatos a{color: #fff; line-height: 30px;}
.contato .contatos a:before{content: ''; display: block; margin-bottom: 10px; width: 40px; height: 40px; background-size: 100% !important;}

.contato .contatos a.lnk_whats:before{background: url(../img/whatsapp.svg) no-repeat center;}
.contato .contatos a.lnk_email:before{background: url(../img/email.svg) no-repeat center;}



/*ONDE ESTAMOS*/
.onde-estamos iframe{width: 100%; height: 400px;}
.onde-estamos .titulo{color: #1E1D1D;}
.onde-estamos p{color: #555; text-align: center;}


/*FOOTER*/
footer{background: #800020; color: rgba(255,255,255,0.7);}
footer .social{}
footer .social a{width: 26px;}
footer .social a img{width: 100%;}
footer .copyright{font-size: 13px;}
footer .copyright span, footer .copyright a{display: inline-block; vertical-align: middle; color: #FFFFFF; font-size: 12px;}


/*WHATSAPP*/
.whatsapp-fixed{
	position: fixed;
	z-index: 9999;
	right: 10px;
	bottom: 5%;
	border-radius: 20%;
	border: 2px solid rgba(255, 255, 255, 0.1);
	background: url(../img/whatsapp.svg) no-repeat center #25D366;
	background-size: 70% auto !important;
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.15);
	animation: lnkFixedWhatsApp 1.5s infinite;
}

@media (max-width: 576px){
	.whatsapp-fixed{width: 40px; height: 40px;}
}

@media (min-width: 576px){
	.whatsapp-fixed{width: 60px; height: 60px;}
}

@keyframes lnkFixedWhatsApp {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); }
}


/*MOBILE*/
@media only screen and (max-width: 992px){
	body{font-size: 15px; line-height: 23px; padding-top: 86px;}
	.darkMobile{background: rgba(0,0,0,0.85); position: fixed; z-index: 99995; left: 0; top: 0; width: 100%; height: 100%;}
	.menuMobile{position: fixed; z-index: 99999; left: -75%; top: 0; width: 250px; height: 100%; background: #800020;}
	.nav-link{opacity: 1; border-bottom: 1px solid rgba(255, 255, 255, 0.3);}

	#collapsibleNavbar{display: none;}

	.container .row{padding: 0 .5rem;}

	.titulo{font-size: 25px; margin-bottom: 30px;}

	header .navbar-brand img{height: 60px;}
	header.header-fixed .navbar-brand img{height: 34px;}

	.ancora{top: -83px}

	.openMenuMobile .menuMobile{left: 0;}
	#menu-home{display: block; padding: 20px;}
	#menu-home .nav-item{width: 100%; display: block; float: right;}

	.contentPages{padding: 0;}
	.boxContent-20, .boxContent-33, .boxContent-50{display: block; width: 100%; font-size: 14px; padding: 0;}
	.boxContent-100{font-size: 14px; padding: 0;}
	.boxContent-50 h2, .boxContent-100 h2{font-size: 20px;}
	.boxText{padding: 20px;}

	.formFooter{padding: 0;}
	.camposForm .wpcf7-form-control-wrap{width: 100%;}
	.contatos{padding: 30px 5px 0 5px;}

	.titulo-h1, .titulo-h2{font-size: 25px;}
	.destaque h2{font-size: 25px;}
	.trazer{padding: 40px 0 0 0;}
}