
/* FEATURED POST WIDGET STYLES */

.content-area #main > .row > .col-md-8 > .wb-ent-widget-div {
	margin-top: 0;
}

#wb-ent-feat-vid-widget img.featured-post-thumb {
	width: 100%;
	height: auto;
}

div#wb-ent-sc-featured-post-heading {
	width: 100%;
}

.wb-ent-title-vid {
	color: #1d2c72;
	font-family: 'Open Sans', sans-serif;
	font-size: 16pt;
	font-style: normal;
	font-weight: 700;
}

/* custom styles from tablet portrait screen and below */
@media (max-width: 768px) {
	
	.wb-ent-post-list-timestamp-icon-with-featured.wb-ent-timestamp-upper-left {
		top: 6px;
		left: 6px;
	}

	.wb-ent-post-list-timestamp-icon-with-featured > .wb-ent-timestamp {
		color: #ffffff;
		font-size: 9pt;
	}
	
	.wb-ent-play-icon {
		font-size: 4em;
	}
	
	#wb-ent-sidebar-widget .wb-ent-play-icon {
		font-size: 2em;
	}
	
	.wb-ent-play-icon-tab-portrait {
		font-size: 2em;
	}
	
	.wb-ent-play-icon-visibility {
		visibility: hidden;
	}
	
	.wb-ent-timestamp-visibility {
		visibility: hidden;
	}
	
	.wb-ent-post-list-fixed-width {
		width: 32%;
		padding: 0 10px;
		display: block !important;
		overflow: hidden;
		word-break: break-all;
	}
}

/* custom styles from mobile screen and below */
@media (max-width: 420px) {
	
	.wb-ent-post-list-timestamp-icon-with-featured.wb-ent-timestamp-upper-left {
		top: 6px;
		left: 6px;
	}

	.wb-ent-post-list-timestamp-icon-with-featured > .wb-ent-timestamp {
		color: #ffffff;
		font-size: 9pt;
	}
	
	.wb-ent-play-icon {
		font-size: 4em;
	}
	
	.wb-ent-play-icon-tab-portrait {
		font-size: 4em;
	}
	
	.wb-ent-play-icon-visibility {
		visibility: visible; 
	}

	.wb-ent-timestamp-visibility {
		visibility: visible;
	}
	
	#wb-ent-sidebar-widget .wb-ent-play-icon {
		font-size: 4em;
	}
	
	.wb-ent-post-list-fixed-width {
		width: 100%;
		padding: 0 10px;
	}
	
	.swiper-slide.wb-ent-post-list-fixed-width {
		width: 100%;
		min-width: 24.333333%;
		padding: 0 10px;
		margin: 0 1px;
	}
	
	#wb-ent-sidebar-widget .swiper-slide.wb-ent-post-list-fixed-width {
		width: 100%;
		min-width: 24.333333%;
		padding: 0 10px;
		margin: 0 1px;
	}
}
