/*
	Theme Name: lebeck

*/
	
	/* ------------------------ 
	GLOBAL RESET
	------------------------ */
	html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{
		margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent
	}
	article,aside,dialog,figure,footer,header,hgroup,nav,section{
		display:block
	}
	nav ul{
		list-style:none
	}
	a{
		margin:0;padding:0;border:0;vertical-align:baseline;background:transparent
	}

	/* ------------------------ 
	GLOBAL RULES
	------------------------ */
	* {
		padding: 0px; 
		margin: 0px;
		border: 0px;
		
		-webkit-box-sizing: border-box;
   		 -moz-box-sizing: border-box;
    	box-sizing: border-box;
	}
	
	/* Set vertical rhythm */
	h1,h2,h3,h4,h5,h6,hgroup,ul,ol,dd,p,figure,pre,table,fieldset,hr {
		margin-bottom: 24px;
		margin-bottom: 1.5rem; 
	}	
	
	h1, h2, h3, h4, h5, h6 {line-height: normal;}	
	
	img, 
	a img {width: 100%;}
	
	/* ------------------------ 
	BASICS GRID
	------------------------ */
	.col-12 {
	    width: 100%;  
	}
	.col-11 {
	    width: 91.66666666666666%;
	}
	.col-10 {
	    width: 83.33333333333334%;
	}
	.col-9 {
	    width: 75%;
	}
	.col-8 {
	    width: 66.66666666666666%;
	}
	.col-7 {
	    width: 58.333333333333336%;
	}
	.col-6 {
	    width: 50%;
	}
	.col-5 {
	    width: 41.66666666666667%;
	}
	.col-4 {
	    width: 33.33333333333333%;
	}
	.col-3 {
	    width: 25%;
	}
	.col-2 {
	    width: 16.666666666666664%;
	}
	.col-1 {
	    width: 8.333333333333332%;
	}
	.col { 
		font-size: 0px; 
		padding: 0px; 
		display: inline-block;
		vertical-align: middle;
		margin: auto;
	}
	
	 ul, li, a, menu { padding: 10px 0; margin: 0px; }
	.inline { display: inline-block; }
	
	.center { text-align: center; margin: auto; }
	.left {text-align: left;}
	.right {text-align: right;}
	
	.alignleft,
	.alignright {float: none;}
	
	
	/* ------------------------ 
	FONTSTYLE
	------------------------ */	
	#text > div:empty {display: none;}
	
	a:focus,
	*:focus { outline: none !important; } 
	
	a,
	a:link,
	a:visited { 
		outline:none; 
		color: #000;
		text-decoration: none;
		cursor: pointer;
	}
	
	.copy, 
	.link { 
		font-size: 14px; 
		line-height: 22px;
		padding-bottom: 15px;
	}
	.link { text-decoration: underline; }
	
	
	
	/* ------------------------ 
	DISPLAY
	------------------------ */	
	#searchform,
	.comments,
	.secondary-content,
	
	#mobilenav,
	.container.mobile,
	
	nav, 
	#sidebarnav {display: none;}
	
	
	.home #logo, 
	.home #footernav,
	.home #mainnav,
	.home #sidebarnav,
	
	.portfolio #menunav,
	.portfolio #portfolionav,
	.portfolio #overviewlogo,
	
	.project #menunav,
	.project #next,
	.project #back,
	
	.others #menunav,
	
	.data #menunav,
	.data #sidebarnav {display: block;}
	
	
	/* ------------------------ 
	Z-index
	------------------------ */	
	.home #slider {z-index: -1;}
	
	nav,
	#top,
	#burger{ z-index: 1; }
	
	#menunav,
	#portfolionav,
	#overviewlogo,
	#sidebarnav,
	#next,
	#back { z-index: 2;}
	
	#logo, 
	#footernav,
	#mainnav,
	#mobilenav { z-index: 3; }
	
	.home #overlay { z-index: 4; }
	.home #contact { z-index: 5; }
	
	#info,
	.project #next, 
	.project #back,
	.slick-prev,
	.slick-next { z-index: 10;}
	
	
	
	#loadpage { z-index: 100; }
	
	/* ------------------------ 
	POSITION
	------------------------ */	
	nav { position: absolute; }
	
	#logo, 
	#footernav,
	#mainnav,
	#sidebarnav { position: fixed; }
	
	/* ------------------------ 
	COLOR
	------------------------ */	
	body.white .slick-prev:after,
	body.white .slick-next:after {
		color: #222 !important;
	}
	.black, #infobox .copy b { color: #000; }
	
	#infobox .copy,
	.data .copy,
	.data .copy a { color: #555; }
	
	.project #menunav:after { border-bottom: 8px solid #E6B420; }
	
	.project nav a,
	.home nav#mainnav a,
	.home nav#footernav a,
	.portfolio .title {  
		color: #E6B420;
		/*color:red !important;*/
		
	}
	
	
	
	/* ------------------------ 
	TRANSITION
	------------------------ */	
	.portfolio #tp-grid .img {overflow: hidden; }
	.portfolio #tp-grid img:hover {transform: scale(1.02);}
	
	#mobilenav.fast-close {transition: all .0s ease;} 
	
	#info,
	#infobox,

	#logo, 
	nav a,
	#mainnav ul li a,
	#footernav a,
	#menunav a,
	.others #textbox a,
	.data #textbox a {transition: all .2s ease-out;}
	
	#logo:hover, 
	nav a:hover,
	#mainnav ul li a:hover,
	#footernav a:hover,
	#menunav a:hover,
	.others #textbox a:hover,
	.data #textbox a:hover { opacity: .65; }
	
	.project nav {transition: all .3s ease-out;}
	
	 #mobilenav {transition: all .4s ease;} 
	 
	 .portfolio #tp-grid img {transition: all .5s ease-out;}
	 
	 #mainnav { transition: all 850ms cubic-bezier(.5, 0, 0, 1);}
	 
	 
	 
	 /*fade buttons on scroll*/
	.project nav,
	#menunav,
	.project #info { opacity: 1; }
	.project nav.close,
	#menunav.close,
	.project #info.close { opacity: 0; }