a.container *, .gallery.focus *{
	font-weight: bold;
}
a.container, .gallery.focus{
	padding:0;
	margin:0;
}

a.container .dept {
	color: #808080;
	font-size: 0.95rem;
}

a.video.focus .dept {color: #5f5e5e}
a.video.focus .subject {color: black}
a.video .dept {margin-top:0.2rem}
a.container .subject, .gallery.focus .subject {
	color: #007795;
	line-height: 1.3;
}

a.container .bctDate, .gallery.focus .bctDate {margin:0.8rem 0 1rem;}

a.baseInfo .bctDate {margin:0;}

a.container .render_timeago_css, .gallery.focus .render_timeago_css {
	color: black;
	padding: 0.3rem 0.8rem;
	border-radius: 15px;
	background-color: #ffd71b;
	line-height: 1;
	font-size: 0.85rem;
}


a.container .line2Truncate.baseSize {font-weight:normal}

a.baseInfo .render_timeago_css {
	margin-left: 0.5rem;
	margin-right: 0.1rem;
}


a.video.focus .render_timeago_css {background-color: white}

/* a.gallery.focus .render_timeago_css {background-color:#fad21b} */

.box i.fa {
	position: absolute;
	font-size: 1.2rem;
	z-index: 1;
	color: #fad21b;
	right: 0;
	bottom: 0px;
	top: unset;
	left: unset;
	padding: 0.9rem;
	background: rgba(0, 0, 0, 0.8);
}

a.gallery .box i, .gallery .box i{
	color:white;
	padding:0.5rem;
	font-size:1.2rem;
	font-weight:normal;
}

a.container:hover i.fa-play {
	color: white;
}

a.container:not(.baseInfo):hover .render_timeago_css,a.container:focus .render_timeago_css {
/* 	background-color: white; */
}

a.video.focus{
	padding:1.5rem 2.5rem 1.3rem;
	background:#fad21b;
}

a.gallery.focus, .gallery.focus{
	padding:1rem 1rem 1.7rem;
	background:rgb(240, 240, 240);
}

a.gallery.focus + hr.dividerLine, .gallery.focus + hr.dividerLine{
	margin-top: 2rem;
	border-bottom: unset;
}

a.video.focus + hr.dividerLine{
	border-bottom: unset;
}

a.video.focus:hover .icoPlay, a.video.focus:focus .icoPlay{
	filter: brightness(0) invert(1);
}

a.gallery.container .slider>button{
/* 	display: none!important; */
}

a.gallery.focus .slick-dots li:not(.slick-active) button:before, 
.gallery.focus .slick-dots li:not(.slick-active) button:before {color:gray;}

/*  .slick-slider{margin-bottom:0.5rem} */

.deptContainer {
	margin-top:0.2rem;
	margin-bottom: 1rem;
}
hr.dividerLine{
	border-bottom: 1px solid #e0e0e0;
	margin-top:1rem;
	margin-bottom:1rem;
}

a.gallery + hr.dividerLine, .gallery + hr.dividerLine{
	margin-top:1.2rem;
}

a.video:not(.focus) {
    padding-left: 1rem;
    padding-right: 1rem;
}

a.video.focus .captionContainer{
	padding: 1rem 0.2rem 0;
}


a.video + hr.dividerLine{
	margin-top:1.25rem;
	margin-bottom:1.25rem;
}

.subTitle.grid-x.smallFont {
	    margin-bottom: 0rem !important;
}

@media screen and (min-width: 40em) {
	a.gallery:not(.focus) .slick-slide, .gallery:not(.focus) .slick-slide{margin:0 0.3rem;}
	a.video:not(.focus)>div:first-child {padding-right: 0.5rem}
	.gallery.focus>div:first-child {padding-right: 1.5rem;}
	a.baseInfo .dateNSourceContainer>div:first-child {max-width: calc(100% - 10rem)}
	a.baseInfo>div:nth-child(2){padding-left:0.9rem;padding-right: 0.2rem;}
	
	a.video:not(.focus):hover, a.video:not(.focus):focus {
/*		margin:-1.3rem; */
		background:rgb(242, 242, 242);
	}
	
	.gallery.container.focus .slick-dots {
		padding-right: 1.5rem;
	}
}

@media screen and (max-width: 39.9375em) {
	a.gallery.focus, .gallery.focus {
		padding: 2rem 1.6rem;
		margin: 0.8rem -1.6rem -1.3rem -1.6rem;
	}
	
	a.video.focus{margin:0.8rem -1.1rem 1.2rem -1.1rem;padding:0 0 1.3rem 0;}
	a.video.focus .box{border-width:0!important}	
	a.gallery:not(.focus) .slick-slide, .gallery:not(.focus) .slick-slide{margin:0 0.2rem;}
	a.video .dept{margin:0}
	a.video .bctDate{margin:0 0 0 0.5rem}
	.deptContainer {margin-top:0.5rem}
	hr.dividerLine{margin-top:0.6rem;margin-bottom:0.7rem;}
	a.gallery.focus .captionContainer, .gallery.focus .captionContainer{padding-top: 1.6rem;}
	a.gallery.focus + hr.dividerLine, .gallery.focus + hr.dividerLine{margin-top: 3rem;}
	a.gallery + hr.dividerLine, .gallery + hr.dividerLine{margin-top:1rem;margin-bottom:1rem;}
	a.video:not(.focus) {padding: 0 0 .5rem}
	a.video:not(.focus) .captionContainer{
		padding: 0rem 0 1rem;
	}
	a.video.focus + hr.dividerLine{
		margin-bottom:2rem;
	}

	a.video.focus .captionContainer{
	padding: 1.5rem 1.5rem 1.2rem;
	}
	.subTitle.grid-x.smallFont {
	    padding-bottom: 0.5rem;
	}
}