/* css for frontpage */

.video-overlay {
    background-image: url("/static/theme/iof/IOFTV.png");
    height: 142vh;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}

.featured .upcoming {
    top: -45em;
}

un-featured .upcoming {
    top: -25em;
}

.slick-slide:hover {
    width: 130px;
    color: red;
    transition: .5s linear;
}

.vip {
    position: relative;
    top: 1rem;
    left: 7rem;
}
.vip a {
    color: #D4AF37;
}
.vip-button-tooltip {
     --bs-tooltip-bg: #D4AF37;
     --bs-tooltip-color: var(--bs-white);
}

@media (max-width: 767px) {
    .video-overlay {
        background-image: None;
    }

    .featured .upcoming {
        top: -55em;
    }
}
@media (max-width: 575px) {
    .featured .upcoming {
        top: -60em;
    }
}