/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


*::selection {
	background: #007D5A;
	color: #fff;
}

#video {
	    scroll-margin-top: 120px;
}

#lancamento {
	scroll-margin-top: 120px;
}

#apoiadores {
	scroll-margin-top: 120px;
}

#conheca {
	scroll-margin-top: 90px;
}

#contato {
	scroll-margin-top: 120px;
}

header .menu li a {
	transition: all .5s;
		opacity: .6 !important;
	    border-radius: 100px;
    border: 1px solid transparent;
}

header .menu li a:hover {
	transition: all .5s;
	opacity: 1 !important;
	border-color: rgba(0, 125, 90, 0.20); 
	font-weight: 700 !important;
}

header .menu-hamburguer {
	border-radius: 82.853px;
    background: var(--brand-s-secundary, #007D5A);
    box-shadow: 0 0 4.143px 0 #00FFB8;
    display: flex;
    width: 46px;
    height: 46px;
    justify-content: center;
    align-items: center;
}

.btn-icone { 
	position: relative; 
	cursor: pointer;
	transition: all .5s;
		overflow: hidden;
	border-radius: 100px;
box-shadow: 0 0 5px 0 #00FFB8;
} 

.hover-grad::before {
	content: '';
	position: absolute;
	 width: 100%;
    height: 100%;
    left: 0;
	top: 0;
background: var(--gradient-horizontal-sp, linear-gradient(270deg, #004976 15%, #007D5A 100%));
	transition: all .5s;
	opacity: 0;
	pointer-events: none;
}

.hover-grad:hover::before {
	opacity: 1;
}

.btn-icone span {
	position: relative;
	z-index: 2;
}

.btn-icone::after { 
content: '';
    position: absolute;
    background-size: cover;
    background-position: center;
    width: 12px;
    height: 10px;
    right: 18px;
    top: 51%;
    transform: translateY(-50%);
    pointer-events: none;
    transition: all .5s;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='12' viewBox='0 0 13 12' fill='none'%3E%3Cpath d='M0.75 10.75L5.75 5.75L0.75 0.75M7.75 9.75L11.75 5.75L7.75 1.75' stroke='white' stroke-opacity='0.9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-icone:hover::after {
	right: 21px;
}

.btn-icone:hover {
	box-shadow: 0 0 5px 0 #00FFB8;
}

.fancybox__dialog .fancybox__slide.has-close-btn {
	padding: 0 !important;
}

.f-button.is-close-button {
	border-radius: 100px;
    background: var(--gradient-horizontal-sp, linear-gradient(270deg, #004976 15%, #007D5A 100%));
    box-shadow: 0 0 5px 0 #00FFB8;
    z-index: 5;
}

.f-button.is-close-button svg {
padding: 3px;
}

#menu-hamburguer .f-button.is-close-button {
	    top: 15px;
    right: 15px;
}

#menu-hamburguer {
height: 100vh;
    width: 80vw;
    position: absolute;
	top: 0;
    right: 0;
	display: none;
}
#menu-hamburguer .conteudo {
height: 100%;	
}

#menu-hamburguer .conteudo .e-con-inner {
	 display: flex;
    justify-content: center;
	gap: 30px !important;
	height: 100%;
}

#menu-hamburguer ul {
	display: flex;
    flex-direction: column;
    gap: 30px;
}

#menu-hamburguer ul a {
	    width: fit-content;
    color: var(--p-primary, rgba(0, 73, 118, 0.50));
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
	transition: all.5s;
}

#menu-hamburguer ul a:hover {
	color: #004976;
}

@media screen and (max-width: 767px) {
    .wpr-nav-menu-bp-pro-nn .wpr-nav-menu-container, .wpr-nav-menu-bp-pro-al .wpr-nav-menu-container, .wpr-nav-menu-bp-mobile .wpr-nav-menu-container {
        display: flex !important; 
    }
	    .wpr-nav-menu-bp-pro-nn .wpr-mobile-nav-menu-container, .wpr-nav-menu-bp-pro-al .wpr-mobile-nav-menu-container, .wpr-nav-menu-bp-mobile .wpr-mobile-nav-menu-container {
        display: none !important;
    }
}

.botao-circulo {
	transition: all .s;
	position: relative;
	overflow: hidden;
}

.botao-circulo::before {
	content: '';
	position: absolute;
	 width: 100%;
    height: 100%;
    left: 0;
	top: 0;
background: var(--gradient-horizontal-sp, linear-gradient(270deg, #004976 15%, #007D5A 100%));
	transition: all .5s;
	opacity: 0;
	box-shadow: 0 0 7px 0 #00FFB8 inset, 0 0 5px 0 #00FFB8;
}

.botao-circulo:hover::before {
	opacity: 1;
}

.botao-circulo .elementor-element-071cff6 {
	position: relative;
	transition: all .5s;
}

.botao-circulo:hover .elementor-element-071cff6 {
	transform: translatey(-5px);
}

.videotopo {
	position: relative;
}

.videotopo video {
	filter: grayscale(1);
}

.videotopo::after {
		content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: radial-gradient(49.48% 100% at 50% 0%, rgba(255, 255, 255, 0.00) 71.3%, #FFF 100%);
	pointer-events: none;
}

.videotopo::before {
content: '';
    position: absolute;
    width: 100%;
    height: 100%;
background: linear-gradient(0deg, rgb(255 255 255) 0%, rgb(255 255 255) 100%), linear-gradient(0deg, #000 0%, #000 100%);
    z-index: 2;
    opacity: .9;
		pointer-events: none;
}

.titulo-img {
	color: #004976;
text-align: center;
font-family: Inter;
font-size: 64px;
font-style: normal;
font-weight: 600;
line-height: 120%; /* 76.8px */
letter-spacing: -1.92px;
}

.titulo-img img {
    width: 205.065px;
    height: 68.19px;
    object-fit: cover;
    border-radius: 120px;
    display: inline;
    position: relative;
    bottom: -11px;
}

.titulo-img span {
color: rgba(0, 73, 118, 0.60);	
}

@media screen and (max-width: 1024px) {
	.titulo-img {
		font-size: 30px;
	}
}

.box-video {
	position: relative;
}

.box-video .img-pessoa1 {
    width: 270px;
    height: 236px;
    position: absolute;
    left: 88%;
    top: 80px;
	pointer-events: none;
}

.box-video .img-pessoa2 {
     position: absolute;
    right: 88%;
    width: 246px;
    height: 219px;
    top: 480px;
	pointer-events: none;
}

@media screen and (max-width: 1550px) {
	.box-video .img-pessoa1 {
		top: -30px;
    width: 170px;
    height: auto;
	}
	
	.box-video .img-pessoa2 {
        top: -30px;
    width: 170px;
    height: auto;
	}
}

@media screen and (max-width: 767PX) {
	.box-video .img-pessoa1 {
		    width: 120px;
    left: auto;
    right: -30px;
	}
	
	.box-video .img-pessoa2 {
		    width: 120px;
    right: auto;
    left: -40px;
	}
}

.video-secao {
	position: relative;
	transition: all .5s;
	overflow: hidden;
}

.video-secao::before {
		content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: #004976;
	pointer-events: none;
	z-index: 1;
	transition: all .5s;
	opacity: 0;
}


.video-secao:hover::before {
	opacity: .6;
}

.botaoassista:hover span {
	color: #fff;
}

.galeria-videos {
	    display: flex;
    gap: 30px;
	align-items: center;
}

.galeria-videos a {
	text-decoration: none;
	border-radius: 20px;
	overflow: hidden;
	    display: block;
}

.galeria-videos .maior {
	width: calc(75% - 15px);
}

.galeria-videos .slider-for {
	width: 100%;
}

.galeria-videos .info-bottom {
	padding: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	border: 1px solid var(--s-secundary, rgba(0, 125, 90, 0.10)); 
	background: #fff;
}

.galeria-videos .info-bottom .left {
		display: flex;
	align-items: center;
	width: fit-content;
	gap: 18px;
}


.galeria-videos .info-bottom h3 {
	color: var(--s-secundary, rgba(0, 125, 90, 0.60));

/* Desktop/H5 */
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 120%; /* 19.2px */
letter-spacing: -0.48px;
	margin: 0;
}


.galeria-videos .info-bottom button {
	display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    border: 1px solid var(--s-secundary, rgba(0, 125, 90, 0.10));
    background: var(--grey-g-1100, #FFF);
    transition: all .5s;
	position: relative;
	margin-right: 132px;
	overflow: hidden;
}


.galeria-videos .info-bottom button span {
	position: relative;
	z-index: 2;
	    color: var(--brand-s-secundary, #007D5A);
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
	transition: all .5s;
    line-height: 100%;
}

.galeria-videos .info-bottom button svg {
	position: relative; 
		z-index: 2;
}

.galeria-videos .info-bottom button path {
	transition: all .5s;
}

.galeria-videos a:hover .info-bottom button span {
	color: #fff;
}

.galeria-videos a:hover .info-bottom button path {
	stroke: #fff;
}

.galeria-videos .info-bottom button::before {
		content: '';
	position: absolute;
	 width: 100%;
    height: 100%;
    left: 0;
	top: 0;
background: var(--gradient-horizontal-sp, linear-gradient(270deg, #004976 15%, #007D5A 100%));
	transition: all .5s;
	opacity: 0;
	pointer-events: none;
}

.galeria-videos a:hover .info-bottom button::before {
	opacity: 1;
}

.galeria-videos .slider-nav {
	width: calc(25% - 15px);
}

.galeria-videos .slider-nav .slick-slide {
 height: auto;
    border-radius: 10px;
    margin: 10px 0;
    overflow: hidden;
    cursor: pointer;
    transition: all .5s;
    position: relative;
    max-height: 180px;
}

.galeria-videos .slider-nav .slick-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.galeria-videos .maior {
	position: relative;
}

.galeria-videos .maior .nav-videos {
    position: absolute;
    bottom: 20px;
    right: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.galeria-videos .maior .nav-videos div {
	    border-radius: 100px;
    border: 1px solid var(--s-secundary, rgba(0, 125, 90, 0.20));
    background: var(--grey-g-1100, #FFF);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 53.6px;
    height: 53.6px;
	transition: all .5s;
	cursor: pointer;
}

.galeria-videos .maior .nav-videos div:hover {
	background: #007D5A;
}


.galeria-videos .maior .nav-videos div path {
	transition: all .5s;
}

.galeria-videos .maior .nav-videos div:hover path {
	stroke: #fff;
}

@media screen and (max-width: 1024px) {
	#videocasts {
		background-image: none;
	}
}

@media screen and (max-width: 767px) {
	.galeria-videos {
		display: block;
	}
	
		.galeria-videos .slider-nav {
		display: none;
	}
	
	.galeria-videos .maior {
		    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
	}
	
	.galeria-videos a > img {
		    height: 400px;
    width: 100%;
    object-fit: cover;
    object-position: center;
	}
	
	.galeria-videos .info-bottom button {
		    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 330px;
		margin: 0;
	}
	
	.galeria-videos .maior .nav-videos {
		position: static;
    margin: 0 auto;
	}
}



footer .footermenu {
	
}

footer .footermenu ul {
	    display: flex;
    flex-direction: column;
    gap: 6px;
}

footer .footermenu ul a {
	    padding-left: 11px;
    padding-right: 11px;
    padding-top: 4px;
    padding-bottom: 4px;
color: var(--p-primary, rgba(0, 73, 118, 0.50));
    width: fit-content;
/* Buttons/Medium */
font-family: Inter;
font-size: 14px;
font-style: normal;
	    opacity: .6 !important;
font-weight: 400;
line-height: 100%; /* 14px */
	transition: all .5s;
	
}

footer .footermenu ul a  {
	transition: all .5s;
    opacity: .6 !important;
    border-radius: 100px;
    border: 1px solid transparent;
}

footer .footermenu nav {
	justify-content: center;
}


footer .footermenu ul a:hover {
	transition: all .5s;
	opacity: 1 !important;
	border-color: rgba(0, 125, 90, 0.20);
}

@media screen and (max-width: 767px) {
	footer .footermenu ul a {
		text-align: center;
		margin:0 auto;
	}
}

.vetor-main {
    pointer-events: none;
    position: absolute;
    left: 35%;
    transform: translateX(-50%);
    bottom: -2200px;
    width: 3383px;
    height: 3940px;
}

@media screen and (max-width: 1024px) {
	body.home {
background-image: linear-gradient(180deg, transparent 45%, #004976 35%, #03533d 50%, #053451 100%) !important;
	}
	
	footer {
		background-image: none !important;
	}
	
	#contato {
		background-image: none;
	}
	
	#lancamento {
		background-image: none;
	}
} 


.titulo-gra h2 {
    background: var(--gradient-horizontal-sp, linear-gradient(270deg, #004976 15%, #007D5A 100%));
    padding: 3px 0px 13px 0;
    -webkit-background-clip: text;
    color: transparent !important;
}