/* responsive video styling in case it was not included in styles */
.video-wrapper {position:relative;padding-bottom:56.25%;padding-top:25px;height:0;margin:0 0 30px}
.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}

/* video player */

.video-module {}
.video-module .video-module-stage { border-bottom:1px solid #ccc; margin:0 0 20px; padding:0;}
.video-module .video-module-player {}
.video-module .video-module-player .video-wrapper {margin:0 0 20px;}
.video-module .video-module-details {}
.video-module .video-module-details h2 {}
.video-module .video-module-details p {}
.video-module .video-module-details .video-date {}

.video-module .video-filters {background:#ccc; padding:15px 5px; }
.video-module .video-filters label {display:block; font-weight:bold; margin:0 0 5px;}
.video-module .video-filters select {width:100%; display:block; padding:8px; border:1px solid #ccc;}
.video-module .video-filters .video-search {}
.video-module .video-filters .video-search .inner {position:relative;}
.video-module .video-filters .video-search input {width:100%; display:block; padding:8px; border:1px solid #ccc;}
.video-module .video-filters .video-search .search-button {position:absolute; right:0; top:0; height:100%; width:40px; text-align:center; }
.video-module .video-filters .video-search .search-button svg {position:absolute; top:50%; width:20px; height:20px; left:50%; margin-left:-10px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%);}

.video-module .video-module-listing {}
.video-module .video-module-listing .video-breadcrumbs {background:#ddd; margin:0 0 20px; padding:10px 15px; font-size:.875em;}
.video-module .video-module-listing .video-breadcrumbs .viewing {}
.video-module .video-module-listing .video-breadcrumbs .active {font-weight:bold;}

.video-module .video-list {}
.video-module .video-list .video-block {cursor:pointer; background-repeat:no-repeat; background-size:cover; background-position:50% 50%; width:100%; max-width:300px; height:200px; margin:0 auto 20px; border:2px solid #ddd; position:relative;}
.video-module .video-list .video-block .video-title {background:#ddd; text-align:center; position:absolute; bottom:0; left:0; width:100%; padding:10px; font-size:.813em; font-weight:bold;}
.video-module .video-list .video-block .video-overlay {position:absolute; top:0; left:0; width:100%; padding:10px; text-align:center; text-transform:uppercase; background:#ac2b28; font-weight:bold; font-size:.813em; color:#fff;}

.video-module .video-module-paging {background:#ddd; padding:10px 5px;}
.video-module .video-module-paging .video-pager-status {display:inline-block; font-size:.875em; padding:5px 0 0 0;}
.video-module .video-module-paging .video-pager {display:inline-block; font-size:.875em;}
.video-module .video-module-paging .video-pager ul {padding:0; margin:0; list-style-type:none;}
.video-module .video-module-paging .video-pager ul li {display:inline-block; cursor:pointer; padding:5px 10px;  position:relative; margin:0 2px;}
.video-module .video-module-paging .video-pager ul li.pgEmpty {display:none;}
.video-module .video-module-paging .video-pager ul li.page-number {background:#ccc; border:1px solid #bbb; }
.video-module .video-module-paging .video-pager ul li.pgCurrent {cursor:default; background:#bbb;}
.video-module .video-module-paging .video-pager ul li.pgNext:after {content:''; position:absolute; left:50%; margin-left:-4px; border-style:solid; border-color:transparent transparent transparent #444; border-width:8px 0 8px 9px;}
.video-module .video-module-paging .video-pager ul li.pgPrev:after {content:''; position:absolute; right:50%; margin-right:-4px; border-style:solid; border-color:transparent #444 transparent transparent; border-width:8px 9px 8px 0;}
/* end video player */