@media only screen and (max-width: 600px) {
    #site-footer {
        display: none;
    }
}

.timeline-container {
    position: relative;
}

.timeline {
    position: relative;
    display: flex;
    min-width: 100%;
    padding: 8px 0;
    align-items: flex-start;
    gap: 16px;
    transition: all .3s ease-in;
    width: fit-content;
    justify-content: space-between;
}

.timeline-background {
    position: absolute;
    left: 75px;
    top: 48px;
    width: calc(100% + 40px);
    width: -webkit-fill-available;
    height: 25px;
    z-index: 0;
    background: var(--Border---Light-gray, #E4E4E4);
    border-radius: 100px;
    overflow: hidden;
}

.timeline-background-fill {
    width: calc(158px * attr(data-step type(<number>), 0));
    height: 25px;
    flex-shrink: 0;
    border-radius: 100px;
    background: var(--market-primary-color, #EA8941);
}

.timeline-block {
    display: flex;
    width: 150px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
    z-index: 1;
}

.timeline-date {
    color: var(--Primary-Text, #333);
    font-size: 14px;
    font-weight: 700;
}

.timeline-check {
    width: 40px;
    height: 40px;
    background-color: var(--Border---Light-gray, #E4E4E4);
    border: 0.5px solid rgba(0, 0, 0, 0.20);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.timeline-check-icon {
    width: 28px;
    height: 28px;
    background-color: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .timeline-check-icon svg {
        width: 16px;
        height: 16px;
    }

.timeline-time {
    align-self: stretch;
    color: var(--Secondary-Text, #797979);
    text-align: center;
    font-size: 14px;
    font-weight: 600;
}

.timeline-title {
    max-height: 40px;
    align-self: stretch;
    color: var(--Primary-Text, #333);
    text-align: center;
    font-family: "Nunito Sans";
    font-size: 14px;
    font-weight: 700;
    overflow: hidden;
}

.timeline-scroll-right {
    display: flex;
    width: 116px;
    flex-direction: column;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    background: linear-gradient(270deg, #efefef 23.79%, rgba(239, 239, 239, 0.00) 100%);
    z-index: 2;
    cursor: pointer;
    bottom: 0;
}

    .timeline-scroll-right .timeline-scroll-icon {
        position: absolute;
        right: 15px;
        top: 51px;
    }

.timeline-scroll-left {
    display: flex;
    width: 116px;
    flex-direction: column;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(90deg, #efefef 23.79%, rgba(239, 239, 239, 0.00) 100%);
    z-index: 2;
    cursor: pointer;
    bottom: 0;
}

    .timeline-scroll-left .timeline-scroll-icon {
        position: absolute;
        left: 15px;
        top: 51px;
    }

.feature-header-tabs {
    display: flex;
    gap: 15px;
    margin-bottom: -17px;
}

.feature-header-tab {
    padding: 10px;
    cursor: pointer;
    color: var(--Secondary-Text, #797979);
    text-align: center;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: 700;
}

    .feature-header-tab.active-tab {
        /*border-bottom: 2px solid #ea8941;*/
        color: var(--market-primary-color, #EA8941);
        text-align: center;
        font-family: "Nunito Sans";
        font-size: 16px;
        font-weight: 700;
        border-bottom: 5px solid var(--market-primary-color, #EA8941);
    }

.events-container {
    max-width: 1250px;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0px var(--page-side-padding);
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 350px);
    align-items: flex-start;
    gap: 16px;
    width: 100%;
    box-sizing: content-box;
}

.event-competitions-container {
    max-width: 1250px;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0px var(--page-side-padding);
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 350px);
    align-items: flex-start;
    gap: 16px;
}


body {
    margin: 0px;
    font-family: "Nunito Sans", sans-serif;
    background-color: #FAFAFA;
}

.events-list {
    display: flex;
    align-items: center;
    align-content: center;
    gap: 16px;
    align-self: stretch;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
}

.events-list-card {
    display: flex;
    max-width: 365px;
    width: 100%;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    border-radius: 15px;
    border: 0.5px solid rgba(0, 0, 0, 0.50);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='226' height='226' viewBox='0 0 226 226' fill='none'%3E%3Cg opacity='0.05' clip-path='url(%23clip0_7651_18662)'%3E%3Cpath d='M91.1062 196.372H106.208V225.634H91.1062V196.372Z' fill='%23696969'/%3E%3Cpath d='M119.429 196.372H134.53V225.634H119.429V196.372Z' fill='%23696969'/%3E%3Cpath d='M219.027 212.417H211.476V168.053H14.1609V212.417H6.61046C2.95972 212.417 0 215.376 0 219.027C0 222.678 2.95972 225.638 6.61046 225.638H20.7714H77.8858V189.765C77.8858 186.114 80.8455 183.154 84.4962 183.154H112.819H141.14C144.791 183.154 147.751 186.114 147.751 189.765V225.638H204.866H219.027C222.677 225.638 225.637 222.678 225.637 219.027C225.637 215.376 222.677 212.417 219.027 212.417Z' fill='%23696969'/%3E%3Cpath d='M20.7714 112.349H204.866C216.319 112.349 225.637 103.031 225.637 91.5773C225.637 80.1241 216.319 70.8055 204.866 70.8055H176.073V53.1794L214.902 33.7645C217.142 32.6451 218.556 30.3561 218.556 27.8521C218.556 25.348 217.142 23.059 214.902 21.9397L172.419 0.698045C170.369 -0.327017 167.935 -0.216843 165.987 0.987143C164.038 2.19157 162.852 4.3197 162.852 6.61044V49.0937V70.8055H105.268V53.1794L144.096 33.7645C146.336 32.6446 147.75 30.3561 147.75 27.8521C147.75 25.348 146.336 23.0595 144.096 21.9397L101.614 0.698045C99.5637 -0.327017 97.1306 -0.216843 95.1823 0.987143C93.2331 2.19157 92.0471 4.3197 92.0471 6.61044V49.0937V70.8055H34.4621V53.1794L73.2911 33.7645C75.5307 32.6451 76.9453 30.3561 76.9453 27.8521C76.9453 25.348 75.5307 23.059 73.2911 21.9397L30.8078 0.698045C28.7577 -0.327017 26.3242 -0.216843 24.3763 0.987143C22.4275 2.19201 21.2412 4.3197 21.2412 6.61044V49.0937V70.8055H20.7714C9.31811 70.8055 0 80.1241 0 91.5773C0 103.031 9.31811 112.349 20.7714 112.349Z' fill='%23696969'/%3E%3Cpath d='M204.865 125.57H20.7703C18.5082 125.57 16.299 125.343 14.1598 124.92V141.612H13.6901C10.0393 141.612 7.07959 144.571 7.07959 148.222C7.07959 151.873 10.0393 154.832 13.6901 154.832H14.1598H211.475H211.945C215.596 154.832 218.555 151.873 218.555 148.222C218.555 144.571 215.596 141.612 211.945 141.612H211.475V124.92C209.336 125.343 207.127 125.57 204.865 125.57Z' fill='%23696969'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7651_18662'%3E%3Crect width='225.637' height='225.637' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
    background-origin: content-box;
    background-size: contain;
}

.events-list-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.events-list-card-body {
    display: flex;
    height: 85px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.events-list-card-footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    height: -webkit-fill-available;
    justify-content: flex-end;
}


.events-list-card-header-icons {
    display: flex;
    width: 118px;
    align-items: center;
    gap: 5px;
}

    .events-list-card-header-icons .icon {
        /*width: 34px;*/
        height: 34px;
        flex-shrink: 0;
        aspect-ratio: 1/1;
    }

        .events-list-card-header-icons .icon svg,
        .combined-images svg {
            width: 34px;
            height: 34px;
        }



.events-list-card-header-status {
    display: flex;
    align-items: center;
    gap: 8px;
}

    .events-list-card-header-status .status {
        display: flex;
        padding: 12px 10px;
        justify-content: center;
        align-items: center;
        gap: 6px;
        align-self: stretch;
        border-radius: 100px;
        text-align: center;
        font-size: 12px;
        font-weight: 700;
    }

.status.approved {
    border: 1px solid #00C000;
    background: #BFEFBF;
    color: #00C000;
}

.status.rejected {
    border: 1px solid #FF5757;
    background: rgba(239, 195, 191, 0.35);
    color: #FF5757;
}

.status.pending {
    border: 1px solid #39F;
    background: rgba(191, 219, 239, 0.30);
    color: #39F;
}

.events-list-card-body-date {
    display: flex;
    padding: 6px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    background: var(--Border---Light-gray, #E4E4E4);
    color: var(--CTA-2, #484848);
    font-size: 14px;
    font-weight: 700;
}

.events-list-card-body-text {
    max-height: 54px;
    align-self: stretch;
    color: var(--Primary-Text, #333);
    font-family: "Nunito Sans";
    font-size: 18px;
    font-weight: 700;
}

.events-list-card-footer-price {
    color: var(--Black, #000);
    font-size: 18px;
    font-weight: 700;
}

.events-list-card-footer-price-subtext {
    color: var(--Black, #000);
    font-family: "Nunito Sans";
    font-size: 12px;
    font-weight: 400;
    padding-right: 12px;
}

.events-list-card-footer-alert {
    display: flex;
    padding: 6px 12px;
    align-items: center;
    gap: 6px;
    border-radius: 100px;
    background: rgba(246, 191, 151, 0.50);
    color: #AF6731;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
}


.competitions-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
}

.competition {
    display: flex;
    padding: 14px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: var(--White, #FFF);
    gap: 12px;
}

    .competition img {
        display: flex;
        width: 40px;
        height: 40px;
        justify-content: center;
        align-items: center;
        aspect-ratio: 1/1;
    }

.competition-title {
    color: var(--Primary-Text, #333);
    font-size: 16px;
    font-weight: 700;
}

.competition-data {
    color: var(--Secondary-Text, #797979);
    font-size: 14px;
    font-weight: 500;
}

.event-page-search-container {
    margin-bottom: 15px;
    margin-top: 10px;
    position: relative;
}

    .event-page-search-container input {
        padding: 14px 16px 14px 40px;
        color: var(--CTA-2, #484848);
        border: none;
        width: 632px;
        border-radius: 4px;
        background: var(--Border---Light-gray, #E4E4E4);
    }

.view-event-category {
    border-radius: 100px;
    background-color: var(--market-primary-color, #EA8941);
    width: 100%;
    text-align: center;
    padding: 10px 0px;
    color: #fff;
    cursor:pointer;
}


.Skeleton-event-card {
    display: inline-block;
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    background-color: #DDDBDD;
    height: 100%;
    width: 399px;
    height: 225px;
}

.Skeleton-event-competition-card {
    display: inline-block;
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    background-color: #DDDBDD;
    height: 100%;
    width: 100%;
    height: 71px;
}

    .Skeleton-event-card:after,
    .Skeleton-event-competition-card:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        transform: translateX(-100%);
        background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.6) 60%, rgba(255, 255, 255, 0) 100%);
        animation: shimmer 3s infinite;
        content: '';
    }



@keyframes shimmer {
    100% {
        transform: translateX(100%);
    }
}