/*
 Theme Name:   Weekend
 Description:  -
 Author:       Thomas Michelbach
 Version:      1.0.0
*/
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,700,300);
@font-face{
	font-family: "Znikomit";
	src: url('font/znikomit.eot');
	src: url('font/znikomit.eot?#iefix') format('embedded-opentype'), url('font/znikomit.woff') format('woff'), url('font/znikomit.ttf')  format('truetype'), url('font/znikomit.svg#2a92209b720a43a415340a67a5978557') format('svg');
	font-style: normal;
	font-weight: 400;
}

*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:before,
*:after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body, dl, dl dd, dl dt, h1, h2, h3, h4, ol, ol li, p{
	margin: 0px;
	padding: 0px;
}
ol li{
	list-style: none;
}
/*body{
	background-color: #000;
	font-family: "Znikomit", sans-serif;
	font-size: 16px;
	text-transform: lowercase; 
	background-image:url('images/house_of_weekend_s2.jpg');
	background-size: cover;
	background-attachment: fixed;
	overflow-x:hidden;
}*/
body{
	background-color: #000;
	font-family: 'Roboto Slab', serif;
	font-size: 16px; 
	text-transform: lowercase; 
	background-image:url('images/house_of_weekend_s2.jpg');
	background-size: cover;
	background-attachment: fixed;
	overflow-x:hidden;
	font-weight:100;
}
a{
	color: #000;
	display: block;
	text-decoration: none;
}
.events a,
.tonight a{
	display:inline;
	opacity: 0.8;
	text-decoration:underline;
}
.container{
	margin: 20px auto;
	padding-left: 7px;
	padding-right: 7px;
	width: 580px;
}
.row{
	clear: both;
	margin: 0px -7px 0px -7px;
}
.row .column{
	float: left;
	min-height: 1px;
	margin: 0px 0px 14px 0px;
	padding-left: 7px;
	padding-right: 7px;
	position: relative;
	text-align: center;
	width: 100%;
}
.row .column.span-2{
    width: 16.66666667%;
}
.row .column.span-3{
	width: 25%;
}
.row .column.span-4{
	width: 20%;
}
.row .column.span-6{
	width: 50%;
}
.row .column.span-9{
	width: 75%;
}
.tile{
	background-color: #AEC5E4;
	background-position: 50% 14px;
	background-repeat: no-repeat;
	background-size: auto 60%;
	line-height: 120%;
    opacity: 1;
}
.tile.no-caption span{
	opacity: 0;
}
.tile.no-caption{
	background-position: 50% 50%;
	background-size: auto 80%;
}
.tile .canvas{
	display: block;
	height: 100%;
	padding: 7px;
	position: relative;
}
.tile .canvas span{
	bottom: 7px;
	left: 0px;
	position: absolute;
	width: 100%;
}
.tile .canvas span.middle{
	position: static;
}
.tile img{
	display: block;
	width: 100%;
	height: auto;
}

.tile .reservation  img{
	
	display:inline;
	margin:10px 0px;
}
.row .column .reservation p{
	text-align:left;
}


.location_template img{
	 margin-bottom: 20px;
}

.tile.text-banner img{
	width:auto !important;
}
.tile .canvas span.text-banner-inhalt{
	position:relative !important;
	display:block;
	margin-top:10px;
}

.tile.wednesday,
.tile.monday,
.tile.tuesday,
.tile.thursday,
.tile.friday,
.tile.sunday,
.tile.saturday,
.tile.wednesday .series .canvas,
.tile.monday .series .canvas,
.tile.tuesday .series .canvas,
.tile.thursday .series .canvas,
.tile.friday .series .canvas,
.tile.saturday .series .canvas,
.tile.sunday .series .canvas{
	background-color:transparent;
}

.tile.monday .weekday,
.tile.monday .series,
.tile.monday .canvas{
	background-color: #06416F;
	color: #FFF;
}
.tile.tuesday .weekday,
.tile.tuesday .series,
.tile.tuesday .canvas{
	background-color: #392039;
	color: #FFF;
}

.tile.wednesday .weekday,
.tile.wednesday .series,
.tile.wednesday .canvas{
	background-color: #7B8D28;
	color: #FFF;
}

.tile.wednesday a,
.tile.friday a,
.tile.saturday a,
.tile.sunday a,
.tile.tuesday a{
	color: #FFF;
}

.tile.thursday .weekday,
.tile.thursday .series,
.tile.thursday .canvas{
	background-color: #FEF035;
	color: #000 !important;
}

.tile.friday .weekday,
.tile.friday .series,
.tile.friday .canvas{
	background-color: #A55137;	
	color: #FFF;
}
.tile.roof-garden{
	background-color: #558571;
	color: #FFF;
}
.tile.roof-garden a{
	color: #FFF;
}

.tile.saturday .weekday,
.tile.saturday .series,
.tile.saturday .canvas{
	background-color: #16585B;	
	color: #FFF;
}
.tile.studio-floor{
	background-color: #AAA3A2;
}

.tile.sunday .weekday,
.tile.sunday .series,
.tile.sunday .canvas{
	background-color: #07303D;
	color: #FFF;
}
.tile.facebook,
.tile.instagram,
.tile.twitter{
	background-position: 50%;
}
.tile.facebook{
	background-color: #4C6EA8;
	background-image: url(images/tile-facebook.png);
}
.tile.bbq,
.tile.tonight{
	background-color: #DB6E2F;
	height:auto !important;
}
.tile.instagram{
	background-color: #4B3933;
	background-image: url(images/tile-instagram.png);
}
.tile.logo{
	height: 82px;
}
.tile.logo h1{
	background-image: url(images/tile-logo.png);
	background-position: right 50%;
	background-size: auto 90%;
	background-repeat: no-repeat;
	font-size: 51px;
	line-height: 82px;
	margin: 0px 14px;
	text-align: left;
	font-family: "Znikomit", sans-serif;
	text-transform: lowercase;
	letter-spacing:-1px;
}
.landscape{
	height: 131px;
}
/*.badge.hartmanns-bbq{
	background-image: url(images/tile-hartmanns-bbq.png);
}*/
.tile.landscape.bbq img{
	display: block;
	width: 80px;
	height: 80px;
	margin:0px auto;
	}

.tile.bbq .canvas span,
.tile.tonight .canvas span {
    bottom: 7px;
    left: 0;
    position: relative;
    width: 100%;
}
.bbq-icon{
	display:block;
	margin-bottom: 10px;
}


/*Banner NEW YEAR*/

.banner{
	position:absolute; right: -8px;
    top: 100px;
    /* Rotate div */
    -ms-transform: rotate(33deg); /* IE 9 */
    -webkit-transform: rotate(33deg); /* Chrome, Safari, Opera */
    transform: rotate(33deg);
}
.banner_1{
	position:relative; 
display:block;

}


.banner-image{
	width:100%; 
	height:100%;
	 background-size:cover;
	 background-image:url(http://www.houseofweekend.berlin/wp-content/uploads/2015/12/selvester-weekend.jpg);
}
.banner-image a{
	color: #fff;
    
    font-weight: 600;
    padding: 50px 20px;
    text-align: center;
    text-shadow: 2px 2px #000;
}


/*
.badge.roof-garden{
	background-image: url(images/tile-roof-garden.png);
}*/
/*.badge.studio-floor{
	background-image: url(images/tile-studio-floor.png);
}*/
.square.roof-garden,
.square.studio-floor{
	height: 276px;
	line-height: 90%;
}
.square.roof-garden span,
.square.studio-floor span{
	bottom: 21px;
}
.tile.tonight .tonight-icon{
	background-image: url(images/tile-tonight.png);
	width: 80px;
	height: 80px;
	margin:0px auto 10px;
	display: block;
	background-size: cover;
}

.tile.twitter{
	background-color: #62A9DB;
	background-image: url(images/tile-twitter.png);
}

.events .tile a{
	text-decoration: underline;
}
.events .tile{
	height: 180px;
}
.events .tile dl{
	overflow: hidden;
	text-align: left;
	width: 100%;
}
.events .tile dl dd,
.events .tile dl dt{
	float: left;
	margin: 0px 0px 2px 0px;
}
.events .tile dl dd{
	width: 80%;
}
.events .tile dl dt{
	width: 20%;
}
.events .series{
	background-position: 50% 10px;
	background-repeat: no-repeat;
	background-size: auto 50%;
	margin-top:7px;
	height: 140px;
}
.monday .series{
	background-image: url(images/tile-program-monday.png);
}
.tuesday .series{
	background-image: url(images/tile-program-tuesday.png);
	color: #FFF;
}
.tuesday .canvas span{
	color: #FFF;
}
.wednesday .series{
	background-image: url(images/tile-program-wednesday.png);
}
.thursday .series{
	background-image: url(images/tile-program-thursday.png);
}
.friday .series{
	background-image: url(images/tile-program-friday.png);
}
.saturday .series{
	background-image: url(images/tile-program-saturday.png);
}
.sunday .series{
	background-image: url(images/tile-program-sunday.png);
}



.navigation .tile{
	height: 131px;
	line-height: 100%;
}
.navigation .tile.menu-6{
	height: 30px;
	line-height: 100%;
}
.navigation .span-4 .tile{
	background-position: 50% 7px;
	background-size: auto 50%;
	height: 102px;
}
a.canvas:hover{
	background-color: rgba(255, 255, 255, 0.2);
}
.navigation .tile.corporate-events{
	background-image: url(images/tile-corporate-booking.png);
}
.navigation .tile.directions{
	background-image: url(images/tile-directions.png);
}
.navigation .tile.program{
	background-image: url(images/tile-program.png);
}
.navigation .tile.reservation{
	background-image: url(images/tile-reservation.png);
}
.tile.teaser .series{
	background-position: 98% 50%;
	background-repeat: no-repeat;
	background-size: auto 76px;
	margin: 0px 0px 0px 0px;
	line-height: 40px;
	text-align: left !important;
}
.roof-garden.open,
.roof-garden.closed,
.studio-floor.open,
.studio-floor.closed{
	
	margin-top:14px;
}
.square.roof-garden,
.square.studio-floor,
.tile.teaser .series{
	font-size: 36px;
}
.swipe{
	overflow: hidden;
	visibility: hidden;
	position: relative;
}
.swipe-wrap{
	overflow: hidden;
	position: relative;
}
.swipe-wrap > div{
	float:left;
	width:100%;
	position: relative;
}
.tile.closed{
	background-image: url(images/tile-closed.png);
	background-position: 40px 50%;
}
.tile.open{
	background-image: url(images/tile-open.png);
	background-position: 40px 50%;
}
.studio-floor.open{
	background-image: none;
}
.tile.odlo{
	background-color: #1CAFD1;
	background-image: url(images/tile-odlo.png);
	height: 60px;
}
.tile.teufel{
	background-color: #231F20;
	background-image: url(images/tile-teufel.png);
	height: 60px;
}
div.inline{
	display: none;
}
.map{
	height: 300px;
}

.gallery.gallery-columns-4 .gallery-item{
	width:128px !important;
	height:128px !important;
	overflow:hidden;
	margin-right:5px;
	margin-bottom:7px !important;
	margin-top:7px !important;
	margin-left: 5px;
}
.gallery.gallery-columns-2 .gallery-item{
	width:262px !important;
	height:262px !important;
	overflow:hidden;
	margin-right:5px;
	margin-bottom:7px !important;
	margin-top:7px !important;
	margin-left: 5px;
}

 .gallery .gallery-item img{
	width:auto !important;
	border:none !important;
}
 .canvas{
	padding:0px;
}
.issuuembed.issuu-isrendered,
.issuuembed.issuu-isrendered a{
	color:#AEC5E4;
}
.issuuembed.issuu-isrendered span{
	display:none;
}

@media(max-width: 596px){

	.container{
		width: 100%;
	}

	.tile.logo h1,
	.tile.teaser .series{
		font-size: 20px;
	}

}
@media(max-width: 480px){

	body{
		font-weight: bold;
	}

	.column{
		width: 100% !important;
	}
	.tile{
		padding: 0px !important;
	}
	.navigation .column{
		width: 50% !important;
	}
	.navigation .span-4:last-child{
		width: 100% !important;
	}
	.navigation .span-4:last-child br{
		display: none;
	}
	.navigation .span-4:last-child .tile{
		height: 82px;
	}
	.events .series{
		border-top: none;
	}
	.events .tile{
		height: auto !important;
	}
	.tile.logo h1,
	.tile.teaser .series{
		font-size: 20px;
	}
	.footer .span-2{
		width: 33.3333333333333% !important;
	}
	.footer .span-3,
	.footer .span-6{
		width: 50% !important;
	}
	.tile.teaser .series{
		font-size: 18px;
		text-align: left !important;
	}

}