:root{
    --main: #1a1a1a;
    --main2: #212121;
    --main3: #FED700;
}

.uk-background-main{
    background-color: #1a1a1a !important;
}

.uk-background-main2{
    background-color: #212121 !important;
}

.uk-background-main3{
    background-color: #FED700 !important;
}

/* .uk-logo{
    color: var(--main3) !important;
} */

.uk-logo {
    color: #f8f8f8;
    font-weight: bold;
    padding: 0px;
}

.uk-logo:hover{
    color: #f8f8f8;
}

.uk-logo span{
    color: var(--main) !important;
    background-color: var(--main3) !important;
    border-radius: 5px;
    padding: 0px 10px;
}

.tm-play-btn{
    padding: .8vw 2vw;
    border-radius: 1vw;
    box-shadow: 0 0 25px rgba(0,0,0,.16);
}

.tm-play-btn svg polygon{
    fill: #fff;
}

.vip-login-container {
    background: var(--main);
    border: 2px solid var(--main3);
    border-radius: 5px;
}

.vip-login-container label {
    color: #fff;
}

.vip-login-container input{
    border: 1px solid var(--main2);
    background-color: var(--main2);
    color: #666;
}

.vip-login-container #vip_wp-submit{
    background-color: var(--main3);
    color: var(--main);
}

#search-input{
    border: 1px solid rgba(255,255,255,.7);
    color: rgba(255,255,255,.7);
}

.uk-spinner{
    color: rgba(255,255,255,.7);
}

#clear-button{
    cursor: pointer;
    pointer-events: all;
    border: 1px solid rgba(255,255,255,.7);
}

.uk-slideshow-items video {
    width: fit-content;
    height: auto;
    object-fit: contain;
    max-width: 100vw;
    max-height: 100vh;
}

.uk-slideshow-items img {
    max-width: 100vw;
    max-height: 100vh;
    width: auto;
    height: auto;
    object-fit: contain;
}

.video-container {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.uk-modal-dialog{
    background: #000;
}