/**
 * eCMS Base Styles for Bootstrap v3 Formats
 *
 * @author	Steffen Tretau
 * @since	15.09.2014
 */
 
 
/* ecms_searchform_bs3 */

.ecms-searchform .searchform-form { width: 100%; }
.ecms-searchform input.searchform-input { display: inline-block; float: left; width: 100%; margin-right: -31px; padding-right: 31px; }
.ecms-searchform .searchform-submit { display: inline-block; float: left; width: 31px; height: 31px; }

/* ecms_searchform_toggle_bs3 */

.ecms-searchform-toggle { height: 52px; width: 52px; }
	
.ecms-searchform-toggle:after {
	content: "";
	display: inline-block;
	width: 1px;
	background-color: #eee;
	height: 36px;
	position: absolute;
	right: 0;
	top: 8px;
}

.ecms-searchform-toggle input.searchform-input {
    border-right: 0;
    float: left;
    position: relative;
    height: 31px;
}
		
.ecms-searchform-toggle .searchform-submit {
	padding: 0;
    border-left: 0;
	height: 31px;
	width: 31px;
}

.ecms-searchform-toggle .search-toggle {
	display: inline-block;
	font-size: 36px;
	width: 52px;
	height: 52px;
	cursor: pointer;
	vertical-align: middle;
	padding: 5px;
	position: relative;
	z-index: 10;	
}
.ecms-searchform-toggle .search-toggle span{
	vertical-align: top;
}
.ecms-searchform-toggle .search-toggle .search-toggle-icon {
	vertical-align: top;
	font-size:36px;
	width: 36px;
	height: 36px;
}

.ecms-searchform-toggle .searchform-form {
	display: none;
	padding: 5px;
	position: absolute;
	z-index: 5;
	margin-top: -3px;
	width: 250px;
	right: -45px;		
}

.ecms-searchform-toggle.toggle-active .searchform-form {
	display: block;
}

.ecms-searchform-toggle.toggle-active .search-toggle {}
.ecms-searchform-toggle.toggle-active:after { background: none; }

@media (min-width: 992px){
	.ecms-searchform-toggle { width: 100%; }	
	.ecms-searchform-toggle .search-toggle { display: none; }
	
	.ecms-searchform-toggle .searchform-form {
		display: inline-block;
		background: none;
		border: 0;
		position: static;			
	}
	
	.ecms-searchform-toggle:after {
		width: 0;
		background: none;
	}
}

@media (max-width: 479px){
		.ecms-searchform-toggle {
		width: 40px;
		height: 40px;
	}
	
	.ecms-searchform-toggle .search-toggle {
		font-size: 24px;
		width: 40px;
		height: 40px;
	}
	
	.ecms-searchform-toggle:after {
		height: 24px;
	}
}

/** Video Container **/
.video-container {
display:inline-block;
float:left;
clear:both;
position:relative;
width:100%;
}
.video-container:before {
content:"";
display:block; 
padding-top:56.25%;/*16:9*/
}
.video-container .video-player{
position:absolute;
bottom:0;
left:0;
right:0;
top:0;
}
.video-container .video-player.video-external{
width:100%;
height:100%;
}
.video-container .video-player.video-internal{
width:100%;
height:auto;
}