/*
Theme Name: teofilo-otoni Rotativo
Theme URI: https://teofilo-otoni-rotativo.com.br
Author: Ana Clara Poubel
Author URI: https://ampercomunicacao.com.br
Description: Site da Teófilo Otoni Rotativo.
Requires at least: 6.4
Tested up to: 6.5
Requires PHP: 7.0
Version: 1.1
License: GNU General Public License v2 or later
Text Domain: teofilo-otoni-rotativo
Tags: teofilo-otoni rotativo, teofilo-otoni, estacionamento, estacionamento rotativo
*/


/* FONTE PERSONALIZADA */
@font-face {
    font-family: 'Nexa';
   	src: url('assets/fonts/NexaThin.otf') format('opentype');
   	font-weight: 300;
   	font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'Nexa';
   	src: url('assets/fonts/NexaXBold.otf') format('opentype');
   	font-weight: 700;
   	font-style: normal;
	font-display: swap;
}
/* FIM FONTE PERSONALIZADA */

:root {
	--bs-body-font-size: 1rem;
	--bs-nav-link-font-size: 0.875rem;
	--bs-body-color: #45068e; /*roxo*/
	--bs-primary: #45068e; /*roxo*/
	--bs-secondary: #ff7300; /*laranja*/
	--bs-info: #6b6b6b; /*cinza*/
	--bs-light: #d6d6d6; 
	--bs-primary-rgb: rgb(69, 6, 142);
	--bs-secondary-rgb: rgb(255, 115, 0);
	--bs-info-rgb: rgb(107, 107, 107); 
	--bs-light-rgb: rgb(214, 214, 214);
	--bs-link-color: #45068e;
	--bs-link-hover-color: #c3a3e9; /*lilás*/
	--hover-color: #ff9f68;
}

/* CLASSES WORDPRESS*/
.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-light, .has-light-background-color { background-color: var(--bs-light) !important;}
.bg-info, .has-info-background-color { background-color: var(--bs-info) !important;}

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

.btn-primary {
	background-color: var(--bs-primary);
	border: 2px solid var(--bs-primary);
    color: var(--bs-light);
    border-radius: 100px;
    padding: 0.4rem 0.7rem 0.2rem 0.7rem;
	margin: 0.4rem;
}
.btn-secondary {
	background-color: white;
	border: 2px solid var(--bs-primary);
	color: var(--bs-primary);
	border-radius: 100px;
    padding: 0.4rem 0.7rem 0.2rem 0.7rem;
	margin: 0.4rem;
}
.btn-primary a { color: white; }
.btn-primary a:hover:before, .btn-secondary a:hover:before {
	content: '';
}
.btn-primary a:hover,
.btn-secondary a:hover { 
	color: var(--bs-link-hover-color); 
}
.wp-block-button__link {
	display: flex;
	align-items: center;
	gap: 10px;
	line-height: 1;
	padding: 20px 35px 12px 35px !important;
	transition: background 0.5s;
}
.wp-block-button__link:not(#view-content a):hover {
	background-color: var(--hover-color) !important;
}
.wp-block-button__link:not(#view-content a):after,
.rev-btn:after {
	content: '';
    display: block;
    background-image: url(assets/images/arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 25px;
    height: 25px;
    position: relative;
    top: -3px;
}
@media (max-width: 767px) {
	.wp-block-button__link:not(#view-content a):after {
		width: 40px;
	}
	.wp-block-spacer {
		height: 50px !important;
	}
}
/* FIM CLASSES WORDPRESS */

/* REV SLIDER */
@media (max-width: 767px) {
	.rev-btn {
		font-size: 20px !important;
    	padding: 15px 11px 2px 11px !important;
	}
	.rev-btn:after {
		width: 20px !important;
		height: 20px !important;
		top: -7px;
	}
}
.rev-btn {
	display: flex !important;
	gap: 15px !important;
}
/* FIM REV SLIDER */

body {
	font-family: "Nexa", "sans-serif";
	font-weight: 700;
	/*font-size: var(--bs-body-font-size);*/
	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6 { font-weight: 700; color: var(--bs-primary); }
h1 { font-size: 64px; }
h2 { font-size: 54px; }
h3 { font-size: 45px; }
h4 { font-size: 36px; }
h5 { font-size: 27px; }
h6 { font-size: 18px; }
@media (max-width: 1023px) {
	h1 { font-size: 44px }
	h2 { font-size: 38px }
	h3 { font-size: 32px }
	h4 { font-size: 26px }
	h5 { font-size: 20px }
	h6 { font-size: 14px }
}
p {	color: var(--bs-info); }

/* NAV */
.navbar {
	--bs-navbar-nav-link-padding-x: 0.8rem;
	--bs-navbar-color: var(--bs-primary);
	--bs-navbar-active-color: var(--bs-primary);
	--bs-navbar-hover-color: rgba(69, 6, 142, 0.7);
}
.nav-link {
	position: relative;
}
.nav-link.active:before,
.nav-link:hover:before{
	content: url("assets/images/arrow-active-navbar.png");
	position: absolute;
    left: -3px;
	top: 10px;
}
@media (max-width: 991px) {
	.nav-link.active:before,
	.nav-link:hover:before {
		left: -20px;		
	}
}
.custom-logo {
	height: 90px;
	width: auto;
}
.custom-logo-link {
	z-index: 101;
}
@media (max-width: 991px) {
	.navbar-toggler {
		z-index: 101;
	}
	.navbar-collapse {
		position: absolute !important;
		width: 100%;
		top: 0;
		left: 0;
		height: 0 !important;
		z-index: 100;
		background-color: white;
		display: grid;
		align-items: center;
		justify-content: center;
		transition: height 0.35s;
	}
	.navbar-collapse.show {
		transition: height 0.35s;
		height: 100vh !important;
	}
}
/* FIM NAV */

/* BACKGROUNDS */
.bg-linha {
	background: transparent url("assets/images/linha.svg") no-repeat 80% bottom;
	background-size: cover;	
}
.bg-icon-logo {
	background: transparent url(assets/images/simbolo.svg) no-repeat 93vw center;
    background-size: contain;
}
/* FIM BACKGROUNDS */

/* TABS */
.wp-block-getwid-tabs__nav-link {
	text-align: center;
	width: 33.33%;
	border: none;
	margin: 0;
	border-bottom: 4px solid var(--bs-light);
}
@media (max-width: 991px) {
	.wp-block-getwid-tabs__nav-link {
		width: 100%;
	}
}
.wp-block-getwid-tabs__nav-link.ui-tabs-active {
	border-bottom: 4px solid var(--bs-primary);
	z-index: 5;
}
.wp-block-getwid-tabs__tab-content {
	border:none;
	padding: 60px 0 0 0;
}
.wp-block-getwid-tabs__tab-content iframe,
.wp-block-getwid-content-slider-slide__wrapper,
.wp-block-image.is-style-rounded img {
	width: 100%;
	border-radius: 2em !important;
	object-fit: cover;
}
@media (max-width: 767px) {
	.wp-block-getwid-tabs__tab-content iframe,
	.wp-block-getwid-content-slider-slide__wrapper,
	.wp-block-image.is-style-rounded img {
		border-radius: 1em !important;
	}
}
.locais-slider img {
	border-radius: 30px;
}

#ui-id-1, #ui-id-2, #ui-id-3 {
	display: flex;
    justify-content: center;
    align-items: center;
	gap: 15px;
}
@media (max-width: 991px) {
	#ui-id-1, #ui-id-2, #ui-id-3 {
		justify-content: start;
	}
}
#ui-id-1:before {
	content: "";
    background-image: url(assets/images/rua.svg);
    width: 40px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
}
#ui-id-2:before {
	content: "";
    background-image: url(assets/images/estacionamento.svg);
    width: 40px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
}
#ui-id-3:before {
	content: "";
    background-image: url(assets/images/garagem.svg);
    width: 40px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
}
.ui-tabs-anchor:hover {
	opacity: 0.7;
}
#view-content a {
	padding: 20px 10px 12px 10px !important;
	display: flex;
    align-items: center;
    gap: 10px;
}
#view-content a:after {
	content: url("assets/images/arrow-tabs-locais.png");
}
/* FIM TABS */


/* BENEFICIOS */
.beneficios-section > div {
	position: relative;
    justify-content: flex-end;	
}
.beneficios-section .circle-animation {
	position: absolute;
    right: 620px;
    bottom: -35px;
}
.banner-beneficios {
	position: relative;
	overflow: hidden;
}
.banner-beneficios img {
	max-width: none;
	/*height: 600px;*/
	width: auto;
}

/*----------------- ANIMACAO LOADING ---------------------*/
.spinning img { animation: spin 28s infinite linear; }
@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(-360deg);
	}
}
/* FIM BENEFICIOS */

/* REGULARIZE */
#ticket {
	max-width: 80%;
}
/* FIM REGULARIZE */

/* TARIFAS */
.tariff-section >h2,
.tariff-section >h6 {
	position: relative;
	z-index: 5;
}
.shape-rounded {
	z-index: 1;
    position: absolute;
    right: -2%;
	left: -2%;
    width: 105%;
}
.tariff {
	min-height: 650px;
    width: 100%;
    background: transparent url(assets/images/img-tarifas.png) no-repeat center bottom;
    background-size: cover;
}
.tariff-table {
	position: relative;
	top: 145px;
}
.tariff-input {
	width: 140px;
}
.tariff-bg {
	position: relative;
	top: -50px;
}
@media (max-width: 991px) {
	.tariff-bg {
		top: 0;
		width: 100vw;
	}
	.tariff-table {
		top:42px;
	}
}
@media (max-width: 767px) {
	.tariff-table {
		top:0;
	}
}
/* FIM TARIFAS */

/* RODAPÉ */
footer h6, footer { 
	font-size: 0.875rem;
	font-weight: 300;
	margin: 0;
}
footer h6:before {
	content: url("assets/images/arrow-active-navbar.png");
	padding: 0 5px;
	position: relative;
	top: 1px;
}
footer ul {
	padding: 0;
    list-style: none;
}
footer a,
footer p,
footer li { 
	text-decoration: none; 
	margin-bottom: 0.3rem;
	color: white;
}
.app-img { max-width: 100%; }
.amper { font-size: 12px; }
/* FIM RODAPÉ */

/* BANNER PRINCIPAL */
.banner-principal {
	height: 300px;
	position: relative;
	background-size: cover;
	overflow: hidden;
}
.banner-principal > img { position: absolute; }
.banner-principal > img:nth-child(1) {
	height: 328px;
	left: -66px;
	bottom: -4%;
}
.banner-principal > img:nth-child(2) {
	bottom: 0;
	width: 100%;
}
.banner-principal > .banner-title, .banner-subtitle {
	position: absolute;
	top: 110px;
	left: 55px;
}
.banner-subtitle {
	top: 50%;
}
.banner-title {font-size:28px;}

@media (min-width: 1024px) {
	.banner-principal {
		height: 560px;
	}
	.banner-principal > img:nth-child(1) {
		left: 0;
		height: auto;
	}
	.banner-principal > .banner-title, .banner-subtitle {
		position: absolute;
		top: 32%;
		left: 248px;
	}
	.banner-title { font-size: 64px;}
	.banner-subtitle {
		top: 44%;
	}
}
/* FIM BANNER PRINCIPAL */

/* CONTACT FORM */
.wpcf7-not-valid-tip,
input,
textarea {
	font-weight: bold;
}
input,
textarea {
 	width: 100% !important;
	border-radius: 30px;
	border: 2px solid var(--bs-primary);
	padding: 12px 8px 8px 14px;
	outline-color: var(--bs-secondary);
}
input[type="submit"] {
	width: 20% !important;
	background-color: var(--bs-primary);
	color: white;
	text-decoration: uppercase;
	padding: 12px 8px 8px 8px;
	transition: background 0.3s ease-in-out;
	border: none;
}
input[type="submit"]:hover {
	background-color: var(--bs-link-hover-color);
}
::-webkit-input-placeholder,
form p {
	color: var(--bs-primary);
}
/* FIM CONTACT FORM */

/* POSTS */
.post-home-img,
.post-related-img {
	width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 30px 30px 0 0;
}
.post-archive-img {
	width:100%;
	height: 350px;
	border-radius: 20px 20px 0 0;
}
.post-sidebar-img {
	height: 80px;
	width: 80px;
	border-radius: 15px;
}
.post-sidebar-img,
.post-archive-img,
.post-related-img {
	object-fit: cover;
}
.sidebar h3 {
	font-size: 22px;
}
.sidebar article h3 {
	font-size: 14px !important;
}
.wp-block-tag-cloud a {
    margin-right: 2px;
	margin-bottom: 6px;
    padding: 4px 8px 2px 8px;
    border-radius: 50px;
    background-color: var(--bs-primary);
	color: white;
    text-decoration: none;
}
.pagination {
	justify-content: center !important;
}
.read-more:after {
	content: '';
    display: block;
    background-image: url(assets/images/arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 15px;
    height: 15px;
    position: relative;
    top: -3px;
}
.read-more:hover {
	color: var(--bs-link-hover-color) !important;
}
.archive-post {
	transition: opacity 0.3s ease-in-out;
}
.archive-post:hover {
	opacity: 0.7;
}
/* paginação */
.nav-links {
	display: flex;
	gap: 0.5rem;
}
.nav-links > * {
    background-color: var(--bs-primary);
	border: 1px solid var(--bs-primary);
    padding: 0.7em 1.2em 0.5em 1.2em;
    color: white;
	border-radius: 0.5rem;
	text-decoration: none;
}
.nav-links > span {
	background-color: transparent;
	color: var(--bs-primary);
}
/* FIM POSTS */

/* ANIMACAO WHATSAPP */
.animacao {
	display: flex;
	justify-content: center;
	align-items: center;
	position:fixed; 
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	font-size:30px;
	box-shadow: 0 0 0 0 rgba(10, 202, 58, 0.89);
	z-index:11000; 
	animation: alerta 1.5s infinite;
}
.animacao:hover {
	  color: #FFF !important;
}
.animacao-icon {
	  color: white;
}

@keyframes alerta {
	0% {
	  transform: scale();
	}
	70% {
	  transform: scale();
	  box-shadow: 0 0 0 50px rgba(69, 152, 27, 0);
	}
	  100% {
	  transform: scale();
	  box-shadow: 0 0 0 0 rgba(69, 152, 27, 0);
	}
}
/* FIM ANIMACAO WHATSAPP */


/* SWIPER */
.swiper {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
}

.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.swiper-button-next {
	right: 12vw !important;
}
.swiper-button-prev {
	left: 12vw !important;
}
.swiper-slide:nth-child(3) img,
.swiper-slide:nth-child(4) img {
	position: relative;
	right: 1px;
}
.swiper-button-next:after {
	content: url('assets/images/next.png') !important;
}
.swiper-button-prev:after {
	content: url('assets/images/preview.png') !important;
}
.swiper-pagination-bullet-active,
.swiper-pagination-bullet {
	background: var(--bs-primary) !important;
}
/* FIM SWIPER */

/* FAQ */
.helpie-faq p {
	font-weight: bold;
}
.helpie-faq ul { padding:0;}
.helpie-faq article:hover { opacity: 1;}
.helpie-faq .accordion__title {width: 94%;}
.helpie-faq.accordions .accordion__header:before {
	content: '';
    display: block;
    background-image: url(assets/images/arrow-tabs-locais.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 14px;
    height: 14px;
	transform: none;
}
.helpie-faq.accordions .accordion__header.active:before {
	transform: rotate(180deg);
}
/* FIM FAQ */

.grecaptcha-badge {visibility: hidden;}