/*
Theme Name: Hazel-CHILD
Theme URI: http://demo.select-themes.com/hazel
Description: Hazel Theme
Tags: portfolio, clean, retina, photography, art, video, ajax, agency, blog, shop, business, elegant, hipster, multi-purpose, fullscreen
Author: Matthias Klenk
Author URI: https://www.urbanCMS.de
Version: 1
Template: hazel
License: GNU General Public License
License URI: licence/GPL.txt

*/




/* mkmk info@urbancms.de customizations*/
nav.main_menu>ul>li>a.current{color:#ff4a5c!important;}
/* mkmk info@urbancms.de overwrite Arial / Helvetica for several classes and ids*/

nav.mobile_menu ul li a, 
nav.mobile_menu ul li a span{
	text-transform: uppercase;
	font-size:12px;
	cursor: pointer;
	padding: 2px 2px 2px 0;
	background: black;
	color: white;
	display: block;
	float: left;
	clear: both;
	text-decoration: none;
	z-index:9999999;
}

nav.mobile_menu ul li, 
nav.mobile_menu ul li, 
nav.mobile_menu ul li ul li {
    border-bottom: 0px solid #eaeaea;
    height: 13px;
}  

nav.mobile_menu{background:transparent; }



@media only screen and (max-width:980px){
#bookingbox{
	/*display: none;*/
	display: block; 
}
}


.mobile_menu_button {
    float: left;
    height: 40px;
    margin: 0 20px 0 0;
}





 

a {
    text-decoration: none!important;
}



body, html, a, h1, h2, h3, h4, h5, h6,p{
font-family: sans-serif!important;	
}


nav.mobile_menu ul li a, nav.mobile_menu ul li a span{
		font-weight:bold;
}

/*hide booking on desktop*/
@media only screen and (min-width:900px){ 
	
	#nav-menu-item-20685{ 
		display: none;
	}
}

 

@media only screen and (max-width: 420px){
	.header_bottom{
		padding: 0;
	}
}
@media only screen and (max-width: 1000px){
	nav.mobile_menu {

		position: absolute;
		margin-top:35px;
		margin-left:35px;
	}
	.header_inner.clearfix {
		
		height:20px!important;
		position:fixed;

	}
	
	
	.header_top_bottom_holder > .clearfix:before,.header_top_bottom_holder > .clearfix:after,.container_inner.clearfix:before,.container_inner.clearfix:after{ 
		content:none!important;
		display:block!important;
		}
		
	
	i.fa.fa-bars {
		color: #ff4a5c;
		font-size:1.4em;
		margin-left:35px; 
		}
		
	}
	 
}


.header_bottom {
    padding: 0 35px;
}

/* hide booking box on booking */

 .page-id-21009 #bookingbox,
 .page-id-21007 #bookingbox,
.page-id-21030 #bookingbox,
.page-id-21026 #bookingbox{
	display:none;
}


body {
    margin: 0!important;
}

@media only screen and (min-width:900px){ 
/*mkmk WMPL*/
.menu-item-language-current > a{color:#ff4a5c!important;}

.menu-item-language a{padding: 0 7px!important;}

nav.main_menu>ul>li.menu-item-language:first-child:before{content: none !important;} 
nav.main_menu>ul>li.menu-item-language:last-child:before{content: '/' !important;} 


#menu-one-page-menu > li.menu-item.menu-item-language.menu-item-language-current.menu-item-has-children:before,
#menu-one-page-menu-en-top-navigation > li.menu-item.menu-item-language.menu-item-language-current.menu-item-has-children:before {
content: none;}
}

/*mkmk footer*/

.qode_column.column1{border:0;min-height: 0 !important;}
.qode_column.column2{border:0;min-height: 0 !important;}
.qode_column.column3{border:0;min-height: 0 !important;}



/*mkmk overwrite outline from pickadate*/
a:focus {
    outline: none!important;
	
}
nav.main_menu>ul>li>a,nav.main_menu>ul>li>a>span{
    background:transparent!important; 
	background-color:transparent!important; 
}




/*mkmk slider*/
@media only screen and (max-width: 770px){
	div.content div.content_inner div.q_slider div.q_slider_inner h2, div.content div.content_inner div.q_slider div.q_slider_inner div.slider_content h2{
		font-size: 20px!important;
	}
	.carousel-inner p{ 
		font-size: 16px!important;
	}
}

		
/*mkmk header white*/ 
 .header_top_bottom_holder{

    background: white;
	
	}
	



body > div.wrapper > div > header > div > div > div{height:57px;} 

.footer_bottom_holder{display:none;}
.footer_top_holder {
     background-color: #5a5b5a!important;
}
#footer_3 p,#footer_3 a,#footer_3{color:white; /*font-family:'Lato';*/}   
#footer_3 a:hover{color:#ff4a5c}
.three_columns>.column2>.column_inner { 
    padding: 0;
}

@media only screen and (min-width: 1000px){
	

		
	#footer_1{
		text-align:center;
		height:204px;
		padding: 20px 0 0 0;
		}
	#footer_2{
		text-align:center;
		height:204px;
		padding: 20px 0 0 0;
		
		} 
	#footer_3{
		text-align:center; 
		padding: 20px 0 0 0;
	}	
	.footer_top_holder > div > div > div > div > div.qode_column.column1,
	.footer_top_holder > div > div > div > div > div.qode_column.column3{ 
		width:27%;
	}
	.footer_top_holder > div > div > div > div > div.qode_column.column1,
	.footer_top_holder > div > div > div > div > div.qode_column.column2{
		border-right: 1px solid #ffffff; 
	}
	.footer_top_holder > div > div > div > div > div.qode_column.column2{
		width: 43%;
	}
		
		
	.mkmk_row{
		width: 94%;
		text-align: center;
		margin: 0 auto;
		padding-top: 13px;
		}
	.mkmk_50_left{
		float: left;
		width: 49%;
		margin: 0;
		padding-top: 16px
		}
	.mkmk_50_right{
		float:right; 
		width: 49%; 
		margin:0; 
		padding:0} 
	
	
		
		footer:not(.footer_border_columns) .footer_top .four_columns .column2 .column_inner>div, footer:not(.footer_border_columns) .footer_top .three_columns .column2 .column_inner>div, footer:not(.footer_border_columns) .footer_top .two_columns_50_50 .column2 .column_inner>div {
			margin: 0;
	} 
}







.wallyard_hostel_logo{
		width:118px;
		height:120px;
		
	}
	.wallyard_5_stars_image{
		width:131px;
		height:111px;
		
	} 
	
	.mit_vergnuegen{
		width:107px;
		height:42px;
		
	}
	.neweurope_logo{
		width:80px;
		height:56px;
		
	}














@media only screen and (min-width:481px) and (max-width: 999px){
		
	#footer_1{
		text-align:center;
		
		}
	#footer_2{
		text-align:center;
		float:right;
		} 
	#footer_3{
		text-align:center; 
		
		margin-top:30px;
	}	
	body > div.wrapper > div > footer > div > div.footer_top_holder > div > div > div > div > div.qode_column.column2{
		border-left: 1px solid white;
	}
	
	img.neweurope_logo {
		display: inline;
		margin-top: -155px;
		margin-left: 92px;
	}
	#footer_3 > div > div.mkmk_50_left > a > img{
		display: inline;
		margin-top: -180px;
		padding-right: 92px;

	}

	.footer_top_holder > div > div > div > div > div.qode_column.column1,
	.footer_top_holder > div > div > div > div > div.qode_column.column2{ 
		width:45%;
	}
	
	.footer_top_holder > div > div > div > div > div.qode_column.column3{
		width: 90%;
	}
	
		
		
	.mkmk_row{
		width: 100%;
		text-align: center;
		margin: 0 auto;
		padding-top: 13px;
		}
	.mkmk_50_left{
		float: left;
		width: 49%;
		margin: 0;
		padding-top: 16px
		}
	.mkmk_50_right{
		float:right; 
		width: 49%; 
		margin:0; 
		padding:0} 
}

@media only screen and (max-width: 480px){
		
	#footer_1,#footer_2,#footer_3 {
		font-size:12px;
		
	}	
		
	#footer_1{
		text-align:center;
		padding-right:10px;
		
		}
	#footer_2{
		text-align:center;
		padding-left:10px;
		
		} 
	#footer_3{
		text-align:center; 
		
	}	
	
	.footer_top_holder > div > div > div > div > div.qode_column.column1{
		border-right: 1px solid #ffffff;
	}
	
	.footer_top_holder > div > div > div > div > div.qode_column.column1,
	.footer_top_holder > div > div > div > div > div.qode_column.column2{ 
		width:49%;
	}
	
	.footer_top_holder > div > div > div > div > div.qode_column.column3{
		width: 100%;
	}
		
		
	.mkmk_row{
		width: 80%; 
		text-align: center;
		margin: 0 auto;
		padding-top: 13px;
		}
	.mkmk_50_left{
		float: left;
		width: 40%;
		margin: 0;
		padding-top: 16px
		}
	.mkmk_50_right{
		float:right; 
		width: 40%; 
		margin:0; 
		padding:0} 

	.footer_top .column_inner>div {
    margin: 0!important;
	}
}













#bookingbox {
	margin-top:100px;
    float:right; 
    background: transparent;
    position: fixed;
    right:0px;
    z-index: 9999;
	border-bottom: 0;
    border-left: 0;
    border-top: 0;
        
}



#bookingbox .innerbooking img{
	padding: 0;
	
}


#bookingbox .innerbooking_form{
border-top:0;
}


#bookingbox .innerbooking_form h5{
	color: #fff;
    font-size: 15px;
    font-weight: 400;
padding: 0;
 padding-bottom: 0px;

   }

#bookingbox .innerbooking_form form{
	padding: 0;
}   

#bookingbox .innerbooking_form .booktxt{
	margin-top: 5px;
	width: 100px;
	border: 0px;
	color: 	#747474;
	padding: 0;
}

#bookingbox p{
	padding-left: 0;
	color: #fff;
}
.innerbooking_form{
margin-top:-2px;}

#bookingbox .innerbooking_form .booksubmit{
	margin-top: 5px;
	background-color: #fff;
	color: 	#747474;
	width: 110px;
	border: 0px;
}


@media only screen and (min-width: 600px){
	
	.mkmk-bookinglink {
		display:block;
    border: 0 none;
    color: #747474;
    margin-top: 5px;
    width: 131px;
	height:135px;
	background:transparent;
    text-decoration: none;
    padding: 0;
	background-image: url(http://wallyard.de/wp-content/uploads/2016/12/book-now-background.svg);
	background-repeat: no-repeat;
}
#bookingbox > div.innerbooking_form > form > a > img{
	
	display:block;
	padding: 8px 0 0 10px;
	
}
div#bookingbox{
	width:131px;
}

#bookingbox > div.innerbooking_form > form > a > img:hover{
filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12,
Color='#444')";
	filter: url(#drop-shadow);
	-webkit-filter: drop-shadow(0px 0px 12px  rgba(200,200,200,200.5));
	filter: drop-shadow(0px 0px 12px rgba(200,200,200,0.5));

}


}
	
@media only screen and (max-width: 600px){
	.innerbooking{
		width:70px;
	}
	.innerbooking_form {
    width: 70px;
	
	}
	.mkmk-bookinglink{
		display:block;
    border: 0 none;
    color: #747474;
    margin-top: 1px;
    width: 70px;
	height:72px;
	background:transparent;
    text-decoration: none;
    padding: 0;
	background-image: url(http://wallyard.de/wp-content/uploads/2016/12/book-now-background.svg);
	background-repeat: no-repeat;
		background-color: transparent;
		font-size:11px;
		padding:0;
	}
	
	#bookingbox > div.innerbooking_form > form > a > img{
	
	display:block;
	padding: 4px 0 0 5px;
	width:54px;
	height:54px;
}



	#bookingbox .innerbooking_form h5,
	#bookingbox p{
		display:none;
		}
	
	#bookingbox .innerbooking_form form,
	 
	
	#bookingbox > div.innerbooking_form > form > a > img:hover{
filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12,
Color='#444')";
	filter: url(#drop-shadow);
	-webkit-filter: drop-shadow(0px 0px 12px  rgba(200,200,200,200.5));
	filter: drop-shadow(0px 0px 12px rgba(200,200,200,0.5));

}
}


/*mkmk: outer Glow with transition for bookingbox*/
#bookingbox{
	
	 -webkit-transition: all 1s linear;
  -o-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -ms-transition: all 1s linear;
  -kthtml-transition: all 1s linear;
  transition: all 1s linear;
	
}


.fa-car:before {
    content: "" !important;
}
.fa-car {
    background: url("http://wallyard.de/wp-content/uploads/2016/09/icon.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0) !important;
	width: 78px; height: 78px;
}


html div.header_inner div.header_top_bottom_holder div.header_bottom div.container div.container_inner {
    width: 993px;
} 



/*mkmknav mobile navigation*/
@media only screen and (max-width:999px){
			.mn-navigation-wrap {
				display: none;
				max-height: 60px;
				background: #000;
				background: white;
				overflow: hidden;
				position: fixed;
				width: 100%;
				top: 0;
				z-index: 10000;
				
			}

			.mn-icon-wrap {
			  position: relative;
			  padding: 12px;
			  border: 1px solid transparent;
			  display: inline-block;
			  box-sizing: content-box;
			  vertical-align: top;
			  background-color: transparent;
			  margin-bottom: 0;
			  overflow: hidden;
			  float: left;
			  -webkit-touch-callout: none;
			  -webkit-user-select: none;
			  -khtml-user-select: none;
			  -moz-user-select: none;
			  -ms-user-select: none;
			  user-select: none; }
			  .mn-icon-wrap:hover {
				cursor: pointer; }
			  .mn-icon-wrap [class*="icono-"], .mn-icon-wrap [class*="icono-"] * {
				box-sizing: border-box; }
			  .mn-icon-wrap [class*="icono-"] {
				display: inline-block;
				vertical-align: middle;
				position: relative;
				font-style: normal;
				color: black;
				text-align: left;
				text-indent: -9999px;
				direction: ltr; }
			  .mn-icon-wrap [class*="icono-"]:before,
			  .mn-icon-wrap [class*="icono-"]:after {
				content: '';
				pointer-events: none; }
			  .mn-icon-wrap .icono-cross:before {
				width: 20px;
				height: 2px; }
			  .mn-icon-wrap .icono-cross:after {
				height: 20px;
				width: 2px; }
			  .mn-icon-wrap .icono-cross:before,
			  .mn-icon-wrap .icono-cross:after {
				box-shadow: inset 0 0 0 32px;
				position: absolute;
				left: 50%;
				top: 50%;
				-webkit-transform: translate(-50%, -50%);
				-moz-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				-o-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
				border-radius: 5px; }
			  .mn-icon-wrap .icono-bars {
				width: 20px;
				height: 2px;
				box-shadow: inset 0 0 0 32px,0 -6px,0 6px;
				margin: 16px 7px;
				border-radius: 5px; }
			  .mn-icon-wrap .icono-cross {
				display: none;
				width: 30px;
				height: 30px;
				margin: 2px;
				-webkit-transform: rotate(45deg);
				-moz-transform: rotate(45deg);
				-ms-transform: rotate(45deg);
				-o-transform: rotate(45deg);
				transform: rotate(45deg); }


			html.mn-open .mn-navigation-wrap {
				top: 0;
				left: 0;
				z-index: 10000;
				height: 100%;
				max-height: 100%;
				overflow-y: none;
				background: rgba(127,127,127,0.95);
				transition: all 0.3s 0s linear;
				overflow-y:scroll;
			}
			.mn-navigation-wrap .mn-menu-wrap li a{
				color:white;
			}
			
			.mn-navigation-wrap .mn-menu-wrap li a:hover {
				background: none;
				
			}
			.mn-navigation-wrap .mn-menu-wrap .current-menu-item > a, .mn-navigation-wrap .mn-menu-wrap .current_page_item > a {
				background: none;
				color: #ff4a5c;
				transition: all 0.3s 0s linear;
			}
 

			.mobile-navigation li {
				list-style:none 
			}
			.mobile-navigation li a {
				text-align: center;
				color: black;
				font-size: 17px;
				text-transform: uppercase;
				
			}
			.mobile-navigation li a:hover {
				color: #ff4a5c;
				transition: all 0.3s 0s linear;
			}
			
			



			/*MKMK NavLogo Overlay*/
			html .mn-navigation-wrap {
				display: block;
				overflow: visible;
				transition: all 0.3s 0s linear;
			}
			.mn-navigation-wrap .mn-logo-image {
				display: none;
				float: left;
				padding: 0; 
				margin-left:20px;
				-moz-box-sizing: border-box;
				overflow: visible;
				-webkit-box-shadow: 0px 9px 71px -16px rgba(0,0,0,0.75);
				-moz-box-shadow: 0px 9px 71px -16px rgba(0,0,0,0.75);
				box-shadow: 0px 9px 71px -16px rgba(0,0,0,0.75);

			}
			.mn-navigation-wrap .mn-menu-wrap ul {
				clear: both;
				padding: 0;
				margin: 0;
				-webkit-transition: all 0.3s 0s linear;
				transition: all 0.3s 0s linear;
				position: absolute;
				top: 50%;
				left: 50%;
				-webkit-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
				-webkit-filter: blur(0px);
				-webkit-transform: translate3d(-50%, -55%, 0);
				transform: translate3d(-50%, -55%, 0);
			}
			.mkmk-mobile-language{							
				position: absolute;
				padding: 8px 12px 12px 12px;
				border: 1px solid transparent;
				display: inline-block;
				box-sizing: content-box;
				vertical-align: top;
				background-color: transparent;
				margin-bottom: 0;
				overflow: hidden;
				float: right;
				float: left;
				/*right: 18px;*/
				left: 35px;
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
				top: 13px;
			}
			.mkmk-mobile-language > #lang_sel_list > ul > li > a{
				text-transform:uppercase;
				background:transparent;
				font-size:17px;
			}
			
			#lang_sel_list a.lang_sel_sel{
				color:#ff4a5c;
			}
			
			#lang_sel_list > ul > li.icl-de a:after{
				content: " / ";
				color:#444444;
			}
			
			.mobile_menu_button {display:none}		
			
}			

/*mkmk | between mainnav and lang select*/

#nav-menu-item-20688:after, 
#nav-menu-item-20657:after {
    content: '|';
    position: relative;
    right: 0;
    top: -1px;
    color: #9e9e9e;
    font-size: 12px;
    font-weight: 400;
}


#menu-one-page-menu-en-top-navigation > li.menu-item.menu-item-language.menu-item-language-current.menu-item-has-children > a,
#menu-one-page-menu > li.menu-item.menu-item-language.menu-item-language-current.menu-item-has-children > a{
	margin-left: 8px;
}

/* end mkmk Project | between mainnav, lang select and social*/


.full_width {
 
    position: relative;
}

/*mkmk footer social icons under logo*/
.q_social_icon_holder.normal_social .simple_social, .q_steps_holder .circle_small span, .q_steps_holder .circle_small .step_title, .social_share_holder > a {
    color: #ff4a5c !important;
}
.q_social_icon_holder.normal_social:hover .simple_social, .q_steps_holder .circle_small:hover span, .q_steps_holder .circle_small:hover .step_title, .social_share_holder:hover > a {
    color: #7a7a7a !important;
}



.mn-icon-wrap{
	background:white;
	width:100%;
	/* Firefox */
width: -moz-calc(100% - 26px);
/* WebKit */
width: -webkit-calc(100% - 26px);
/* Opera */
width: -o-calc(100% - 26px);
/* Standard */
width: calc(100% - 26px);}










nav.main_menu {
	margin: 0 auto; 
}
@media only screen and (min-width: 1000px){
	nav.main_menu>ul>li>a {

		padding: 0 16px;
	} 
	.header_inner_right{
		
		margin-left:15px;
		
	}
}
nav.main_menu {
   
    position: absolute;
    left: 50%;
    z-index: 100;
    text-align: left;
    position: relative;
    display: inline-block;
    /* left: auto; */
    /* float: none; */
    vertical-align: middle;
}
nav.main_menu.right {
    position: relative;
    left: auto;
    float: right;
}

@media only screen and (min-width: 1000px){
header.centered_logo nav.main_menu, header.centered_logo nav.main_menu.right {
    position: relative;
    display: inline-block;
    left: auto;
    float: none;
    vertical-align: middle;
}
}
/*MKMK Booking 2 tabs*/
.tab-content{
    
    padding: 20px;
    display: none;
}


#tab {
	display:block;
	margin-top:2em;}



#tabs-container > ul > li{display:inline;}

.tabs-menu{
	height:90px;
	color:white;
}
.tabs-menu .current a{
    color: white;
    height: 21px;
    background: rgb(255, 74, 92);
    display: block;
    width: 15%;
    float: left;
    margin-right: 0.5em;
    padding: 2em;
    margin-bottom: 0.4em;
    font-size: 1.5em;
}

.tabs-menu  a{
    height: 21px;
    border: 2px solid #ff4a5c;
    display: block;
    width: 15%;
    float: left;
    margin-right: 0.5em;
    padding: 2em;
    margin-bottom: 0.4em;
	font-size: 1.5em;

	
}

#booking-header{
	letter-spacing: 0px; 
	margin-bottom:1em;
}
#jump-to{
	margin-top:2em;
	clear:both;
}
@media only screen and (max-width:500px){
	.tabs-menu .current a,
	.tabs-menu a{
		width:69%;
	}
}