/* Geral */

:root {
    --color-primary: #e97410;
    --color-secondary: #f6a159;
}

body{
	background: url('../img/grafismo.png') no-repeat top right;
	font: 16px 'Montserrat', sans-serif;
}

section{
	padding-bottom: 2em;
	padding-top: 2em;
}

p{
	line-height: 1.5;
	text-align: justify;	
}

a{
	color: var(--color-primary);
}

a:hover{
	color: var(--color-secondary);
}

a,
span{
	transition: all .5s ease-out;
}

img{
	height: auto;
	max-width: 100%;
}

textarea:focus, 
textarea.form-control:focus, 
input.form-control:focus, 
input[type=text]:focus, 
input[type=password]:focus, 
input[type=email]:focus, 
input[type=number]:focus, 
[type=text].form-control:focus, 
[type=password].form-control:focus, 
[type=email].form-control:focus, 
[type=tel].form-control:focus, 
[contenteditable].form-control:focus {
	box-shadow: none;
}

.azul{
	color: var(--color-primary);
}

.verde{
	color: var(--color-secondary);
}

.vermelho{
	color: var(--color-primary);
}


/* Header */

.site-header{
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	top: 0;
	width: 100%;
}

.site-header.sticky-menu{
	background: var(--bs-white);
	z-index: 3;
}

.brand{
	max-height: 80px;
}

/* Menu */

.menu-principal .navbar-nav{
    flex-direction: row;
}

.menu-principal .navbar-nav li{
	list-style: none;
	padding: 20px 0;
	position: relative;
}

.menu-principal .navbar-nav a{
	color: var(--color-primary);
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    padding: 10px 10px;    
    text-decoration: none;
}

.menu-principal .navbar-nav .destaque,
.full-screen-menu .destaque{
	background: var(--color-primary);
	margin-bottom: 15px;
	margin-top: 10px;
	padding: 10px 0;
}

.menu-principal .navbar-nav .destaque a{
	color: var(--bs-white);
	text-decoration: none;
	text-transform: uppercase;
}

.menu-principal .navbar-nav .destaque:hover,
.menu-principal .navbar-nav .destaque a:hover{
	background: var(--color-secondary);
	color: #fff;
	text-decoration: none;
}

.menu-principal .navbar-nav .current-menu-item > a,
.menu-principal .navbar-nav a:hover{
	color: var(--color-secondary);
	text-decoration: underline;
}

.menu-principal .sub-menu{
	background: var(--bs-white);
	border: 1px solid rgba(0, 0, 0, .1);
	display: none;
	left: 0;
	margin-top: 10px;
	min-width: 200px;
	padding: 0 10px;
	position: absolute;
	width: auto;
	z-index: 100;
}

.menu-principal .sub-menu li{
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	padding: 5px 0;
}

.menu-principal .sub-menu li:last-child{
	border: 0;
}

.menu-principal .sub-menu a{
	font-size: 15px;
	padding: 0;
}

.menu-principal .navbar-nav li:hover .sub-menu,
.menu-principal .navbar-nav li a:hover .sub-menu{
	display: block;
}

/* Menu Hamburguer */

.hamburger-menu{
    display: block;
    height: 35px;
    position: relative;
    transition: all .75s cubic-bezier(.77,0,.175,1);
    width: 86px;
    z-index: 4;
}

.hamburger-menu .inner{
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translate(0%,-50%);
}

.hamburger-menu span:first-child {
    transform-origin: 0 0;
    margin-bottom: 5px;
}

.hamburger-menu span:nth-last-child(2) {
    transform-origin: 0 100%;    
    margin-bottom: 5px;
    transition: all .6s ease;
}

.hamburger-menu span{
    background: var(--color-primary);
    display: block;
    height: 3px;
    opacity: .88;
    position: relative;
    transform-origin: 4px 0;
    transition: transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease;
    width: 30px;
    z-index: 1;
}

.hamburger-menu:hover span{
    width: 30px;
}

.hamburger-menu.is-active span{
    opacity: 1;
    transform: rotate(45deg);
}

.hamburger-menu.is-active span:first-child {
    transform-origin: 1px 3px;
    margin-bottom: 8px;
    transition: transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease;
}

.hamburger-menu.is-active span:nth-last-child(2) {
    opacity:0;
    transform:rotate(0deg) scale(.2);
}

.hamburger-menu.is-active span:last-child {
    transform:rotate(-45deg) translateY(-1px)
}

/* Menu Redes Sociais */
.instagram a {
    font-size: 0 !important;
}

.instagram a:before {
    content: "\f16d";
    font-family: "Font Awesome 6 Brands";
    font-weight: 400;
    font-size: 24px;
    display: inline-block;
}

/* Fullscreen Menu */

.full-screen-menu {
	align-items: center;
    background: #dbdcdd url('../img/grafismo.png') no-repeat top right;
    color: var(--color-primary);
    height: 100vh;
    min-height: 600px;
    overflow: hidden;
    position: fixed;
    text-align: center;
    top: 0;
    transform: translateY(-120%);
    transition: all .4s cubic-bezier(.47,0,.745,.715);
    width: 100%;
    z-index: 3;
}

.full-screen-menu.is-active{
    transform: translateY(0);
    transition: all .4s cubic-bezier(.39,.575,.565,1);
}

.full-screen-menu ul{
    padding: 0;
}

.full-screen-menu li{
    list-style: none;
}

.full-screen-menu li:before{
    content: "" !important;
    margin: 0;
    width: 0;
}

.full-screen-menu .menu-principal a{
    color: var(--color-primary);
    font-weight: 500;
    line-height: 1.5;
    text-transform: uppercase;
    text-decoration: none;
}

.full-screen-menu .info-linha{
    margin-bottom: 15px;
}

.full-screen-menu .info-linha a{
    align-items: center;
    color: #000;
    display: flex;
    text-decoration: none;
}

.full-screen-menu .menu-principal a:hover{
    color: var(--color-secondary);
}

.full-screen-menu .menu-principal .destaque a{
	color: var(--bs-white);
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	text-transform: uppercase;
}

.full-screen-menu .menu-principal .destaque:hover{
	background: var(--color-secondary);
}

.full-screen-menu .ativo + .sub-menu{
	display: block;
	position: relative;
}

/* Index */

.home-slider{
	padding: 0;
	position: relative;
	top: 0;
}

/* Quem somos */

.home-quem-somos{
	border-top: 1px solid rgba(0, 0, 0, .1);
}

.home-quem-somos a{
	color: var(--color-primary);
	font: 24px 'Roboto Slab', sans-serif;
}

.home-quem-somos a:hover{
	color: var(--color-secondary);
}

/* Áreas de Atuação */

.home-servicos .atuacao{	
	height: 300px;
}

.home-servicos .atuacao .legenda{
	font: 20px 'Roboto Slab', sans-serif;
	font-weight: 500;
	text-align: center;
	z-index: 3;
}

.atuacao{
	margin-bottom: 24px;
	position: relative;
}

.crop{
	bottom: 0;
	left: 0;
	max-height: 40% !important;
	position: absolute;
	width: auto !important;
	z-index: 0;
}

.top-crop{
	height: 40%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}

.atuacao .line{
	border: solid 1px var(--color-primary);
	display: block;
	height: calc(100% - 20px);
	left: 10px;
	opacity: 1;
	position: absolute;
	top: 10px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	width: calc(100% - 20px);
	z-index: 1;
}

.atuacao a:hover .line{
	border-width: 11px;
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
}

.atuacao .legenda{
	bottom: 20px;
	color: var(--bs-white);
	font: 16px 'Roboto Slab', sans-serif;
	font-weight: 500;
	padding: 0 20px;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 3;
}

.overlay{
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,.4) 100%);
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
}

.overlay-img{
	border: 1px solid var(--color-primary);
	content: "";
	display: block;
	height: calc(100% - 20px);
	left: 10px;
	position: absolute;
	top: 10px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	width: calc(100% - 20px);
	z-index: 2;
}

.overlay-img:hover{
	border: 10px solid var(--color-primary);
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
}

.single-area-de-atuacao .conteudo img{
	height: auto;
	width: 100%;
}

/* Frota */

.frota .crop{
	width: 20%;
}

.frota .elementor-gallery-item__content{
	align-items: center;
}

.frota .elementor-gallery-item__title{
	opacity: 1;
	text-align: center;
}

/* Carrossel Áreas de Atuação */

@media (max-width: 767px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {
    
    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
      transform: translateX(25%);
    }
    
    .carousel-inner .carousel-item-start.active, 
    .carousel-inner .carousel-item-prev {
      transform: translateX(-25%);
    }
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start { 
  transform: translateX(0);
}



/* Imprensa */

.home-imprensa{
	background: #e5e5e5;
}

.home-imprensa a,
.imprensa a{
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
}

.home-imprensa .noticia,
.imprensa .noticia{
	margin-bottom: 10px;
}

.home-imprensa .noticia p,
.imprensa .noticia p{
	margin: 0;
}

.home-imprensa .noticia a,
.imprensa .noticia a{
	align-items: center;
	color: var(--bs-black);
	display: flex;
}

.home-imprensa .noticia a:hover,
.imprensa .noticia a:hover{
	color: var(--color-primary);
	text-decoration: underline;
}

.home-imprensa .noticia a:hover .data,
.imprensa .noticia a:hover .data{
	background: var(--color-primary);
}

.home-imprensa .data,
.imprensa .data{
	background: var(--bs-black);
	color: var(--bs-white);
	display: inline-block;
	font-weight: 500;
	margin-right: 15px;
	min-width: 100px;
	padding: 10px;
	text-align: center;
}

/* Páginas */

.titulo-pagina{
	font: 24px 'Roboto Slab', sans-serif;
	font-weight: 400;
	margin-bottom: 36px;
	padding-left: 140px;
}

.titulo-pagina:before{
	content: "";
	display: inline-block;
	height: 4px;
	width: 70px;
	margin-left: -140px;
	margin-right: 24px;
	vertical-align: middle;
}

.titulo-pagina.vermelho{
	color: var(--color-primary);
}

.titulo-pagina.azul{
	color: var(--color-primary);
}

.titulo-pagina.verde{
	color: var(--color-primary);
}

.vermelho.titulo-pagina:before{
	background: var(--color-primary);
}

.azul.titulo-pagina:before{
	background: var(--color-primary);
}

.verde.titulo-pagina:before{
	background: var(--color-primary);
}

.subtitulo{
	font: 24px 'Roboto Slab', sans-serif;
	text-align: center;
}

.conteudo img{
	
}

/* Ecopontos */

.miniatura-ecopontos{
	min-height: 350px;
	position: relative;
}

.miniatura-ecopontos .crop{
	bottom: 0;
	height: 50%;
	left: 0;
	position: absolute;
	z-index: 2;
}

.miniatura-ecopontos .line{
	border: solid 1px var(--color-secondary);
	display: block;
	height: calc(100% - 20px);
	left: 10px;
	opacity: 1;
	position: absolute;
	top: 10px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	width: calc(100% - 20px);
	z-index: 1;
}

.miniatura-ecopontos img{
	float: right;
}

.informacoes th,
.informacoes td{
	vertical-align: middle;
}

.informacoes a{
	color: var(--bs-black);
	text-decoration: none;
}

.nossos-ecopontos iframe{
	max-height: 300px;
	width: 100%;
}

.accordion-button{
	background: var(--color-primary); 
	color: var(--bs-white);
	outline: 0 !important;
}

.accordion-button:after,
.accordion-button:not(.collapsed):after{
	background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button:focus{
	box-shadow: none;
}

.accordion-button:not(.collapsed){
	background: var(--color-secondary);
	color: var(--bs-white);;
}

.accordion-item h2{
	margin: 0;
}

/* Busca de Serviços */

.accordion-item.busca-servicos{
	border-color: #fff;
	margin: auto;
	max-width: 1320px;
	order: 3;
}

.divisor{
	order: 1;
}

.endereco{
	order: 2;
}

/* Fale Conosco */

.wpcf7-form input,
.wpcf7-form textarea{
	box-shadow: 0;
	outline: 0 !important;
	width: 100%;
}

.wpcf7-form label{
	width: 100%;	
}

.wpcf7-form input[type="submit"]{
	background: var(--color-primary);
	border: 0;
	color: var(--bs-white);
	padding: 5px 10px;
	width: auto;
}

.wpcf7-form input[type="submit"]:hover{
	background: var(--color-secondary);
}

/* Footer */

.site-footer{
	background: #e5e5e5;
	border-top: 1px solid rgba(0, 0, 0, .1);
	text-align: center;
}

.site-footer img{
	max-height: 50px;
}

.site-footer .brand-footer{
	max-height: 80px;
}

.site-footer .endereco{
	font-weight: 500;
}

.site-footer .endereco p{
	margin: 0;
	text-align: left;
}

.logos-orgaos img{
	margin: 20px;
}

.logo-footer{
	display: block;
	margin: auto;
	text-align: center;
}

.copyright{
	border-top: 1px solid rgba(0, 0, 0, .1);
	font-size: 12px;
	text-align: center;
}

/* Cookies */

#cookie-law-info-again{
	background: #fff !important;
	border: 1px solid var(--color-primary);
	border-radius: 25px;
	bottom: 15px !important;
	box-shadow: none !important;
	color: var(--color-primary) !important;
	padding: 10px 20px;
	right: 15px !important;
}

#cookie-law-info-again:hover{
	background: var(--color-primary) !important;
	color: var(--bs-white) !important;
}

/* Breakpoint MD */
@media screen and (min-width: 768px){
	.home-imprensa .noticia a,
	.imprensa .noticia a{
		font-size: 16px;
		padding-left: 85px;
	}

	.home-imprensa .data,
	.imprensa .data{
		min-width: 120px;
	}
}

/* Breakpoint LG */
@media screen and (min-width: 992px){

	/* Páginas */

	.titulo-pagina{
		font-size: 36px;
	}

	.subtitulo{
		padding-left: 95px;
		text-align: left;
	}

	.home-imprensa .noticia a,
	.imprensa a{
		font-size: 18px;
	}

	.home-imprensa .data,
	.imprensa .data{
		min-width: 140px;
	}
}

/* Breakpoint XL */
@media screen and (min-width: 1200px){

}