.category-view {

	margin-top: 2em;
}

.search-result-count {

	display: inline-block;
}

.selected {
	
	color: #F89C42 !important;
}

#video-search {

	margin: 1em 0em;
}

#video-search .title {
	
	font-size: 1.5em;
	font-weight: bold;
	margin: .5em 0em;
	color: #007AC3;
}

#video-search .video-input-container {

	margin: .5em 0em;
}

#video-search .video-input-container input {

	width: 500px;
	vertical-align: middle;
}

#video-search .video-input-container button {

	vertical-align: middle;
}

#vl-container {

	margin-top: 20px;
}

.vl-bottom .video-container:hover {

	background-color: lightgrey;
	border-radius: 2px;
}

.vl-search-container {

	margin-bottom: 10px;
	padding-bottom: 15px;
}

.vl-search-container .search-text-container {

	display: inline-block;
	vertical-align: middle;
}

.vl-search-container .search-input-container {

	float: left;
	width: 50%;
}

.vl-search-container .search-result-count-container {

	position: relative;
	padding-top: 5px;
}

.vl-search-container .search-result-count-container > div {

	position: absolute;
	top: 7px;
	border: 2px solid lightgrey;
	display: inline-block;
	padding: 5px;
	background-color: white;
}

.vl-search-container input {

	display: inline-block;
	vertical-align: middle;
	width: 90%;
}

.vl-top {

	text-align: center;
}

.vl-top .vl-main-section {

}

.vl-top .vl-main-section .title {

	color: #007AC3;
	margin: 3px 0px;
	text-align: center;
}

.vl-top .vl-main-section .vl-main-video-container {

}

.vl-top .vl-main-section .vl-main-video-container .video {

	margin-top: 3em;
	margin-bottom: 0em !important;
}

/**
	MEDIA QUERIES
*/
@media all and (max-width: 768px) {

	.vl-search-container .search-input-container {

	}
	
	.vl-top .vl-main-section {

	}
	
	#video-search .video-input-container input {

		width: 300px;
	}
}

@media all and (max-width: 480px) {

	#video-search .video-input-container input {

		width: 250px;
	}
}