body.post-type-archive-zambonivideos,
body.tax-zambonivideosplaylists,
body.single-zambonivideos {
	background-image:none;
}

#zamboni-videos {

}

#zamboni-videos.zamboni-video {

}

#zamboni-videos.zamboni-videos-archive {

}

#zamboni-videos a,
.zamboni-video a {
	color:#003777 !important;
	text-decoration:none;
}

#zamboni-videos h1 {
	font-family: "Helvetica Neue", Arial, sans-serif;
    font-weight: bold;
    font-size: 1.8em;
    line-height: 1.8em;
    padding: 10px 15px 15px 0px;
    margin: 15px 0 0;
    border-top: #f4d100 solid 5px;
    color: #003777;
    display: inline-block;
    line-height: 1.2;
}

#zamboni-videos h2 {
	font-family: "Helvetica Neue", Arial, sans-serif;
    font-weight: bold;
    font-size: 1.8em;
    padding:0;
    color: #ffba00;
    margin:0 0 1em !important;
}
	#zamboni-videos h2 a {
	    color: #ffba00 !important;
	}

#zamboni-videos p,
#zamboni-videos .video-title {
	font-size: 1rem;
	line-height: 1.7em;
}
	#zamboni-videos p { color: #656565; margin-bottom: 1rem; }
	#zamboni-videos .last { margin-bottom:0 !important; }
	#zamboni-videos .video-title { display:block; }

#zamboni-videos .gutter {
	padding:30px;
}

#zamboni-videos .iframe-wrap,
.zamboni-video .iframe-wrap {
	width:100%;
	height:0;
	display:block;
	padding-top: 56.25%;
	background-color:#eee;
	position:relative;
	margin-bottom:1em;
}
#zamboni-videos .iframe-wrap iframe,
.zamboni-video .iframe-wrap iframe {
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	right:0;
	bottom:0;
	left:0;
}

#zamboni-videos .flexbox,
.zamboni-video .flexbox {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display:flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	align-items: center;
	margin:0;
}

	@media screen and (max-width: 800px) {

		#zamboni-videos #playlist-tab-wrap {
			flex-flow: nowrap;
			overflow-y:auto;
		}

		/* Possible range */
		#zamboni-videos #playlist-tab-wrap::-webkit-scrollbar-track {
			background-color: #ddd;
		}

		/* What we see */
		#zamboni-videos #playlist-tab-wrap::-webkit-scrollbar-thumb {
			background-color: #003777;
			border: 5px solid #ddd;
			border-radius: 10px;
		}

		/* Basis */
		#zamboni-videos #playlist-tab-wrap::-webkit-scrollbar {
			height: 15px;
			background-color: #eee;
		}

		/*
		#zamboni-videos #playlist-tab-wrap {
			flex-direction: column;
			align-items: flex-start;
		}
		#zamboni-videos .flexbox .flex {
		    margin-right: 0;
		    width: 100%;
		}
		*/

	}

#zamboni-videos .flexbox .flex,
.zamboni-video .flexbox .flex {
	background-color:#eee;
	flex:0 0 auto;
	margin-right:10px;
}
	#zamboni-videos li.flex,
	.zamboni-video li.flex {
		list-style:none;
	}

	#zamboni-videos li.flex a,
	.zamboni-video li.flex a {
		display:block;
		padding:10px;
		border-top:5px solid #fff;
	}

	#zamboni-videos li.flex a.playlist-tab-active,
	#zamboni-videos li.flex a.language-tab-active,
	#zamboni-videos li.flex a:hover,
	.zamboni-video li.flex a.playlist-tab-active,
	.zamboni-video li.flex a.language-tab-active,
	.zamboni-video li.flex a:hover {
		border-top:5px solid #003777;
		background-color:#003777 !important;
		color:#fff !important;
	}

span.sixteen-nine-thumbnail {
	width:100%;
	height:0;
	display:block;
	padding-top: 56.25%;
	background-color:#eee;
	background-size:cover;
	background-position: center center;
	margin-bottom:1em;
	border-bottom:5px solid #eee;
}

#zamboni-videos .playlist-wrap {
	border:1px solid #eee;
	min-height:60vh;
}

#zamboni-videos .playlist-wrap,
#zamboni-videos .iframe-wrap,
.zamboni-video .playlist-wrap,
.zamboni-video .iframe-wrap {
	display:none;
}
	#zamboni-videos .playlist-active,
	#zamboni-videos .language-active,
	.zamboni-video .playlist-active,
	.zamboni-video .language-active {
		display:block;
	}

#zamboni-videos .videos-wrap {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display:flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	align-items: flex-start;
	justify-content: flex-start;
}
#zamboni-videos .videos-wrap a {
	flex:0 1 32%;
	margin-bottom:15px;
	width:32%;
	margin-right:1%;
}
@media screen and (max-width: 800px) {
	#zamboni-videos .videos-wrap a { flex-basis:100%; }
}

#zamboni-videos .videos-wrap a img,
#zamboni-videos .videos-wrap a span.no-thumbnail {
	max-width:100%;
	height:auto;
}

/*
#zamboni-videos .video-language-term {
	white-space:nowrap;
}
*/

#zamboni-videos .language-tab-wrap.flexbox,
.zamboni-video .language-tab-wrap.flexbox {
	margin-bottom:1em;
}

#zamboni-videos .video-language-icon,
.zamboni-video .video-language-icon {
	margin-right:5px;
}

/* 2021-05-21 */
#zamboni-videos .video-language-icon, .zamboni-video .video-language-icon { display:none; }
#zamboni-videos .video-multilingual .video-language-name { background-color:#eee; padding:1px 2px; display:inline-block; }


.video-meta-wrap { margin-top:1rem; flex-direction:row; }
.video-meta-wrap .flex-column { flex:1; }
@media screen and (max-width: 800px) {
	.video-meta-wrap { flex-direction:column; }
	.video-meta-wrap .flex-column:not(:first-of-type) { margin-top:1rem; }
}

.filter-results-label {
	font-size: 0.7rem;
	display:block;
	color: #8a8a8a;
	font-weight:bold;
}
select.filter-results,
select.filter-video-results {
	border: 1px solid #ccc;
	display:block;
    padding: 1rem;
    font-size: 1rem;
	margin-top:0.5rem;
}

#zamboni-videos #all-videos {
	margin-bottom:1rem;
}

#zamboni-videos .breadcrumbs {
	padding-top: 1rem;
    font-weight: bold;
    font-size: 1.8em;
    line-height: 1;
    color: #003777;
    margin:0;
    text-transform: none;
}
	#zamboni-videos .breadcrumbs a {
		color: #0061aa !important;
	}
	#zamboni-videos .breadcrumbs a:hover {
		color: #003777 !important;
	}

#zamboni-videos .pagination {
	text-align: center;
    border: 1px solid #eee;
    padding: 1rem 0;
	margin-bottom:1rem;
}
#zamboni-videos .pagination .current {
	font-weight:bold;
	color:#000;
}

#zamboni-videos .remove-filter-link {
	display:block;
	background:#eee;
	line-height: 0;
}