.swiper-wrapper {
	display: flex !important;
    flex-wrap: inherit;
    padding-bottom: 10px;
}

.swiper-pagination-bullet-active {
	color:#fff;
	background: #565656!important;
	transition: transform 0.4s;
}

.swiper-pagination-bullet-active:hover {
}
.swiper-pagination-bullet{
	transition: transform 0.4s;
}
.swiper-pagination-bullet:hover{
	transform: scale(1.5)!important;
	background: #9C7B14!important;
}

.swiper-button-next, .swiper-button-prev{
    background-color: white;
    background-color: rgba(255, 255, 255, 0.5);
	border-radius:50px;
	background-image:none;
    padding: 30px;
    color: #565656 !important;
    fill: #565656 !important;
    stroke: #565656 !important;
			
	transform: scale(0.6);
    transition: transform 0.4s;
  }
	
.swiper-button-next:hover, .swiper-button-prev:hover{
	transform: scale(0.8);
	background-color: rgba(255, 255, 255, 0.9);
		
	}
	



header.sticky-header {
    --header-height: 90px; /* altura final quando encolhe - deve ser o mesmo valor que colocou no min-height da seção */
    
    --opacity: 0.9; /* opacidade final quando encolhe. se quiser que fique mais transparente, coloque numeros menores como por ex 0.3 */
    
    --shrink-me: 0.60; /* porcentagem de quanto o header vai encolher, assim como a logotipo. se quiser que encolha mais, coloque valores menores commo por ex 0.5 (equivalente a 50%) */
    
    --shrink-me-logo: 0.9;

    --sticky-background-color: #00FF00; /* cor do fundo do header depois que encolher. não precisa ser a mesma cor original */
    
    --transition-time: 0.4s ease-in-out;/* tempo que leva pra encolher, aqui está demorando 0.3 segundos. quanto maior o valor, mais tempo demora o efeito de transição */

    /*transition: background-color var(--transition-time);*/
    /*transition: background-image var(--transition-time);*/
    /*transition: opacity var(--transition-time);*/
    
    
    
}

header.sticky-header {
    min-height: var(--header-height);
    transition: all var(--transition-time);
	background-color: rgb(87,87,87,0.9)!important;
}



header.sticky-header.elementor-sticky--effects {
    opacity: var(--opacity) !important;
    min-height: 50px!important;
    background-color: #FFFFFF!important;
    transition: all var(--transition-time);
}




/* ================= REDE SOCIAL =======*/



header.sticky-header .social-header {
    transform: scale(1);
    padding-bottom: 10px;
    transition: all var(--transition-time);
    
}

header.sticky-header.elementor-sticky--effects svg{
    fill:#000!important;
}


header.sticky-header.elementor-sticky--effects .social-header {
    transform: scale(0.9);
    padding-bottom: 10px;
    color:#00ff00;

    transition: all var(--transition-time);
}


header.sticky-header.elementor-sticky--effects .social-header svg:hover {

    fill:#9c7b14!important;
    
}

/* ==============FIM REDE SOCIAL =======*/

/*   LOGOMARCA   */

header.sticky-header.elementor-sticky--effects .logomarca img {
    
    max-width: calc(100% * var(--shrink-me-logo))!important;
    transform-origin: left!important;

    content:url('/wp-content/uploads/2022/09/ESDA-Header-Preto.png')!important;
    transition: all var(--transition-time)!important;
}


header.sticky-header .logomarca img {
    max-width: calc(100% / var(--shrink-me-logo))!important;
    transition: all var(--transition-time)!important;
    
}


/*MENU DE NAVEGAÇÃO*/

/* Slide in */
/*https://css-irl.info/animating-underlines/*/


header.sticky-header .roblox ul{
    /*background-color: #00ff0000;*/
    justify-content: center;
 
      
}

header.sticky-header .roblox li{
    margin: 0 1.4rem;
}

header.sticky-header .roblox a {
  display: block;
  overflow: hidden!important;
  position: relative;
  /*padding: 0.2em 0;*/

}



header.sticky-header .roblox a::after {
  content: '';
  position: relative;
  
  /*bottom: 10;
  left: 110;*/
  

  width: 100%;
  height: 0.1em;
  background-color: #fff!important;
  opacity: 1;
  transform: translate3d(-100%, 0, 0);
  transition: opacity 500ms, transform 400ms;
}

header.sticky-header .roblox a:hover::after,
header.sticky-header .roblox a:focus::after {
  transform: translate3d(0, 0, 0);
}



header.elementor-sticky--effects .roblox a::after{
    background-color: #9c7b14!important;
}

/* ESTÁ FALTANDO MARCAR O MENU QUE ESTÁ SELECIONADO */

/*------------------*/


header.elementor-sticky--effects .roblox li > a {
    /*Cor da fonte depois de rolar a tela*/
    
    color: #000!important;
    transition: color  var(--transition-time);
}

header.elementor-sticky--effects .roblox {
    
    /*padding-top: 00px;*/
 /*   padding-bottom: 15px;*/
   

}

header.elementor-sticky--effects .roblox li:hover > a {
    /* HOVER após Rolar a tela */
    
/*    color: #83A7BB!important;*/
    /*transition: all var(--transition-time);*/
    color: #ffffff;
    /*transform: scale(1.2);*/
}

     .botao-hotmart{
         background-color: #8C6323!important;
         padding-top: 15px;
         padding-bottom: 15px;
         padding-left: 45px;
         padding-right: 45px;
         color:#FFFFFF!important;
         font-family: "Open Sans", sans-serif;
         border-radius:25px!important;
         font-weight:500!important;
         
     }
    .botao-hotmart:hover{
         color: #FFFFFF;
         transition-duration: 0.4s;
     }
     
     .div-botao-hotmart{
         text-align: center;
         transition-duration: 0.5s;
     }
     
     .div-botao-hotmart:hover{
         transform: scale(1.1);
         transition-duration: 0.5s;
     }