/**
 * This file contains reuseable component styles
 *
 * @author Christian Hamacher <c.hamacher@alldesign.de>
 */

/*###############################################################################*/
/*#### CUSTOM LANGUAGE SWITCHER (implemented through a hook in functions.php)
/*###############################################################################*/

.ad-language-switcher .active img {
	margin-top:3px;
}

.ad-language-switcher > li {
	display:inline-flex;
	align-items:center;
	position:relative;
	height:44px;
}

.ad-language-switcher .submenu {
	position:absolute;
	top:100%;
	left:-13px;
	min-width:125px;
	background:#e1e1e1;
	display:none;
}

.ad-language-switcher .submenu a {
	display:flex;
	align-items:center;
	white-space:nowrap;
	padding:5px 13px;
}

.ad-language-switcher .active:hover .submenu {
	display:block;
}

.ad-language-switcher .submenu a:hover {
	color:#222;
}

.ad-language-switcher .language-text {
	margin-left:5px;
	line-height:1.4;
}


/*###############################################################################*/
/*#### BLOG ELEMENT
/*###############################################################################*/

.fusion-blog-shortcode.post-archive article {
	margin-bottom:0 !important;
}


/*###############################################################################*/
/*#### OBJECT DB
/*###############################################################################*/

.ad-immo-db-form form {
	width:100%;
}

.post-type-archive-ad_property .ad-immo-db-form form {
	width:auto;
}


/******************************************************************************
*** Video-Wrapper
******************************************************************************/
.video_wrapper_container {
	width: 100%;
	height: 100%;
}
@media screen and (max-width: 640px) {
	.video_wrapper_container {
		font-size: 80% !important;
	}
}
.video_wrapper {
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	padding-bottom: 56.25%; /* 16:9*/
	padding-top: 0;
	height: 0;
	overflow: hidden;
}

.video_wrapper .video_trigger {
	padding: 8% 20px 20px 20px;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: rgba( 255, 255, 255, .7 );
	color: #000000;
}