@charset "UTF-8";
/*
Theme Name: Skylounge NL
Theme URI: http://skyloungeamsterdam.nl
Description: Skylounge Amsterdam
Author: Formlab
Version: 1.0
*/

* {
-webkit-font-smoothing: antialiased;
}

@font-face {
        font-family: "Gill Sans MT Pro medium";
        src: url('lib/font/gillsansmtpro-medium-webfont.eot');
        src: url('lib/font/gillsansmtpro-medium-webfont.eot?#iefix') format('embedded-opentype'),
        url('lib/font/gillsansmtpro-medium-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }

@font-face {
        font-family: "Gill Sans MT Pro Light";
        src: url('lib/font/gillsansmtpro-light-webfont.eot');
        src: url('lib/font/gillsansmtpro-light-webfont.eot?#iefix') format('embedded-opentype'),
        url('lib/font/gillsansmtpro-light-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }
	
@font-face {
        font-family: "Gill Sans MT Pro Bold";
        src: url('lib/font/gillsansmtpro-bold-webfont.eot');
        src: url('lib/font/gillsansmtpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('lib/font/gillsansmtpro-bold-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }


/* CLEARING */


*{ padding:0;margin:0;list-style:none;outline:none;border:none; }

body {
	margin:0;
	padding:0;
	background:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:170%;
}


/* STRUCTURE */


#mobilecontainer {
	position: absolute;
	height:100%;
	width: 100%;
	background: black;
	overflow: hidden;
}
#page {
	overflow: hidden;
	position: relative;
}
	  
header {
	position:fixed;
	width:100%;
	height:120px;
	background:url(img/menu.png);
	background-repeat:repeat-x;
	z-index:9999999;
}

.content {
	position:relative;
	background:#000;
	padding-top:35px;
	z-index:20;
	color:#FFF;
	height:100%;
}

.contentcontainer {
	display:block;
	width:95%;
	margin:0 auto;
	max-width:1250px;
	min-width:1030px;
}

.contentcontainercontact {
	display:block;
	width:95%;
	margin:0 auto;
	padding-top:30px;
	max-width:1250px;
}

.contentfade { position:relative; background:transparent url(img/content.png) repeat-x top; }

.pages {position:relative; height:1400px; overflow:hidden;}
.lastpage {height:1050px;}
.lastpage div.content {padding-top:0px;}

.cinema {
	position:relative;
	margin:0 auto;
}
.cinema li img { height:741px; }



/* HEADER / MENU */


#maxmenu {
	width:95%;
	margin:0 auto;
	max-width:1250px;
	min-width:1030px;
}

#logo {padding:22px 30px 0 0; float:left;}

#menu {
	margin:12px 0 0 0;
	z-index:999999;
	text-align:right;
	float:right;
}

.social {margin:14px 0 0 15px; float:right;}
.social img { margin-left:3px;}


#menu nav ul {
	list-style:none;
	display:table-row;
	text-align:right;
}

#menu nav ul li, #menu nav ul div { display:table-cell; width:90px; text-align:center; color:#FFF; font-family: "Gill Sans MT Pro medium";}
#menu nav ul li:last-child {width:75px; text-align:right;}

#menu nav ul li a, #menu nav ul div a {
	font-family: "Gill Sans MT Pro medium";
	color:#FFF; 
	text-transform:uppercase; 
	font-weight:normal; 
	font-size:11pt;
	display:inline;
	text-decoration:none;
	line-height:34px;
	letter-spacing:1px;
}

#menu nav ul li a:hover, #menu nav ul div a:hover {
	font-family: "Gill Sans MT Pro Bold";
	letter-spacing:0px;
}


/* NOTIFIERS */


#scrollplease {
	position:absolute;
	margin-left:-43px;
	left:50%;
	top:480px;
}

#playvideo{
	position:absolute;
	margin-left:-43px;
	left:50%;
	top:450px;
	cursor:pointer;
}

.wifi_icon {
	width:95%; 
	bottom:10px;
	text-align:right;
}


/* PARALLAX IDENTITIES / PLACINGS */


.poverlay {position:absolute; z-index:9;}
.poverlay h1 { width:95%; max-width:1250px; margin:0 auto;}
.poverlay h6 { width:95%; max-width:624px; margin:0 auto; padding-left:300px;}

#phome {}
#pfood { width:100%; top:310px; z-index:99999; text-align:center;}
#pfood2 { width:100%; top:140px; z-index:99999; text-align:center;}
#pevents { width:100%; top:685px; z-index:99999; text-align:right;}
#pspecial { width:100%; top:685px; z-index:99999; text-align:center;}
#pcontact { width:100%; top:685px; z-index:99999; text-align:right;}
#pcontact h1, #pevents h1, #pspecial h1 {color:#FFF;}
#likeusright { }


/* BUTONS*/


ul.pages {
	list-style:none;
	margin:0;
	padding:0;
	text-transform:uppercase;
	text-decoration:none;
	text-indent:-999999;
}

.nextslide {
	position:absolute;
	display:block;
	z-index:9999999;
	width:41px;
	height:78px;
	top:270px;
	right:5%;
	background:transparent url(img/navright.png) no-repeat;
	cursor:pointer;
}

.prevslide {
	position:absolute;
	display:block;
	z-index:9999999;
	width:41px;
	height:78px;
	top:270px;
	left:5%;
	background:transparent url(img/navleft.png) no-repeat;
	cursor:pointer;
}

#foodsliderbuttonprev {
	display:none;
}


/* SLOGAN / SECTIONS */



.sectionheader {
	display:block;
	width:95%;
	margin:0 auto;
	max-width:1250px;
}

.sectionfooter {
	width:95%;
	margin:0 auto;
	max-width:1250px;
	text-align:center;
	background-color:#000;
	clear:both;
}

.verticalallign {
	display:table-cell;
	vertical-align:middle;
	height:130px;
	text-align:left;
	background:#000;
}

.sectionfooter a {
	color:#FFF;
	font-family: "Gill Sans MT Pro medium", Verdana, sans-serif; 
	text-decoration:none;
	font-weight:lighter;
	font-size:12pt;
	padding-left:30px;
	background-color:#000;
}
.sectionfooter a:hover {
	text-decoration:underline;
}



/* Food Slider */



#foodmenu {
	padding:16px 0 0 0;
	width:95%;
	margin:0 auto;
	max-width:1250px;
}

#foodmenu nav ul {
	font-family: "Gill Sans MT Pro Medium"; color:#FFF; text-transform:uppercase; font-weight:normal; font-size:12pt; letter-spacing:1px;
	overflow:hidden;
}
	
#foodmenu nav ul li {
	text-align:left;
	float:left;
	padding-right:21px;
}
#foodmenu nav ul li:first-child a:hover { text-align:left; }

#foodmenu nav ul li a {
	list-style:none;
	color:#FFF;
	text-transform:uppercase;
	text-decoration:none;
	cursor:pointer;
}

#foodmenu nav ul li:hover a{
	list-style:none;
	text-decoration:none;
	font-family: "Gill Sans MT Pro Bold";
	
}

#foodslider{
	width:95%;
	margin:0 auto;
	max-width:1250px;
	height:360px;
	padding:40px 0 0 0;
	overflow:hidden;
}

#foodsliderbutton { cursor:pointer; }

#wrappercontent{
    height:360px;
	 width:900%;
}

.food-column { margin-right:50px;}
.food-last {  margin-right:0; }

.foodcategory { font-family: "Gill Sans MT Pro Bold"; margin:25px 0 0 0; text-transform:uppercase; }
.foodcategory:first-child { margin-top:0; }


.foodpost { margin-bottom:6px; }
.foodtitle { float:left; font-family: "Gill Sans MT Pro Medium"; font-size:16px; max-width:70%; }
.foodprice{ float:right; font-family: "Gill Sans MT Pro Medium"; }
.fooddescription { clear:both; font-style:italic; }


/* VIDEOPLAYER */


#vidcurtain { width:100%; height:100%; position:fixed; z-index:9999999999999; background-color:#000000; opacity:0.6;}
#vidcontainer { width:900px; height:505px; position:fixed; z-index:9999999999999; top:50%; left:50%; margin-top:-252px; margin-left:-450px; }
.hide {display:none;}

.vjs-default-skin { color: #ffffff; }
.vjs-default-skin .vjs-play-progress,
.vjs-default-skin .vjs-volume-level { background-color: #000000 }
.vjs-default-skin .vjs-control-bar,
.vjs-default-skin .vjs-big-play-button { display:none; }
.vjs-default-skin .vjs-slider { background: rgba(0,0,0,0.2333333333333333) }
.vjs-default-skin .vjs-control-bar { font-size: 79%; }
	  

/* FONT */


h1 {font-family: "Gill Sans MT Pro Light"; color:#000; text-transform:uppercase; font-weight:lighter; font-size:42pt; letter-spacing:2px;}
h2 {font-family: "Gill Sans MT Pro medium"; color:#FFF; text-transform:uppercase; font-weight:normal; font-size:24pt; margin-left:-2px; letter-spacing:1px; }
h3 {font-family: "Gill Sans MT Pro medium"; color:#FFF; text-transform:uppercase; font-weight:normal; font-size:25pt; letter-spacing:1px; line-height:1; }

h5 {font-family:Georgia, "Times New Roman", Times, serif; color:#FFF; font-weight:lighter; font-style:italic; font-size:18pt; text-align:left; line-height:160%; display:inline;}
h6 {font-family:Georgia, "Times New Roman", Times, serif; color:#333; font-weight:lighter; font-style:italic; font-size:14pt; text-align:left; line-height:175%; letter-spacing:1px;}

#menu nav ul li a.active, #menu nav ul div a.active, .active, #foodmenu nav ul li a.active h4 { letter-spacing:normal; font-family: "Gill Sans MT Pro Bold";}

.textwidget strong, .textwidget b { font-family: "Gill Sans MT Pro medium"; color:#FFF; display:block; text-transform:uppercase; font-weight:normal; font-size:14pt; padding-bottom:10px; letter-spacing:0px; /* padding:30px 0 10px 0; */}
.textwidget em, .textwidget i { font-family:Georgia, "Times New Roman", Times, serif; color:#FFF; font-weight:lighter; font-style:italic; font-size:16pt; text-align:left; line-height:140%; letter-spacing:0.01em; }
.textwidget em, .textwidget p em  { padding:0px 0px 10px 0; }
.textwidget {padding:0px 15px 0 0;}
.widget_black-studio-tinymce, .siteorigin-widget-tinymce { padding:0px 15px 20px 0; }

a {color:#FFF; text-decoration:underline;}


/* WIDGET TEXT */


.widget_text {display:block; background:#505050; padding:20px 5px 20px 25px; border-radius:10px; margin-top:10px; }
.widget_text h3 { font-family: "Gill Sans MT Pro medium"; color:#FFF; display:block; text-transform:uppercase; font-weight:normal; font-size:14pt; padding-bottom:10px; letter-spacing:0px; }


/* WEATHER */

.weather-wrapper * {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align:center;
}

.weather-wrapper {
	margin-left:-20px;
	margin-top:-10px;
}

.weather-wrapper .weather-location {
	display:none;
}

.weather-wrapper .main .weather-icon {
	font-size:80px; width:40%; float:left; margin-top:-10px;
}

.weather-wrapper .weather-temperature {
	font-size:36px; width:40%; float:left; margin-top:20px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.weather-wrapper .weather-forecast .weather-forecast-day {
	margin-top:20px;
	width:25%; padding-right:5%;
	float:left;
	font-size:20px; 
	text-transform:uppercase;
}

.weather-wrapper .weather-forecast .weather-forecast-day strong {
	font-size:14pt; text-align:center;
	font-family: "Gill Sans MT Pro Medium";
	text-transform:uppercase;
	margin:10px;
	font-weight:normal;
}

.weather-wrapper .weather-forecast .weather-forecast-day .forecast-icon {
	font-size:45px;
}