/*
Theme Name: Theme by Pavlovec.net
Author: Jakub Pavlovec
Author URI: http://pavlovec.net/
Version: 2.0
License: © Pavlovec.net
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Šablona na míru od pavlovec.net
*/


/* temporary CSS */
.iframe-wrap {
    background-color: #f5f5f5;
}
event-end {
    background-color: #FB9E9E;
}
.ticketHeader label, #summaryHolder, .iframe-content h2, .iframe-content .payment .p-item h3 {
    color: #0000CD;
}
.bigButton, .smallButton, .tinyButton, .smallBuy {
    background: #0000CD;
    border-radius: 100px;
}
.bigButton:hover, .smallButton:hover, .tinyButton:hover, .smallBuy:hover {
    background: #0000CD;    
}

.topbar {
    display: none;
	border: none;
}

.topbar__text-wrapper {
    width: 80%;
    margin: 0 auto;
    overflow: hidden;

    /*
     * Text se na pravém a levém okraji postupně ztrácí.
     */
    -webkit-mask-image: linear-gradient(
        to right,
        transparent 0%,
        black 8%,
        black 92%,
        transparent 100%
    );
    mask-image: linear-gradient(
        to right,
        transparent 0%,
        black 8%,
        black 92%,
        transparent 100%
    );
}

.topbar__text {
    width: max-content;
    min-width: 100%;
    margin: 0;
    white-space: nowrap;
    text-align: center;
}

.topbar__text.is-scrolling {
    animation: topbar-scroll var(--topbar-duration, 15s) linear infinite;
}

.topbar__close {
    position: absolute;
    right: 1.5rem;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
}

@keyframes topbar-scroll {
    0% {
        transform: translateX(0);
    }

    15% {
        transform: translateX(0);
    }

    85% {
        transform: translateX(var(--topbar-distance));
    }

    100% {
        transform: translateX(var(--topbar-distance));
    }
}

@media (prefers-reduced-motion: reduce) {
    .topbar__text.is-scrolling {
        animation: none;
        white-space: normal;
        width: auto;
    }
}