﻿#top-nav {
    position: absolute;
    /*background: rgba(0, 0, 0, 0.1);*/  
}

.container-fluid {
    padding:0;
}

    #top-nav input {
        z-index: 9999;
        position:relative;
    }

.ui-widget {
    z-index: 9999;
}

.tnav-font {
    position: relative;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.005);
}

.tnav-navline {
    position: relative;
    z-index: 9999;
}

.tnav-navline {
    background-color: transparent !important;
}

.bg-white {
    background-color: transparent !important;
}

.nav-link {
    color: white !important;font-size:10.8pt;
}

.navbar-toggler {
    background: white;
}

#top-nav {    
    /*z-index: 1;*/
}

#videowrapper {
    position: absolute; /* Keeps it fixed in the viewport */
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 100vh;
    transform: translate(-50%, -50%); /* Centers it */
    overflow: hidden;
    z-index:2;
}

    #videowrapper video {
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100vw;
        min-height: 100vh;
        width: auto;
        height: auto;
        transform: translate(-50%, -50%); /* Centers it */
        object-fit: cover; /* Ensures it covers the viewport */
        z-index:2;
    }

#block-wrapper {
    margin-bottom: 3%;
}

.block-link {
    margin-left: 2%;
    width: 100%;
    margin-top: 7%;
    padding-top: 68%;
    position: relative;
}

.block-overlay {
    background: rgba(20, 20, 20, 0.25);
}

.block-overlay, .block-overlay-text-wrapper {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.block-overlay-text {
    color: white;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    background: linear-gradient(transparent, rgba(20, 20, 20, 0.9));
    padding-top: 50px;
}

.block-link-tagline {
    font-size: 2em;
    margin-top: 20px;
    color: white;
    font-family:'Gotham-Bold'
}

.block-link-click a {
    margin: 50px 0 25px;
    font-size: 11pt;
    font-weight: bold;
    color: white;
}

@media (max-width:1024px) {
    .container-fluid {
        /*margin-bottom: 200px;*/
    }

    #JimmyMoore {
        width: 300px;
    }
}

@media (max-width:768px) {
    .block-link-tagline {
        font-size: 1.5em;       
    }
}
