/*
Theme Name: The Flavour Child
Theme URI: http://demo.themefuse.com/theflavour/
Description: Child theme for the The Flavour. Child themes are the recommended way of making modifications to a theme. <a href="http://codex.wordpress.org/Child_Themes">Reade More</a>
Author: ThemeFuse
Tags: translation-ready
Author URI: http://themefuse.com
Template: theflavour-parent
*/

@import url("../theflavour-parent/style.css");





@font-face {
  font-family: "Home Title";
  src: url('fonts/HomeTitle/HomeTitle.eot');
  src: local("Home Title"), url('fonts/HomeTitle/HomeTitle.woff') format('woff'), url('fonts/HomeTitle/HomeTitle.ttf') format('truetype'), url('fonts/HomeTitle/IHomeTitle.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
	font-family: 'FontAwesome';
	src: url('fonts/Font_Awesome/fontawesome-webfont.eot');
	src: url('fonts/Font_Awesome/fontawesome-webfont.eot') format('embedded-opentype'), 
		url('fonts/Font_Awesome/fontawesome-webfont.woff2') format('woff2'), 
 	 	url('fonts/Font_Awesome/fontawesome-webfont.woff') format('woff'), 
 	 	url('fonts/Font_Awesome/fontawesome-webfont.ttf') format('truetype'), 
 	 	url('fonts/Font_Awesome/fontawesome-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
  font-family: 'Great Vibes';
  src: url('fonts/Great_Vibes/GreatVibes-Regular.ttf');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat/Montserrat-Regular.ttf');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat/Montserrat-Bold.ttf');
  font-weight: 700;
  font-style: normal;
}

/* Raleway
100 *
200 *
300 *
*/

@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway/Raleway-Regular.ttf');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway/Raleway-Medium.ttf');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway/Raleway-SemiBold.ttf');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway/Raleway-Bold.ttf');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway/Raleway-ExtraBold.ttf');
  font-weight: 800;
  font-style: normal;
}






.site-main {
//  padding-top: 0px;
}




/* main menu 
   background 
*/
.nav-main {
  background: url(images-customized/main-nav-bgr.jpg) center top no-repeat #3d1704;
}
/* main menu 
   logo 
*/
.nav-main .site-logo a {
  border: 0px solid #454040;
  padding: 0px 0px 0px 0px;
}
/* main menu 
   menu items 
*/
.nav-main #menu-main-menu-left,
.nav-main #menu-main-menu-left-en {
  float: right;
  padding-right: 40px;
}
.nav-main #menu-main-menu-right,
.nav-main #menu-main-menu-right-en {
  float: left;
  padding-left: 40px;
}
.nav-menu li {
  padding: 40px 0px;
  text-align: center;
}
.nav-main .nav-menu a {
  color: #fff;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: bold;
}
.nav-menu > .current-menu-item {
  border-bottom: 6px solid #fff;
}
.nav-main .hover-menu {
  border-bottom-color: #fff;
}

/* language link items 
   generally & responsive 
*/
.nav-main li.lang-item {
  margin: 0px !important;
  padding: 0px !important;
}
.nav-main li.lang-item:hover {
  border: 0px;
  border: none;
}
.nav-main li.lang-item a {
  margin: 0px;
  padding: 0px;
  color: transparent;
  font-size: 0px;
}
.nav-menu li.lang-item-de {
  display: inline-block;
  position: absolute;
  top: 6px;
  right: 108px;
}
.nav-menu li.lang-item-en {
  display: inline-block;
  position: absolute;
  top: 6px;
  right: 68px;
}



/* slider 
   background 
*/
.slider-full {

  background: url(images-customized/slider-full-bgr.jpg) center top no-repeat #3d1704;
}
/* slider 
   title & subtitle 
*/
.slider-full .title-line {
  border-top: 0px solid #fff;
  border-bottom: 0px solid #fff;
}
.slider-full .slider-title {
  display: inline-block;
  margin: 0px 0px 24px 0px;
  padding: 0px 100px 8px 100px;
  font-family: "Home Title";
  font-size: 102px;
  letter-spacing: -5px;
  text-shadow: 2px 2px 4px black;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale(0.6,1);
  -moz-transform: scale(0.6,1);
  -o-transform: scale(0.6,1);
  transform: rscale(0.6,1);
}
.slider-full .slider-subtitle {
  font-size: 18px;
  font-weight: bold;
  text-transform: none;
  letter-spacing: 1px;
  text-shadow: 2px 2px 4px black;
}


/* slider 
   news button text 
*/
.slider-full .btn span,
.slider-full .btn input {
  padding: 17px 56px;
  color: #fff;
  font-size: 24px;
  font-weight: normal;
  text-transform: none;
  letter-spacing: 1px;
  background: transparent;
  text-shadow: 2px 2px 4px black;
  border-radius: 0;
  border: 0px solid #fff;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.slider-full .btn span:hover,
.slider-full .btn input:hover {
  background: none;
  border: 2px solid #fff;
  color: #fff;
}
/* slider 
   navigation arrows 
*/
.slider-full .post-navigation .left {
  background: url(images-customized/slider-navigation-arrow-left.png) center center no-repeat;
}
.slider-full .post-navigation .right {
  background: url(images-customized/slider-navigation-arrow-right.png) center center no-repeat;
}
.slider-full .tficon-shevron-left,
.slider-full .tficon-shevron-right {
  display: none;
}




/* contact page
   bring elements closer together
*/
.see-location.contact-page {
//  margin-bottom: 90px;
  margin-bottom: 60px;
}
.container.contact {
//  padding-top: 120px;
  padding-top: 0px;
}




/* contact form (Kontakt)
   margin bottom to content text
*/
.contact-form {
  margin-bottom: 60px;
}




/* contact form 7 
	Kontaktformular
*/



.wpcf7 label {
	margin-bottom: 13px;
	width: 100%;
	color: #000;
	font-size: 13px;
	font-weight: 800;
	text-transform: uppercase;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"] {
	padding: 0 14px;
	height: 50px;
	width: 100%;
	color: #000;
	font-size: 15px;
	border: 3px solid #000;
	border-radius: 0;
}
.wpcf7 textarea {
	padding: 17px;
	height: 195px;
	color: #000;
	font-size: 15px;
	border: 3px solid #000;
	border-radius: 0;
}
.wpcf7 .wpcf7-submit {
	padding: 19px 65px;
	color: #000;
	font-size: 15px;
	border: 2px solid #ffa42e;
	background: #ffa42e;
}
.wpcf7 .wpcf7-submit:hover {
	color: #ffa42e;
	background: none;
}




/* widgets 
   text for contact details 
*/
.text-contact-details {
  font-weight: bold;
 }




/* footer
   navigation and copyright
*/
.footer-nav .site-navigation li {
  float: none;
  display: inline-block;
  margin: 0px auto 0px auto;
  padding: 0px 8px;
}
.copyright {
  margin-top: 32px;
  font-size: 12px;
  color: #777;
}




/* shortcode accordion (Getränke)
   content including automatic line breaks
*/
.panel-group .panel-body {
  white-space: pre-line;
  line-height: 25px;
}




/* home
   arrow down & link to navigation & begining of page content
*/
#to-page-content {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 9999;
  display: block;
  width: 45px;
  height: 45px;
  text-decoration: none;
  text-align: center;
  border: 2px solid transparent;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
#to-page-content span {
  font-size: 28px;
  color: #ffa42e;
  line-height: 13px;
}
#to-page-content:hover {
  border: 2px solid #ffa42e;
  text-decoration: none;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 150px;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}



/* footer area
   text over map, link color for phone number and email at iphone
*/
.wrapp-see-location a {
  color: #000;
}



/* link list @ network
   columns for list of external links
*/
.list-external-link {
  margin: 0px;
  padding: 1em 0px;
  vertical-align: top;
  -moz-column-count: 2;
  -moz-column-gap: 40px;
  -webkit-column-count: 2;
  -webkit-column-gap: 40px;
  -o-column-count: 2;
  -o-column-gap: 40px;
  -ms-column-count: 2;
  -ms-column-gap: 40px;
  column-count: 2;
  column-gap: 40px;
}
.list-external-link ul {
  margin: 0px;
  padding: 0px;
  vertical-align: top;
}



/* custom gallery area
   for floating images
*/

.custom-gallery img {
	float: left;
	margin: 0;
	padding: 4px !important;
}






/*
		Media Queries - Responsive Styles
-------------------------------------------------------------------------- */



/* main menu Responsiv*/
/*Screen 1024px*/
@media (max-width: 1199px) {
  .nav-main .container {
  	margin: 0px;
  	padding: 0px;
    width: 100%;
  }
  .nav-main #menu-main-menu-left,
  .nav-main #menu-main-menu-left-en {
    float: right;
    padding-right: 20px;
  }
  .nav-main #menu-main-menu-right,
  .nav-main #menu-main-menu-right-en {
    float: left;
    padding-left: 20px;
  }
  .nav-menu li {
    padding: 40px 8px;
  }
  .nav-main .nav-menu a {
    font-size: 14px;
  }
}



/* iPad portrait */
@media only screen
	and (min-device-width: 768px)
	and (max-device-width: 1024px)
	and (orientation: portrait) 
	{

}
/* iPad landscape */
@media only screen
	and (min-device-width: 768px)
	and (max-device-width: 1024px)
	and (orientation: landscape)
	{

}
/* iPhone 5 + 5s portrait */
@media only screen 
	and (min-device-width: 320px) 
	and (max-device-width: 568px) 
	and (orientation: portrait)
	{
.nav-menu li.lang-item-de {
  display: inline-block;
  position: absolute;
  top: 6px;
  right: 48px;
}
.nav-menu li.lang-item-en {
  display: inline-block;
  position: absolute;
  top: 6px;
  right: 8px;
}
}
/* iPhone 5 + 5s landscape */
@media only screen 
	and (min-device-width: 320px) 
	and (max-device-width: 568px) 
	and (orientation: landscape)
	{

}
/* iPhone 4 + 4s */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px)
	{

}









/* slider title Responsiv*/
/*Screen 1024px*/
@media (max-width: 1199px) {

}
/*Screen 768px*/
@media (max-width: 991px) {

}
/*Screen 480px & 568px*/
@media (max-width: 767px) {
  .slider-full .title-wrap {
//    width: 86%;
    width: 94%;
  }
  .slider-full .slider-title {
  	padding: 0px 40px 8px 40px;
//    font-size: 70px;
    font-size: 70px;
  }
  .slider-full .slider-subtitle {
    font-size: 14px;
  }
  .slider-full .carousel-control {
//    padding-top: 26%;
    padding-top: 20%;
    font-size: 60px;
  }
  .slider-full .title-wrap a span {
//    neu;
    font-size: 18px;
  }
}
/*Screen 320px*/
@media (max-width: 479px) {
  .slider-full .title-wrap {
//    width: 86%;
    width: 94%;
  }
  .slider-full .slider-title {
  	padding: 0px 16px 8px 16px;
//    font-size: 65px;
    font-size: 64px;
//    letter-spacing: 0px;
  }
  .slider-full .slider-subtitle {
    font-size: 12px;
  }
  .slider-full .title-wrap a span {
//    neu;
    font-size: 14px;
  }
}











/* contact page header map Responsiv */
.main-top .see-location.contact-page {
  display: inline-block;
}
#main .container .see-location.contact-page {
  display: none;
}
/*Screen 1024px e.g. iPad landscape*/
@media (max-width: 1199px) {
  .main-top .see-location.contact-page {
    display: none;
  }
  #main .container .see-location.contact-page {
    display: inline-block;
  }
}
/*Screen 768px e.g. iPad portrait*/
@media (max-width: 991px) {
  .main-top .see-location.contact-page {
    display: none;
  }
  #main .container .see-location.contact-page {
    display: inline-block;
  }
}
/*Screen 480px & 568px e.g. iPhone landscape*/
@media (max-width: 767px) {
  .main-top .see-location.contact-page {
    display: none;
  }
  #main .container .see-location.contact-page .row .map {
    display: inline-block;
    width: 85%;
  }
}
/*Screen 320px e.g. iPhone portrait*/
@media (max-width: 479px) {
  .main-top .see-location.contact-page {
    display: none;
  }
  #main .container .see-location.contact-page .row .map {
    display: inline-block;
    width: 80%;
  }
}








/* parallax image Responsiv*/
/*Screen 1024px e.g. iPad landscape*/
@media (max-width: 1199px) {
  div.post-descr > section.parallax-section {
  	background-position: 50% 180px !important;
  	background-size: 1200px !important;
  }
  div.clearfix section.parallax-section {
  	background-position: 50% 320px !important;
  }
}
/*Screen 768px e.g. iPad portrait*/
@media (max-width: 991px) {
  div.post-descr > section.parallax-section {
  	background-position: 50% 180px !important;
    background-size: 1200px !important;
  }
  div.clearfix section.parallax-section {
  	background-position: 50% 320px !important;
  }
}
/*Screen 480px & 568px e.g. iPhone landscape*/
@media (max-width: 767px) {
  div.post-descr > section.parallax-section {
  	background-position: 50% 120px !important;
    background-size: 800px !important;
  }
  div.clearfix section.parallax-section {
  	background-position: 50% 320px !important;
  }
}
/*Screen 320px e.g. iPhone portrait*/
@media (max-width: 479px) {
  div.post-descr > section.parallax-section {
  	background-position: 50% 280px !important;
    background-size: 560px !important;
  }
  div.clearfix section.parallax-section {
  	background-position: 50% 400px !important;
  }
}








/*Screen 768px*/
@media (max-width: 991px) {
	.nav-main .col-sm-6 {
		width: auto
	}
	.nav-main .col-sm-6:first-child {
		float: left;
	}
	.nav-main .col-sm-6 {
//		float: right;
	}
}

/*Screen 768px*/
@media (max-width: 963px) {
/*
	.nav-main .col-sm-6 {
		float: left;
	}
	.nav-main .col-sm-6:first-child {
		float: right;
	}
	.nav-main .col-sm-6:last-child {
		clear: right;
		float: right;
		padding-top: 20px;
	}
*/
	.nav-main .col-sm-6 {
		float: none;
		margin-top: -188px;
	}
	.nav-main .col-sm-6:first-child {
		float: left;
		margin-top: 88px;
	}
	.nav-main .col-sm-6:last-child {
		float: right;
		margin-top: 88px;
	}
	.site-logo {
		left: 0;
		top: 188px;
		width: 100%;
		margin-left: 0!important;
	}

}

/*Screen 768px*/
@media (max-width: 800px) {
	.nav-main .col-sm-6:first-child {
		float: right;
	}
	.nav-main .col-sm-6 {
//		float: right;
	}
	.nav-main .col-sm-6:first-child {
		padding-right: 20px;
	}
}



@media (max-width: 479px) {
	.nav-main .col-sm-6,
	.nav-main .col-sm-6:first-child, 
	.nav-main .col-sm-6:last-child {
		float: none;
		margin-top: 0;
	}
	.site-logo {
		float: none;
		left: 0;
		top: -160px;
		width: 100%;
		margin-left: 0!important;
	}
}