/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.youtubegallery-videoframe {position:relative;display:block;width:auto;height:auto;margin:10px;aspect-ratio:16/9;border-radius:5px;overflow:hidden;box-sizing:border-box;}
.youtubegallery-videoframe iframe {position:absolute;z-index:2;top:0;left:0;height:100%;width:100%;margin:0;border:0;box-sizing:border-box;}
.youtubegallery-videoframe img {width:100%;height:auto;max-width:100%;margin:0px auto;display:block;box-sizing:border-box;}
.youtubegallery-image {display:block;width:100%;max-width:100%;height:auto;margin:0px;padding:0px;box-sizing:border-box;border:0px;}

ul.youtubegallery-thumbnails {display:flex;flex-flow:wrap row;padding:0;margin:10px;}
ul.youtubegallery-thumbnails:after {display:block;clear:both;content:' ';}
ul.youtubegallery-thumbnails li.youtubegallery-thumb a {position:relative;display:block;padding:10px;}
ul.youtubegallery-thumbnails li.youtubegallery-thumb {padding:0px;list-style:none;width:33.3333%;display:block;float:left;margin:0px;height:auto;position:relative;box-sizing:border-box;}
ul.youtubegallery-thumbnails li.youtubegallery-thumb img:hover {opacity:0.8}
ul.youtubegallery-thumbnails li.youtubegallery-thumb img:active {position:relative;top:2px;}

ul.youtubegallery-thumbnails li.youtubegallery-thumb .youtubegallery-title {background:rgba(255,255,255,0.9);display:block;opacity:0;position:absolute;top:10px;left:10px;right:10px;bottom:10px;width:calc(100% - 20px);height:calc(100% - 20px);padding:0px;text-align:center;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}
ul.youtubegallery-thumbnails li.youtubegallery-thumb .youtubegallery-title p {text-align:center;font-size:.9em;position: relative;padding:1em 1em 0px 1em;margin:0;display:block;width:auto;top: 50%;-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);}
ul.youtubegallery-thumbnails li.youtubegallery-thumb .youtubegallery-title span.youtubegallery-filter-title {text-align:center;font-size:.7em;position: relative;padding-top:.7em;margin:.7em 0 0 0;text-transform:uppercase;display:inline-block;width:auto;border-top:1px solid #000;}
ul.youtubegallery-thumbnails li.youtubegallery-thumb:hover .youtubegallery-title {opacity:1;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}

.youtubegallery-two-columns li.youtubegallery-thumb {width:50%;}
.youtubegallery-three-columns li.youtubegallery-thumb {width:33.3333%;}
.youtubegallery-four-columns li.youtubegallery-thumb {width:25%;}
.youtubegallery-five-columns li.youtubegallery-thumb {width:20%;}

ul.youtubegallery-filters {display:block;text-align:center;width:auto;list-style:none;margin:10px;}
ul.youtubegallery-filters li {cursor:pointer;margin:.5em;text-transform:uppercase;font-size:.7em;display:inline-block;padding:1em;text-align:center;width:auto;border:1px solid #fff;list-style:none;}
ul.youtubegallery-filters li:hover, ul.youtubegallery-filters li.selected {background:#fff;color:#000;}


/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media only screen and (max-width : 1000px) {
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

ul.youtubegallery-thumbnails li.youtubegallery-thumb {width:50%;float:left;}
.youtubegallery-two-columns li.youtubegallery-thumb {width:50%;float:left;}
.youtubegallery-three-columns li.youtubegallery-thumb {width:50%;float:left;}
.youtubegallery-four-columns li.youtubegallery-thumb {width:33.3333%;float:left;}
.youtubegallery-five-columns li.youtubegallery-thumb {width:33.3333%;float:left;}

ul.youtubegallery-thumbnails li.youtubegallery-thumb .youtubegallery-title {background:rgba(255,255,255,0.0);display:block;opacity:1;position:relative;top:0;left:0;width:auto;height:auto;padding:0px;text-align:center;}
ul.youtubegallery-thumbnails li.youtubegallery-thumb .youtubegallery-title p {text-align:center;font-size:.9em;position: relative;padding:10px;margin:0;display:block;width:auto;top: 0%;-ms-transform: translateY(0%);-webkit-transform: translateY(0%);transform: translateY(0%);}
ul.youtubegallery-thumbnails li.youtubegallery-thumb:hover .youtubegallery-title {opacity:1}

}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media only screen and (max-width : 600px) {
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
ul.youtubegallery-thumbnails li.youtubegallery-thumb .youtubegallery-title span.youtubegallery-filter-title {display:none}

ul.youtubegallery-thumbnails li.youtubegallery-thumb {width:50%;float:left;}
.youtubegallery-two-columns li.youtubegallery-thumb {width:50%;float:left;}
.youtubegallery-three-columns li.youtubegallery-thumb {width:50%;float:left;}
.youtubegallery-four-columns li.youtubegallery-thumb {width:50%;float:left;}
.youtubegallery-five-columns li.youtubegallery-thumb {width:50%;float:left;}

}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */