/* #####################################
########################################

	Theme name: Renan Borges
	Theme URI: https://renanbugiga.com.br
	Description: Este tema foi desenvolvido exclusivamente para o Renan Borges Bugiga.

	Code: Gabriel Amarante | https://gabrielfreelancer.com.br
	Author: Thiago Pedó
	Author URI: 

	Version: MK.05.2023

########################################
##################################### */

@charset "UTF-8";

/* ######
   Inclusões
############ */

@import "assets/css/_bootstrap.css";
@import "assets/css/_flickity.css";
/* @import "assets/css/_fancybox.css"; */
@import "assets/css/_default.css";

/* ######
   Básicos
############ */

* { outline: none; }

html { scroll-behavior: smooth; }

html , body {
	margin: 0;
	padding: 0;
}

body {
	color: var(--texto-padrao);
	font-size: 14px;
	font-family: var(--open-sans);
	background: #000 url('assets/images/bg/capa.png') no-repeat top center;
	background-size: contain;
}

a , a:hover , a:focus {
	color: var(--texto-padrao);
	text-decoration: none;
	transition: .4s;
}
a:hover {
	color: var(--texto-padrao);
}

button , button:hover , button:focus {
	outline: none;
	cursor: pointer;
}

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

/* ######
   Classes gerais
############ */

/* box-slide */

.box-slide {
	position: relative;
}

/* d-table */

.d-table {
	list-style: none;
	display: table;
	margin: 0;
	padding: 0;
}
.d-table li {
	list-style: none;
	display: table-cell;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

/* d-center */

.d-center {
	align-items: center;
	display: flex;
	width: 100%;
	height: 100%;
}

/* wp-pagenavi */

.wp-pagenavi {
	text-align: center;
}
.wp-pagenavi a ,
.wp-pagenavi span {
	color: var(--texto-padrao);
	font-size: 14px;
	line-height: 20px;
	display: inline-block;
	margin: 0 4px;
	padding: 6px 12px;
	transition: .4s;
	border-radius: 3px;
	border: none;
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
	background: #FFF;
}
.wp-pagenavi .current {
	color: #FFF;
	background: var(--texto-padrao);
}

/* box-return */

.box-return {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: -1;
	opacity: 0;
	transition: .4s;
}
.box-return.active {
	z-index: 5;
	opacity: 1;
}
.box-return a {
	font-size: 0;
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: var(--azul-escuro) url(assets/images/icons/arrow-return.svg) no-repeat center 14px;
	background-size: 20px auto;
}

/* box-post */

.box-post {
	margin: 0 0 30px;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	background: var(--azul-escuro);
}
.box-post a {
	display: block;
}
.box-post img {
	width: 100%;
	height: 300px;
	opacity: .5;
	object-fit: cover;
}
.box-post p {
	color: #FFF;
	font-size: 22px;
	font-weight: 700;
	line-height: 30px;
	width: calc(100% - 50px);
	margin: 0;
	position: absolute;
	bottom: 25px;
	left: 25px;
	transition: .6s;
}
.box-post:hover p {
	bottom: 50px;
}

/* cf7 messages */

.wpcf7-not-valid-tip {
	color: #FFF;
	font-size: 13px;
	margin: 0 0 0 20px;
	transform: translateY(-9px);
}
.wpcf7 form.invalid .wpcf7-response-output {
	color: #FFF;
	text-align: center;
	margin: 20px 0 0;
	padding: 0;
	border: none;
}

/* ######
   Pré-carregamento
############ */

#preloader {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	transition: .5s;
	background: #FFF;
}
#preloader.disabled {
	z-index: -9;
	opacity: 0;
}
#preloader img {
	width: 80px;
	max-width: 95vw;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

/* ######
   Padrão (Conteúdo)
############ */

.template-default #content {
	padding: 60px 0;
	background: #EEE;
}

/* ######
   Mobile
############ */

#mobile {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	opacity: 0;
	transition: .4s;
	background: rgba(0,0,0,.9);
}
#mobile.active {
	z-index: 9;
	opacity: 1;
}

/* box-contain */

#mobile .box-contain {
	width: calc(100% - 40px);
	padding: 40px 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	border-radius: 10px;
	background: #FFF;
}
#mobile .box-contain button {
	font-size: 0;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 0 40px;
	border: none;
	background: url('assets/images/icons/close.svg') no-repeat center center;
	background-size: contain;
}

/* navbar */

#mobile .navbar {
	display: block;
	width: 100%;
	padding: 0;
}
#mobile .navbar ul {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
}
#mobile .navbar li {
	display: block;
	margin: 0 0 15px;
}
#mobile .navbar li:last-child {
	margin: 0;
}
#mobile .navbar a {
	color: var(--texto-padrao);
	font-size: 16px;
	line-height: 20px;
	display: inline-block;
}

/* ######
   Cabeçalho
############ */

#header {
	padding: 20px 0 80px;
}

/* box-menu */

#header .box-menu {
	text-align: right;
	width: 100%;
	padding: 0 10px 0 0;
}
#header .box-menu button {
	color: #FFF;
	font-size: 40px;
	margin: 0;
	padding: 0;
	border: none;
	background: transparent;
}

/* box-contato */

#header .box-contato {
	text-align: right;
	margin: 0 0 80px;
}
@media (max-width: 580px) {
	#header .box-contato {
		text-align: left;
	}
}
#header .box-contato a {
	color: #FFF;
	font-size: 32px;
	line-height: 60px;
	text-align: center;
	display: inline-block;
	width: 70px;
	height: 60px;
	transition: .3s;
	border-radius: 10px;
	background: var(--verde);
}
#header .box-contato a:hover {
	opacity: .8;
}
#header .box-contato i {
	transform: translateX(2px);
}

/* box-logo */

#header .box-logo {
	text-align: center;
	margin: 0 0 80px;
}
@media (max-width: 580px) {
	#header .box-logo {
		margin: 0;
	}
	#header .box-logo img {
		max-width: 80%;
	}
}

/* box-header */

#header .box-header {
	text-align: center;
	margin: 0 0 80px;
}
#header .box-header p {
	color: var(--dourado);
	font-size: 80px;
	font-weight: 700;
	margin: 0;
}
@media (max-width: 580px) {
	#header .box-header p {
		font-size: 35px;
	}
}

/* navbar */

#header .navbar {
	padding: 0;
}
#header .navbar ul {
	list-style: none;
	display: block;
	margin: 0 auto;
	padding: 20px 40px;
	background: var(--azul-escuro);
}
#header .navbar li {
	display: inline-block;
	margin: 0 0 0 40px;
}
#header .navbar li:first-child {
	margin: 0;
}
#header .navbar a {
	color: #FFF;
	font-size: 16px;
	display: inline-block;
	transition: .3s;
}
#header .navbar a:hover ,
#header .navbar a:focus {
	color: var(--dourado);
}
#header .navbar .current-menu-item a {
	color: var(--dourado);
}

/* ######
   Contato
############ */

#contato {
	padding: 100px 0;
	background: url('assets/images/bg/gradiente.jpg') no-repeat top center;
}

/* box-contain */

#contato .box-contain {
	padding: 50px;
	border: solid 3px var(--azul-escuro);
	border-radius: 10px;
}
@media (max-width: 580px) {
	#contato .box-contain {
		padding: 30px;
	}
}

/* box-content */

#contato .box-content {
	max-width: 300px;
}
@media (max-width: 580px) {
	#contato .box-content {
		margin: 0 0 50px;
	}
}
#contato .box-content h3 {
	color: var(--dourado);
	font-size: 60px;
	font-weight: 600;
	margin: 0 0 45px;
}
#contato .box-content p {
	color: #FFF;
	font-size: 16px;
	line-height: 26px;
	margin: 0 0 40px;
}

/* box-form */

#contato .box-form input ,
#contato .box-form textarea {
	color: #FFF;
	width: 100%;
	height: 70px;
	margin: 0 0 10px;
	padding: 0 30px;
	border: none;
	border-radius: 10px;
	background: var(--azul-escuro);
}
#contato .box-form input::placeholder ,
#contato .box-form textarea::placeholder {
	color: #EEE;
}
#contato .box-form textarea {
	height: 120px;
	margin: 0 0 5px;
	padding: 22px 20px;
}
#contato .box-form button {
	color: #FFF;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: .1em;
	text-transform: uppercase;
	display: block;
	margin: 20px auto 0;
	padding: 16px 60px;
	border: none;
	border-radius: 8px;
	background: var(--dourado);
}

/* ######
   Rodapé
############ */

#footer {
	padding: 80px 0 0;
	background: #FFF;
}

/* box-logo */

@media (max-width: 580px) {
	#footer .box-logo {
		text-align: center;
		margin: 0 0 60px;
	}
}

/* box-image */

#footer .box-image {
	margin: 80px 0 0;
}
@media (max-width: 580px) {
	#footer .box-image {
		margin: 60px 0 0;
	}
}
#footer .box-image img {
	width: 100%;
	height: 100px;
	object-fit: cover;
}
@media (max-width: 580px) {
	#footer .box-image img {
		height: 50px;
	}
}

/* box-contain */

#footer .box-contain {
	width: 100%;
}

/* box-info */

@media (max-width: 580px) {
	#footer .box-info {
		text-align: center;
		width: 100%;
		margin: 0 0 20px;
	}
	#footer .box-info ul {
		margin: 0 auto;
	}
}
#footer .box-info li:first-child {
	width: 25px;
}
#footer .box-info p {
	color: var(--azul-escuro);
	font-weight: 600;
	margin: 0 0 20px;
}
#footer .box-info li p {
	margin: 0 0 2px;
}
#footer .box-info i {
	color: var(--azul-escuro);
	font-size: 18px;
	display: inline-block;
	margin: 0 2px 0 0;
	transform: translateY(2px);
}
#footer .box-info a {
	color: var(--azul-escuro);
	display: inline-block;
	transition: .3s;
}
#footer .box-info a:hover {
	color: var(--dourado);
}

/* ######
   Artigos
############ */

#artigos {
	padding: 80px 0;
	background: #FFF;
}

/* box-header */

#artigos .box-header {
	text-align: center;
	margin: 0 0 60px;
}

/* box-link */

#artigos .box-link {
	text-align: center;
	margin: 60px 0 0;
}

/* ######
   Home [Banner]
############ */

.home #banner {
	padding: 0 0 80px;
}

/* box-slide */

.home #banner .box-slide {
	max-width: 950px;
	margin: 0 auto;
}

/* slide-item */

.home #banner .slide-item {
	width: 100%;
}
.home #banner .slide-item a {
	display: block;
}
.home #banner .slide-item img {
	width: 100%;
	height: 540px;
	object-fit: cover;
}
@media (max-width: 580px) {
	.home #banner .slide-item img {
		height: 200px;
	}
}

/* ######
   Home [Áreas de atuação]
############ */

.home #area-atuacao {
	padding: 200px 0;
	position: relative;
	background: #FFF;
}
@media (max-width: 580px) {
	.home #area-atuacao {
		padding: 80px 0 0;
	}
}

/* box-content */

.home #area-atuacao .box-content h2 {
	margin: 0 0 50px;
}
.home #area-atuacao .box-content p {
	color: var(--azul-escuro);
	font-size: 16px;
	line-height: 26px;
	max-width: 450px;
	margin: 0 0 25px;
}
.home #area-atuacao .box-content a {
	margin: 30px 0 0;
}

/* box-image */

.home #area-atuacao .box-image {
	width: 45vw;
	height: 100%;
	margin: 0;
	position: absolute;
	top: 0;
	right: 0;
}
@media (max-width: 580px) {
	.home #area-atuacao .box-image {
		width: 100%;
		height: auto;
		margin: 100px 0 0;
		position: relative;
		top: initial;
		right: initial;
	}
}
.home #area-atuacao .box-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media (max-width: 580px) {
	.home #area-atuacao .box-image img {
		height: auto;
	}
}

/* ######
   Home [Palestra]
############ */

.home #palestra {
	padding: 80px 0;
	background: url('assets/images/bg/palestra.png') no-repeat center center;
	background-size: cover;
}

/* box-image */

.home #palestra .box-image {
	margin: 0;
	position: relative;
}
.home #palestra .box-image img {
	width: 100%;
}
@media (max-width: 580px) {
	.home #palestra .box-image img {
		height: 200px;
		object-fit: cover;
	}
}
.home #palestra .box-image p {
	color: var(--dourado);
	font-size: 45px;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-align: center;
	text-transform: uppercase;
	width: 90%;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
@media (max-width: 580px) {
	.home #palestra .box-image p {
		font-size: 30px;
	}
}

/* ######
   Sobre [Conteúdo]
############ */

.page-template-sobre #conteudo {
	padding: 0 0 80px;
}

/* box-contain */

.page-template-sobre #conteudo .box-contain {
	max-width: 980px;
	margin: 0 auto;
}

/* box-image */

.page-template-sobre #conteudo .box-image {
	margin: 0;
	padding: 0 30px 0 0;
}
@media (max-width: 580px) {
	.page-template-sobre #conteudo .box-image {
		margin: 0 0 50px;
		padding: 0;
	}
}

/* box-info */

.page-template-sobre #conteudo .box-info {
	width: 100%;
}
.page-template-sobre #conteudo .box-info h2 {
	font-size: 40px;
	margin: 0 0 30px;
}
.page-template-sobre #conteudo .box-info p {
	color: #FFF;
	font-size: 16px;
	line-height: 26px;
	margin: 0 0 20px;
}

/* box-content */

.page-template-sobre #conteudo .box-content {
	margin: 60px 0 0;
}
@media (max-width: 580px) {
	.page-template-sobre #conteudo .box-content {
		margin: 0;
	}
}
.page-template-sobre #conteudo .box-content p {
	color: #FFF;
	font-size: 16px;
	line-height: 26px;
	margin: 0 0 20px;
}

/* box-link */

.page-template-sobre #conteudo .box-link {
	text-align: center;
	margin: 60px 0 0;
}

/* ######
   Sobre [Ilustração]
############ */

.page-template-sobre #ilustracao .box-image {
	margin: 0;
}
.page-template-sobre #ilustracao .box-image img {
	width: 100%;
	height: 90vh;
	object-fit: cover;
}
@media (max-width: 580px) {
	.page-template-sobre #ilustracao .box-image img {
		height: initial;
	}
}

/* ######
   Atuação [Conteúdo]
############ */

.page-template-atuacao #conteudo {
	padding: 0 0 120px;
}

/* box-info */

.page-template-atuacao #conteudo .box-info {
	max-width: 800px;
	margin: 0 auto 40px;
	padding: 30px 60px;
	border: solid 2px #FFF;
	border-radius: 10px;
}
@media (max-width: 580px) {
	.page-template-atuacao #conteudo .box-info {
		padding: 30px 20px 20px;
	}
}
.page-template-atuacao #conteudo .box-info ul {
	margin: 0 0 40px;
}
.page-template-atuacao #conteudo .box-info li:first-child {
	width: 100px;
	padding: 0 30px 0 0;
}
@media (max-width: 580px) {
	.page-template-atuacao #conteudo .box-info li:first-child {
		width: 80px;
		padding: 0 20px 0 0;
	}
}
.page-template-atuacao #conteudo .box-info h2 {
	color: var(--dourado);
	font-size: 30px;
	font-weight: 700;
	letter-spacing: .05em;
	text-transform: uppercase;
	margin: 0;
}
@media (max-width: 580px) {
	.page-template-atuacao #conteudo .box-info h2 {
		font-size: 20px;
	}
}
.page-template-atuacao #conteudo .box-info p {
	color: #FFF;
	font-size: 16px;
	line-height: 26px;
	margin: 0 0 15px;
}

/* box-link */

.page-template-atuacao #conteudo .box-link {
	text-align: center;
}

/* ######
   Palestra [Conteúdo]
############ */

.page-template-palestra #conteudo {
	padding: 0 0 120px;
}

/* box-contain */

.page-template-palestra #conteudo .box-contain {
	max-width: 800px;
	margin: 0 auto 40px;
	padding: 30px 60px 60px;
	border: solid 2px #FFF;
	border-radius: 10px;
}
@media (max-width: 580px) {
	.page-template-palestra #conteudo .box-contain {
		padding: 30px 20px 20px;
	}
}
.page-template-palestra #conteudo .box-contain h2 {
	color: var(--dourado);
	font-size: 40px;
	font-weight: 700;
	letter-spacing: .05em;
	text-transform: uppercase;
	margin: 0 0 30px;
}
@media (max-width: 580px) {
	.page-template-palestra #conteudo .box-contain h2 {
		font-size: 30px;
	}
}
.page-template-palestra #conteudo .box-contain p {
	color: #FFF;
	font-size: 16px;
	line-height: 26px;
	margin: 0 0 15px;
}
.page-template-palestra #conteudo .box-contain ul {
	list-style: none;
	display: block;
	margin: 30px 0 0;
	padding: 0;
}
.page-template-palestra #conteudo .box-contain li {
	margin: 0 0 15px;
	padding: 0;
}
.page-template-palestra #conteudo .box-contain li i {
	color: var(--verde);
	font-size: 20px;
	margin: 0 10px 0 0;
}
.page-template-palestra #conteudo .box-contain li p {
	margin: 0;
}

/* box-link */

.page-template-palestra #conteudo .box-link {
	text-align: center;
	transform: translateY(90px);
}
@media (max-width: 580px) {
	.page-template-palestra #conteudo .box-link {
		transform: translateY(50px);
	}
}

/* ######
   Palestra [Slide]
############ */

/* slide-item */

.page-template-palestra #slide .slide-item {
	width: 100%;
}
.page-template-palestra #slide .slide-item img {
	width: 100%;
	height: 90vh;
	object-fit: cover;
}
@media (max-width: 580px) {
	.page-template-palestra #slide .slide-item img {
		height: 200px;
	}
}

/* ######
   Blog [Destaque]
############ */

.blog #destaque {
	position: relative;
}
.blog #destaque::after {
	content: '';
	display: block;
	width: 100%;
	height: 50%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	background: #FFF;
}
@media (max-width: 580px) {
	.blog #destaque::after {
		height: 80%;
	}
}

/* box-content */

.blog #destaque .box-content {
	box-shadow: 5px 5px 25px rgba(0,0,0,.2);
	background: #FFF;
}
@media (max-width: 580px) {
	.blog #destaque .box-content {
		box-shadow: 1px 3px 6px rgba(0,0,0,.1);
	}
}

/* box-content-image */

.blog #destaque .box-content-image {
	margin: 0;
}
.blog #destaque .box-content-image a {
	display: block;
}
.blog #destaque .box-content-image img {
	width: 100%;
	height: 400px;
	object-fit: cover;
}
@media (max-width: 580px) {
	.blog #destaque .box-content-image img {
		height: 300px;
	}
}

/* box-content-info */

.blog #destaque .box-content-info {
	width: 100%;
	padding: 0 30px 0 15px;
}
@media (max-width: 580px) {
	.blog #destaque .box-content-info {
		padding: 20px;
	}
}
.blog #destaque .box-content-info h2 {
	color: #000;
	font-size: 28px;
	font-weight: 700;
	line-height: 36px;
	margin: 0 0 20px;
}
.blog #destaque .box-content-info h2 a {
	color: #000;
}
.blog #destaque .box-content-info p {
	font-size: 16px;
	line-height: 26px;
	margin: 0 0 15px;
}
.blog #destaque .box-content-info a.saiba-mais {
	color: var(--dourado);
	font-size: 18px;
	font-weight: 700;
	display: inline-block;
}
.blog #destaque .box-content-info i {
	color: #888;
	font-style: normal;
	display: block;
	margin: 50px 0 0;
}

/* ######
   Blog [Conteúdo]
############ */

.blog #conteudo {
	padding: 80px 0;
	background: #FFF;
}

/* box-header */

.blog #conteudo .box-header {
	text-align: center;
	margin: 0 0 80px;
}

/* ######
   Post [Conteúdo]
############ */

.single-post #conteudo {
	margin: 200px 0 0;
	padding: 5px 0;
	background: #FFF;
}

/* box-image */

.single-post #conteudo .box-image {
	margin: -200px 0 50px;
}
.single-post #conteudo .box-image img {
	width: 100%;
	height: 400px;
	object-fit: cover;
}

/* box-header */

.single-post #conteudo .box-header {
	margin: 0 0 50px;
}
@media (max-width: 580px) {
	.single-post #conteudo .box-header {
		margin: 0 0 30px;
	}
}
.single-post #conteudo .box-header h1 {
	color: #000;
	font-size: 50px;
	font-weight: 700;
	line-height: 58px;
	margin: 0;
}
@media (max-width: 580px) {
	.single-post #conteudo .box-header h1 {
		font-size: 38px;
		line-height: 46px;
	}
}

/* box-content */

.single-post #conteudo .box-content h1 ,
.single-post #conteudo .box-content h2 ,
.single-post #conteudo .box-content h3 ,
.single-post #conteudo .box-content h4 ,
.single-post #conteudo .box-content h5 ,
.single-post #conteudo .box-content h6 {
	color: #333;
	font-weight: 700;
	margin: 30px 0 20px;
}
.single-post #conteudo .box-content p {
	color: #333;
	font-size: 16px;
	line-height: 26px;
	margin: 0 0 20px;
}
.single-post #conteudo .box-content img {
	margin: 20px 0 20px;
}