/*
Theme Name: Ulearning Help
Description: Help site customizations for the maintained Twenty Twelve parent theme.
Template: twentytwelve
Version: 1.0.0
Text Domain: ulearning-help
*/

/* Preserve the source site's image and visited-link appearance. */
.entry-content img {
	border-radius: 0;
	box-shadow: none;
}
.entry-content a:visited { color: #21759b; }
.entry-content a.piclink,
.entry-content a.piclink:visited {
	margin: 20px 30px;
	float: left;
	display: inline-block;
	text-align: center;
	color: #444;
	text-decoration: none;
}
.piclink img { border: none; margin-bottom: 10px; }

/* These selectors and dimensions come from the source's custom video gallery. */
.clearfix:after { content: ''; display: table; clear: both; visibility: hidden; height: 0; line-height: 0; }
.entry-content .tag-items { width: 250px; margin: 0 auto 20px; outline: 0; font-family: 'Microsoft YaHei', sans-serif; font-size: 0; }
.tag-items li { margin: 0; }
.tag-items .tag-first { border-radius: 24px 0 0 24px; margin-right: -1px; }
.tag-items .tag-last { border-radius: 0 24px 24px 0; }
.tag-items a, .entry-content .tag-items a:visited { display: block; color: #969696; text-decoration: none; }
.tag-nav { display: inline-block; width: 120px; height: 32px; line-height: 32px; border: 1px solid #e3e3e9; font-size: 14px; color: #969696; text-align: center; list-style: none; cursor: pointer; outline: 0; }
.tag-nav.active { background-color: #ea5947; color: #fff; border-color: #ea5947; }
.tag-nav.active a, .entry-content .tag-nav.active a:visited { color: #fff; }
.entry-content .each-videoes { margin-right: -26px; }
.each-videoes .each-video { position: relative; width: 305px; height: 171px; float: left; margin: 0 20px 50px 0; list-style: none; font-family: 'Microsoft YaHei', sans-serif; }
.each-video:hover { cursor: pointer; }
.each-video .each-bgimg { position: absolute; inset: 0; z-index: 3; }
.each-video .play-icon { position: absolute; top: 50%; margin-top: -49px; left: 50%; margin-left: -30px; z-index: 5; }
.each-video .handle-txt { position: absolute; left: 0; right: 0; bottom: 0; height: 40px; line-height: 40px; padding-left: 10px; background-color: rgba(0,0,0,.3); font-size: 16px; color: #fff; z-index: 4; margin: 0; }
.bgfilter { position: fixed; inset: 0; background-color: rgba(0,0,0,.8); z-index: 100000; }
.wp-eachvideo { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 100001; max-width: 95vw; max-height: 90vh; }
.wp-eachvideo video { display: block; max-width: 95vw; max-height: 90vh; }
.help-video-page .site-content { width: 100%; }
