/*-------------------------------------
  Website Buttons
-------------------------------------*/
.space-organizations-6-archive-item-button1 a {
	background: #ff005c !important;
	box-shadow: none !important;
}

.space-organizations-6-archive-item-button1 a:hover {
	box-shadow: 0px 8px 30px 0px rgba(255,0,92, 0.60) !important;
}


/*-------------------------------------
  Slot Scrolling Message
-------------------------------------*/
@media (max-width: 1200px) {
	.sl-banner-container {
		width: 93% !important;
	}
}

/*-------------------------------------
  Scroll to Top
-------------------------------------*/
#scrolltop.show {
	position: fixed !important;
	bottom: var(--btt-offset, 20px) !important;
}

/*-------------------------------------
  Neon caixa banner slots
-------------------------------------*/
.slotbanner-left img {
    border: solid 1px #6628c1;
    box-shadow: 0px 0px 15px #a656e6;
}
.slotbanner-right img {
    border: solid 1px #6628c1;
    box-shadow: 0px 0px 15px #a656e6;
}


.space-organizations-3-archive-item-title {
	margin: 0 0 8px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.25;
	display: block;
}
.space-organizations-3-archive-item-terms-ins .space-organizations-3-archive-item-title a {
	text-decoration: none;
}
/*DESIGN MEGA MENU*/
@media screen and (min-width: 800px) {
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
    background:linear-gradient(130deg, rgb(15 73 130) 60%, #502332 100%);
}
	
#mega-menu-wrap-main-menu .mega-sub-menu {
  margin-top: 12px;
  margin-bottom: 12px;
}
	
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu
li.mega-menu-column-standard.mega-menu-item-13760,
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu
li.mega-menu-column-standard.mega-menu-item-13759,
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu
li.mega-menu-column-standard.mega-menu-item-20123,
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu
li.mega-menu-column-standard#mega-menu-126386-0-0,
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu
li.mega-menu-column-standard#mega-menu-126386-0-1 {
  border-right: 1px solid #ffffff38;
  min-height: 150px;
}
#mega-menu-item-126386 > ul.mega-sub-menu > li#mega-menu-126386-0 > ul.mega-sub-menu
> li#mega-menu-126386-0-0,
#mega-menu-item-126386 > ul.mega-sub-menu > li#mega-menu-126386-0 > ul.mega-sub-menu
> li#mega-menu-126386-0-1 {
  border-right: 1px solid #ffffff38 !important;
  min-height: 250px;
}

}


/*z-index Popup Aweber */
.aw-wpn-prompt--default {
	z-index: 9999999 !important
}

/*CORRIGIR DESCONFIGURAÇÃO TOPS
img:is([sizes="auto" i], [sizes^="auto," i]) {
    contain-intrinsic-size: 80px 80px !important;
}*/


.asl_content h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
    background: none !important;
}

.space-header-search-block {
height: 150px;
}
 
.space-header-search-block-ins {
align-content: center;
}

/*Botão Load More*/
.space-load-more-button{
	font-weight: 700;
	text-transform: uppercase;
} 

.space-load-more-button:hover{
	box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.25);
} 


/*-------------------------------------
Centrar botões das slots
-------------------------------------*/
.slaunch-button, .slaunch-game {
justify-content: center !important;
align-items: center !important;
	text-align:center !important;
}


/*-------------------------------------
Botóes Ver Mais da Homepage
-------------------------------------*/
.is-style-outline a.wp-block-button__link{
	padding-left:05px;
	padding-right:05px;
}


/*-------------------------------------
  Notificações GamiPress
-------------------------------------*/
.gamipress-notification-title .gamipress-notification-points-award-title{
		font-size: 1.5em;
		color:white;
}

.gamipress-notification {
    background-color: black;
	background-image: linear-gradient(140deg, rgba(30, 144, 255, 1) 0%, rgba(255, 0, 92, 1) 100%);
}

/*CALENDÁRIO DIAS*/
.gamipress-daily-login-popup {
    background: linear-gradient(140deg, rgba(30, 144, 255, 1) 0%, rgba(255, 0, 92, 1) 100%);
    border: 2px solid rgba(30, 144, 255, 1);
    box-shadow: 4px 4px 12px rgb(12 130 244);
	border-radius: 5px;
}

.gamipress-calendar-reward{
color:white !important;
text-align:center;
line-height: 20px;
}

.gamipress-daily-login-popup-button{
    background: white;
    /* background-image: linear-gradient(140deg, rgba(30, 144, 255, 1) 0%, rgba(255, 0, 92, 1) 100%); */
    box-shadow: inset 0 2px 0 rgba(255,255,255,.15), 
              inset 0 -2px 0 rgba(0,0,0,.2),
              0 1px 2px rgba(0,0,0,.25);
    border: 1px solid rgba(255,255,255,.1);
    color: black;
    border-radius: 15px;
    padding: 5px 30px 5px 30px;
		margin-top:20px;
}

.gamipress-calendar-reward.user-has-earned .reward-stamp img {
    margin: 0 auto;
    max-width: 40%;
}

.gamipress-rewards-calendar-title{
color:white; 
font-size: 2.3em;
margin-bottom:20px;
}


/*-------------------------------------
  Lupa + Botões Login
-------------------------------------*/
/* Alinhar lupa + botões lado a lado */
.space-header-2-top-search .space-header-search {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Base dos botões */
.auth-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 14px;
  border-radius: 9999px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: transform .08s ease, opacity .15s ease, box-shadow .15s ease;
  color: #fff;
}

/* Botão "Login"*/
.auth-btn--login {
  background: #111b37;
  box-shadow: inset 0 2px 0 rgba(255,255,255,.08), 
              inset 0 -2px 0 rgba(0,0,0,.25),
              0 1px 2px rgba(0,0,0,.3);
  border: 1px solid rgba(30, 144, 255, 1);
}

/* Botão "Sign Up"*/
.auth-btn--register {
  background: #ff6900;
	background-image: linear-gradient(140deg, rgba(30, 144, 255, 1) 0%, rgba(255, 0, 92, 1) 100%);
  box-shadow: inset 0 2px 0 rgba(255,255,255,.15), 
              inset 0 -2px 0 rgba(0,0,0,.2),
              0 1px 2px rgba(0,0,0,.25);
  border: 1px solid rgba(255,255,255,.1);
}

/* Badge verde no canto superior direito do botão Sign Up */
.auth-btn--register .auth-badge {
  position: absolute;
  top: -6px;
  right: -6px;
  background: #2edd6c;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 6px;
  border-radius: 9999px;
  box-shadow: 0 1px 2px rgba(0,0,0,.25);
  line-height: 1.1;
}

/* Estados */
.auth-btn:hover { opacity: .95; }
.auth-btn:active { transform: translateY(1px); }

/* Ajustes em telas pequenas */
@media (max-width: 480px) {
  .space-header-2-top-search .space-header-search { gap: 8px; }
  .auth-btn { padding: 7px 12px; font-size: 13px; }
}

/* Avatar + username quando logado */
.auth-user {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0px 0px 0px 5px;
  color: #fff;
  font-weight: 400;
 	font-size:16px;
}




/*-------------------------------------
  Styling Pontos
-------------------------------------*/

.points-row {
	display: flex;
	align-items: center;
	padding: 10px 0px 0px 0px;
	}


/* Texto branco nos pontos (xp/gc/sc) */
.points-row,
.points-row .gamipress-user-points-description,
.points-row .gamipress-user-points-amount {
  color: #fff !important;
}

/* Garantir que a imagem mantém o tamanho e não estica */
.points-row .gamipress-user-points-image img {
  display: block;
  width: 30px;
  height: 30px;
	margin-right:10px
}

/*-------------------------------------
Esconde Elementos adicionados no MOBILE e mostra no DESKTOP 
-------------------------------------*/
.show-on-mobile { display: none; }

@media (max-width: 992px) {
  .hide-on-mobile { display: none !important; }
	  .show-on-mobile { display: block !important; }


}

/*-------------------------------------
Ajustes de espaçamento no mobile menu
-------------------------------------*/
.space-mobile-menu-header{
	margin-bottom:20px;
}
.space-mobile-menu-header img{
	width:150px;
}

.space-mobile-user-area {
	padding: 12px 16px; 
	text-align: center; 
}

.mobile-auth-buttons { 
	display: flex; 
	gap: 10px; 
	justify-content: center;
	margin-top: 10px; 
}
.mobile-social { 
	margin: 8px 0 4px; 
}

.mobile-social a {
    color: white;
    padding-left: 10px;
}

@media only screen and (max-width: 768px) {
#mega-menu-wrap-main-menu .mega-menu-toggle + #mega-menu-main-menu {
    margin-bottom: 20px;
}
}



