/*
Theme Name: 	GTRV
Theme URI: 		http://gtrv.ch
Version: 		1.0
*/


/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@import "css/reset.css";
@import "css/lightbox.css";

div,
article,
section,
header,
footer,
nav,
li					{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }
body 				{ background:#fff; /* Don't forget to style your body to avoid user overrides */ }


@font-face {
  font-family: 'Univers';
  src: url('css/fonts/univers.eot'); /* IE9 Compat Modes */
  src: url('css/fonts/univers.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('css/fonts/univers.woff') format('woff'), /* Pretty Modern Browsers */
       url('css/fonts/univers.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('css/fonts/univers.svg#Univers') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'UniversBold';
  src: url('css/fonts/Univers-Bold.eot'); /* IE9 Compat Modes */
  src: url('css/fonts/Univers-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('css/fonts/Univers-Bold.woff') format('woff'), /* Pretty Modern Browsers */
       url('css/fonts/Univers-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('css/fonts/Univers-Bold.svgUnivers-Bold') format('svg'); /* Legacy iOS */
}


* {
	box-sizing: border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
}

html, body {
	background: #ECEADB;
	font-family: 'Univers', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
	font-size: 12px;
	color: #594C42;
}

strong {
	font-family: 'UniversBold', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
}
	
	@media screen and (min-width: 700px) { html, body { font-size: 13px; height: 100%; } }
	@media screen and (min-width: 1000px) { html, body { font-size: 14px; } }

.wrap {
	width: 100%;
	margin: 0px auto;
	background: #fff;
	min-height: 100%;
	max-width: 400px;
}

	@media screen and (min-width: 700px) { .wrap { width: 690px; max-width: none; } }
	@media screen and (min-width: 1000px) { .wrap { width: 990px; max-width: none; } }

.header {
	
}
	
	.header h1 {
		/* font-size: 1.2em; */
	}
	
		@media screen and (min-width: 700px) {
			.header h1 { position: absolute; bottom: 16px; margin-right: 230px; }
		}
	
		.header h1 a {
			font-family: 'UniversBold', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
			text-decoration: none;
			display: inline-block;
			margin-right: 10px;
		}

	.header a.logo {
		width: 217px;
		height: 55px;
		background: url(css/img/logo.jpg) no-repeat 0 0;
		display: block;
		position: absolute;
		right: 40px;
		top: 12px;
		display: none;
	}
	
	@media screen and (min-width: 700px) {
		.header a.logo { display: block; }
	}
	
	.header .top {
		height: auto;
		padding: 20px;
	}
		
		@media screen and (min-width: 700px) {
			.header .top { height: 80px; }
		}

	.header .image {
		height: 160px;
		background: #eee;
	}
	
		@media screen and (min-width: 700px) { .header .image { height: 242px; } }
		@media screen and (min-width: 1000px) { .header .image { height: 342px; } }
	
		.header .image .slider {
			height: 100%;
			position: relative;
		}
		
			.header .image .slider .slide {
				height: 100%;
				width: 100%;
				position: absolute;
				z-index: 100;
				background-position: center;
				background-size: cover;
				background-repeat: no-repeat;
			}
	
	.header .nav {
		width: 100%;
		position: absolute;
		padding: 20px;
		margin-bottom: 95px;
		display: none;
		z-index: 100;
		background: #fff;
		border-bottom: 1px solid #ccc;
		box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	}
		
		@media screen and (min-width: 700px) {
			.header .nav {
				display: block;
				background: #fff;
				width: 160px;
				padding: 40px 20px;
				box-shadow: none;
				border-bottom: 0;
				background: transparent;
			}
		}
		
		@media screen and (min-width: 1000px) {
			.header .nav {
				width: 325px;
			}
		}
		
		.header .nav ul {
			
		}
		
			.header .nav ul ul {
				display: none;
				margin: 10px;
				font-size: 0.9em;
			}
			
				.header .nav ul ul li a {
					padding: 2px 0;
				}
		
			.header .nav ul li {
				
			}
			
				.header .nav ul li a {
					text-decoration: none;
					padding: 8px 0;
					display: block;
				}
				
				@media screen and (min-width: 700px) {
					.header .nav ul li a {
						display: inline-block;
					}
				}
				
				.header .nav ul li:first-child a {
					padding-top: 0;
				}
				
				.header .nav ul li.current_page_item > a,
				.header .nav ul li.current_page_ancestor > a {
					color: #958C85;
				}
				
				.header .nav ul li.current_page_item ul,
				.header .nav ul li.current_page_ancestor ul {
					display: block;
				}

a, a:link, a:visited, a:hover, a:focus {
	color: inherit;
}

.content {
	padding: 20px;
	margin-bottom: 0;
	font-size: 0.95em;
}

	@media screen and (min-width: 700px) { 
		.content {
			margin-bottom: 95px;
			margin-left: 160px;
			padding: 40px 40px 40px 0;
		}
	}
	
	@media screen and (min-width: 1000px) { 
		.content {
			margin-left: 325px;
		}
	}

	.content p {
		margin-bottom: 1em;
		line-height: 150%;
	}
	
	.content h2 {
		font-size: 1.2em;
		font-family: 'UniversBold', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
		margin-bottom: 1em;
	}
	
	.content h3 {
		font-size: 1em;
		font-family: 'UniversBold', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
		margin-bottom: 0.5em;
	}

.news {
	margin-bottom: 40px;
}

.member {
	margin-bottom: 20px;
}
	.member .profile {
		width: 80px;
		height: 100px;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		margin-right: 10px;
		background: #eee;
		float: left;
	}
	
	.member .text {
		width: 170px;
		float: left;
	}
	
	@media screen and (min-width: 420px) {
		.member .text { width: 250px; }
	}
	
	@media screen and (min-width: 700px) {
		.member .profile { width: 105px; height: 120px; margin-right: 20px; }
		.member .text { width: 300px; }
	}


.navToggle {
	border-bottom: 1px solid #ccc;
	width: 100%;
	display: block;
	padding: 10px 20px 10px 20px;
	font-family: 'UniversBold', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
	letter-spacing: 2px;
	text-transform: uppercase;
	cursor: pointer;
}

	.navToggle .icon {
		height: 13px;
		width: 15px;
		background: url(css/img/menu.png) no-repeat 0 0;
		background-size: 100% 100%;
		display: inline-block;
		margin: 0 10px -2px 0;
	}
	
	@media screen and (min-width: 700px) {
		.navToggle { display: none; }
	}

.gallery {
	
}

	.gallery br {
		display: none;
	}
	
	.gallery .gallery-item {
		width: 140px !important;
		height: 95px !important;
		overflow: hidden !important;
		margin: 0 10px 10px 0 !important;
	}
	
	.gallery img {
		border: 0 !important;
		width: 100% !important;
		height: auto !important;
		margin-top: -23px;
	}

.footer {
	width: 100%;
	height: 95px;
	background: #fff url(css/img/holzbalken.jpg) no-repeat top center;
}

	@media screen and (min-width: 700px) { .footer { width: 690px; position: fixed; bottom: 0px; left: 50%; margin-left: -345px; } }
	@media screen and (min-width: 1000px) { .footer { width: 990px; margin-left: -495px; } }

.footer .text {
	position: absolute;
	bottom: 0px;
	width: 100%;
	background: #5F6062;
	color: #fff;
	padding: 12px 20px;
	border-top: 2px solid #fff;
	font-size: 0.9em;
}

.clear {
	clear: both;
}

@media screen and (min-width: 700px) {
	
}