.slickVideoContainer .playIcon {
	position: absolute;
	max-width: 26%;
}

.slickVideoContainer .captionContainer {
	background: #f5c904;
	margin-bottom: 0;
	padding: 1.2rem 0.5rem 0 0.5rem;
	height: 8rem;
	position: relative;
}

.cell.shrink.captionPadding {
	background: #f5c904;
}

.slickVideoContainer h5.videoCaption>a>span {
	color: black;
	font-weight: bolder;
}

.grid-x .shrink.slickVideoContainer {
	width: 63.5%
}

.grid-x .shrink.sideVideoContainer {
	width: 34.3%;
}

.slickVideoContainer .shareBtn.icoShareWhite {
	background-color: transparent;
	border: 0;
	border-radius: 0;
	display: block;
	background-repeat: no-repeat;
}

.cell.shrink.thumbnailBackground {
	width: 100%;
	position: absolute;
	bottom: 0;
	height: 100%;
	z-index: -1;
}

.thumbnailBackground .cell.shrink {
	height: 27%;
	background: #f5c904;
}

.cell.shrink.captionLeft, .cell.shrink.captionPadding {
	width: 7%;
}

.line3Truncate, line3Truncate>p {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: normal;
}

.slickVideoContainer .shareBtnContainer>.icoShareWhite {
	width: 1.3rem;
	height: 1.3rem;
	margin-top: 0.2rem;
}

.sideVideoContainer .shareBtn.icoShare {
	background-color: transparent;
	border: 0;
	border-radius: 0;
	display: block;
	background-repeat: no-repeat;
	height: 1rem;
	width: 1rem;
}

.sideVideoContainer .thumbnailContainer .fa-play {
	position: absolute;
	font-size: 1rem;
	color: #f4c904;
	right: 0;
	bottom: 0;
	padding: 0.4rem 0.5rem 0.5rem 0.6rem;
	background: rgba(0, 0, 0, 0.8);
}

.sideVideoContainer h5.captionLabel>a>span {
	color: black;
	font-weight: bold;
}

.v22 .sideVideoContainer .captionContainer {
	padding-right: 0.6rem;
	margin: 0em;
	height: auto;
	position: relative;
    background: transparent;
}

.sideVideoContainer .sideListview {
	padding: .5rem 0.8rem .5rem 0;
	border-bottom: 1px solid #dcdcdc;
}

.sideVideoContainer .thumbnailContainer {
	border: 1px solid #dcdcdc;
}

.sideVideoContainer .shareBtnContainer {
	padding-left: 0.5rem;
}

.sideVideoContainer .sideListview:first-child {
	padding-top: 0;
}

a:hover .sideVideoContainer .thumbnailContainer .fa-play {
	color: red;
}

.slickVideoContainer .slick-dots {
	position: absolute;
	bottom: 1.5rem;
}

.youtubeNewsVideoIconContainer img {
	width: 3.5rem;
	margin-right: 1rem;
}

.youtubeNewsVideoIconContainer {
	font-size: 3rem;
	padding-left: 1rem;
	padding-bottom: 0.5rem;
	margin-top: 3.5rem;
}

.v22 .slickVideoContainer .slick-dots li button:before {
	color: black;
	opacity: .5;
	content: "\f111";
	font: normal normal normal 14px/1 FontAwesome;
	font-size: .6rem;
}

.v22 .slickVideoContainer .slick-dots li button:hover:before, .v22 .slickVideoContainer .slick-dots li button:focus:before,
	.v22 .slickVideoContainer .slick-dots li.slick-active button:before {
	color: white;
	opacity: 1;
}

.grid-x.align-middle.sideListview {
	width: 100%;
}

.slickVideoContainer .shrink.thumbnailContainer {
	width: 93%
}

.slickVideoContainer .captionGrid{
	position: relative;
}

.yellowBackground {
    background: #f5c904;
    position: absolute;
    width: 93%;
    height: 100%;
    bottom: 0;
    right: 0;
}

.captionLeft{
	background: white;
}

.slickVideoContainer .slick-slide {
	margin-left: 1px;
    margin-right: 1px;
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	.grid-x.align-middle.sideListview {
		width: 49%;
		padding-right: 0;
	}
	.grid-x .shrink.sideVideoContainer {
		justify-content: space-between;
	}
	
}

@media screen and (max-width: 63.9375em) {
	.grid-x .shrink.slickVideoContainer, .grid-x .shrink.sideVideoContainer
	{
		width: 100%;
	}
	
	.slickVideoContainer .thumbnailGrid {
		justify-content: center;
	}
	.cell.shrink.captionLeft {
		width: 0%;
	}
	.cell.shrink.captionPadding {
		width: 3%;
	}
	.slickVideoContainer .shareBtnContainer {
		margin-left: .3rem;
	}
	.slickVideoContainer .shrink.thumbnailContainer {
		width: 91%
	}
	
}

@media screen and (max-width: 39.9375em) {
	
	.grid-x.align-middle.sideListview {
		padding-left: .5rem;
	}
	
	.grid-x .shrink.slickVideoContainer, .grid-x .shrink.sideVideoContainer {
		margin: 0rem -0.7rem 0rem -0.7rem;
   		 width: 100vw;;
	}
	
	.thumbnailBackground .cell.shrink {
		height: 20%;
	}
	
	.slickVideoContainer .captionContainer {
		height: 9rem;
	}
}