@media screen and (max-width: 991px) {
    #top-navigation .navbar-nav {
        height: 100vh;
        overflow-y: scroll;
        margin-top: 0;
    }
    #top-navigation .navbar-nav .nav-item:first-of-type {
        margin-top: 40px;
    }
    #top-navigation .navbar-collapse:before {
        height:100vh;
    }
    .dropdown:not(.show) .dropdown-menu {
        display:none;
    }
}

.page-header {
    height: calc( 100vh - 140px); /* shows footer at bottom for desktop sizes */
}

@media screen and (max-width: 767px) {
    .login-page.page-header {
        height: 100%;
    }
}

.navbar .navbar-toggler.navbar-toggler-right {
    top: 19px;
}

.page-header.page-header-small {
    height: 40vh;
    max-height: 300px;
}
.page-header.page-header-video {
    height: 100%;
    max-height: none;
}
.brand .n-logo {
    max-width: none;
}
.navbar-brand img {
    max-width: 70px;
    top: -2px;
    margin-right: 15px;
    position: relative;
}
.navbar .navbar-nav .nav-link.divider {
    font-size: 1.5em;
    line-height: 1.4rem;
}
.login-page .card-login {
    margin: auto;
}
.login-page .card-login .header {
    opacity: 0.8;
}
.login-page .card-login .logo-container {
    width: 160px;
}
.login-page .card-login .logo-container img {
    width: 100%;
}
.login-page .card-login .input-group:last-child {
    margin-bottom: 10px;
}
.login-page .info-horizontal {
    margin-bottom:40px;
}
.login-page .info-title .fa {
    margin-right: 15px;
    margin-bottom: -10px;
}

.section.less-padding {
    padding: 30px 0;
}
.video_box img {
    width:100%;
}
.video_grid img {
    margin-bottom: 5em;
}
.video_grid .caption {
    position: absolute;
    bottom: 0;
    width:100%;
    left:0;
    right:0;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}
footer.footer {
    background:#fff;
}
footer.footer .copyright {
    margin-top:15px;
}



.section-full-page[data-filter-color="ystv1"]:after {
    background: rgba(227, 227, 227, 0.26);
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(90deg, rgba(227, 227, 227, 0.26), rgba(249, 99, 50, 0.95));
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(90deg, rgba(227, 227, 227, 0.26), rgba(249, 99, 50, 0.95));
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(90deg, rgba(227, 227, 227, 0.26), rgba(249, 99, 50, 0.95));
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(0deg, rgba(227, 227, 227, 0.26), rgba(249, 99, 50, 0.95));
    /* Standard syntax */
}

.page-header[data-filter-color="ystv1"] {
    background: rgba(44, 44, 44, 0.2);
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(90deg, rgba(20, 16, 32, 0.6), rgba(115, 19, 175, 0.8));
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(90deg, rgba(20, 16, 32, 0.6), rgba(115, 19, 175, 0.8));
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(90deg, rgba(20, 16, 32, 0.6), rgba(115, 19, 175, 0.8));
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(0deg, rgba(20, 16, 32, 0.6), rgba(115, 19, 175, 0.8));
    /* Standard syntax */
}

a {
    color: rgb(226, 194, 251); }
a:hover, a:focus {
    color: rgb(226, 194, 251); }
[data-background-color="black"] a:not(.btn):not(.nav-link) {
        color: rgb(226, 194, 251);;
    }
.bg-primary {
    background-color: #331e4b !important;
}
.btn-primary {
    background-color: #331e4b;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color: #9928E1;
}
.btn-primary.btn-simple {
    background-color: transparent;
    color: #331e4b;
    border-color: #331e4b;
}
.btn-primary.btn-simple:hover, .btn-primary.btn-simple:active, .btn-primary.btn-simple.active{
    background-color: #331e4b;
    color: #fff;
    border-color: #fff;
}
.btn-secondary {
    background-color: #9928E1;
}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
    background-color: #331e4b;
}
.btn-secondary.btn-simple {
    background-color: transparent;
    color: rgb(226, 194, 251);
    border-color: rgb(226, 194, 251);
}
.btn-secondary.btn-simple:hover, .btn-secondary.btn-simple:active, .btn-secondary.btn-simple.active{
    background-color: #9928E1;
    color: #fff;
    border-color: #fff;
}

@media screen and (max-width: 991px) {
    #top-navigation .navbar-collapse[data-background-color="ystv1"]:before {
        background: #5B078F !important;
        background: -webkit-linear-gradient(#5B078F 0%, #000 80%) !important;
        background: -o-linear-gradient(#5B078F 0%, #000 80%) !important;
        background: -moz-linear-gradient(#5B078F 0%, #000 80%) !important;
        background: linear-gradient(#5B078F 0%, #000 80%) !important;
    }
}
@media screen and (min-width: 992px) {
    #top-navigation .navbar-collapse[data-background-color="ystv1"] .dropdown-item {
        color: #292b2c;
    }
}

.card[data-background-color="ystv1"] {
    /*    background-color: #f96332; */
}

[data-background-color="ystv1"] {
    background-color: #331e4b;
}
[data-background-color="black"] {
    background-color: #141020;
}
.modal.modal-mini .modal-dialog {
    width: 400px;
    max-width: 90%;
}
.modal.modal-primary .modal-content {
    background-color: #331e4b;
    color: #fff;
}
.modal.modal-mini.modal-primary .modal-profile i {
    color: #331e4b;
}
.modal.modal-mini.modal-secondary .modal-profile i {
    color: #9928E1;
}
.modal.modal-secondary .modal-content {
    background-color: #9928E1;
    color: #fff;
}

.footer a {
	color: #7313af;
}

/* body page_class template themes */

.error-page .page-header-image, .ambiguous-page .page-header-image {
    background-image: url('/static/images/backgrounds/testcard.png');
}
.watch-home-page .page-header-image, .watch-list-page .page-header-image {
    background-image: url('/static/images/backgrounds/watch.jpg');
}
.cms-page .page-header-image {
    background-image: url('/static/images/backgrounds/50th.jpg');
}
.hires-page .page-header-image {
    background-image: url('/static/images/backgrounds/hires.jpg');
}
.login-page .page-header-image {
    background-image: url('/static/images/backgrounds/homepage.jpg');
}

.login-page .page-header .category, .page-header .description {
    color: rgba(255, 255, 255, 1);
}
.login-page.page-header {
    min-height: 650px;
}

.error-page .page-header.page-header-small {
    height: 70vh;
    max-height: 600px;
}

@media screen and (max-width: 991px) {
    .hires-page table {
        display: block;
        width: 100%;
        overflow-x: auto;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
}

[data-background-color="blue"] {
    background: #0067AC;
    color: #fff;
}
[data-background-color="green"] {
    background: #1a937d;
    color: #fff;
}