/*
Theme Name:         Eppelsheim
Theme URI:          http://eppelsheim.com
Author:             studioh8
Author URI:         http://studioh8.de
*/

/* -------------------------------------------------- 

	This stylesheet will not be loaded in the front
	end by default.
	
	If you are using Sass, the main stylesheet in
	css/style.css and scss/style.scss. Style.scss has
	already loaded the main Foundation Sass and Normalize.
	Start learning Sass today and have fun and enjoy
	customizing Reverie.
	
	If you are using vanilla CSS to customize Reverie,
	go to functions.php line 23 and follow the instruction
	to enable CSS support, then start editing this file.

-------------------------------------------------- */

/* Start to customize Reverie */
header.row,
.container.row,
.row.full-width {
  background-color: rgba(255, 255, 255, 0.9);
}

h4.subheader, ol.commentlist cite.subheader.fn {
  margin-top: -1em;
}

.page-numbers {
  display: block;
  height: 1.5em;
  margin-left: -0.3125em;
}
.page-numbers li {
  display: block;
  float: left;
  height: 1.5em;
  color: #222222;
  font-size: 0.875em;
  margin-left: 0.3125em;
}
.page-numbers li a {
  display: block;
  padding: 0.0625em 0.4375em 0.0625em;
  color: #999999;
}
.page-numbers li:hover a,
.page-numbers li a:focus {
  background: #e6e6e6;
}
.page-numbers li.unavailable a {
  cursor: default;
  color: #999999;
}
.page-numbers li.unavailable:hover a, .page-numbers li.unavailable a:focus {
  background: transparent;
}
.page-numbers li.current a {
  background: #2ba6cb;
  color: white;
  font-weight: bold;
  cursor: default;
}
.page-numbers li.current a:hover, .page-numbers li.current a:focus {
  background: #2ba6cb;
}

.page-numbers li span:hover a,
.page-numbers li span a:focus {
  background: #e6e6e6;
}
.page-numbers li span.current {
  background: #2ba6cb;
  padding: 0.0625em 0.4375em 0.0625em;
  color: white;
  font-weight: bold;
  cursor: default;
}

ol.commentlist {
  margin-left: 0;
  margin-top: 2em;
}
ol.commentlist li {
  list-style: none;
  margin-bottom: 2em;
}
ol.commentlist .comment-author img {
  border-radius: 50%;
  float: left;
  margin: 0 1em 0 0;
}
ol.commentlist .author-meta {
  display: inline-block;
}
ol.commentlist cite.fn {
  margin-right: 0.5em;
}
ol.commentlist section.comment {
  border-style: solid;
  border-width: 1px;
  border-color: #e6e6e6;
  margin-bottom: 1.25em;
  padding: 20px;
  background: white;
}
ol.commentlist section.comment h1, ol.commentlist section.comment h2, ol.commentlist section.comment h3, ol.commentlist section.comment h4, ol.commentlist section.comment cite.fn, ol.commentlist section.comment h5, ol.commentlist section.comment h6, ol.commentlist section.comment p {
  color: #333333;
}
ol.commentlist section.comment > :first-child {
  margin-top: 0;
}
ol.commentlist section.comment > :last-child {
  margin-bottom: 0;
}
ol.commentlist section.comment h1, ol.commentlist section.comment h2, ol.commentlist section.comment h3, ol.commentlist section.comment h4, ol.commentlist section.comment cite.fn, ol.commentlist section.comment h5, ol.commentlist section.comment h6 {
  line-height: 1;
  margin-bottom: 0.625em;
}
ol.commentlist section.comment h1.subheader, ol.commentlist section.comment h2.subheader, ol.commentlist section.comment h3.subheader, ol.commentlist section.comment h4.subheader, ol.commentlist section.comment cite.subheader.fn, ol.commentlist section.comment h5.subheader, ol.commentlist section.comment h6.subheader {
  line-height: 1.4;
}
ol.commentlist a.comment-reply-link {
  float: right;
  position: relative;
  bottom: 1em;
}

ul {
  margin-left: 1.25em;
}

figure {
  margin-bottom: 1.25em;
}

input.prefix.button {
  line-height: 1;
}

#sidebar input.prefix.button {
  line-height: 0.7;
}

img.alignright {
  float: right;
  margin: 0 0 18px 18px;
}

img.alignleft {
  float: left;
  margin: 0 18px 18px 0;
}

img.aligncenter {
  display: block;
  margin: 18px auto;
}

figure.figure {
  margin: 0 auto;
  display: inline-block;
}
figure.figure figcaption {
  padding: 8px 10px;
  color: gray;
  margin-bottom: 1.25em;
}

figure.alignright.figure {
  float: right;
  margin: 0 0 18px 18px;
}

figure.alignleft.figure {
  float: left;
  margin: 0 18px 18px 0;
}



/* CUSTOM CSS */

body {
  background: url(img/bgimg-about.jpg) no-repeat top center #26282e;
  background-attachment: fixed;
  padding-bottom: 45px;
  position:inherit;
}

p {
  font-weight: 200;
}

#header {
  margin-top: 55px;
  margin-bottom: 45px;
}

#header h1 {
text-align: center;
}

#navigation {
  margin-top: 20px;
  text-align: center;
  background: url(img/nav-hr.png) no-repeat center center transparent;
}

#navigation ul {
  display: inline-block;
  width: auto;
  margin: 0;
  padding: 0;
}

#navigation ul li {
  float: left;
  display: inline;
  padding: 2px 7px;
}

#navigation ul li a {
  color: #9e9e9e;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 1px;
}

#navigation ul li.active a, #navigation ul li.current-page-ancestor a {
  color: white;
}

#navigation ul li a:hover {
  color: white;
}

#teaser {
  text-align: center;
  margin-bottom: 45px;
}

#teaser h3 {
  color: #666;
  font-size: 18px;
  font-style: italic;
  font-weight: 200;
  padding: 0 0;
  font-size: 18px;
  display: inline;
  background-color: white;
  box-shadow: 7px 0 0 0 white, -7px 0 0 0 white;
  position: relative;
  line-height: 24px;
}

#about-gallery {
  background: white;
  padding: 0.4687em;
  position: relative;
}

#about-gallery .columns {
  padding: 0.4687em;
}

#about-gallery .badge {
  display: block;
  position: absolute;
  bottom: -25px;
  left: 45px;
  text-indent: -99999px;
  background: url(img/badge-werkstatt.png) no-repeat center center transparent;
  width: 127px;
  height: 127px;
}


/* KONTAKT */

#kontakt-info {
  background: white;
  position: relative;
  padding: 0.9375em 0;
}

#kontakt-info .anschrift {
  padding: 2.875em 2.875em 0 3.8125em;
}

#kontakt-info h2 {
  color: #666;
  font-size: 18px;
  font-style: italic;
  font-weight: 200;
}

#kontakt-info p {
  font-size: 14px;
  font-weight: 200;
  color: #666;
}

#kontakt-info hr {
  margin: 2em 0;
    border: solid #e6e6e6;
    border-width: 1px 0 0;
}



/* INSTRUMENTE ÜBERSICHT */

#instrumente {
  background: #FFF;
}

#instrumente img {
  width: 100%;
}

#instrumente sub {
  text-transform: none;
}

.instrumente-liste {
  margin: auto -15px;
}

.instrumente-liste li {
  height: 290px;
  padding: 0;
  text-align: center;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -kthtml-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.instrumente-liste li img {
  -webkit-transition: all 0.05s linear;
    -o-transition: all 0.05s linear;
    -moz-transition: all 0.05s linear;
    -ms-transition: all 0.05s linear;
    -kthtml-transition: all 0.05s linear;
    transition: all 0.05s linear;
}

.instrumente-liste li:hover {
  background: #f8fcfd;
}

.instrumente-liste li:hover img {
}


.instrumente-liste li:nth-child(4n) {
  border-right: 0;
}

.instrumente-liste li:nth-child(n+5) {
  border-bottom: 0;
}

.instrument-title {
  color: #7b7b7b;
  font-weight: 200;
  text-transform: uppercase;
  font-size: 12px;
}

/* INSTRUMENTE SLIDER */

.orbit-slide-number, .orbit-timer,  .paused  {
  display: none;
}


/* INSET-HOVER-EFFEKT 

.instrumente-liste li {
  height: 290px;
  padding: 0;
  text-align: center;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  -webkit-transition: all 0.05s linear;
    -o-transition: all 0.05s linear;
    -moz-transition: all 0.05s linear;
    -ms-transition: all 0.05s linear;
    -kthtml-transition: all 0.05s linear;
    transition: all 0.05s linear;
}

.instrumente-liste li img{
  -webkit-transition: all 0.05s linear;
    -o-transition: all 0.05s linear;
    -moz-transition: all 0.05s linear;
    -ms-transition: all 0.05s linear;
    -kthtml-transition: all 0.05s linear;
    transition: all 0.05s linear;
}

.instrumente-liste li:hover {
  box-shadow: inset 2px 2px 5px #DfDfDf, inset -2px -2px 5px #DfDfDf;
  background: #F5F5F5;
}

.instrumente-liste li:hover img {
  width: 99% !important;
}

*/



/* INSTRUMENT SINGLE */

#instrument-single {
  background: #FFF;
  padding: 30px 50px;
}

#instrument-single h2 {
  padding-bottom: 15px;
  border-bottom: 1px solid #DDD;
  text-align: center;
  color: #5b5b5b;
  font-weight: 200;
}

#instrument-single ul {
  text-align: left;
  list-style-type: disc;
  font-weight: 200;
  line-height: 24px;
  color: #5b5b5b;
  margin-bottom: 40px;
}

hr.grey-line {
  border-color: #DDDDDD;
  margin-bottom: 35px;
}

#videos {
  margin-bottom: 20px;
}

/* AUDIO-PLAYER */

div.player-track-title span {
	padding-left: 0;
}

.dark .mp3j-popout-MI {
	display: none;
}

.dark #vol_mp3j_0 {
  display: none;
}


@media only screen and (max-width: 768px) {
  #instrument-single {
    padding: 15px 10px;
  }
}


/* Sonderanfertigungen */

/* INSTRUMENT SINGLE */

#sonderanfertigungen {
  background: #FFF;
  padding: 30px 50px;
}

#sonderanfertigungen h2 {
  padding-bottom: 15px;
  border-bottom: 1px solid #DDD;
  text-align: center;
  color: #5b5b5b;
  font-weight: 200;
}

#sonderanfertigungen h4 {
  font-weight: 200;
}

#sonderanfertigungen ul {
  text-align: left;
  list-style-type: disc;
  font-weight: 200;
  line-height: 24px;
  color: #5b5b5b;
  margin-bottom: 20px;
}

#sonderanfertigungen .gallery-item {
  float: left;
  width: 18.6%;
  margin-right: 10px;
  margin-bottom: 0;
}

#sonderanfertigungen .gallery-item:nth-child(5) {
  margin-right: 0;
}

#sonderanfertigungen .gallery-item img {
  filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
}

#sonderanfertigungen .gallery-item img:hover {
  filter: none;
  -webkit-filter: grayscale(0);
}




/* Slider */
.theme-default .nivoSlider {
  box-shadow: none !important;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
  margin-left: 5px;
  margin-right: 5px;
  opacity: 0.5;
  filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled a:hover {
  -webkit-transition: all 0.07s linear;
    -o-transition: all 0.07s linear;
    -moz-transition: all 0.07s linear;
    -ms-transition: all 0.07s linear;
    -kthtml-transition: all 0.07s linear;
    transition: all 0.07s linear;
  opacity: 0.8;
  filter: none;
  -webkit-filter: grayscale(0);
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled a.active {
  margin-left: 5px;
  margin-right: 5px;
  opacity: 1;
  filter: none;
  -webkit-filter: grayscale(0);
}




#foot {
	margin-top: 50px;
	border-top: 1px solid #555558;
	text-align: right;
}

#foot ul {
	display: inline-block;
	padding: 0;
	margin: 0;
}

#foot ul li {
	float: left;
	display: inline;
	padding: 2px 4px;
	color: #fff;
	font-size: 10px;
	text-transform: uppercase;
}

#foot ul li a {
	color: #9e9e9e;
}

#foot ul li a:hover {
	color: white;
}


/* WPML */

#footer_language_list{
  position: absolute;
  top: 15px;
  right: 15px;
  color: #fff;
  font-size: 10px;
  text-transform: uppercase;
}

#footer_language_list ul{
  list-style: none;
  margin:0;
  padding:0;
}

#footer_language_list ul li img{
  margin-right:5px;
}

#footer_language_list ul li{
  display:inline;
  margin:0 5px 0 5px;
  padding:0;
}

#footer_language_list ul li a, #footer_language_list ul li a:visited {
  color: #ccc;
}

#footer_language_list ul li a:active {
  color: #ccc;
}

#footer_language_list ul li a:hover {
  color: #fff
}

body.admin-bar #footer_language_list{
  top: 40px;
}




/* Datenschutz */

.page-template-default h3 {
	color: #666;
  font-size: 18px;
  font-style: italic;
  font-weight: 200;
}



/* OVERWRITE FOUNDATION.CSS */

hr {
  border: solid #555558;
  border-width: 1px 0 0;
}

.row {
  max-width: 52em;
}

#fancybox-wrap, #fancybox-wrap * {
    -moz-box-sizing: content-box !important;
}

@media only screen and (min-width: 58.75em) {
  
  .contain-to-grid .top-bar {
    max-width: 52em;
    margin: 0 auto; }

}