/*



Theme Name: Southport Yacht Club



Author: Red Monkey Apps



Author URI: http://redmonkeyapps.com/



Description: Customized theme for Southport Yacht Club



Version: 1.0.0



Template: dt-the7



*/







@import url("../dt-the7/style.css");







.page-title {



background: rgba(21,59,101,0.83);



}







#fancy-header .fancy-title.start-animation {



text-shadow: 3px 3px 10px #000;



}



#main-nav > li.act.menu-frame-on, .csstransforms3d #main-nav.fancy-rollovers > li.act.menu-frame-on, #mobile-menu {

background-color: #153b65;

}



#comments code, #comments p.form-allowed-tags {

display:none;

}

.banner-overlay {
    width: 100%;
    height: 500px;
}
.banner-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: hidden;
}
.banner-video iframe {
    width: 100vw;
    height: 56.25vw;
    min-height: 100vh;
    min-width: 177.77vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
}
.bgoverlay {
    /*background: linear-gradient(180deg, #000000 0%, rgba(0,0,0,0) 100%);*/
    background: rgba(0,0,0,0.2);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.banner-overlay .container {
    display: flex;
    align-items: center;
    z-index: 9;
    position: relative;
    text-align: center;
    height: 100%;
    padding: 0px 20px;
    max-width: 1200px;
    margin: 0 auto;
}
.banner-content {width: 100%;}
.banner-content h1 {
    color: #FFF;
}
.banner-content h2 {
    color: #FFF;
}
.banner-content span {
    position: absolute;
    left: 0;
    bottom: 30px;
	left:20px;
    cursor: pointer;
}
@media (max-width: 1200px) {
    .banner-video iframe {
        min-width: auto;
    }
}
@media (max-width: 992px) {
    .banner-video {z-index: 1;}

    .banner-overlay {height: auto;
        aspect-ratio: 4 / 2;}
}