/*
Theme Name: Alexandre Sica
Theme URI: https://alexandre.adv.br/
Author: Ana Clara Poubel
Author URI: https://ampercomunicacao.com.br
Description: Site de advocacia
Requires at least: 6.4Fm
Tested up to: 6.4
Requires PHP: 7.0
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: sica advogados
Tags: amper, advogados, alexandre sica
*/

:root {
	--bs-primary: #464c52; /*chumbo ok*/
	--bs-secondary: #efedea; /*cinza claro ok*/
	--bs-dark: #464c52; /*chumbo ok*/
	--bs-light: #fdfbf7; /*off white ok*/
	--bs-body-bg: #fdfbf7; /*off white ok*/
	--bs-body-color: #000000; /*chumbo ok #464c52*/
	--bs-box-shadow: 0 0.3rem 1.2rem rgba(0, 0, 0, 0.2);
}

.bg-primary, .has-primary-background-color { background-color: var(--bs-primary) !important; }
.bg-secondary, .has-secondary-background-color { background-color: var(--bs-secondary) !important; }
.bg-dark, .has-dark-background-color { background-color: var(--bs-dark) !important; }
.bg-light, .has-light-background-color { background-color: var(--bs-light) !important; }

.text-primary, .has-primary-color { color: var(--bs-primary) !important; }
.text-secondary, .has-secondary-color { color: var(--bs-secondary) !important; }
.text-dark, .has-dark-color { color: var(--bs-dark) !important; }
.text-light, .has-light-color { color: var(--bs-light) !important; }

a {color: var(--bs-body-color); }

/* FONTE PERSONALIZADA */
@font-face {
    font-family: 'Alfabet';
   	src: url('assets/fonts/Alfabet-Light.otf') format('opentype');
   	font-weight: 300;
   	font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'Alfabet';
   	src: url('assets/fonts/Alfabet-Regular.otf') format('opentype');
   	font-weight: 400;
   	font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'Alfabet';
   	src: url('assets/fonts/Alfabet-Medium.otf') format('opentype');
   	font-weight: 500;
   	font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'Alfabet';
   	src: url('assets/fonts/Alfabet-Bold.otf') format('opentype');
   	font-weight: 600;
   	font-style: normal;
	font-display: swap;
}
/* FIM */

body {
	font-size: 16px;
	font-family: 'Alfabet', sans-serif;
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

header {
	position: relative;
	z-index: 10;
	font-weight: 500;
}

/*-----------NAV-----------*/
@media (max-width: 991px) {
	nav {
		position: absolute !important;
    	width: 100vw;
	}
	.nav-mobile {
		position: fixed !important;
		background-color: var(--bs-body-bg) !important;
		height: 100vh;
	}
}
.navbar-toggler {
	background-color: var(--bs-primary);
}
.navbar-toggler-icon {
	background-image: url("assets/img/menu.png");
}

/*------MENU CABEÇALHO-------*/
@media (min-width: 992px) {
	.logo {
		position: absolute;
		right: 42%;
		height: 116px;
	}
	#navbarNav {
		height: 116px;
	}
}
@media (min-width: 1200px) {
	.logo { right: 45%; }
}
#menu-principal li {
	width: 150px;
    display: flex;
    justify-content: center;
	align-items: center;
}
#menu-principal li,
#menu-principal li:nth-child(even):before {
	position: relative;
}

@media (min-width: 992px) {
	#menu-principal li:nth-child(2) { right: 100px; }
	#menu-principal li:nth-child(3) { left: 100px; }
	#menu-principal li:nth-child(even):before {
		content: '|';
		display: flex;
		right: 15%;
	}
}

@media (min-width: 1200px) {
	#menu-principal li:nth-child(2) { right: 150px; }
	#menu-principal li:nth-child(3) { left: 150px; }
}
@media (min-width: 1400px) {
	#menu-principal li:nth-child(even):before { right: 40%;}
}
/*------FIM-------*/

/*------MENU INTERNO HOME-------*/
#menu-principal-1 > li:first-child {
	display: none;
}
#menu-principal-1 > li {
	color: var(--bs-light);
	font-weight:300;
}
#menu-principal-1 > li > a {
	background-color: var(--bs-primary);
	text-transform: uppercase;
}
#menu-principal-1 > li > a {
	padding: 0.5rem 0;
}
#menu-principal-1 {
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	width: 100%;
	margin: 0 auto;
	padding: 1rem 0;
}
@media (min-width: 576px) {
	#menu-principal-1 {
		width: 45%;
	}
}
#menu-principal-1 .sub-menu {
	margin: 0;
	width:100%;
	background-color: var(--bs-secondary) !important;
	color: var(--bs-body-color);
	list-style: none;
	max-height: 0;
	transition: max-height 0.5s ease-in-out;
	overflow: hidden;
	flex-direction: column;
	padding: 0;
}
#menu-principal-1 .sub-menu a {
	padding: 0.2rem 0.8rem;
}
#menu-principal-1 .sub-menu li:first-child a {
	padding-top: 0.8rem; 
}
#menu-principal-1 .sub-menu li:last-child a {
	padding-bottom: 0.8rem; 
}
#menu-principal-1 > li > a:before { 
	content: url("assets/img/more.png");
	position: relative;
	left: 90%;
	top: 2px;

}
@media (min-width: 768px) {
	#menu-principal-1 > li > a:before { left: 93%; }
}
#menu-principal-1 .servicos-active > a:before {
	content: url("assets/img/less.png");
}
#menu-principal-1 .menu-active {
	max-height: 350px;
}
/*------FIM-------*/

p, a, button {
	letter-spacing: 0.08rem;
}

/*-------Rodapé--------*/
footer a, footer p { font-size: 14px; }
.dev-amper { font-size: 12px; }
/*-------Fim----------*/


/*------Rev Slider------*/
@media (min-width: 992px) {
	#rev_slider_1_1_forcefullwidth {
		margin-top: -155px !important;
	}
}
@media (max-width: 575px) {
	rs-bullets {
		top: 115% !important;
		left:105% !important;
	}	
}

/*------Fim------*/


/*-------POSTS--------*/
.excerpt p {
	text-transform: uppercase;
	text-align: center;
	font-size: 26px;
}
.post-img-wrapper {
	position: relative;
}
.post-img {
	width: 100%;
	object-fit: cover;
}
.post-img {
	height: 100%;
}
.post-img-more {
    height: 100px;
	width:100px;
	object-fit: cover;
}
.post-archive-img {
	height: 200px;
	width:100%;
	object-fit: contain;
	object-position: left;
}
@media (min-width: 992px) {
	.post-archive-img {object-position: center;}
}
.archive-post {
	filter: brightness(100%);
	transition: filter .2s ease-in;
}
.archive-post:hover {
	filter: brightness(80%);
}
article .entry-content {
	position: relative;
}
article .entry-content div:first-child {
	min-height:180px;
}
@media (min-width: 576px) {
	article .post-img-wrapper {
		position: absolute;
		top: -30px;
		left: -40px;
	}
}

.entry-title {font-size: 30px;}
@media (min-width: 576px) {
	.entry-title {font-size: 54px;}
}

/*-------Fim--------*/

/*------Paginação Archive------*/
span[aria-current="page"] {
	background-color: var(--bs-secondary);
}
.pagination span,
.pagination a {
	padding: 3px 10px;
}
.pagination a {
	text-decoration: none;
}
/*------Fim-------*/

/*------TABS HOME-------*/
.wp-block-getwid-accordion div:nth-child(even) {
	margin-bottom:6px;	
}
.wp-block-getwid-accordion__header-wrapper {
	background-color: var(--bs-primary);
	border: none;
}
.wp-block-getwid-accordion__header-title,
.wp-block-getwid-accordion__header a {
	color: var(--bs-secondary);
	font-weight: 300;
}
.wp-block-getwid-accordion__content {
	padding: 24px 12px;
	background-color: var(--bs-secondary);
}
.wp-block-getwid-accordion__content p {
	margin-bottom: 0.2rem;
}
.wp-block-getwid-accordion__content a {
	text-decoration: none;
	font-weight: 400;
}
.wp-block-getwid-accordion__icon i {
	color: var(--bs-secondary);
}
/*------FIM------*/

/*------TABS SERVIÇOS------*/
.wp-block-getwid-tabs__nav-links {
	gap: 0.5rem;	
}
.wp-block-getwid-tabs__nav-link {
	border: none !important;
	background-color: var(--bs-secondary);
}
.wp-block-getwid-tabs__nav-link.ui-tabs-active {
	background-color: var(--bs-primary);
}
.wp-block-getwid-tabs__nav-link.ui-tabs-active a {
	color: var(--bs-secondary);
}
.wp-block-getwid-tabs__nav-link a {
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	padding: 0.75em !important;
}
.wp-block-getwid-tabs__nav-link a:focus,
.wp-block-getwid-tabs__nav-link a:hover,
.wp-block-getwid-tabs__nav-link a:active {
	background-color: var(--bs-primary);
	color: var(--bs-secondary);
}
.wp-block-getwid-tabs__tab-content {
	padding: 0 2.5em;
	border: none;
}
.wp-block-getwid-tabs__tab-content ul {
	padding-left: 1rem;
}
li[aria-selected="true"] {
}
@media (max-width: 991px) {
	.wp-block-getwid-tabs__tab-content {
		padding: 1em 1em 0 1em;
	}
	.tabs-servicos {
		flex-direction: column;
	}
	.tabs-servicos >ul {
		max-width: 100% !important;
	}
}
/*------FIM-------*/

.texto-tarja {
	font-size: 10px;
	font-weight: 200;
	width: 90%;
}
@media (min-width: 576px) {
	.texto-tarja {
		font-size: 18px;
	}
}

a[href^=tel] { color: inherit; text-decoration: none; }

footer a:hover {
	opacity: 0.8;
}