header.nav-hidden{transform:translateY(-100%)}
.card .dropdown.card-dropdown{
    padding-top:9px;
}

.video-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
}

.video-grid > div,
.video-grid > a,
.video-grid > .card,
.video-grid .card{
    min-width:0 !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
}

.video-grid .card__img,
.video-grid .card-body,
.video-grid .card__link{
    min-width:0 !important;
}

@media (min-width:576px){
    .video-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

@media (min-width:768px){
    .video-grid{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:14px !important;
    }
}

@media (min-width:1200px){
    .video-grid{
        grid-template-columns:repeat(5,minmax(0,1fr)) !important;
        gap:16px !important;
    }
}

.theme-player{
    width:100%;
    aspect-ratio:16/9;
    background:#000;
    border-radius:18px;
    overflow:hidden;
}

.theme-player video{
    width:100%;
    height:100%;
    background:#000;
}

.video-meta-box,
.sidebar-box,
.content-box{
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.06);
    border-radius:18px;
    padding:1rem;
}

.tag-cloud-wrap{
    padding-top:1rem;
    display:flex;
    flex-wrap:wrap;
    gap:.75rem;
}

.video-category-badge{
    text-decoration:none !important;
    color:#fff !important;
    border:1px solid rgba(255,255,255,.08);
    padding:.55rem .95rem;
    border-radius:999px;
    background:rgba(255,255,255,.04) !important;
}

.video-category-badge:hover{
    color:#fff !important;
    text-decoration:none !important;
    border-color:rgba(255,255,255,.2);
}

.category-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:1rem;
}

@media (max-width:992px){
    .category-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media (max-width:768px){
    .category-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width:480px){
    .category-grid{
        grid-template-columns:1fr;
    }
}

.category-card{
    display:block;
    padding:1rem 1.1rem;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.06);
    border-radius:16px;
    color:#fff;
    text-decoration:none;
}

.category-card:hover{
    border-color:rgba(249,109,162,.55);
    color:#fff;
    text-decoration:none;
}

.nf-pager{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:.5rem;
    margin-top:1.5rem;
}

.logo-text-fallback{
    font-size:2rem;
    font-weight:800;
    color:#fff;
    text-decoration:none;
}

.search-empty,
.not-found-box{
    text-align:center;
    padding:2rem 1rem;
}

.desc-box{
    margin-top:1rem;
}

body main{
    min-height:55vh;
}

a,
a:hover,
a:focus,
.card__link:hover,
.nav-link:hover,
.dropdown-item:hover{
    color:#fff !important;
    text-decoration:none !important;
}

body a:hover,
body a:focus,
body .card__link:hover,
body .card__link:focus,
body .footer__menu a:hover,
body .nav-link:hover,
body .dropdown-item:hover{
    color:#fff !important;
    text-decoration:none !important;
}

.download-selected,
.trend-tag{
    min-height:46px;
    border-radius:14px;
    background:rgba(255,255,255,.04) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    color:#fff !important;
    padding:.8rem 1rem;
    line-height:1.2;
}

.trend-tag{
    display:inline-flex !important;
    flex-grow:0 !important;
    width:auto !important;
}

.card-dropdown{
    position:absolute;
    right:0;
    top:0;
    z-index:5;
}

.card-body{
    position:relative;
}

.card-dots-holder{
    opacity:.85;
}

.card__info{
    padding-right:1.75rem;
    position:relative;
    gap:10px;
}

.video-info--detail{
    display:flex;
    flex-wrap:wrap;
    gap:1rem;
    margin-top:1rem;
}

.video-info--detail a,
.video-info--detail div{
    color:#fff !important;
    text-decoration:none !important;
}

.video-logo img{
    max-width:220px;
}

.dropdown-menu a:hover,
.dropdown-menu .dropdown-item:hover{
    color:#fff !important;
    text-decoration:none !important;
    background:rgba(255,255,255,.08) !important;
}

.card-dropdown .dropdown-toggle::after,
.trend-tag.dropdown-toggle::after,
.tag-cloud-wrap .dropdown-toggle::after{
    display:none !important;
}

.card__info:hover + .card__link,
.card--item:hover .card__link{
    color:#fff !important;
    text-decoration:none !important;
}

.video-thumbnails .card-body{
    position:relative;
}

.video-thumbnails .card__info{
    padding-right:10px;
}

.video-thumbnails .card__link{
    display:block;
    padding-right:28px;
}

.card__link,
.card__link:hover,
.card__link:focus,
a.card__link,
a.card__link:hover,
a.card__link:focus,
.video-grid a,
.video-grid a:hover,
.video-grid a:focus,
.footer__menu a:hover,
footer a:hover,
.video-info a:hover{
    color:#fff !important;
    text-decoration:none !important;
}

.video .video-wrapper{
    position:relative;
}

.video .video-wrapper .video-player{
    width:100%;
    background:#000;
    min-height:100%;
}

.video .player-get-membership-button{
    position:absolute;
    right:18px;
    bottom:18px;
    z-index:4;
}

.video .video-info{
    display:flex;
    flex-wrap:wrap;
    gap:1.25rem 1.25rem;
    align-items:center;
    margin-top:1rem;
}

.video .video-info a,
.video .video-info div{
    text-decoration:none !important;
}

.video .download-selected{
    min-height:46px;
}

#snippet_rating{
    gap:14px;
    align-items:center;
}

#snippet_rating .ajax_rating{
    color:#fff !important;
    text-decoration:none !important;
}

#snippet_rating .ajax_rating i{
    margin-right:6px;
}

.video-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
}

.video-grid > div{
    min-width:0;
    width:100%;
    max-width:none;
}

.video-grid .card{
    width:100%;
    min-width:0;
    max-width:none;
    margin:0;
}

.video-grid .card__img,
.video-grid .card-body,
.video-grid .card__link{
    min-width:0;
}

@media (min-width:576px){
    .video-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (min-width:768px){
    .video-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:14px;
    }
}

@media (min-width:992px){
    .video-grid{
        grid-template-columns:repeat(4,minmax(0,1fr));
        gap:16px;
    }
}