/* Download res block */
.res-download
{
	display: inline-block;
	background: #fff;
	padding: 12px 16px 13px 16px;
	box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
	margin: 20px;
}
.res-download .file-name
{
	font-weight: bold;
	display: inline-block;
}
.res-download .assoc-icon
{
	vertical-align: bottom;
	margin-right: 7px;
}
.res-download .num-downloads
{
	display: inline-block;
	margin-left: 5px;
	font-size: 85%;
	white-space: nowrap;
	text-transform: lowercase;
}
.res-download .num-downloads .name { color: #666; }


/* Association */
.assoc-icon
{
	vertical-align: middle;
	display: inline-block;
}
.res-file-link { display: inline-block; }
.res-file-link .assoc-icon
{
	display: inline-block;
	margin-right: 5px;
}

/* YouTube */
.youtube
{
	display: inline-block;
}
.youtube.iconed:before
{
	content: '\f167';
	font-family: "Font Awesome 5 Brands";
	display: inline-block;
	margin-right: 5px;
	color: #e10001;
}
.youtube > img
{
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}
.youtube .fab
{
	font-size: 50px;
	color: #f00;
}

.youtube-compact
{
	display: inline-block;
	position: relative;
	width: 250px;
	height: 188px;
}
.youtube-compact > img
{
	display: inline-block;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}
.youtube-compact:before
{
	content: '';
	display: block;
	position: absolute;
	z-index: 0;
	width: 16px;
	height: 16px;
	top: 50%;
	left: 50%;
	margin: -8px 0 0 -8px;
	background: #fff;
}
.youtube-compact:after
{
	display: block;
	content: '\f167';
	font-family: "Font Awesome 5 Brands";
	position: absolute;
	font-size: 40px;
	color: #e10001;
	top: 50%;
	left: 50%;
	margin: -20px 0 0 -23px;
	line-height: 1;
	z-index: 1;
	transition: color 0.1s;
}
.youtube-compact:hover::after
{
	color: #f90001;
}

.assoc16, .assoc48
{
	display: inline-block;
	height: 16px;
	padding: 3px 6px;
	border-radius: 3px;
	background: #c01c22;
	text-align: center;
	color: #fff;
	outline: none;
	text-decoration: none;
}
.assoc48
{
	height: auto;
	font-size: 18px;
}
.assoc16:empty, .assoc48:empty { display: none; }

/* Thumb */
.res-thumb > img
{
	max-width: 75px;
	max-height: 75px;
	width: auto;
	height: auto;
}
/*
.video-wrapper
{
	display: inline;
	font-size: 0;
	height: 0;
}
*/

@media screen and (max-width: 800px)
{
	.adaptive .video-wrapper
	{
		display: block;
		position: relative;
		padding-top: 56.25%;
		overflow: hidden;
		max-width: 100%;
	}
	.adaptive .video-wrapper iframe
	{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		border: 0;
	}
}