/*** 
Video CSS - Uncluttered Professional Organizing 
Created by Leon O'Daniel - O'Daniel Designs
Created on November 22, 2025
Updated on December 2, 2025
***/

.video-container {
    margin:10px 40px 40px 40px;
}
#award {
    display:grid;
    grid-template-columns: auto;
    justify-content: center;
    padding: 5px 0 10px 0;
}
.video-container .text {
    background-color:#006880;
    color: #fff;
    font-family: miller-headline,serif;
    font-weight: 400;
    font-style: normal;
    padding:20px 40px 40px 40px;
}
#award a, #award a:link, #award a:visited {
    color:white;
    text-decoration:none;
}

#award a:hover, #award a:active {
    color:#019bb7;
}

#awardText a, #awardText a:link, #awardText a:visited {
    color:white;
    text-decoration:underline dashed;
}

#awardText a:hover, #awardText a:active {
    color:#019bb7;
}

@media screen and (min-width:667px) {
    .video-container {
        margin-top:-30px;
        margin-bottom:40px;
        margin-right:40px;
        margin-left:40px;
    }
}
@media screen and (min-width:1024px) {
    .video-container {
        margin-left:20px;
    }
}
@media screen and (min-width:1200px) {
    .video-container {
        display:grid;
        grid-template-columns: 70% 30%;
        max-width:1120px;
        margin-left: auto;
        margin-right: auto;
        margin-top:0px;
        margin-bottom:0px;
        padding:0px;
    }
    .video-container .text {
        background-color:#006880;
        color: #fff;
        font-family: miller-headline,serif;
        font-weight: 400;
        font-style: normal;
        padding:20px 40px 0 40px;
    }
}

@media screen and (min-width:1280px) {
    .video-container {
        max-width:1200px;
    }
}