/*
Theme Name:         Götz Holborn Theme
Theme URI:          http://themefortress.com/reverie/
Description:        Reverie is a versatile HTML5 responsive WordPress framework based on ZURB's Foundation.
Version:            4.0.0
Author:             Matthias Honert, Zhen Huang
Author URI:         http://themefortress.com/

License:            MIT License
License URI:        http://www.opensource.org/licenses/mit-license.php
*/

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

	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);
}
.mainheader{text-align: center;}
.mainheader > h1 {font-size: 1em; font-weight: bold;padding: 5em 0 2.6em;}
.mainheader > h1 a{color: #222222;}

.center {text-align: center;}
footer[role="contentinfo"] p{margin-bottom: 0;}
footer[role="contentinfo"]{ margin: 5em auto;}

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

.single .container h1{margin: 5.25em 0;}

figure.images{margin: 0 0 -1.4em;text-align: center;}
.flex-video-container {
    margin: 0 0 -1.4em;
    text-align: center;
}

/************ Category ************/

.no-bullet.postlist {
  margin-left: 0;
  margin: 3em auto;
  width: 300px;
}
.no-bullet.imagelist {
    width: 180px;
    height: 130px;
    margin: 0 auto;
    position: relative;
}
.no-bullet.imagelist > li {
    left: 0;
    top: 0;
    position: absolute;
    width: 180px;
    height: 130px;
    opacity: 0;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}

/************ Modal Window ************/

#myModalSingleContainer .reveal-modal-bg{background-color: rgba(0, 255, 177, 0.9);}
#myModalKontaktContainer .reveal-modal-bg{background-color: rgba(0, 255, 255, 0.9);}
#myModalVitaContainer .reveal-modal-bg{background-color: rgba(0, 0, 0, 0.9);}
#myModalVita{color: white;}
#myModalSingleContainer h2,#myModalKontaktContainer h2,#myModalVitaContainer h2 {
    margin-bottom: 4.2em;
    margin-top: 0;
    font-weight: 300;
}
#myModalSingleContainer h3,#myModalKontaktContainer h3,#myModalVitaContainer h3 {
    margin-bottom: 1.4em;
    margin-top: 4.2em;
    font-weight: bold;
}
#myModalVitaContainer h2,#myModalVitaContainer h3 {
   color: white;
}
#myModalSingleContainer .close-reveal-modal,#myModalKontaktContainer .close-reveal-modal{color: #222222;}




.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;
}
/* ------ Retina Images ------- */
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 700px), only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 700px),only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 700px), only screen and (min-device-pixel-ratio: 2) and (min-width: 700px), only screen and ( min-resolution: 192dpi) and (min-width: 700px), only screen and ( min-resolution: 2dppx) and (min-width: 700px) { 
  
  .entry-title a {
    background: url("img/waveline-retina.png") no-repeat bottom left;padding-bottom: 10px;
    background-size: 560px 5px;
  }
  .top-bar-section ul li > a:hover {
    background: url("img/waveline-retina.png") no-repeat bottom left;
    background-size: 560px 5px;
  }
  .top-bar-section ul li.active a, .top-bar-section ul li.current-post-parent a{
    background: url("img/waveline-retina.png") no-repeat bottom left;
    background-size: 560px 5px;
  }
  .top-bar-section li a:not(.button):hover {
    background: url("img/waveline-retina.png") no-repeat bottom left;
    background-size: 560px 5px;
  }
  .reveal-modal .close-reveal-modal{background: url("img/closemodalblack-retina.png") no-repeat bottom left;}
  #myModalVita .close-reveal-modal{background: url("img/closemodal-retina.png") no-repeat bottom left;}

}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) {
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} 
}
/* ------ Small Devices ------- */
@media only screen and (min-device-width: 481px) and (max-width: 800px) {

  body {font-size: 12px;}
  .top-bar-section ul {font-size: 12px;}
  .flex-direction-nav {display: none;}
  .single .container h1.sliderheadline {
    margin-top: -3.5em;
    z-index: 10;
    font-weight: 100;
  }
  .flexslider-container {
    height: 415px;
  }
  .sliderflex-video iframe, .sliderflex-video object, .sliderflex-video embed, .sliderflex-video video {
    width:70% !important;
    height:70% !important;
    max-height: 70% !important;
}
  .flexslider-container{ margin-bottom:0;}
  .flexslider {
    /*max-height: 500px;
    max-width: 600px;*/
  }
  .flexslider img{/*height: 100% !important; width: auto;*/
    width:auto!important;
    height:auto!important;
    max-height: 70% !important;
    max-width: 100% !important;}
  }
}
@media only screen and (max-width: 767px) {
  body {font-size: 14px;}
  .top-bar-section ul {font-size: 14px;}
}
@media only screen and (max-width : 480px) {  
    .flexslider-container {
    height: 300px;
    } 
    .flexslider {
    max-height: 300px;
    }
    .single .container h1.sliderheadline {
    margin-top: -2em;
    z-index: 10;
    }
}

/* Portrait */
@media screen and (orientation:portrait) {
  body {font-size: 14px;}
  .top-bar-section ul {font-size: 14px;}
    /* Portrait styles */
}
/* Landscape */
@media screen and (orientation:landscape) {
    /* Landscape styles */
}