/* Home Page Styles
---------------------------------------------------------- */
html
{
    background-color: #000;
}

a#dvids_mobile_nav_icon
{
    color: #fff;
}

/* Background Image(s) :: Home Page */
#bg {
    position: fixed; 
    top: -50%; 
    left: -50%; 
    width: 200%; 
    height: 200%;
    z-index: -1;
    opacity: 0.2;
}
#bg img {
    position: absolute; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    margin: auto; 
    min-width: 50%;
    min-height: 50%;
}

@media only screen and (max-width: 716px) {
    #bg {
        opacity: 0.2;
    }
}


/* Main Menu Home page styles
---------------------------------------------------------- */
ul#dvids_main_nav .uk-dropdown,
ul.pure-menu-children
{
    background-color: #fff;
}


ul#dvids_main_nav button,
.pure-menu-link
{
    color: #fff;
}

ul#dvids_main_nav button:hover,
.pure-menu-link:hover
{
    color: #111;
    background-color: #fff;
}

.selected
{
    color: #999 !important;
    background-color: #fff !important;
}

ul.uk-nav-dropdown li a,
ul.pure-menu-children li a
{
    color: #333;
}

ul.uk-nav-dropdown li a:hover,
ul.pure-menu-children li a:hover
{
    color: #fff;
    background-color: #8e0004;
}



/* Home Notifications
---------------------------------------------------------- */
.uk-notify
{
    opacity: 0.9;
    /* margin-top: 30px !important; */
}

.uk-notify-message
{
    font-weight: normal;
    font-size: 12px;
    letter-spacing: 1px;
    background: #101010;
    border: 1px solid #666;
}

.uk-notify-message > .uk-close
{
    visibility: visible;
    font-size: 16px;
}

.uk-notify-message a
{
    color: #dfdfdf;
    line-height: 1em;
}

.uk-notify-message a:hover
{
    color: #fff;
}


/* Additional UI-Kit Style overrides for home page
------------------------------------------------------------ */
.uk-link:hover, a:hover {
    color: #ccc;
    cursor: pointer;
}

a.get-alert:hover
{
    color: #fff;
}