/* Author: Fabian Schmid */

/* fonts embed */
@import url(https://fonts.googleapis.com/css?family=Raleway:300,300italic,500,500italic,600,600italic);
@font-face {
    font-family: 'Fedra Serif Book';
    src:
		url('/fonts/FedraSerifStdABook.eot'),
		url('/fonts/FedraSerifStdABook.ttf') format('truetype'),
		url('/fonts/FedraSerifStdABook.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*@font-face {
    font-family: 'SNVD';
    src:
		url('/fonts/SnvD-Reg.eot'),
		url('/fonts/SnvD-Reg.ttf') format('truetype'),
		url('/fonts/SnvD-Reg.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

body{
	height:100%;
}
body,
button,
input,
select,
textarea {
	color: #000;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	font-weight:300;
	font-family: 'Raleway', sans-serif;
}
h1,
h2,
h3,
h4,
h5{
	clear: both;
	font-weight: 400;
	font-family: 'Fedra Serif Book', serif;
}
h1{
	font-size:14px;
	font-size:1.4rem;
	color:#fff;
}
h2{
	font-size:24px;
	font-size:2.4rem;
	margin-bottom:0.8em;
}
h2::after{
	background-color:#f9de5e;
	content:' ';
	display:block;
	height:2px;
	width:50px;
	margin-top:0.3em;
}
h3{
	font-size:20px;
	font-size:2rem;
	margin-bottom:0.4em;
}
b,
strong {
	font-weight: 500;
}
dfn,
cite,
em,
i {
	font-style: italic;
}
a{
	color:#000;
	text-decoration:none;
	font-weight:600;
}
a:hover{
	color:#f9de5e;
}

/* start generic classes */
	.clear{
		clear:both;
	}
	.fa{
		min-width:15px;
	}
	.fa-facebook{
		margin-right:-0.2em;
	}
	.videowrap {
		position: relative;
		padding-bottom: calc(100% * 0.5625); /* 16:9 */
		height: 0;
		width:100%;
	}
	.videowrap iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
/* end generic classes */

/* start page structure */
	/* start header */
		header{
			min-height:470px;
			background: url('/img/djakne.jpg') no-repeat 50% 40%;
			background-size: cover;
			color:#fff;
			text-align:center;
			position:relative;
		}
		header a#logo{
			display:inline-block;
			margin:5.3em 0 0.3em;
		}
		header a#logo img{
			width:410px;
		}
		header div#contact{
			position:absolute;
			bottom:1px;
			width:100%;
			text-align:center;
		}
		header .fa-facebook{
			margin-left:0;
		}
		header a{
			color:#fff;
			margin:0 0.2em;
		}
		header p{
			margin-bottom:0.5em;
		}
		header a:hover{
			color:#000;
		}
	/* end header */
	
	/* start navigation */
		nav{
			width:82%;
			text-align:center;
			margin:0.5em auto 0.5em;
		}
		nav a{
			color:#000;
			margin:0 0.8em;
			font-size:20px;
			font-size:2rem;
			text-transform:lowercase;
			position:relative;
			font-weight:500;
		}
		nav a.active{
			border-bottom:2px solid #f9de5e;
			padding-bottom:0.3em;
		}
	/* end navigation */
	
	/* start main */
		main{
			width:82%;
			min-height:450px;
			margin: 2em auto;
		}
		main h2.announce{
			text-align:center;
			text-transform:uppercase;
			letter-spacing:3px;
			font-family: 'Raleway', sans-serif;
			font-weight:500;
		}
		main h2.announce::after{
			display:none;
		}
		main article{
			margin-bottom:3.5em;
		}
		main article p,
		main article ol,
		main article ul {
			margin-bottom: 0.7em;
		}
		main article img{
			max-width:100%;
		}
		main article#social {
			margin:6em auto 2em;
			width:1050px;
		}
		main article#social > div{
			float:left;
			margin-right:30px;
		}
		main article#social > div:last-of-type{
			margin-right:0;
		}
			
		/* start cafes & series */
			main article#cafes{
				width:100%;
			}
			main article.video,
			main article#cafes > div {
				width: calc((100% - 1.6em) / 2);
				height:auto;
				margin:0 1.6em 2.4em 0;
				float:left;
				position:relative;
			}
			main article.video:nth-child(2n){
				margin-right:0;
				clear:none;
			}
			main article#cafes > div:nth-of-type(2n){
				margin-right:0;
			}
			main article#cafes div div.social{
				position:absolute;
				top:5px;
				right:0;
			}
			main article#cafes > div p{
				height:6em;
			}
		/* end cafes */
	/* end main */
	
	/* start footer */
		footer{
			padding:1.7em;
			height:6.5em;
			text-transform:lowercase;
			text-align:center;
			position:relative;
		}
		footer::before{
			background-color:#f9de5e;
			content:' ';
			display:block;
			height:2px;
			width:60%;
			margin:0 auto 1em;
		}
		footer span{
			font-size:9px;
			font-size:0.9rem;
		}
		footer #totop{
			position:absolute;
			bottom:0.45em;
			right:1.5em;
			font-size:30px;
			font-size:3rem;
		}
	/* end footer */
/* end page structure */

/* start twitter plugin */
	iframe#twitter-widget-0{
		margin-right:17px;
		float:left;
	}
	div.fb-page{
		float:left;
	}
/* end twitter plugin */

/* start media queries */
	@media only screen and (max-width: 1240px) {
		#social{
			display:none;
		}
	}
	@media only screen and (max-width: 960px) { 
		main{
			width:90%;
		}
	}
/* end media queries */