  ﻿/*header.masthead {
    background-image: url("/ResourcePackages/Bootstrap4/assets/dist/img/agency/header-bg.jpg");
}
*/
/* wrap video embeds with a div with "responsive-iframe" class to make the embed responsive */
.responsive-iframe{padding-bottom:56.25%;position:relative;display:block;height:0;overflow:hidden}
.responsive-iframe>iframe{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}
.footer {background-color: #343a40 !important;color: #fff;}
.footer a {color: #aaaaaa;}
.footer a:hover, .footer a:active {color: #fed136;}
/*.cu-videoplayer {
    aspect-ratio: 16 / 9;
    width: 100%;*/
    /*padding-bottom: calc(var(--aspect-ratio, .5625) * 100%);*/
/*}*/
.cu-videoplayer {width:300px!important; height:207px!important;}
@media (min-width: 460px) { .cu-videoplayer {width:390px!important; height:257px!important;} }
@media (min-width: 585px) { .cu-videoplayer {width:530px!important; height:336px!important;} }
@media (min-width: 850px) { .cu-videoplayer {width:530px!important; height:336px!important;} }
@media (min-width: 900px) { .cu-videoplayer {width:608px!important; height:380px!important;} }
@media (min-width: 1200px) { .cu-videoplayer {width:750px!important; height:460px!important;} }
@media (min-width: 1600px) { .cu-videoplayer {width:950px!important; height:572px!important;} }


.cu-videoplayer__title, .cu-videoplayer__desc {width:300px!important;}
@media (min-width: 460px) { .cu-videoplayer__title, .cu-videoplayer__desc {width:390px!important;} }
@media (min-width: 585px) { .cu-videoplayer__title, .cu-videoplayer__desc {width:530px!important;} }
@media (min-width: 850px) { .cu-videoplayer__title, .cu-videoplayer__desc {width:530px!important;} }
@media (min-width: 900px) { .cu-videoplayer__title, .cu-videoplayer__desc {width:608px!important;} }
@media (min-width: 1200px) { .cu-videoplayer__title, .cu-videoplayer__desc {width:750px!important;} }
@media (min-width: 1600px) { .cu-videoplayer__title, .cu-videoplayer__desc {width:950px!important;} }

/* adjust for 2-column layout (inside main container--padded) wider than the collapse */
@media (min-width: 850px) { .col-lg-6 .cu-videoplayer {width:390px!important; height:257px!important;} }
@media (min-width: 990px) { .col-lg-6 .cu-videoplayer {width:390px!important; height:257px!important;} }
@media (min-width: 1200px) { .col-lg-6 .cu-videoplayer {width:530px!important; height:336px!important;} }

@media (min-width: 850px) { .col-lg-6 .cu-videoplayer__title, .col-lg-6 .cu-videoplayer__desc {width:390px!important;} }
@media (min-width: 990px) { .col-lg-6 .cu-videoplayer__title, .col-lg-6 .cu-videoplayer__desc {width:390px!important;} }
@media (min-width: 1200px) { .col-lg-6 .cu-videoplayer__title, .col-lg-6 .cu-videoplayer__desc {width:530px!important;} }
