.elementor-39 .elementor-element.elementor-element-2a922f4{--display:flex;--min-height:164px;}.elementor-39 .elementor-element.elementor-element-7907eb8{margin:200px 0px calc(var(--kit-widget-spacing, 0px) + 100px) 0px;}.elementor-39 .elementor-element.elementor-element-d82262d{--display:flex;}/* Start custom CSS for html, class: .elementor-element-7907eb8 *//* ==========================================================
   SPONTANKA - LOGO + DATUM + LOKACIJA
   ========================================================== */

@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');


/* ==========================================================
   GLAVNE NASTAVITVE POZICIJE
   ========================================================== */

:root{

    /* ======================================================
       ⭐ TO SPREMINJAŠ, ČE HOČEŠ CELOTEN LOGO LEVO / DESNO
       minus = LEVO
       plus  = DESNO
       ====================================================== */

    --spontanka-logo-x: 38px;


    /* ======================================================
       ⭐ TO SPREMINJAŠ, ČE HOČEŠ DATUM + ŽALEC LEVO / DESNO
       minus = LEVO
       plus  = DESNO
       ====================================================== */

    --spontanka-text-x: 0px;


    /* ======================================================
       VERTIKALNA POZICIJA CELOTNEGA LOGA
       minus = GOR
       plus  = DOL
       ====================================================== */

    --spontanka-logo-y: -30px;


    /* ======================================================
       RAZMAK MED LOGOM IN DATUMOM / ŽALCEM
       ====================================================== */

    --spontanka-text-gap: 55px;
}


/* ==========================================================
   GLOBAL
   ========================================================== */

html,
body{
    width:100%;
    max-width:100%;
    overflow-x:hidden !important;
}

*,
*::before,
*::after{
    box-sizing:border-box;
}


/* ==========================================================
   GLAVNI BLOK
   ========================================================== */

.spontanka-hero-block{

    position:relative;

    width:clamp(300px,52vw,760px);
    max-width:90vw;

    margin:0 auto;

    text-align:center;

    /*
    ⭐ CELOTEN LOGO:
    --spontanka-logo-x = levo/desno
    --spontanka-logo-y = gor/dol
    */

    transform:
        translate(
            var(--spontanka-logo-x),
            var(--spontanka-logo-y)
        );
}


/* ==========================================================
   LOGO
   ========================================================== */

.spontanka-split-logo{

    position:relative;

    width:100%;

    height:clamp(70px,10vw,150px);

    overflow:visible;
}


.spontanka-part{

    position:absolute;

    inset:0;

    width:100%;
    height:100%;

    object-fit:contain;

    display:block;

    opacity:0;

    filter:blur(14px);

    backface-visibility:hidden;

    will-change:
        transform,
        opacity,
        filter;
}


/* LEVA POLOVICA - SPON */

.spontanka-left{

    clip-path:inset(0 54.8% 0 0);

    -webkit-clip-path:
        inset(0 54.8% 0 0);

    transform:
        translate3d(-520px,0,0)
        scale(.95);

    animation:
        spontankaLeftIn
        1.45s
        cubic-bezier(.16,1,.3,1)
        forwards;
}


/* DESNA POLOVICA - TANKA */

.spontanka-right{

    clip-path:inset(0 0 0 45.2%);

    -webkit-clip-path:
        inset(0 0 0 45.2%);

    transform:
        translate3d(520px,0,0)
        scale(.95);

    animation:
        spontankaRightIn
        1.45s
        cubic-bezier(.16,1,.3,1)
        forwards;
}


/* ==========================================================
   DATUM + LOKACIJA
   ========================================================== */

.spontanka-date-location{

    margin-top:var(--spontanka-text-gap);

    width:100%;

    display:grid;

    /* leva polovica = datum / desna polovica = Žalec */
    grid-template-columns:1fr 1fr;

    align-items:center;

    column-gap:20px;

    position:relative;


    /* ======================================================
       ⭐ PREMIK CELOTNEGA SPODNJEGA DELA LEVO / DESNO

       -10px = 10px LEVO
        0px  = sredina
        10px = 10px DESNO
       ====================================================== */

    left:var(--spontanka-bottom-x);
    --spontanka-bottom-x: -36px;
}


/* ==========================================================
   SKUPNI FONT
   ========================================================== */

.spontanka-date,
.spontanka-location{

    font-family:
        'Anton',
        Impact,
        sans-serif !important;

    font-weight:400 !important;

    line-height:1;

    text-transform:uppercase;

    font-size:
        clamp(17px,2.1vw,30px);

    white-space:nowrap;
}


/* ==========================================================
   DATUM - LEVA / BELA POLOVICA
   ========================================================== */

.spontanka-date{

    color:#111111;

    letter-spacing:1px;

    /*
    Datum raste OD SREDINE PROTI LEVI.
    */

    text-align:right;

    justify-self:end;

    opacity:0;

    animation:
        dateIn
        .9s
        cubic-bezier(.16,1,.3,1)
        1.6s
        forwards;
}


/* ==========================================================
   LOKACIJA - DESNA / ČRNA POLOVICA
   ========================================================== */

.spontanka-location{

    color:#ffffff;

    letter-spacing:4px;

    /*
    ŽALEC raste OD SREDINE PROTI DESNI.
    */

    text-align:left;

    justify-self:start;

    opacity:0;

    animation:
        locationIn
        .9s
        cubic-bezier(.16,1,.3,1)
        1.6s
        forwards;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (min-width:641px) and (max-width:1024px){

    .spontanka-hero-block{

        width:62vw;
        max-width:72vw;

        /* ⭐ CELOTEN BLOK
           minus = LEVO
           plus  = DESNO
        */
        left:-84px;
    }


    .spontanka-split-logo{

        height:105px;
    }


    .spontanka-date-location{

        margin-top:52px;

        column-gap:16px;

        /* ⭐ SAMO DATUM + ŽALEC
           minus = LEVO
           plus  = DESNO

           Primer:
           20px = 20px bolj DESNO
        */
        left:-23px;
    }


    .spontanka-date,
    .spontanka-location{

        font-size:30px;
    }


    .spontanka-date{

        letter-spacing:2px;
    }


    .spontanka-location{

        letter-spacing:2.5px;
    }

}

/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width:640px){

    .spontanka-hero-block{

        width:82vw;
        max-width:82vw;

        /* ⭐ CELOTEN MOBILE BLOK
           minus = LEVO
           plus  = DESNO
        */
        left:-23px;
    }


    .spontanka-split-logo{

        height:72px;
    }


    .spontanka-date-location{

        margin-top:46px;
        column-gap:12px;

        /* ⭐ SAMO DATUM + ŽALEC
           minus = LEVO
           plus  = DESNO
        */
        left:-15px;
    }


    .spontanka-date{

        font-size:24px !important;
        letter-spacing:1px !important;
    }


    .spontanka-location{

        font-size:24px !important;
        letter-spacing:1.2px !important;
    }

}


/* ==========================================================
   SMALL MOBILE
   telefoni do 420px
   ========================================================== */

@media (max-width:420px){

    .spontanka-hero-block{

        /* ⭐ MANJŠI CELOTEN LOGO */
        width:76vw;
        max-width:76vw;

        /* ⭐ CELOTEN BLOK LEVO / DESNO
           minus = LEVO
           plus  = DESNO
        */
        left:-24px;
    }


    .spontanka-split-logo{

        /* ⭐ VIŠINA / VELIKOST LOGOTIPA */
        height:62px;
    }


    .spontanka-date-location{

        /* ⭐ RAZMAK LOGO → DATUM + ŽALEC */
        margin-top:40px;

        /* ⭐ RAZMAK MED DATUMOM IN ŽALCEM */
        column-gap:9px;

        /* ⭐ SAMO DATUM + ŽALEC LEVO / DESNO
           minus = LEVO
           plus  = DESNO
        */
        left:-12px;
    }


    .spontanka-date{

        /* ⭐ VELIKOST DATUMA */
        font-size:21px !important;

        letter-spacing:.8px !important;
    }


    .spontanka-location{

        /* ⭐ VELIKOST ŽALEC */
        font-size:21px !important;

        letter-spacing:1px !important;
    }

}


/* ==========================================================
   ANIMACIJA - LEVA POLOVICA LOGA
   ========================================================== */

@keyframes spontankaLeftIn{

    0%{

        opacity:0;

        filter:blur(18px);

        transform:
            translate3d(-520px,0,0)
            scale(.95);
    }


    65%{

        opacity:1;

        filter:blur(3px);

        transform:
            translate3d(18px,0,0)
            scale(1.01);
    }


    82%{

        filter:blur(0);

        transform:
            translate3d(-6px,0,0)
            scale(1);
    }


    100%{

        opacity:1;

        filter:blur(0);

        transform:
            translate3d(0,0,0)
            scale(1);
    }

}


/* ==========================================================
   ANIMACIJA - DESNA POLOVICA LOGA
   ========================================================== */

@keyframes spontankaRightIn{

    0%{

        opacity:0;

        filter:blur(18px);

        transform:
            translate3d(520px,0,0)
            scale(.95);
    }


    65%{

        opacity:1;

        filter:blur(3px);

        transform:
            translate3d(-18px,0,0)
            scale(1.01);
    }


    82%{

        filter:blur(0);

        transform:
            translate3d(6px,0,0)
            scale(1);
    }


    100%{

        opacity:1;

        filter:blur(0);

        transform:
            translate3d(0,0,0)
            scale(1);
    }

}


/* ==========================================================
   ANIMACIJA - DATUM
   ========================================================== */

@keyframes dateIn{

    from{

        opacity:0;

        transform:
            translateX(-80px);

        filter:blur(8px);
    }


    to{

        opacity:1;

        transform:
            translateX(0);

        filter:blur(0);
    }

}


/* ==========================================================
   ANIMACIJA - LOKACIJA
   ========================================================== */

@keyframes locationIn{

    from{

        opacity:0;

        transform:
            translateX(80px);

        filter:blur(8px);
    }


    to{

        opacity:1;

        transform:
            translateX(0);

        filter:blur(0);
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-38bc57d */@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

.spontanka-lineup-section {
  position: relative;
  z-index: 50;
  background: #000;
  color: #fff;
  padding: 120px 4vw;
  overflow: hidden;
}

.lineup-title {
  font-family: 'Anton', Impact, sans-serif !important;
  font-size: clamp(54px, 7vw, 110px);
  font-weight: 400 !important;
  letter-spacing: 9px;
  text-align: center;
  color: #ffffff;
  text-shadow: 0 0 24px rgba(255,255,255,.22);
  margin: 0 0 75px;
  opacity: 0;
  transform: translateY(30px);
  filter: blur(10px);
}

.lineup-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
  max-width: 1450px;
  margin: 0 auto;
}

/* NASTAVITVE SLIK */

.dj-card {
  position: relative;
  opacity: 0;

  --photo-scale: 1.08;
  --photo-y-offset: 0px;
}

/* FIRST */
.dj-card:first-child {
  --photo-scale: 1.43;
  --photo-y-offset: 55px;
}

/* SECOND */
.luke-card {
  --photo-scale: 1.12;
  --photo-y-offset: 5px;
}

/* THIRD */
.delay-2 {
  --photo-scale: 0.90;
  --photo-y-offset: -2px;
}

.card-left {
  transform: translateX(-180px);
}

.card-right {
  transform: translateX(180px);
}

.dj-frame {
  position: relative;
  height: 350px;
  border: 1px solid rgba(255,255,255,.28);
  background: #050505;
  overflow: hidden;
}

.dj-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at center, transparent 45%, rgba(0,0,0,.38) 100%);
  pointer-events: none;
  z-index: 5;
}

.photo-split {
  position: absolute;
  inset: 0;
}

.photo-half {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
  filter: brightness(.72) contrast(1.15) grayscale(1);
}

.photo-left {
  clip-path: inset(0 50% 0 0);
  transform: translateX(-120px) translateY(var(--photo-y-offset)) scale(var(--photo-scale));
}

.photo-right {
  clip-path: inset(0 0 0 50%);
  transform: translateX(120px) translateY(var(--photo-y-offset)) scale(var(--photo-scale));
}

.dj-card:hover .photo-half {
  filter: brightness(.92) contrast(1.18) grayscale(1);
}

.dj-card h3 {
  font-family: 'Anton', Impact, sans-serif !important;
  font-weight: 400 !important;
  font-size: 34px;
  letter-spacing: 5px;
  margin: 22px 0 0;
  text-align: center;
  color: #ffffff;
  opacity: 0;
}

.open-frame {
  display: flex;
  align-items: center;
  justify-content: center;
}

.open-content {
  font-family: 'Anton', Impact, sans-serif !important;
  text-align: center;
  letter-spacing: 3px;
  padding: 28px;
  opacity: 0;
  transform: scale(.92);
}

.question {
  font-size: 96px;
  line-height: .8;
  margin-bottom: 18px;
}

.open-title {
  font-size: 54px;
  line-height: .88;
  letter-spacing: 4px;
  margin-bottom: 20px;
}

.open-sub {
  font-size: 28px;
  line-height: 1.05;
  margin-bottom: 24px;
}

.open-small,
.open-send,
.open-deadline {
  font-size: 15px;
  letter-spacing: 2px;
  opacity: .75;
  margin-top: 14px;
}

.open-content a {
  display: block;
  color: #fff;
  text-decoration: none;
  font-size: 20px;
  margin-top: 8px;
}

/* DESKTOP SCROLL ANIMACIJA */

.lineup-active .lineup-title {
  animation: lineupTitleIn 0.9s ease forwards;
}

.lineup-active .dj-card {
  animation: cardIn 1.05s cubic-bezier(.16,1,.3,1) forwards;
}

.lineup-active .delay-1 {
  animation-delay: .15s;
}

.lineup-active .delay-2 {
  animation-delay: .30s;
}

.lineup-active .delay-3 {
  animation-delay: .45s;
}

.lineup-active .photo-left,
.lineup-active .photo-right {
  animation: photoSettle 1.2s cubic-bezier(.16,1,.3,1) forwards;
}

.lineup-active .dj-card h3 {
  animation: nameIn .8s ease .9s forwards;
}

.lineup-active .open-content {
  animation: openIn .9s cubic-bezier(.16,1,.3,1) .7s forwards;
}

/* ELEMENTOR FIX */

.elementor-editor-active .lineup-title,
.elementor-editor-active .dj-card,
.elementor-editor-active .dj-card h3,
.elementor-editor-active .open-content {
  opacity: 1 !important;
  filter: none !important;
}

.elementor-editor-active .dj-card {
  transform: none !important;
}

.elementor-editor-active .photo-left,
.elementor-editor-active .photo-right {
  transform: translateX(0) translateY(var(--photo-y-offset)) scale(var(--photo-scale)) !important;
}

/* TABLET */

@media (max-width: 1024px) {
  .spontanka-lineup-section {
    padding: 110px 5vw;
  }

  .lineup-title {
    font-size: 82px;
    letter-spacing: 7px;
    margin-bottom: 65px;
  }

  .lineup-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
  }

  .dj-frame {
    height: 500px;
  }

  .dj-card h3 {
    font-size: 36px;
    letter-spacing: 5px;
  }

  .open-title {
    font-size: 50px;
  }

  .open-sub {
    font-size: 27px;
  }

  .question {
    font-size: 90px;
  }
}

/* MOBILE - ANIMACIJA BREZ SCROLL TRIGGERJA */

@media (max-width: 768px) {
  .lineup-title {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }

  .dj-card {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }

  .dj-card h3 {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }

  .open-content {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }

  .photo-left,
  .photo-right {
    animation: photoSettleMobile 1.2s cubic-bezier(.16,1,.3,1) forwards;
  }
}

@media (max-width: 640px) {
  .spontanka-lineup-section {
    padding: 90px 20px;
  }

  .lineup-title {
    font-size: 58px;
    letter-spacing: 5px;
    margin-bottom: 50px;
  }

  .lineup-grid {
    grid-template-columns: 1fr;
    gap: 52px;
  }

  .dj-frame {
    height: 520px;
  }

  .dj-card h3 {
    font-size: 38px;
    letter-spacing: 6px;
    margin-top: 22px;
  }

  .question {
    font-size: 88px;
  }

  .open-title {
    font-size: 48px;
    letter-spacing: 3px;
  }

  .open-sub {
    font-size: 26px;
  }

  .open-small,
  .open-send,
  .open-deadline {
    font-size: 14px;
  }

  .open-content a {
    font-size: 18px;
  }
}

@media (max-width: 420px) {
  .lineup-title {
    font-size: 50px;
    letter-spacing: 4px;
  }

  .dj-frame {
    height: 500px;
  }

  .dj-card h3 {
    font-size: 34px;
  }

  .open-title {
    font-size: 42px;
  }

  .question {
    font-size: 78px;
  }
}

/* ANIMACIJE */

@keyframes lineupTitleIn {
  from {
    opacity: 0;
    transform: translateY(25px);
    filter: blur(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}

@keyframes cardIn {
  0% {
    opacity: 0;
    filter: blur(14px);
  }

  70% {
    opacity: 1;
    filter: blur(2px);
    transform: translateX(0) scale(1.015);
  }

  100% {
    opacity: 1;
    filter: blur(0);
    transform: translateX(0) scale(1);
  }
}

@keyframes photoSettle {
  to {
    transform: translateX(0) translateY(var(--photo-y-offset)) scale(var(--photo-scale));
  }
}

@keyframes photoSettleMobile {
  to {
    transform: translateX(0) translateY(var(--photo-y-offset)) scale(var(--photo-scale));
  }
}

@keyframes nameIn {
  from {
    opacity: 0;
    transform: translateY(18px);
    filter: blur(6px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}

@keyframes openIn {
  to {
    opacity: 1;
    transform: scale(1);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-23c2434 */@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

.spontanka-location-section {
  min-height: 100svh;
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: #000000;
  overflow: hidden;
  position: relative;
  left: 0;
  font-family: 'Anton', Impact, sans-serif !important;
}

.location-info {
  background: #000000;
  color: #ffffff;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  text-align: center;
  padding: 80px 4vw;
}

.location-pin {
  font-size: clamp(54px, 7vw, 110px);
  line-height: 1;
  margin-bottom: 34px;

  color: #ffffff;
  opacity: 0;
  transform: translateY(-60px) scale(.85);
}

.location-label {
  font-size: 18px;
  letter-spacing: 6px;
  margin-bottom: 22px;

  color: #ffffff;
  opacity: 0;
}

.location-info h2 {
  font-family: 'Anton', Impact, sans-serif !important;
  font-size: clamp(70px, 10vw, 150px);
  font-weight: 400 !important;
  line-height: .9;
  letter-spacing: 8px;
  margin: 0 0 34px;

  color: #ffffff;
  text-shadow: 0 0 30px rgba(255,255,255,.22);

  opacity: 0;
  filter: blur(10px);
  transform: translateY(28px);
}

.location-coordinates {
  font-size: 18px;
  letter-spacing: 3px;
  line-height: 1.45;
  color: #ffffff;
  opacity: 0;
  margin-bottom: 42px;
}

.location-button {
  display: inline-block;

  color: #000000;
  background: #ffffff;

  text-decoration: none;

  font-size: 20px;
  letter-spacing: 4px;

  padding: 18px 34px;

  opacity: 0;
  transform: translateY(20px);
}

.location-button:hover {
  background: #dcdcdc;
}

.location-map {
  position: relative;
  background: #000000;
  min-height: 100svh;

  opacity: 0;
  transform: translateX(80px);
  filter: blur(12px);
}

.location-map iframe {
  width: 100%;
  height: 100%;
  min-height: 100svh;

  display: block;
  border: 0;

  filter: grayscale(100%) contrast(125%) brightness(78%);
}

/* FRONTEND SCROLL ANIMACIJA */

.location-active .location-pin {
  animation: pinDrop .8s cubic-bezier(.16,1,.3,1) forwards;
}

.location-active .location-label {
  animation: locationFadeIn .8s ease .35s forwards;
}

.location-active .location-info h2 {
  animation: locationTitleIn .9s cubic-bezier(.16,1,.3,1) .55s forwards;
}

.location-active .location-coordinates {
  animation: locationFadeIn .8s ease .9s forwards;
}

.location-active .location-button {
  animation: locationButtonIn .75s cubic-bezier(.16,1,.3,1) 1.15s forwards;
}

.location-active .location-map {
  animation: mapIn 1s cubic-bezier(.16,1,.3,1) .6s forwards;
}

/* ELEMENTOR EDITOR FIX */

.elementor-editor-active .location-pin,
.elementor-editor-active .location-label,
.elementor-editor-active .location-info h2,
.elementor-editor-active .location-coordinates,
.elementor-editor-active .location-button,
.elementor-editor-active .location-map {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
}

.elementor-editor-active .location-map iframe {
  filter: grayscale(100%) contrast(125%) brightness(78%) !important;
}

/* ANIMACIJE */

@keyframes pinDrop {
  0% {
    opacity: 0;
    transform: translateY(-60px) scale(.85);
  }

  70% {
    opacity: 1;
    transform: translateY(8px) scale(1.05);
  }

  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes locationFadeIn {
  to {
    opacity: 1;
  }
}

@keyframes locationTitleIn {
  to {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
  }
}

@keyframes locationButtonIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes mapIn {
  to {
    opacity: 1;
    transform: translateX(0);
    filter: blur(0);
  }
}

/* MOBILE / TABLET */

@media (max-width: 900px) {
  .spontanka-location-section {
    grid-template-columns: 1fr;
  }

  .location-info,
  .location-map,
  .location-map iframe {
    min-height: 70svh;
  }

  .location-info h2 {
    font-size: clamp(60px, 18vw, 20px);
  }

  .location-coordinates {
    font-size: 16px;
    letter-spacing: 2px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5765360 */@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

.spontanka-time-section {
  min-height: 50vh;
  background: #ffffff;
  color: #000000;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  padding: 80px 7vw;
  overflow: hidden;
  font-family: 'Anton', Impact, sans-serif !important;
}

.time-date {
  position: relative;
  opacity: 0;
  transform: translateX(-120px);
  filter: blur(10px);
}

.time-label {
  font-size: 18px;
  letter-spacing: 7px;
  margin-bottom: 24px;
  color: #000000;
  opacity: 1;
}

.time-date h2 {
  font-family: 'Anton', Impact, sans-serif !important;
  font-size: clamp(64px, 9vw, 150px);
  font-weight: 400 !important;
  line-height: .9;
  letter-spacing: 6px;
  margin: 0;
  color: #000000;
}

.time-participation {
  display: inline-block;

  margin-top: 26px;
  padding: 12px 18px;

  border: 1px solid #000000;

  font-family: 'Anton', Impact, sans-serif !important;
  font-size: 18px;
  font-weight: 400 !important;
  letter-spacing: 2px;
  line-height: 1;

  color: #000000;
  text-transform: uppercase;

  position: relative;

  /* TUKAJ PREMIKAŠ FREE ENTRY */
  left: 400px;
}

.time-schedule {
  display: flex;
  flex-direction: column;
  gap: 34px;
  max-width: 700px;
  opacity: 0;
  transform: translateX(120px);
  filter: blur(10px);
}

.time-row {
  display: grid;
  grid-template-columns: 220px 1fr;
  align-items: center;
  gap: 40px;
  border-bottom: 1px solid #000000;
  padding-bottom: 28px;
}

.time-hour {
  font-size: clamp(42px, 5vw, 86px);
  line-height: 1;
  letter-spacing: 3px;
  color: #000000;
  display: flex;
  align-items: center;
}

.time-text {
  font-size: clamp(28px, 3vw, 56px);
  line-height: 1;
  letter-spacing: 6px;
  color: #000000;
  display: flex;
  align-items: center;
  position: relative;
  top: -4px;
}

.time-active .time-date {
  animation: timeLeftIn .9s cubic-bezier(.16,1,.3,1) forwards;
}

.time-active .time-schedule {
  animation: timeRightIn .9s cubic-bezier(.16,1,.3,1) .25s forwards;
}

.elementor-editor-active .time-date,
.elementor-editor-active .time-schedule {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
}

@keyframes timeLeftIn {
  to {
    opacity: 1;
    transform: translateX(0);
    filter: blur(0);
  }
}

@keyframes timeRightIn {
  to {
    opacity: 1;
    transform: translateX(0);
    filter: blur(0);
  }
}

@media (max-width: 900px) {
  .spontanka-time-section {
    grid-template-columns: 1fr;
    gap: 70px;
    padding: 90px 24px;
  }

  .time-row {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .time-text {
    top: 0;
  }

  .time-participation {
    font-size: 16px;
    letter-spacing: 2px;
    padding: 12px 18px;
    left: 0;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d291046 */.spontanka-footer {
  background: #000;
  color: #fff;
  padding: 90px 6vw 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
}

.footer-logos {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50px;
  margin-bottom: 46px;
}

.footer-zypper-bg {
  display: block;
  width: 160px;
  height: 90px;
  background-image: url("https://spontanka.si/wp-content/uploads/2026/06/zYpper-support.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: relative;
  top: 8px;
  opacity: 1;
  animation: footerSoftPop .8s cubic-bezier(.16,1,.3,1) forwards;
}

.footer-spontanka-bg {
  display: block;
  width: 170px;
  height: 90px;
  background-image: url("https://spontanka.si/wp-content/uploads/2026/06/spontanaka-Logo-C.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: relative;
  left: -15px;
  opacity: 1;
  animation: footerSoftPop .8s cubic-bezier(.16,1,.3,1) .15s both;
}

.footer-copy {
  font-family: 'Anton', Impact, sans-serif;
  font-size: 14px;
  letter-spacing: 4px;
  color: rgba(255,255,255,.75);
  text-transform: uppercase;
  opacity: 1;
  animation: footerCopyIn .8s ease .35s both;
}

.footer-zypper-bg:hover,
.footer-spontanka-bg:hover {
  transform: scale(1.04);
}

@keyframes footerSoftPop {
  0% {
    transform: scale(.92);
  }

  70% {
    transform: scale(1.04);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes footerCopyIn {
  0% {
    opacity: 0;
    transform: translateY(18px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 640px) {
  .footer-logos {
    flex-direction: column;
    gap: 38px;
  }

  .footer-zypper-bg {
    width: 240px;
    height: 80px;
    top: 0;
  }

  .footer-spontanka-bg {
    width: 150px;
    height: 70px;
    left: 0;
  }

  .footer-copy {
    font-size: 12px;
    line-height: 1.6;
  }
}/* End custom CSS */