/*
Theme Name: DJ'S PROMOTION
Theme URI: https://djspromotion.cz
Author: DJ'S PROMOTION
Description: Oficiální šablona pro DJ'S PROMOTION s fotogalerií, živým chatroomem, kalkulátorem s ceníkem, Tickets Portálem a správou týmu.
Version: 10.0.0
Text Domain: djspromotion
*/

html {
scroll-behavior: smooth;
}

::-webkit-scrollbar {
width: 8px;
height: 8px;
}

::-webkit-scrollbar-track {
background: #0B0C10;
}

::-webkit-scrollbar-thumb {
background: #1f2937;
border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
background: #f97316;
}

/* ANIMACE PRO NEKONEČNÝ FILMOVÝ PÁS - DOPLNĚNÍ S VYNCENÝMI PRVKY */
@keyframes filmstripScroll {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
}

@-webkit-keyframes filmstripScroll {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
}

.animate-filmstrip {
display: -webkit-flex !important;
display: flex !important;
-webkit-flex-direction: row !important;
flex-direction: row !important;
-webkit-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
width: max-content !important;
will-change: transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: filmstripScroll 35s linear infinite !important;
animation: filmstripScroll 35s linear infinite !important;
}

.animate-filmstrip:hover {
-webkit-animation-play-state: paused;
animation-play-state: paused;
}