﻿#demoHeader {
    padding: 2rem 0;
}

#demoHeader p {
    margin: 0;
}
		
#videoLibrary {
	display: none;
}

.featured-video .featured-playlist #playlistVideos {
	flex-flow: column;
}

.featured-playlist h6 {
	margin: 0;
}

.featured-playlist h6 span {
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.featured-video .video-duration {
	position: relative;
	z-index: 10;
}

.featured-video .video-duration span {
	color: white;
	font-size: .925rem;
	font-family: 'Roboto', Arial, Helvetica;
	padding: 1px 4px;
	background: rgba(0, 0, 0, 0.6);
	border-radius: 4px;
	position: absolute;
	bottom: 23px;
	right: 30px;
}

.featured-video .iframe-container .video-duration span {
	bottom: -389px
}

.featured-playlist .video-duration span {
	font-size: 0.625rem;
	bottom: -54px;
	right: 2px;
}

.videoDescription.expanded {
	max-height: none;
}

.videoDescription {
	max-height: 72px;
	overflow: hidden;
	margin-bottom: 15px;
}

.read-more{
	display: none;
	cursor: pointer !important;
	text-decoration: none !important;
}

main .search-result-card__video .search-result__heading .video-duration {
	position: relative;
	z-index: 10;
}

main .search-result-card__video .search-result__heading .video-duration span {
	color: white;
	font-size: 0.725rem;
	font-family: 'Roboto', Arial, Helvetica;
	padding: 1px 4px;
	background: rgba(0, 0, 0, 0.6);
	border-radius: 4px;
	position: absolute;
	bottom: 5px;
	right: 5px;
}

@media (min-width: 1200px) {
	.featured-video > .row {
		height: 444px;
	}
	.featured-video .featured-playlist {
		height: 100%;
		overflow-y: scroll;
	}	
	.videodesc.row {
		height: auto;
		justify-content: flex-start;
	}
	.videoDescription {
		padding: 1rem 1rem 0rem 1.5rem;		
	}	
	.read-more {
		padding-left: 1.5rem;
	}
}
@media (max-width:1230px) and (min-width: 1200px) {
	.featured-video .featured-playlist {
		padding-left:20px;
	}
}
@media (max-width: 48em) {
	.featured-video .featured-playlist {
		padding: 0 2rem;
	}
}
@media (max-width: 1200px) {
	.featured-video .media {
		padding: 0;
	}
	.featured-video .featured-playlist {
		display:none;
	}
	.featured-video .featured-playlist .content h4 {
		font-size: 1.1rem;
	}
	.featured-video .featured-playlist .content em {
		font-size: 1rem;
	}
	.videoDescription {
		padding-top: 1rem;
	}
	.video-text {
		padding-left: 0;
		padding-right: 0;
	}
}

@media (max-width: 576px) {

	.featured-video .video-duration span {
		font-size: 0.725em;
		bottom: 5px;
		right: 5px;
	}

	main .search-result-card__video .search-result__heading .video-duration span {
		font-size: 0.725em;
	}
}

@media (min-width: 577px) and (max-width:1023px) {
	.featured-video .video-duration span {
		bottom: 5px;
		right: 5px;
	}

	main .search-result-card__video .search-result__heading .video-duration span {
		font-size: 0.925em;
	}
}

@media (min-width: 1024px) and (max-width:1200px) {
	.featured-video .video-duration span {
		bottom: 5px;
		right: 5px;
	}
}

@media (max-width:1230px) and (min-width: 1200px) {
	main .search-result-card__video .search-result__heading .video-duration span {
		font-size: 0.725em;
	}
}

@media (max-width: 990px) {
	main .tabs.video-tabs .tabs__list, main .tabs.video-tabs .CoveoSearchInterface .coveo-facet-column {
		display: none;
	}
	main .tabs.video-tabs .tabs__item .tabs__link {
		padding: .5rem 2rem;
		font-size: 1.4rem;
	}
	main .tabs.video-tabs .tabs__content--active {
		padding: 0;
	}
	main .search-result-card__default {
		display: flex;
		flex-wrap: wrap;
	}
	main .browse-collection .search-result-card__video {
		margin-bottom: 1rem;
		padding: 0;
	}
	main .search-result-card__video-coveo > a, main .search-result-card__video .search-result__heading {
		display: block;
		max-width: 120px;
		flex: 0 0 120px;
		flex-basis: 40%;
	}
	main .search-result-card__video-coveo .search-result__heading img {
		display: block;
		max-width: 120px;
	}
	main .video-tabs .browse-collection .search-result-card__video .search-result__heading {
		padding: 0;
	}
	main .search-result-card__video-coveo .search-result__content {
		padding: .5rem 1rem;
	}
	main .search-result-card__video a {
		display: flex;
		width: 100%;
	}
	main .search-result-card__video .search-result__sub-heading {
		display: none;
	}
	main .search-result-card__video h5 {
		margin-bottom: .75rem;
		font-size: 1.1rem;
		color: #008da8;
	}
	main .tabs .search-result-card__video p {
		padding:0;
		margin-bottom:0;
		font-size: .85rem;
		color: #333;
	}

	main .CoveoSearchInterface.coveo-small-facets .coveo-dropdown-header {
		height: 30px;
		padding:5px 7px;
	}
	main .coveo-card-layout.CoveoResult {
		width: 100%;
		margin: 0 0 1rem 0;
	}
	main .coveo-card-layout.CoveoResult .search-result-card__video-coveo {
		width:100%;
		padding-left:2px;
		text-align: left;
		flex-flow:row;
	}
	main .coveo-card-layout.CoveoResult .search-result__sub-heading {
		display:none;
	}
	main .coveo-card-layout.CoveoResult .search-result-card__video-coveo .search-result__content {
		width:100%;
		padding-left:1rem;
		text-align: left;
	}
	main .coveo-card-layout.CoveoResult .search-result-card__video-coveo h5 {
		margin-bottom: 0.75rem;
		font-size: 1.1rem;
		color: #008da8;
	}
	.tabs .tabs__content .coveo-card-layout.CoveoResult .search-result-card__video-coveo p {
		padding: 0;
		margin-bottom: 0;
		font-size: .85rem;
		color: #333;
	}
}

.featured-video .iframe-container {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	padding-top: 30px;
	overflow: hidden;
}

.featured-video .iframe-container iframe, .featured-video .iframe-container object, .featured-video .iframe-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.featured-video h2 {
	margin-bottom: 0;
}

.featured-video h2 em {
	display: block;
	padding: .5rem 0;
	font-size: .85rem;
	color: #333;
}

.featured-playlist a {
	display:flex;
	flex-wrap:wrap;
	padding-bottom: 1em;
	cursor:pointer;
	align-items: start;
}

.featured-playlist img {
	display: block;
	max-width: 100px;
	flex: 0 0 100px;
	flex-basis: 40%;
}

.featured-playlist .content {
	display: flex;
	flex: 1 1 0;
	padding-left:1em;
	font-size:.85rem;
}

.featured-playlist .content h4 {
	margin-bottom:0;
	font-size: 1rem;
}

.featured-playlist .content em {
	display:block;
	padding:.5rem 0 0;
	font-size:.8rem;
	color: #333;
	font-style: normal;
}

#playlists {
	display: flex;
	justify-content: flex-start;
	width: 100%;
	margin: 0;
}
		
#playlists li {
	list-style: none;
	padding: .75rem;
	margin: 0;
	border: 1px solid #666;
	border-bottom: 0;
	cursor: pointer;
}
		
#playlists li:hover {
	background-color: #efefef;
	transition: background-color .5s;
}
		
#playlists li.sel {
	background-color: #cfcfcf;
	transition: background-color .5s;
}
		
#videoSearch {
	display: flex;
	border: 1px solid #666;
}
		
#videos {
	margin: 0;
}
		
#videos li {
	display: none;
	margin: 1rem;
	flex-wrap: wrap;
}
		
#videos li.sel {
	display: flex;
}
		
#videos li a {
	flex-basis: 33.333333%;
	display: flex;
	flex-flow: column;
	padding: 1rem;
	cursor: pointer;
}
		
#videos li a img {
	display: block;
	width: 100%;
	margin-bottom: 1rem;
}
		
#videos li a span {
	font-size: 16px;
	font-weight: 700;
}

.tabs.video-tabs {
	background-color: #f6f6f6;
}

.tabs.video-tabs .tabs__list {
	display: block;
	padding: 1em 1em 0;
	border-bottom: solid 2px #ddd;
	text-align: left;
}

.tabs.video-tabs .tabs__item { 
	font-family: Roboto Condensed,Roboto,Arial,Helvetica,sans-serif;
	font-weight: 700;
	font-size: 1.5rem;
	background-color: transparent;
}

.tabs .tabs__list .tabs__item .tabs__link {
	font-size: 1.125rem;
}

.tabs.video-tabs .tabs__item .tabs__link {
	padding: .25rem 1rem;
	color: #606e7c;
	border: none;
}

.tabs.video-tabs .tabs__item.tabs__item--active .tabs__link {
	color:#2c3f6c;
	background-color: transparent;
}

.tabs.video-tabs .tabs__item.more-tabs {
	position: relative;
	padding: 0.25rem 1rem;
	color: #606e7c;
	font-size: 18px;
}

.tabs.video-tabs .tabs__item.more-tabs.more-tabs-active {
	color: #2c3f6c;
	font-weight: bold;
}

.tabs.video-tabs .more-tabs:hover, .tabs.video-tabs .more-tabs:active, .tabs.video-tabs .more-tabs:focus {
	background-color: #fff;
}

.tabs.video-tabs .more-tabs i {
	position: relative;
	top: -.25em;
	padding-left: .25em;
	font-size: .6em;
}

.tabs.video-tabs .more-tabs i:after {
	content: "\F077";
	display: inline-block;
	font: 14px/1 FontAwesome, sans-serif;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.tabs.video-tabs .more-tabs:hover i:after, .tabs.video-tabs .more-tabs:active i:after, .tabs.video-tabs .more-tabs:focus i:after {
	content: "\F078";
}

.tabs.video-tabs .more-tabs-dropdown {
	display: none;
	position: absolute;
	top: 2em;
	left: 0;
	z-index: 999;
	width: 250px;
	margin: 0;
	padding: .25rem 0;
	background-color: #fff;
	box-shadow: 2px 3px 6px #aaa;
}

.tabs.video-tabs .more-tabs-dropdown .tabs__item {
	display: block;
}

.tabs.video-tabs .more-tabs-dropdown .tabs__item:hover {
	background-color: #f6f6f6;
}

.tabs.video-tabs .more-tabs-dropdown .tabs__item a {
	justify-content: left;
	font-weight: 400;
}

.tabs.video-tabs .more-tabs:hover .more-tabs-dropdown, .tabs.video-tabs .more-tabs:active .more-tabs-dropdown, .tabs.video-tabs .more-tabs:focus .more-tabs-dropdown {
	display: block;
}

.tabs.video-tabs .tabs__content {
	padding: 0;
}

.tabs.video-tabs .tabs__content-collapsed {
	padding: 0;
}

.video-tabs .browse-container {
	padding:0;
}

.video-tabs .browse-collection {
	margin-top: 0;
}

.video-tabs .page-block .browse-collection.row {
	justify-content: left;
}

.video-tabs .browse-collection .search-result-card__default .search-result__heading {
	padding: 0 1em;
}

.video-subscribe input.form-control {
	height: 39px;
	width: 400px;
	text-indent: 0.75rem;
	border-style: solid;
	border-color: #fff;
	border-radius: .3em 0 0 .3em;
	background-color: #0e689f;
	color: #fff;
}

.video-subscribe input.form-control::-webkit-input-placeholder {
	color: #fff;
}

.video-subscribe input.form-control::-moz-placeholder {
	color: #fff;
}

.video-subscribe input.form-control::-ms-placeholder {
	color: #fff;
}

.video-subscribe input.form-control::placeholder {
	color: #fff;
}

.video-subscribe button.btn-tertiary {
	height: 39px;
	margin: 0.5em 0;
	padding: .5em 2.5em;
	border-radius: 0 .3em .3em 0;
	box-shadow: none;
	background-color: #ffffff;
	color: #0e689f;
	opacity:1;
	-webkit-transition: none;
	transition: none;
}

.video-subscribe button.btn-tertiary:hover {
	opacity: .75;
	-webkit-transition: none;
	transition: none;
}

main .filter-collection.light-ui .collection.layout-grid .tile { padding: 0.4rem; }
main .filter-collection.light-ui .collection.layout-grid .tile>div { max-width: 100%; margin: 0; }
main .tabs.video-tabs .tabs__content { margin-top: 2rem; }
main .tabs.video-tabs .tabs__content .search-result-card__default { padding: 0.4rem; }
main .tabs.video-tabs .tabs__content .search-result-card__default a { max-width: 100%; padding: 0.75rem; background-color: #fff; border-radius: 10px; display: block; }
main .tabs.video-tabs .tabs__content .search-result-card__default p {
	height: 4rem;
	-webkit-line-clamp: 3;
	font-size: .9rem;
	line-height: 1.4em;
}
main .tabs.video-tabs .tabs__content .search-result-card__default p:last-child { height: auto; }
main .video-tabs .browse-collection .search-result-card__default .search-result__heading { padding: 0; }
main .video-tabs .browse-collection .search-result-card__default .search-result__heading img { width: 100%; }

@media (max-width: 992px) {
	.filter-collection { padding:.5rem 0; }
	.filter-collection .tile-controls h4 { display:none; }
	.filter-collection.light-ui .tile-controls a { margin: .5rem 0 1rem; }
	main .tabs.video-tabs .tabs__content { margin-top:0; }
	main .filter-collection.light-ui .collection .tile>div .tile-content h5 { height:auto; max-height: unset; -webkit-line-clamp: unset; overflow: auto; text-overflow: unset; }
	main .filter-collection.light-ui .collection .tile>div .tile-content p { height:auto; max-height: unset; -webkit-line-clamp: unset; overflow: auto; text-overflow: unset; }
	main .page-block .video-tabs .browse-collection.row { padding: 0 1rem; }
	main .search-result-card__video a { display: block; }
	main .search-result-card__video .search-result__heading { max-width: unset; flex: unset; flex-basis: unset; }
	main .search-result-card__video .search-result__content { padding: 0; }
	main .search-result-card__video h5 { margin-bottom: 0; padding: 0.5rem 0 0.25rem; font-size: 1.2rem; }
	main .search-result-card__video p { margin: 0.5em 0 0; padding: 0; font-size: .9rem; line-height:1.4em; }
}

@media (min-width: 1264px) {
	.page-block .filter-collection.light-ui > .row {
		padding: 0 3rem;
	}
}