/*****************************
	ALL
*****************************/

.embed-item.embed-list {
	background-image: none;
	display: block;
	font-size: 10px; /* font-size reset */
	min-height: 150px;
	overflow: hidden;
	position: relative;
	width: 100%;
}
	.embed-item.embed-list .wrapper {
		display: block;
	}


/* Header */
.embed-list .block-head-wrapper {
	border: none !important; /* this is a fix for other CSS */
}
	.embed-list .block-head-wrapper .title {
		color: #333;
		font-weight: bold;
		font-size: 3em;
		line-height: 110%;
		margin: 0 0 10px;
		text-align: left;
	}
		.embed-list .block-head-wrapper .title a {
			border: none;
			color: #2457a7;
			font-size: 1em;
			line-height: 110%;
		}
			.embed-list .block-head-wrapper .title a:after {
				content: '\00a0\00a0\f105'; /* two spaces and > character */
				font-family: FontAwesome;
				-webkit-font-smoothing: antialiased;
			}

/* Content */
.embed-list .block-content-wrapper {
	color: black; /* font-color reset */
	font-size: 1em;
	overflow: hidden;
	width: 100%;
}
	.embed-list .block-content-wrapper .cbs-thumbnail-link {
		display: block;
		margin-bottom: 1.5%;
		overflow: hidden;
	}
		.embed-list .block-content-wrapper .cbs-thumbnail-link .title-wrapper .title {
			display: block;
			font-size: 1.5em; /* font-size relative */
		}
		.embed-list .block-content-wrapper .cbs-thumbnail-link .title-wrapper .description {
			display: block;
			font-size: 1.2em; /* font-size relative */
		}

/*****************************
	Buttons
*****************************/
	.embed-list.not-loaded-js {
		/* Placeholder for the button */
		border-bottom: 40px solid #eaeaea;
	}
	.embed-list .button a {
		background-color: #eaeaea;
		color: black;
		display: block;
		line-height: 40px;
		min-height: 40px;
		text-align: center;
	}
		.desktop-display-type .embed-list .button a {
			font-size: 1.5em; /* font-size-relative */
		}
		.mobile-display-type .embed-list .button a {
			color: #333;
			font-size: 1.2em; /* font-size-relative */
			font-weight: bold;
			line-height: 40px;
			position: relative;
		}
	.embed-list.status-loading .button a {
		background-image: url(/wp-content/themes/vip/cbs-local/includes/embeds/css/../images/audioplayer/spin-blue.svg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: 30px 30px;
	}
		.embed-list.status-loading .button a span {
			display: none;
		}

/* end of the world */
/*****************************
	Embed List - Grid type
*****************************/

	.embed-list .block-content-wrapper.layout-grid .cbs-thumbnail-link {
	}
		.embed-list .block-content-wrapper.layout-grid .cbs-thumbnail-link .thumbnail-wrapper {
			margin-bottom: 4%;
		}
		.embed-list .block-content-wrapper.layout-grid .cbs-thumbnail-link .title-wrapper .description {
			display: none;
		}

	@media all and (orientation:portrait) {
		/* on mobile in portrait mode, this 3-column becomes 2-column */
		.mobile-display-type .embed-list .block-content-wrapper.layout-grid .cbs-thumbnail-link {
			clear: none;
			float: left;
			margin-right: 0;
			width: 49%;
		}
		.mobile-display-type .embed-list .block-content-wrapper.layout-grid .cbs-thumbnail-link:nth-child(2n) {
			float: right;
		}
		.mobile-display-type .embed-list .block-content-wrapper.layout-grid .cbs-thumbnail-link:nth-child(2n+1) {
			clear: both;
		}
	}

/*****************************
	Embed List - Grid type - Spotlight
*****************************/
	.embed-list .block-content-wrapper.layout-grid.and-spotlight {
	}
		.desktop-display-type .embed-list .block-content-wrapper.layout-grid.and-spotlight .cbs-thumbnail-link,
		.mobile-display-type .embed-list .block-content-wrapper.layout-grid.and-spotlight .cbs-thumbnail-link {
			margin-bottom: 2%;
			overflow: hidden;
			width: 100%;
		}
			.embed-list .block-content-wrapper.layout-grid.and-spotlight .cbs-thumbnail-link .thumbnail-wrapper {
				margin-right: 2%;
			}
			.desktop-display-type .embed-list .block-content-wrapper.layout-grid.and-spotlight .cbs-thumbnail-link .thumbnail-wrapper {
				float: left;
				width: 66%;
			}
			.embed-list .block-content-wrapper.layout-grid.and-spotlight .cbs-thumbnail-link .title-wrapper {
			}
				.embed-list .block-content-wrapper.layout-grid.and-spotlight .cbs-thumbnail-link .title-wrapper .title {
					font-size: 1.8em; /* font-size-relative */
					font-weight: bold;
					margin-bottom: 15px;
				}
				.desktop-display-type .embed-list .block-content-wrapper.layout-grid.and-spotlight .cbs-thumbnail-link .title-wrapper .description {
					display: block;
					font-size: 1.4em; /* font-size-relative */
				}

/*****************************
	Special style for Carousel layout
*****************************/

	.embed-list .block-content-wrapper.layout-grid.and-carousel .cbs-thumbnail-link {
		display: none;
	}
		.embed-list .block-content-wrapper.layout-grid.and-carousel .cbs-thumbnail-link .thumbnail-wrapper {
			margin-bottom: 8px;
		}
		.embed-list .block-content-wrapper.layout-grid.and-carousel .cbs-thumbnail-link .title-wrapper .title {
			font-size: 1.2em;
			text-align: center;
			text-transform: uppercase;
		}
		.desktop-display-type .embed-list .block-content-wrapper.layout-grid.and-carousel.and-columns-4.and-visible-row1 .cbs-thumbnail-link:nth-child(-n+4),
		.desktop-display-type .embed-list .block-content-wrapper.layout-grid.and-carousel.and-columns-6.and-visible-row1 .cbs-thumbnail-link:nth-child(-n+6),
		.mobile-display-type .embed-list .block-content-wrapper.layout-grid.and-carousel.and-visible-row1 .cbs-thumbnail-link:nth-child(-n+4) {
			display: block;
		}
	/* grid positioning is following 2-column on mobile and specified columns on web*/

/*****************************
	Layout by columns
*****************************/

/* 2-column */
	.mobile-display-type .embed-list .block-content-wrapper.layout-grid.and-carousel .cbs-thumbnail-link,
	.desktop-display-type .embed-list .block-content-wrapper.and-list.and-columns-2 .cbs-thumbnail-link {
		clear: none !important;
		float: left;
		margin-bottom: 1%;
		margin-right: 2%;
		width: 49%;
	}
		.mobile-display-type .embed-list .block-content-wrapper.layout-grid.and-carousel .cbs-thumbnail-link:nth-child(2n),
		.desktop-display-type .embed-list .block-content-wrapper.layout-grid.and-columns-2.and-list .cbs-thumbnail-link:nth-child(2n) {
			float: right;
			margin-right: 0;
		}
		.mobile-display-type .embed-list .block-content-wrapper.layout-grid.and-carousel .cbs-thumbnail-link:nth-child(2n+1),
		.desktop-display-type .embed-list .block-content-wrapper.layout-grid.and-columns-2.and-list .cbs-thumbnail-link:nth-child(2n+1) {
			clear: both !important;
		}

/* Web 3-column - Standard for Grid */
	.desktop-display-type .embed-list .block-content-wrapper.and-list.and-columns-3 .cbs-thumbnail-link {
		float: left;
		margin-bottom: 1.4%;
		margin-right: 1.4%;
		width: 32.4%;
	}
		.desktop-display-type .embed-list .block-content-wrapper.layout-grid.and-columns-3.and-list .cbs-thumbnail-link:nth-child(3n) {
			margin-right: 0;
		}
		.desktop-display-type .embed-list .block-content-wrapper.layout-grid.and-columns-3.and-list .cbs-thumbnail-link:nth-child(3n+1) {
			clear: both;
		}

/* Web 4-column */
	.desktop-display-type .embed-list .block-content-wrapper.and-columns-4.and-list .cbs-thumbnail-link {
		float: left;
		margin-bottom: 1.8%;
		margin-right: 1.8%;
		width: 23.6%;
	}
		.desktop-display-type .embed-list .block-content-wrapper.layout-grid.and-columns-4.and-list .cbs-thumbnail-link:nth-child(4n) {
			margin-right: 0;
		}
		.desktop-display-type .embed-list .block-content-wrapper.layout-grid.and-columns-4.and-list .cbs-thumbnail-link:nth-child(4n+1) {
			clear: both;
		}

/* Web 6-column */
	.desktop-display-type .embed-list .block-content-wrapper.and-columns-6.and-list .cbs-thumbnail-link {
		float: left;
		margin-bottom: 1%;
		margin-right: 1%;
		width: 15.8%;
	}
		.desktop-display-type .embed-list .block-content-wrapper.layout-grid.and-columns-6.and-list .cbs-thumbnail-link:nth-child(6n) {
			margin-right: 0;
		}
		.desktop-display-type .embed-list .block-content-wrapper.layout-grid.and-columns-6.and-list .cbs-thumbnail-link:nth-child(6n+1) {
			clear: both;
		}

/*****************************
	Mobile 3l2p-column (3 Landscape, 2 Portrait)
*****************************/
@media all and (orientation:portrait) {
	.mobile-display-type .embed-list .block-content-wrapper.layout-grid .cbs-thumbnail-link {
		float: left;
		margin-bottom: 1%;
		margin-right: 2%;
		width: 49%;
	}
	.mobile-display-type .embed-list .block-content-wrapper.layout-grid .cbs-thumbnail-link:nth-child(2n) {
		float: right;
		margin-right: 0;
	}
		.mobile-display-type .embed-list .block-content-wrapper.layout-grid .cbs-thumbnail-link:nth-child(2n+1) {
			clear: both;
		}
}
@media all and (orientation:landscape) {
	.mobile-display-type .embed-list .block-content-wrapper.layout-grid .cbs-thumbnail-link {
		float: left;
		margin-bottom: 1.4%;
		margin-right: 1.4%;
		width: 32.4%;
	}
		.mobile-display-type .embed-list .block-content-wrapper.layout-grid .cbs-thumbnail-link:nth-child(3n) {
			margin-right: 0;
		}
		.mobile-display-type .embed-list .block-content-wrapper.layout-grid .cbs-thumbnail-link:nth-child(3n+1) {
			clear: both;
		}
}

/* end of the world *//*****************************
	Embed List - Headline type
*****************************/

	.embed-list .block-content-wrapper.layout-headline .cbs-thumbnail-link {
		width: 100%;
	}
		.embed-list .block-content-wrapper.layout-headline .cbs-thumbnail-link .thumbnail-wrapper {
			float: right;
			margin-left: 1.8%;
			margin-right: 0;
			width: 16%;
		}
		.embed-list .block-content-wrapper.layout-headline .cbs-thumbnail-link .title-wrapper {
			overflow: visible;
		}
			.embed-list .block-content-wrapper.layout-headline .cbs-thumbnail-link .title-wrapper .title {
				font-size: 1.8em;
				font-weight: bold;
				margin-bottom: 4px;
			}
			.embed-list .block-content-wrapper.layout-headline .cbs-thumbnail-link .title-wrapper .description {
				display: block;
				float: left;
				font-size: 1.4em;
				line-height: 140%;
				max-height: 4em;
				overflow: hidden;
				width: 82%;
			}

	.mobile-display-type .embed-list .block-content-wrapper.layout-headline .cbs-thumbnail-link .title-wrapper .title {
		font-size: 1.6em;
	}
	.mobile-display-type .embed-list .block-content-wrapper.layout-headline .cbs-thumbnail-link .thumbnail-wrapper {
		width: 27%;
	}

	@media all and (orientation:portrait) {
		.mobile-display-type .embed-list .block-content-wrapper.layout-headline .cbs-thumbnail-link .title-wrapper .description {
			max-height: 3.2em;
			line-height: 110%;
			overflow: hidden;
			width: 70%;
		}
		.mobile-display-type .embed-list .block-content-wrapper.layout-headline.aspect-ratio-1-1 .cbs-thumbnail-link .title-wrapper .description {
			max-height: 5.5em;
		}
	}
	@media all and (orientation:landscape) {
		.mobile-display-type .embed-list .block-content-wrapper.layout-headline .cbs-thumbnail-link .title-wrapper .description {
			max-height: 5.4em;
			line-height: 110%;
			overflow: hidden;
			width: 70%;
		}
		.mobile-display-type .embed-list .block-content-wrapper.layout-headline.aspect-ratio-3-2 .cbs-thumbnail-link .title-wrapper .description {
			max-height: 7.6em;
		}
		.mobile-display-type .embed-list .block-content-wrapper.layout-headline.aspect-ratio-1-1 .cbs-thumbnail-link .title-wrapper .description {
			max-height: 10.8em;
		}
	}

/* end of the world *//*****************************
	Embed List - Compact type
*****************************/

	.embed-list .block-content-wrapper.layout-compact .cbs-thumbnail-link {
		width: 100%;
	}
		.embed-list .block-content-wrapper.layout-compact .cbs-thumbnail-link .thumbnail-wrapper,
		.embed-list .block-content-wrapper.layout-compact .cbs-thumbnail-link .title-wrapper .description {
			/* Compact should have image and description cut out on PHP side, but in case that failed */
			display: none;
		}
		.embed-list .block-content-wrapper.layout-compact .cbs-thumbnail-link .title-wrapper .title {
			font-size: 1.8em;
			margin-bottom: 0;
		}
		.mobile-display-type .embed-list .block-content-wrapper.layout-compact .cbs-thumbnail-link .title-wrapper .title {
			font-weight: normal;
		}
	.embed-list .block-content-wrapper.layout-compact .cbs-thumbnail-link {
		margin-bottom: 3%;
	}