/*
Theme Name:   GERNHART Theme 2017
Theme URI:    http://fb.com/gernhart78
Description:  GERNHART Theme 2017 is a Twentyseventeen Child Theme
Author:       Sascha Aßbach
Author URI:   https://assbach.com
Template:     twentyseventeen
Version:      1.0.2
Tags:         music
Text Domain:  twentyseventeen-gernhart-child
*/



/* FONTS */

/* libre-franklin-regular - latin */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 300;
  src: url('webfonts/libre-franklin-v2-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Libre Franklin'), local('LibreFranklin-Regular'),
       url('webfonts/libre-franklin-v2-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/libre-franklin-v2-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/libre-franklin-v2-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('webfonts/libre-franklin-v2-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('webfonts/libre-franklin-v2-latin-regular.svg#LibreFranklin') format('svg'); /* Legacy iOS */
}

/* libre-franklin-italic - latin */
@font-face {
  font-family: 'Libre Franklin';
  font-style: italic;
  font-weight: 300;
  src: url('webfonts/libre-franklin-v2-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Libre Franklin Italic'), local('LibreFranklin-Italic'),
       url('webfonts/libre-franklin-v2-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/libre-franklin-v2-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/libre-franklin-v2-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('webfonts/libre-franklin-v2-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('webfonts/libre-franklin-v2-latin-italic.svg#LibreFranklin') format('svg'); /* Legacy iOS */
}

/* libre-franklin-700 - latin */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 700;
  src: url('webfonts/libre-franklin-v2-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Libre Franklin Bold'), local('LibreFranklin-Bold'),
       url('webfonts/libre-franklin-v2-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/libre-franklin-v2-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/libre-franklin-v2-latin-700.woff') format('woff'), /* Modern Browsers */
       url('webfonts/libre-franklin-v2-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('webfonts/libre-franklin-v2-latin-700.svg#LibreFranklin') format('svg'); /* Legacy iOS */
}

/* libre-franklin-700italic - latin */
@font-face {
  font-family: 'Libre Franklin';
  font-style: italic;
  font-weight: 700;
  src: url('webfonts/libre-franklin-v2-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Libre Franklin Bold Italic'), local('LibreFranklin-BoldItalic'),
       url('webfonts/libre-franklin-v2-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/libre-franklin-v2-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/libre-franklin-v2-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('webfonts/libre-franklin-v2-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('webfonts/libre-franklin-v2-latin-700italic.svg#LibreFranklin') format('svg'); /* Legacy iOS */
}




/* /FONTS */

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-bottom: 1em;}
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.visible {opacity:1 !important;}

blockquote {
	background:#111;
	padding:40px;
	font-size: 1.1em;
  height: auto; /* oder 11 */
}

cite {
  color: #D2C9AC;
  font-size: 0.9em;
}

.mt {margin-top:1em;}
.mt2 {margin-top:2em;}
.mt5 {margin-top:5em;}

.gallery-caption {
  /*text-align: center !important;
  padding: 10px 4px !important;
  background: #fff !important;*/
	/*display:none;*/
	background: rgba(0,0,0,0.9);
	    padding: 10px;
	    text-align: center;
	    top: -66px;
	    /* margin-top: -2em; */
	    z-index: 99;
	    position: relative;
	    overflow: hidden;
			font-style: normal;
height: 4.5em;
vertical-align: middle;
color: #777;
margin-bottom: 0;

}

.gallery-item {
	height: 14em;
}


/* smalll logo */
#small-logo {
  display: inline-block;
  width: 200px;
  height: 70px;
  float: left;
  line-height: 71px;
  position: absolute;
  left: -170px;
  opacity:0;
  -webkit-transition: all 2s ease;
  -moz-transition: all 2s ease;
  -ms-transition: all 2s ease;
  -o-transition: all 2s ease;
  transition: all 2s ease;
  text-transform: uppercase;
}

#small-logo img {width:40px; height:auto;margin-right: 10px;vertical-align: text-bottom;}

.site-branding-text h1.site-title a {
  font-size: 3rem;
}

.site-branding-text .site-description {
  font-size: 2rem;
}

h1, .entry-content h1, .entry-content h2 {color:#D2C9AC !important; }
h2.entry-title, h1.entry-title {display:none;}

body.search h2.entry-title, body.search h1.entry-title {display:block; color:#D2C9AC !important; }
body.search h2.entry-title a:link,
body.search h2.entry-title a:visited {color:#D2C9AC !important;}



	body.search .page-header {
		float: none;
		width: auto;
	}



.main-navigation a { text-transform: uppercase;}




.navigation-top, .main-navigation ul {
  background: #542254 !important;

}
.navigation-top {
z-index:999  !important;
  box-shadow: 0px 7px 25px rgba(0,0,0,0.3);
}


.colors-dark .navigation-top a:hover {color:#D2C9AC;}


.glogo {width:300px; height:auto; margin-bottom: 10px; margin-left: -85px;}

.site-content-contain {
  background: transparent url(/wp-content/uploads/2017/08/gernhart-bg3.jpg) no-repeat center center fixed !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}

.dust {
	background: transparent url(/wp-content/uploads/2017/08/gernhart-dust.png) no-repeat center center fixed !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}



/* Parallax
*****************************************************************/


/* foreground (ballons/landscape) */
#parallax-bg3 {
	z-index: 13;
	position: fixed;
	left: 0; /* align left edge with center of viewport */
	top: 0;
	width: 100%;
	margin-left: 0; /* move left by half element's width */
	opacity: 0.7;
	height:300%
	}
	/* balloon */
	#bg3-1 {
		position: absolute;
		top: 0px;
		left: 0px;
		width:100%;
		height:200%;
		}
	#bg3-2 {
		position: absolute;
		top: 812px;
		left: 321px;
		}
	#bg3-3 {
		position: absolute;
		top: 1628px;
		left: 403px;
		}
	#bg3-4 {
		position: absolute;
		top: 2700px;
		left: -85px;
		}
/* midground (clouds) */
#parallax-bg2 {
	z-index: 2;
	position: fixed;
	left: 50%; /* align left edge with center of viewport */
	top: 0;
	width: 1200px;
	margin-left: -600px; /* move left by half element's width */
	}
	#bg2-1 {
		position: absolute;
		top: 162px;
		left: 200px;
		}
	#bg2-2 {
		position: absolute;
		top: 300px;
		left: 1150px;
		}
	#bg2-3 {
		position: absolute;
		top: 543px;
		left: -35px;
		}
	#bg2-4 {
		position: absolute;
		top: 1180px;
		left: 250px;
		}
	#bg2-5 {
		position: absolute;
		top: 900px;
		left: 890px;
		}
/* background (clouds) */
#parallax-bg1 {
	z-index: 1;
	position: fixed;
	left: 50%; /* align left edge with center of viewport */
	top: 0;
	width: 1200px;
	margin-left: -600px; /* move left by half element's width */
	}
	#bg1-1 {
		position: absolute;
		top: 85px;
		left: -270px;
		}
	#bg1-2 {
		position: absolute;
		top: 440px;
		left: 795px;
		}
	#bg1-3 {
		position: absolute;
		top: 900px;
		left: -220px;
		}
	#bg1-4 {
		position: absolute;
		top: 1020px;
		left: 450px;
		}
/*  para ende */


/*footer {background: #111; border-top-color: #111;}*/



.site-footer { margin-top:0; border-top:0;}
footer {background: #fff; border-top-color: #fff; color: #333; margin-top:0; border-top:0;}
footer a:link, footer a:visited {color: #333; box-shadow:none !important; -webkit-box-shadow:none !important;}
footer a:hover {color: #542254 !important; }

#panel1 .wrap, #panel1 {margin-top:0 !important; padding-top:0 !important;}
#panel3 {background-color: #111;}
#panel4 {margin-top: 4em !important;}
/*#panel1 {background-color: #001;}*/


/* diagonale */

.entry-content ul li { margin: 0 0 0 1em;}

.edge--bottom {
  position: relative;
  z-index: 1;
}
.edge--bottom:after {
  background: inherit;
  content: '';
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
}
.edge--bottom:after {
  bottom: 0;
  -webkit-transform: skewY(-1.5deg);
  transform: skewY(-1.5deg);
  -webkit-transform-origin: 100%;
  transform-origin: 100%;
}

.edge--bottom--reverse {
  position: relative;
  z-index: 1;
}
.edge--bottom--reverse:after {
  background: inherit;
  content: '';
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
}
.edge--bottom--reverse:after {
  bottom: 0;
  -webkit-transform: skewY(1.5deg);
  transform: skewY(1.5deg);
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}

.edge--top {
  position: relative;
  z-index: 1;
}
.edge--top:before {
  background: inherit;
  content: '';
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
}
.edge--top:before {
  top: 0;
  -webkit-transform: skewY(1.5deg);
  transform: skewY(1.5deg);
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.edge--top--reverse {
  position: relative;
  z-index: 1;
}
.edge--top--reverse:before {
  background: inherit;
  content: '';
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
}
.edge--top--reverse:before {
  top: 0;
  -webkit-transform: skewY(-1.5deg);
  transform: skewY(-1.5deg);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.edge--both {
  position: relative;
  z-index: 1;
}
.edge--both:before, .edge--both:after {
  background: inherit;
  content: '';
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
}
.edge--both:before {
  top: 0;
  -webkit-transform: skewY(1.5deg);
  transform: skewY(1.5deg);
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.edge--both:after {
  bottom: 0;
  -webkit-transform: skewY(-1.5deg);
  transform: skewY(-1.5deg);
  -webkit-transform-origin: 100%;
  transform-origin: 100%;
}

.edge--both--reverse {
  position: relative;
  z-index: 1;
}
.edge--both--reverse:before, .edge--both--reverse:after {
  background: #111;
  content: '';
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
}
.edge--both--reverse:before {
  top: 0;
  -webkit-transform: skewY(-1.5deg);
  transform: skewY(-1.5deg);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.edge--both--reverse:after {
  bottom: 0;
  -webkit-transform: skewY(1.5deg);
  transform: skewY(1.5deg);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}


.wdia {
  height:0;
  border-width:0 0 40px 100vw;
  border-style:solid;
  border-color:transparent #fff #fff transparent;
}

/* /diagonale */



a.btn, button, input[type=submit] {
  background: #542254 !important;
  color: #fff !important;
  text-decoration: none;
  border-bottom: 0px solid #fff !important;
  padding: 20px 60px;
  box-shadow: none !important;
  text-transform: uppercase;
  display:inline-block;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

a.btn:hover {background:#111;transform: scale(1.1);}


article {border:none !important;}

 .whitebox {background: #dddddd; color:#000; padding:40px 60px; text-align: center; -webkit-box-shadow: 0px 9px 44px -6px rgba(0,0,0,1);
  -moz-box-shadow: 0px 9px 44px -6px rgba(0,0,0,0.75);
  box-shadow: 0px 9px 44px -6px rgba(0,0,0,0.75);}
  .whitebox a:link, .whitebox a:visited {color:#845484; text-decoration: underline;box-shadow: none !important;}
  .whitebox a:hover {color: #111 !important; text-decoration: none !important;box-shadow: none !important;}



  .contact-form textarea, .contact-form input[type=email], .contact-form input[type=text] {width:100% !important; background:#eee !important;}

	.wpcf7 textarea, .wpcf7 input[type=text], .wpcf7 input[type=email]{background:#eee !important;}



  .navigation-top .current-menu-item > a:link,
  .navigation-top .current-menu-item > a:visited,
  .navigation-top .current_page_item > a:link,
  .navigation-top .current_page_item > a:visited {
      border-top: 4px solid rgba(255, 255, 255, 0.2) !important;
      color: #D2C9AC !important;
  }

.left50 {
		float: left;
		width: 50%;
}
.right50 {
		float: right;
		width: 50%;
}

.group:after {
		content:"";
		display: table;
		clear: both;
}

.gallery-icon img.size-thumbnail {

	-webkit-filter: grayscale(100%);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);

}



.owl-carousel-item-imgtitle {
    font-size: 16px !important;
		padding: 20px !important;
}


.owl-carousel .item:hover .owl-carousel-item-imgoverlay {
    background-color: rgba(0, 0, 0, 0.8) !important;
}

.blog:not(.has-sidebar) #primary article,
	.archive:not(.page-one-column):not(.has-sidebar) #primary article,
	.search:not(.has-sidebar) #primary article,
	.error404:not(.has-sidebar) #primary .page-content,
	.error404.has-sidebar #primary .page-content,
	body.page-two-column:not(.archive) #primary .entry-content,
	body.page-two-column #comments {
		 float: none;
		width: 100%;
	}

	.colors-dark input[type="text"]:focus,
	.colors-dark input[type="email"]:focus,
	.colors-dark input[type="url"]:focus,
	.colors-dark input[type="password"]:focus,
	.colors-dark input[type="search"]:focus,
	.colors-dark input[type="number"]:focus,
	.colors-dark input[type="tel"]:focus,
	.colors-dark input[type="range"]:focus,
	.colors-dark input[type="date"]:focus,
	.colors-dark input[type="month"]:focus,
	.colors-dark input[type="week"]:focus,
	.colors-dark input[type="time"]:focus,
	.colors-dark input[type="datetime"]:focus,
	.colors-dark input[type="datetime-local"]:focus,
	.colors-dark input[type="color"]:focus,
	.colors-dark textarea:focus,
.colors-dark input[type="text"],
.colors-dark input[type="email"],
.colors-dark input[type="url"],
.colors-dark input[type="password"],
.colors-dark input[type="search"],
.colors-dark input[type="number"],
.colors-dark input[type="tel"],
.colors-dark input[type="range"],
.colors-dark input[type="date"],
.colors-dark input[type="month"],
.colors-dark input[type="week"],
.colors-dark input[type="time"],
.colors-dark input[type="datetime"],
.colors-dark input[type="datetime-local"],
.colors-dark input[type="color"],
.colors-dark textarea {
	color: #333 !important;
}


.featherlight .featherlight-content .caption {
    color: #fff;
    font-size: 1em !important;
    padding: 0.5em;
    bottom: 0;
    right: 0;
		background: #000;
		letter-spacing: 0.05em;
}


/* -------------------------------------------- responsive */
  @media screen and (max-width: 1370px) {

    #small-logo { display:none !important;}

  }

  @media screen and (min-width: 67em) {
    .navigation-top .wrap {
      padding: 0em 2em;
    }
  }
  @media screen and (min-width: 48em) {
    body {
      font-size: 1.2rem;
    }
    .panel-content .wrap {
      padding-top: 2em;
      padding-bottom: 3em;
    }
    .panel-content header, #primary header {display:none;}


		body.search h2.entry-title, body.search h1.entry-title,
		body.search .panel-content header, body.search #primary header {display:block;}
		body.search header.page-header {
			float: none !important;
			width: auto !important;
			color: #D2C9AC !important;
		}



    .main-navigation > div > ul {margin-left: 1em !important;}

    .main-navigation a {

        padding: 1.5em 0em;
        margin: 0px 1em;
    }

  }

  @media screen and (min-width: 30em) {
    .page-one-column .panel-content .wrap,
    .page.page-one-column:not(.twentyseventeen-front-page) #primary {
      max-width: 1000px;
    }
  }

  @media screen and (max-width: 767px) {
    .site-branding { text-align: center;}
    .glogo {margin-left:0;}
		.left50, .right50 {
				float: none;
				width: auto;
		}
		.gallery-item {
			height: 11em;
		}

		.gallery-caption { display:none;}
  }

  @media screen and (min-width: 768px)  and (max-width: 1099px){
    .glogo {margin-left:0;}

		.gallery-item {
			height: 10em;
		}

		.gallery-caption { display:block;}

  }

@@import "fonts/";