/* 
Theme Name: Mateaffiliates
Theme URI: https://github.com/elementor/hello-theme-child/
Description: This is a child theme of Hello Elementor
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
*/

/* General */
.header-section.scrolled{
  background: #001308!important;
}
.homepage.hero-section::after{
content: "";
position: absolute;
width:100%;
height: 30%;
bottom: -2px;
left: 0;
background: linear-gradient(0deg, #001308, transparent);
}
.traffic-card::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 19, 8, 0.00) 22.6%, #001308 70%);
    z-index: 0;
}
.faq-accordion .e-n-accordion-item[open]::after{
    content:"";
    z-index: -1;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
    background:linear-gradient(125deg, rgba(0, 19, 8, 0.00) 16.76%, rgba(242, 133, 4, 0.20) 98.98%);
}
.faq-accordion .e-n-accordion >  .e-n-accordion-item:last-of-type[open]::after{
    border-radius: 0 0 30px 0 !important;
}
.faq-accordion .e-n-accordion >  .e-n-accordion-item:first-of-type[open]> .e-n-accordion-item-title {
    border-radius:30px 0 0 0 !important;
}
.number-awards-won .elementor-shortcode{
    font-family: 'Tomorrow';
    font-size:50px;
    font-style: italic;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    color:#F28504; 
}
.number-awards-nomination .elementor-shortcode{
    font-family: 'Tomorrow';
    font-size:50px;
    font-style: italic;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    color:white; 
}
summary.e-n-accordion-item-title {
  position: relative;
}
summary.e-n-accordion-item-title .elementor-widget-shortcode {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5; /* optional */
  font-family:'Tomorrow';
  font-size:15px;
  font-weight:500;
  letter-spacing: 0.3px;
}
.mobile-menu .elementor-nav-menu--dropdown{
    padding-bottom:40px;
}
.mobile-menu li.primary-button{
    background-color:#F28504 !important;
    border:2px solid #F28504;
    border-radius: 0;
    width: 160px;
    margin-inline: auto;
}
.mobile-menu li.primary-button a{
    color: black !important;
}
.accent-button a.elementor-button, 
.accent-button-container, 
.grid-articles .elementor-button:not(.elementor-button-link.elementor-button),
.grid-testimonials .elementor-button,
.mobile-menu li.accent-button{
   background: linear-gradient(#0C0E10, #0C0E10) padding-box, linear-gradient(133deg, #FFC436 24.34%, #CF6400 77.66%) border-box !important;
    border: 2px solid transparent;
    border-radius: 0 !important;
    width: fit-content;
}
.accent-button a.elementor-button .elementor-button-text,
.ff-el-group .ff-btn-submit.accent-button, 
.fluentform .ff-btn-submit.accent-button,
.grid-articles .elementor-button .elementor-button-text:not(.elementor-button-link.elementor-button .elementor-button-text),
.grid-testimonials .elementor-button .elementor-button-text,
.mobile-menu li.accent-button a{
	background: -webkit-linear-gradient(0deg, #FFC436 24.34%, #CF6400 77.66%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.vip-button a.elementor-button, 
.mobile-menu li.vip-button{
    background: linear-gradient(#0C0E10, #0C0E10) padding-box, linear-gradient(99deg, #70FF9C 9.9%, #FFC436 92%) border-box !important;
    border: 2px solid transparent;
    border-radius: 0 !important;
    width: fit-content;
}

.vip-button a.elementor-button .elementor-button-text,
.mobile-menu li.vip-button a{
	background: -webkit-linear-gradient(0deg, #70FF9C 9.9%, #FFC436 92%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.vip-button.menu-item{
  margin-top: 20px;
}
/* ! */
.mobile-menu li.vip-button a, 
.mobile-menu li.accent-button a,
.mobile-menu li.primary-button a
{
	text-transform: capitalize !important;
	font-weight: 700 !important;
}
.mobile-menu li.accent-button,
.mobile-menu li.vip-button{
    margin-inline:auto;
    width:160px !important;
}

.mobile-menu li.accent-button{
    margin-block:15px !important;
}
.cookie-table {
    display: flex;
    flex-direction: column;
    /* gap: 25px; */
    border: 1px solid rgba(217, 216, 212, 0.25);
}
.table-line {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid rgba(217, 216, 212, 0.25);
    padding: 20px 20px 20px 20px;
}
.cookie-line {
    display: flex;
    flex-direction: row;
    gap: 20px;
}
.cookie-line p.bold {
    font-weight: 700;
    font-size: 14px;
    width: 120px;
}
.cookie-line p {
    font-size: 13px;
    font-family: 'Poppins';
    color: #B4BBBA;
    margin-bottom: 0;
}
.events-button{
    cursor:pointer !important;
}
.event-form-container {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    z-index: 9999;
    overflow: hidden;
}
.events-date-interval {
    color: #70FF9C !important;
    font-size: 13px;
    letter-spacing: 0.26px;
    font-weight: 400;
}
#tribe-events-pg-template{
    max-width:100% !important;
}
.border-light{
    background: linear-gradient(black, black) padding-box, linear-gradient(to right, #70FF9C, #F28504) border-box;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 0px solid transparent;    
}
.border-medium{
    background: linear-gradient(black, black) padding-box, linear-gradient(to right, #70FF9C, #F28504) border-box;
    border-top: 2px solid transparent;
    border-right: 2px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 0px solid transparent;  
}
.border-bold{
    background: linear-gradient(black, black) padding-box, linear-gradient(to right, #70FF9C, #F28504) border-box;
    border: 3px solid transparent;
}
.reward-card::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    background: linear-gradient(129deg, rgba(0, 19, 8, 0.00) 5.11%, rgba(242, 133, 4, 0.20) 94.89%), linear-gradient(129deg, #084119 5.11%, rgba(0, 19, 8, 0.00) 66.44%);
    border-radius: 40px 0 40px 0;
    z-index: 1;
}
.reward-card .small-text{
    font-size:30px !important;  
}
.reward-card.first-place .small-text {
    font-size:50px !important;
}
.colored-border .elementor-divider-separator {
    background: linear-gradient(91deg, rgba(112, 255, 156, 0.00) 2.48%, var(--Color-Accent-1---1, #70FF9C) 9.32%, var(--Color-Accent-2---2, #F28504) 89.77%, rgba(255, 196, 54, 0.00) 97.52%);
    height:3px;
}
.close-popup{
    cursor: pointer;
}
.contact-form .ff-el-form-check-label{
  display: flex !important;
  flex-direction: row;
  align-items: center;
  gap:15px;
}
/* Banner and vip hero section animation */
.vip-lp-hero{
  overflow-x: hidden;
}
.vip-banner{
    overflow: hidden;
}
.shape {
  position: absolute;
  height: 100%;
  top: 0;
}

/* shape stanga */
.shape-left {
  animation: leftSlide 6s infinite;
}

/* shape dreapta */
.shape-right {
  animation: rightSlide 6s infinite;
}

/* stanga */
@keyframes leftSlide{

  0%{
    left:-120%;
  }

  /* ajunge rapid la punctul de intalnire */
  15%{
    left:40%;
  }

  /* stau suprapuse */
  85%{
    left:40%;
  }

  /* ies rapid */
  100%{
    left:150%;
  }
}


/* dreapta */
@keyframes rightSlide{

  0%{
    left:120%;
  }

  /* ajunge in acelasi timp */
  15%{
    left:47%;
  }

  /* stau suprapuse */
  85%{
    left:47%;
  }

  /* ies rapid */
  100%{
    left:150%;
  }
}
.button-gradient {
    overflow: hidden;
}
.button-gradient span{
    z-index: 10;
}

.button-gradient::before,
.button-gradient::after{
    content:"";
    position:absolute;
    top:0;
    left:-300%;       
    width:100%;       
    height:100%;
    background: linear-gradient(108deg, #F28504 39.04%, #FFC436 46.66%, #FFC436 55.87%, #F28504 65.96%);
    
}
.button-gradient::after{
    animation:shinenew 6s infinite linear;
}
.button-gradient::before{
    animation:shine 6s infinite linear;
    z-index: 1;
}

@keyframes shine{

  0%{
    left:-300%;
  }

  25%{
    left:-100%;
  }

  33%{
    left:100%;
  }

  100%{
    left:200%;
  }

}

@keyframes shinenew{

  0%{
    left:-100%;
  }

  33%{
    left:-100%;
  }

  41%{
    left:100%;
  }

  100%{
    left:200%;
  }

}

/* ------------------ Counter Section ------------------------- */
.next-draw-section .countdown-vip .elementor-countdown-digits.elementor-countdown-days,
.next-draw-section .countdown-vip .elementor-countdown-digits.elementor-countdown-hours,
.next-draw-section .countdown-vip .elementor-countdown-digits.elementor-countdown-minutes,
.next-draw-section .countdown-vip .elementor-countdown-digits.elementor-countdown-seconds{
	opacity: 0;
}
.elementor-countdown-digits.elementor-countdown-days.animate{
  animation: fallDown 0.6s ease-in forwards;
  animation-delay: 1s
}
.elementor-countdown-digits.elementor-countdown-hours.animate{
  animation: fallDown 0.8s ease-in forwards;
  animation-delay: 1.20s
}
.elementor-countdown-digits.elementor-countdown-minutes.animate{
  animation: fallDown 1s ease-in forwards;
  animation-delay: 1.40s
}
.elementor-countdown-digits.elementor-countdown-seconds.animate{
  animation: fallDown 1.2s ease-in forwards;
  animation-delay: 1.60s
}
@keyframes fallDown {
  from {
    transform: translateY(-40px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.elementor-countdown-label {
  animation: slideUp 0.25s ease-out forwards;
}

@keyframes slideUp {
  from {
    transform: translateY(40px);
  }
  to {
    transform: translateY(0);
  }
}
/* ----------------- monthly rewards section animations -------------------- */

/* Base card style */
.border-light,
.border-medium,
.border-bold {
  opacity: 0;
  transform: translateY(-40px);
  will-change: transform;
  backface-visibility: hidden;
}

/* Drop + small bounce */
@keyframes drop {
  0%   { opacity: 0; transform: translateY(-40px); }
  70%  { opacity: 1; transform: translateY(3px); }
  100% { opacity: 1; transform: translateY(0); }
}

/* Cards animate when parent has 'animate' class */
.reward-3.animate .border-light { animation: drop 0.15s cubic-bezier(.25,.8,.25,1) forwards; animation-delay: 0s; }
.reward-3.animate .border-medium { animation: drop 0.15s cubic-bezier(.25,.8,.25,1) forwards; animation-delay: 0.15s; }
.reward-3.animate .border-bold { animation: drop 0.15s cubic-bezier(.25,.8,.25,1) forwards; animation-delay: 0.30s; }

.reward-2.animate .border-light { animation: drop 0.15s cubic-bezier(.25,.8,.25,1) forwards; animation-delay: 0s; }
.reward-2.animate .border-medium { animation: drop 0.15s cubic-bezier(.25,.8,.25,1) forwards; animation-delay: 0.15s; }
.reward-2.animate .border-bold { animation: drop 0.15s cubic-bezier(.25,.8,.25,1) forwards; animation-delay: 0.30s; }

.reward-1.animate .border-light { animation: drop 0.15s cubic-bezier(.25,.8,.25,1) forwards; animation-delay: 0s; }
.reward-1.animate .border-medium { animation: drop 0.15s cubic-bezier(.25,.8,.25,1) forwards; animation-delay: 0.15s; }
.reward-1.animate .border-bold { animation: drop 0.15s cubic-bezier(.25,.8,.25,1) forwards; animation-delay: 0.30s; }



.reward-img{
  opacity:0;
  will-change: transform, opacity;
}

@keyframes rewardImage{
  0%   { opacity: 0; transform: translateY(-40px); }
  100% { opacity: 1; transform: translateY(60px); }
}
.reward-3.animate .reward-img{
  animation: rewardImage .40s cubic-bezier(.25,.8,.25,1) forwards;
  animation-delay: 2s;
}

.reward-2.animate .reward-img{
  animation: rewardImage .40s cubic-bezier(.25,.8,.25,1) forwards;
  animation-delay: 2.1s;
}

.reward-1.animate .reward-img{
  animation: rewardImage .40s cubic-bezier(.25,.8,.25,1) forwards;
  animation-delay: 2.2s;
}



/* -------- cookie yes ------ */
.cky-btn.cky-btn-reject,
.cky-btn.cky-btn-customize,
.cky-btn.cky-btn-preferences{
    color:#f28504 !important;
    border-color:#f28504!important;  
}
.cky-btn.cky-btn-accept{
    background-color: #f28504 !important; 
    border-color:#f28504!important;  
    color:black !important;
}
.cky-btn{
    font-size:14px !important;
    padding:8px 16px !important;
}
.cky-notice-btn-wrapper{
    flex-direction: row !important;
}
.cky-btn-revisit-wrapper {
    background-color:#f28504 !important;
}
/* Media query */ 
@media(max-width:1024px){
    body:has(.elementor-menu-toggle.elementor-active) .header-section  {
      background: #001308 !important;
  }
    .awards-container{
        width: 100%;
        display: flex;
        flex-direction: row;
        gap: 0;
        height: 650px;
    }
    .first-award{
        width: 184px;
        position: absolute;
        bottom: 0;
    }
    .second-award{
        width: 184px;
        position: absolute;
        bottom:0;
        right: 0 !important;
    }
    .third-award{
        width: 184px;
        position: absolute;
        bottom: 0;
        left: 0 !important;
    }
    .second-award::after{
        content:"";
        position: absolute;
        width: 100%;
        height:202px;
        bottom: 0;
        left: 0;
        background: linear-gradient(180deg, rgba(0, 19, 8, 0.00) 0%, #001308 53.21%);
        z-index: 9;
    }
    .first-award::after {
        content: "";
        position: absolute;
        width: 106%;
        height: 70%;
        bottom: 0;
        left: 0;
        background: linear-gradient(180deg, rgba(0, 19, 8, 0.00) 0%, #001308 53.21%);
        z-index: 9;
    }
     .first-award.mobile .border-bold,
     .first-award.mobile .border-medium,
     .first-award.mobile .border-light,
     .second-award.mobile .border-bold,
     .second-award.mobile .border-medium,
     .second-award.mobile .border-light,
     .third-award.mobile .border-bold,
     .third-award.mobile .border-medium,
     .third-award.mobile .border-light{
      opacity:1 !important;
      transform: unset !important;
     }

}

@media(min-width:1920px){
  .hero-section .elementor-background-video-container iframe.elementor-background-video-embed{
        inset-block-start: 60% !important;
  }
}
@media(min-width:2560px){
  .hero-section .elementor-background-video-container iframe.elementor-background-video-embed{
        inset-block-start: 78% !important;
  }
}



/*  VIP hero animation */
.vip.shape {
  position: absolute;
  height: 100%;
  top: 0;
}

/* shape stanga */
.vip.shape-left {
  animation: vipLeftSlide 10s infinite;
}

/* shape dreapta */
.vip.shape-right {
  animation: vipRightSlide 10s infinite;
}

/* stanga */
@keyframes vipLeftSlide{

  0%{
    left:-120%;
  }

  /* ajunge rapid la punctul de intalnire */
  35%{
   left:-120%;
  }
  
  45%{
    left:50%;
  }

  /* stau suprapuse */
  85%{
    left:50%;
  }

  /* ies rapid */
  100%{
    left:150%;
  }
}


/* dreapta */
@keyframes vipRightSlide{

  0%{
    left:120%;
  }

  35%{
    left:120%;
  }

  /* ajunge in acelasi timp */
  45%{
    left:57%;
  }

  /* stau suprapuse */
  85%{
    left:57%;
  }

  /* ies rapid */
  100%{
    left:150%;
  }
}

.vip.button-gradient::after{
    animation:vipshinenew 5s infinite linear;
}
.vip.button-gradient::before{
    animation:vipshine 5s infinite linear;
    z-index: 1;
}

@keyframes vipshine{

  0%{
    left:-300%;
  }

  10%{
    left:-100%;
  }

  20%{
    left:100%;
  }

  100%{
    left:200%;
  }

}

@keyframes vipshinenew{

  0%{
    left:-100%;
  }

  20%{
    left:-100%;
  } 

  30%{
    left:100%;
  }

  100%{
    left:200%;
  }

}