/*
Theme Name: Contrast-NS
Theme URI: http://themolitor.com
Description: Premium Wordpress Theme

Author: laufwerk:m
Author URI: http://www.laufwerk-m.de/
Template: contrast
Version: 0.0.1
*/

/* import main style */

@import url("../contrast/style.css");

@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);

body {
	font: 16px 'Yanone Kaffeesatz', sans-serif;
}

/* Small Menu */

.menu-toggle {
	display: none;
}

/* NAVIGATION - Seite Lebensbaum */

img a {outline : none; border: none;}

.lebensbaum-datum {
	list-style: none;
}

.lebensbaum-datum li#datum {
	height: 50px;
	font-size: 14px;
	font-weight: bold; 
	text-transform:uppercase;
}

.lebensbaum-baum li#baum {
	height: 50px;
}

.lebensbaum-baum li span#baum {
	color: rgb(149, 171, 47);
}

/* MYTHOLOGIE & KLANG - Einzelbeitrag */

.datum-range {
	font-size: 16px;
	font-weight: bold;
	text-transform:uppercase;
	padding-bottom: 10px; padding-top: 3px;
}

.mythologie-audio {
	width: 150px;
}

/* SCHWINGUNG - Audio */

.schwingung-audio {
	width: 100%;
}

/* SCHWINGUNG - Audio 50 Prozent Breite */
.natursymphonie-audio {
	width: 50%;
}


/**************************************************
	LOGO
**************************************************/

.logo {
	position: fixed;
	top: 30px;
	left: 30px;
}

.logo a {
	width: 330px;
	height: 47px;
	background: url('assets/images/Logo_PNG_Web.png') no-repeat;
	text-indent: -9999px;
	display: block;
}

/* Anpassungen der Schrift in Größe, Farbe und Familie -> 'Yanone Kaffeesatz' */

.content h1 {
	font-size: 24px;
	margin-top: 30px;
}

.content h1,
.content h2,
.content h3 {
	letter-spacing: 3px;
	color: #4d1f00;
}
.content h1 span.title,
.content h2 span.title,
.content h3 span.title {
			font: 24px 'Yanone Kaffeesatz', sans-serif;
			color: #4d1f00;
}

.nav.blog .navMask ul.navContent li {
			font: 12px 'Yanone Kaffeesatz', sans-serif;
}

.nav.portfolio .navMask ul.navContent li {
		font: 12px 'Yanone Kaffeesatz', sans-serif;
}

.nav.portfolio .navMask ul.navContent li.item h4 {
		font: 12px 'Yanone Kaffeesatz', sans-serif;
		margin-bottom: 7px;
		
}

.widget h3 {
	color: #ffffff;
}

.navigation {
	letter-spacing: 3px;
	font-size: 16px;
}

.navigation ul.menu li ul li a {
	font-size: 15px;				
}

.navigation .search form fieldset input.text {
		font: 14px 'Yanone Kaffeesatz', sans-serif;
}

a#pull {
	display: none;
}

/***********************************************************
	MEDIA QUERIES
***********************************************************/

@media (max-width: 643px) {

	/* Navigation */

	.menu-toggle {
		cursor: pointer;
		display: inline-block;
		font: bold 16px/1.3 "Source Sans Pro", Helvetica, sans-serif;
		margin: 0;
		padding: 12px 0 12px 20px;
	}

	.menu-toggle:after {
		content: "\f419";
		display: inline-block;
		-webkit-font-smoothing: antialiased;
		font: normal 16px/1 'Genericons';
		vertical-align: top;
		padding-left: 8px;
		vertical-align: -2px;
	}

	.toggled-on .menu-toggle:after {
		content: "\f419";
		display: inline-block;
		-webkit-font-smoothing: antialiased;
		font: normal 16px/1 'Genericons';
		vertical-align: top;
		padding-left: 8px;
		vertical-align: -2px;
	}

	.toggled-on .menu,
	.toggled-on .menu > ul {
		display: block;
		margin-left: 0;
		padding: 0;
		width: 100%;
		background-color: white;
	}

	.toggled-on li,
	.toggled-on .children {
		display: block;
	}

	.toggled-on .menu li > ul {
		display: block;
		float: none;
		margin-left: 20px;
		position: relative;
		left: auto;
		top: auto;
	}

	.toggled-on .menu li > ul a {
		color: #141412;
		width: auto;
	}

	.toggled-on .menu li:hover > a,
	.toggled-on .menu .children a {
		background-color: transparent;
		color: #141412;
	}

	.toggled-on .menu li a:hover,
	.toggled-on .menu ul a:hover {
		background-color: #transparent;
		color: #fff;
	}

	ul.menu,
	div.menu > ul {
		display: none;
	}
	
	.nav.blog,
	.nav.portfolio {
		overflow: visible;
	}

	.nav.portfolio {
		overflow-x: hidden;
	}

	/* Suchfeld, Logo, Sidebar */

	.search, .logo, .sidebar {
		display: none;
	}


	/* Inhalte */

	.content {
		font-size: 10px;
	}	

	.content.sliderContent {		
		width: 100%;

	}

	.content .sliderContent p {
		max-width: 330px;		
		margin-left: 80px;

	}
	
	.content .left {
		display: none;
	}

	.content h1 {
		font-size: 18px;
		margin-top: 30px;
	}

	.content h2 {
		font-size: 14px;
	}

	.content h3 {
		font-size: 11px;
	}

	.content h1 span.title,
	.content h2 span.title,
	.content h3 span.title,
	.content h1 span.title a,
	.content h2 span.title a,
	.content h3 span.title a {
			max-width: 300px;
			padding-left: 30px;
	}
	
	/* Iframes - Soundcloud - Youtube */

	.content .sliderContent p iframe {
		width: 330px;		

	}	

	/* Portraits */

	#gallery-1 .gallery-item {
		padding-left: 80px;

	}

	/* Reviews */

	.content .sliderContent .sc-blockquote {
		margin-left: 90px;
	}

	/* Languages */

	#lang_sel_footer {
		margin-left: 0px;
		padding-top: 0px;
	}

	/* Soundcloud */

	.multiSounds {
		width: 100%;
	}

}


@media (max-width: 359px) {

	/* Inhalte */

	.content .sliderContent p {
		max-width: 300px;		
		margin-left: 120px;

	}

	.content h1 span.title,
	.content h2 span.title,
	.content h3 span.title,
	.content h1 span.title a,
	.content h2 span.title a,
	.content h3 span.title a {
		max-width: 359px;
		padding-left: 50px;

	}

	/* Iframes - Soundcloud - Youtube */

	.content .sliderContent p iframe {
		width: 300px;		

	}

	/* Portraits */

	#gallery-1 .gallery-item {
		padding-left: 100px;

	}

	/* Reviews */

	.content .sliderContent .sc-blockquote {
		margin-left: 120px;

	}

	/* Soundcloud */

	.multiSounds {

		width: 100%;
	}
}