/* ----- */
.preview .page {
  min-width: 0;
}
.preview  .gallery-adsense {
  display: none;
}
/* -------------------- odstranit */


.gallery-page {
  max-width: none !important;
}

.grafika-obal {position: relative; z-index: 1000;}
.grafika-obal section {position: relative;}
.grafika-obal b {font-weight: bold;}

.grafika-obal p {
  font-family: Lora,serif;
  font-size: 17px; 
  line-height: 1.7;
  padding: 0;
  margin: 0 60px 24px 60px; 
}

/*zena.cz*/
.bbx-site-zena .article .content .grafika-obal p {
  font-family: "Open Sans",Arial,sans-serif;
  font-size: 16px;
  line-height: 1.75;
  padding-bottom: 0;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 25px;
 }


.grafika-obal h1 {
  font-family: Lora,serif;
  font-weight: bold;
  font-size: 35px;
  line-height: 1.17;
  margin: 0 60px 32px 60px;
  padding: 0;
  text-align: left;
}
.bbx-site-zena .article .content .grafika-obal h1 {
  font-family: "Open Sans",Arial,sans-serif;
  margin-right: 0;
  margin-left: 0;
}

.graphics-whitefullpage .grafika-obal h1, .bbx-site-zena.template-graphics-whitefullpage .grafika-obal h1, .graphics-blackfullpage .grafika-obal h1, .graphics-blackfullpagenoad .grafika-obal h1, .bbx-site-zena.template-graphics-blackfullpage .grafika-obal h1, .bbx-site-zena.template-graphics-blackfullpagenoad .grafika-obal h1 {
  font-size: 40px;
}

.grafika-obal h2 {
  font-family: Lora,serif;
  font-weight: bold;
  font-size: 24px;
  line-height: 1.3;
  margin: 0 60px 32px 60px;
  padding: 0;
  text-align: left;
}
.bbx-site-zena .article .content .grafika-obal h2 {
  font-family: "Open Sans",Arial,sans-serif;
  margin-right: 0;
  margin-left: 0;
}

.grafika-obal h3 {
  font-family: Lora,serif;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.5;
  margin: 0 60px 24px 60px;
  padding: 0;
  text-align: left;
}
.bbx-site-zena .article .content .grafika-obal h3 {
  font-family: "Open Sans",Arial,sans-serif;
  margin-right: 0;
  margin-left: 0;
}


.grafika-obal .info-box h3, .graphics-blackfullpage .grafika-obal .info-box h3, .graphics-blackfullpagenoad .grafika-obal .info-box h3, .graphics-white .grafika-obal .info-box h3, .graphics-whitefullpage .grafika-obal .info-box h3, .bbx-site-zena .article .content .grafika-obal .info-box h3 {
  margin: 14px 24px 0 24px;
  padding: 0;
}

.grafika-obal h4 {
  font-family: Lora,serif;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.5;
  padding: 0;
  margin: 0 60px 24px 60px;
  text-align: left;
}
.bbx-site-zena .article .content .grafika-obal h4 {
  font-family: "Open Sans",Arial,sans-serif;
  margin-right: 0;
  margin-left: 0;
}

.grafika-obal .info-box h4, .graphics-blackfullpage .grafika-obal .info-box h4, .graphics-blackfullpagenoad .grafika-obal .info-box h4,.graphics-white .grafika-obal .info-box h4, .graphics-whitefullpage .grafika-obal .info-box h4, .bbx-site-zena .article .content .grafika-obal .info-box h4 {
  margin: 14px 24px 0 24px;
  padding: 0;
}

.grafika-obal .margin-b-4 {
  margin-bottom: 4px !important;
}

.grafika-obal p.comment, .grafika-obal span.comment, .bbx-site-zena .article .content .grafika-obal p.comment {
  font-size: 15px;
  color: #828b8f;
  font-family: Barlow, sans-serif;
}
.grafika-obal h1 .comment, .grafika-obal h2 .comment, .grafika-obal h3 .comment, .grafika-obal h4 .comment {
  display: block;
  margin-top: 5px;
}
.grafika-obal .img-wr span.comment {
  display: inline-block;
  margin: 9px 7px 0 7px;
  line-height: 1.6;
}

.grafika-obal span.comment.absolute-b-r {
  display: inline-block;
  position: absolute;
  bottom: 5px;
  right: 5px;
  z-index: 2;
  margin: 7px 0 0 0;
  padding: 1px 4px;
  font-size: 11px;
  max-width: calc(100% - 10px);
  box-sizing: border-box;
  color: black; text-shadow: 0 0 2px white;
}
.grafika-obal span.comment.absolute-b-r a {color: black;}
.grafika-obal span.comment.absolute-b-r:hover {
  background: #ffffff;
}

.grafika-obal span.comment.absolute-b-r.white {
  color: white; text-shadow: 0 0 2px black;
}
.grafika-obal span.comment.absolute-b-r.white a {
  color: white;
}  
.grafika-obal span.comment.absolute-b-r.white:hover {
  background: #000000;
}

.middle-wr {
  margin: 0 24px;
}
.graphics-whitefullpage .middle-wr {
  margin: 0 54px;
}
.template-graphics-whitefullpage .middle-wr {
  margin: 0 34px;
}

.template-graphics-white .middle-wr {
  margin: 0;
}

.max-w-1000 {
  max-width: 1000px; margin: 0 auto;
}

.grafika-obal .intro {border-radius: 7px; overflow: hidden; margin: 0 0 20px 0; position: relative;}

.img-wr {
  position: relative;
  margin: 0 12px 24px 12px;
}
.img-wr.wide {
  margin: 0 0 24px 0;
}

.template-graphics-white .img-wr.wide, .template-graphics-whitefullpage .img-wr.wide {
  margin-right: auto;
  margin-left: auto;
}

.img-wr .intrinsic, .img-wr img {
  border-radius: 4px;
}

.info-box .img-wr.wide .intrinsic, .info-box .img-wr.wide img, .template-graphics-blackfullpagenoad .img-wr.wide .intrinsic, .template-graphics-blackfullpagenoad .img-wr.wide img, .graphics-blackfullpagenoad .img-wr.wide .intrinsic, .graphics-blackfullpagenoad .img-wr.wide img {
  border-radius: 0;
}

.intrinsic.intrinsic-9x3, .intrinsic.intrinsic-3x1 {
  padding-bottom: 33.333%;
}
 
.info-box {
  position: relative;
  float: right;
  background: #E9F0F8;
  border-radius: 4px;
  width: 45%; max-width: 412px; 
  box-sizing: border-box;
  margin: 0 12px 20px 20px;
  padding: 0 0 14px 0; z-index: 2;
  overflow: hidden;
}
.info-box.full {
  width: 100%; 
  float: none;
  max-width: none;
  margin: 20px 0 20px 0;
}
.info-box .img-wr {
  margin-bottom: 4px; 
  margin-top: 14px; 
}
.info-box .img-wr.wide {
  margin-top: 0; 
}
.grafika-obal .info-box p, .graphics-blackfullpage .grafika-obal .info-box p, .graphics-blackfullpagenoad .grafika-obal .info-box p, .graphics-white .grafika-obal .info-box p, .graphics-whitefullpage .grafika-obal .info-box p, .bbx-site-zena .article .content .grafika-obal .info-box p {
  font-size: 15px;
  margin: 14px 24px 0 24px;
  padding: 0;
}

.template-graphics-white .info-box, .template-graphics-whitefullpage .info-box {
  margin-right: 0;
}
.bbx-site-zena .article .content .grafika-obal .info-box p {
  margin-right: 24px;
  margin-left: 24px;
}


.grafika-obal .info-box p:last-of-type {
  margin-bottom: 24px;
}

.grafika-obal div.quote {
  background: #E9F0F8;
  padding: 30px;
  border-radius: 4px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  font-family: Lora,serif;
  font-size: 17px;
  line-height: 1.7;
}
.bbx-site-zena .grafika-obal div.quote {
  font-family: "Open Sans",Arial,sans-serif;
}

.grafika-obal div.quote.wide {
  margin: 0 60px 22px 60px;
}

.bbx-site-zena .grafika-obal div.quote.wide {
  margin-right: 0;
  margin-left: 0;
}

.bbx-site-zena.template-graphics-blackfullpage .grafika-obal div.quote.wide, .bbx-site-zena.template-graphics-blackfullpagenoad .grafika-obal div.quote.wide {
  margin-right: 60px;
  margin-left: 60px;
}

.grafika-obal div.quote::after {
  content: '“';
  z-index: 0;
  position: absolute;
  bottom: -41px;
  right: 20px;
  opacity: .095;
  line-height: 0px;
  font-size: 300px;
  font-family: Lora, serif;
  font-weight: bold;
  text-align: center;
  vertical-align: top;
  color: #1b69bf;
}
.grafika-obal div.quote span {
  position: relative;
  z-index: 2;
}
.grafika-obal div.quote span.author {
  display: flex;
  padding: 10px 0 0 0;
  align-content: center;
  align-items: center;
}
.grafika-obal div.quote span.author img {
  width: 70px;
  height: 70px;
  border-radius: 50px;
  margin: 0 10px 0 0;
}
.grafika-obal div.quote span.author em {
  font-weight: bold;
  font-style: normal;
  color: #1b69bf;
  font-size: 15px;
  line-height: 1.4;
}


.grafika-obal a.a-btn {
  display: inline-block;
  background: #1B69BF;
  margin: 10px auto 14px auto;
  height: 32px;
  line-height: 30px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0 16px;
  border-radius: 4px;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.12);
  font-family: Barlow, sans-serif;
}
.grafika-obal a.a-btn:hover, .article .grafika-obal a.a-btn:hover {color: #fff;}


.grafika-obal a.zoom-btn {
  display: block;
  position: absolute;
  top: 6px;
  left: 6px;
  z-index: 100;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: #2F6AC2;
  background-image: url(https://graphics.stdout.cz/common1/search-white._0_.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px 15px;
}


/*nadpis v obrazovem predelu*/
.grafika-obal .img-wr h1.abs {
  position: absolute;
  bottom: 0; margin: 0 44px 34px 44px;
  z-index: 3;
  font-family: Barlow, sans-serif;
  color: white;
  text-shadow: 0 0 3px rgba(0,0,0,0.5);
}
.grafika-obal .img-wr h1.abs i {
  display: inline-block;
  font-size: 20px;
  line-height: 1.1;
  background: #1b69bf;
  color: white;
  font-style: normal;
  font-weight: bold;
  padding: 5px 7px;
  margin: 0 0 2px 0;
  text-transform: uppercase;
  border-radius: 2px;
}
.grafika-obal .img-wr h1.abs span {
  display: block;
  padding: 10px 0;
  font-weight: bold;
}
.grafika-obal .img-wr h1.abs em {
  display: block;
  font-size: 17px;
  font-weight: normal;
  font-style: normal;
  padding: 10px 0;
}

.black-gradient::after {
  content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 30%; z-index: 2; 
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
}

/*citat v2 - ze sablony*/
.citat-obal {
  position: relative; width: calc(100% - 24px); margin: 0 12px 24px 12px; padding: 26px;
  background-color: #E9F0F8; border-radius: 4px;
  background-image: url('https://graphics.stdout.cz/common1/uvozovky._0_.png'); background-position: right bottom; background-size: 194px 136px; background-repeat: no-repeat;
  box-sizing: border-box;
}
.info-box .citat-obal {
  margin: 0;
  width: 100%;
}
.citat-obal .sdeleni {
  font-size: 24px;
  line-height: 1.5;
  font-weight: bold;
  margin: 0;
  padding: 0 0 10px 0;
  color: #07171F;
}
.citat-obal .cit-nadpis {
  display: block;
  font-size: 17px;
  line-height: 1.3;
  font-weight: bold;
  padding: 0 0 12px 0;
  margin: 0;
  color: #2F6AC2;
  font-weight: bold;
  text-transform: uppercase;
}
.citat-obal h4.hidden {
  display: none;
}
.citat {
  padding: 0;
}
.citat-2, .citat-3, .citat-4, .citat-5, .citat-6, .citat-7, .citat-8, .citat-9, .citat-10 {
  padding-top: 12px;
  margin-top: 24px;
  border-top: 2px solid white;
}
.citat .cit-autor {
  display: flex;
  align-items: center;
  width: 95%;
  margin-top: 12px;
}
.citat .cit-autor img {
  width: 68px;
  height: 68px;
  border-radius: 88px;
  background-color: #bfd5ec;
  margin: 0 14px 0 0; max-width: none;
}
.citat .cit-autor .cit-jmeno {
  font-size: 20px;
  line-height: 1.3;
  color: #2F6AC2;
  margin: 0;
  display: block;
}
.citat .cit-autor .cit-jmeno span {
  display: block;
  font-weight: bold;
}
.citat .cit-autor .cit-jmeno em {
  display: block;
  font-size: 17px;
  color: #07171f;
  font-style: normal;
  font-weight: normal;
  line-height: 1.2;
  display: block;
}


@media screen and (max-width: 1024px) { 
  .grafika-obal p, .graphics-white .grafika-obal p, .grafika-obal h1, .grafika-obal h2, .grafika-obal h3, .grafika-obal h4, .bbx-site-zena .article .content .grafika-obal h1, .bbx-site-zena .article .content .grafika-obal h2, .bbx-site-zena .article .content .grafika-obal h3, .bbx-site-zena .article .content .grafika-obal h4 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .graphics-black .grafika-obal p, .graphics-blackfullpage .grafika-obal p, .graphics-blackfullpagenoad .grafika-obal p, .template-graphics-blackfullpage .grafika-obal p, .template-graphics-blackfullpagenoad .grafika-obal p, .bbx-site-zena.template-graphics-blackfullpagenoad .grafika-obal h1, .bbx-site-zena.template-graphics-blackfullpagenoad .grafika-obal h2, .bbx-site-zena.template-graphics-blackfullpagenoad .grafika-obal h3, .bbx-site-zena.template-graphics-blackfullpagenoad .grafika-obal h4, .bbx-site-zena.template-graphics-blackfullpage .grafika-obal h1, .bbx-site-zena.template-graphics-blackfullpage .grafika-obal h2, .bbx-site-zena.template-graphics-blackfullpage .grafika-obal h3, .bbx-site-zena.template-graphics-blackfullpage .grafika-obal h1, .bbx-site-zena.template-graphics-blackfullpage .grafika-obal h4, .graphics-black .grafika-obal h1, .graphics-black .grafika-obal h2, .graphics-black .grafika-obal h3, .graphics-black .grafika-obal h4, .graphics-blackfullpage .grafika-obal h1, .graphics-blackfullpage .grafika-obal h2, .graphics-blackfullpage .grafika-obal h3, .graphics-blackfullpage .grafika-obal h4, .graphics-blackfullpagenoad .grafika-obal h1, .graphics-blackfullpagenoad .grafika-obal h2, .graphics-blackfullpagenoad .grafika-obal h3, .graphics-blackfullpagenoad .grafika-obal h4 {
     margin-left: 24px;
     margin-right: 24px;
  }

  .middle-wr, .graphics-whitefullpage .middle-wr, .template-graphics-whitefullpage .middle-wr {
    margin-left: 0px;
    margin-right: 0px;
  }

  .graphics-blackfullpage .middle-wr, .graphics-blackfullpagenoad .middle-wr, .template-graphics-blackfullpage .middle-wr, .template-graphics-blackfullpagenoad .middle-wr {
    margin-left: 24px;
    margin-right: 24px;
  }

  .grafika-obal div.quote.wide {
    margin-left: 0px;
    margin-right: 0px;
  }

  .graphics-black .grafika-obal div.quote.wide, .graphics-blackfullpage .grafika-obal div.quote.wide, .graphics-blackfullpagenoad .grafika-obal div.quote.wide, .bbx-site-zena.template-graphics-blackfullpage .grafika-obal div.quote.wide, .bbx-site-zena.template-graphics-blackfullpagenoad .grafika-obal div.quote.wide {
    margin-left: 24px;
    margin-right: 24px;
  }

  .img-wr, .img-wr.wide {
    margin-right: 0;
    margin-left: 0;
  }

  .graphics-black .img-wr, .graphics-blackfullpage .img-wr, .graphics-blackfullpagenoad .img-wr, .template-graphics-blackfullpage .img-wr, .template-graphics-blackfullpagenoad .img-wr {
    margin-right: 24px;
    margin-left: 24px;
  }

  .graphics-black .img-wr.wide .intrinsic, .graphics-black .img-wr.wide img, .graphics-blackfullpage .img-wr.wide .intrinsic, .graphics-blackfullpage .img-wr.wide img {
    border-radius: 0;
  }

  .img-wr.wide {
    margin-right: 0;
    margin-left: 0;
  }

  .graphics-black .info-box, .graphics-blackfullpage .info-box, .graphics-blackfullpagenoad .info-box, .template-graphics-blackfullpage .info-box, .template-graphics-blackfullpagenoad .info-box {
    margin-right: 24px;
  }

}
@media screen and (max-width: 850px) {
  .citat-obal {width: calc(100% - 12px); margin-left: 0;}
}
@media screen and (max-width: 780px) { 
  .template-graphics-blackfullpage .img-wr.wide .intrinsic, .template-graphics-blackfullpage .img-wr.wide img {
    border-radius: 0;
  }  

  .grafika-obal .img-wr h1.abs {
     margin: 0 24px 12px 24px;
  }
  .grafika-obal .img-wr h1.abs span {
    font-size: 30px;
  }
  .grafika-obal .img-wr h1.abs i {
     font-size: 15px;
     margin: 0;
  }
  .grafika-obal .img-wr h1.abs em {
     font-size: 15px;
     padding: 5px 0 10px 0;
  }
  .citat-obal .sdeleni {
    font-size: 20px; line-height: 1.7;
  }
}

@media screen and (max-width: 550px) { 
  .grafika-obal .info-box {
    width: 100%;
    float: none;
    margin: 20px auto 20px 0;
  }

  .graphics-black .grafika-obal .info-box, .graphics-blackfullpage .grafika-obal .info-box, .graphics-blackfullpagenoad .grafika-obal .info-box, .template-graphics-blackfullpage .grafika-obal .info-box, .template-graphics-blackfullpagenoad .grafika-obal .info-box {
    margin-left: 24px
  }

  .grafika-obal .img-wr span.comment {
    margin-right: 12px;
    margin-left: 12px;
  }

  .grafika-obal span.comment.absolute-b-r, .grafika-obal span.comment.absolute-b-r.white {
    position: relative;
    bottom: auto; right: auto;
    color: #828b8f;
    text-shadow: none;
    text-align: right;
    display: block;
  }
  .grafika-obal span.comment.absolute-b-r a, .grafika-obal span.comment.absolute-b-r.white a {color: #828b8f;}

  .grafika-obal span.comment.absolute-b-r:hover, .grafika-obal span.comment.absolute-b-r.white:hover {
    background: none;
  }

}  


@media screen and (max-width: 480px) { 
  .grafika-obal p, .graphics-white .grafika-obal p, .grafika-obal h1, .grafika-obal h2, .grafika-obal h3, .grafika-obal h4 {
    margin-left: 24px;
    margin-right: 24px;
   }
   .grafika-obal div.quote.wide {
    margin-left: 24px;
    margin-right: 24px;
   }
   .grafika-obal .intro {border-radius: 0;}


   .middle-wr, .graphics-whitefullpage .middle-wr, .template-graphics-whitefullpage .middle-wr {
    margin-left: 24px;
    margin-right: 24px;
  }

  .graphics-whitefullpage.bbx-site-zena .middle-wr, .template-graphics-whitefullpage.bbx-site-zena .middle-wr {
    margin-left: 0;
    margin-right: 0;
  }

  .grafika-obal .info-box {
    margin: 20px 24px;
    width: auto;
  }
  .img-wr {
    margin-right: 24px;
    margin-left: 24px;
  }
  .img-wr.wide .intrinsic, .img-wr.wide img, .info-box .img-wr.wide .intrinsic, .info-box .img-wr.wide img {
    border-radius: 0;
  }

  .template-graphics-white .img-wr .intrinsic, .template-graphics-whitefullpage .img-wr .intrinsic, .template-graphics-white .img-wr.wide img, .template-graphics-whitefullpage .img-wr.wide img {
    border-radius: 4px;
  }

  .template-graphics-blackfullpage .grafika-obal .info-box, .template-graphics-blackfullpagenoad .grafika-obal .info-box {
    width: auto;
    margin-right: 24px;
    margin-left: 24px;
  }

  .template-graphics-white .grafika-obal .info-box, .template-graphics-whitefullpage .grafika-obal .info-box {
    margin-right: 0;
    margin-left: 0;
  }
  .template-graphics-white .img-wr, .template-graphics-whitefullpage .img-wr {
    margin-right: 0;
    margin-left: 0;
  }
  .citat-obal {width: calc(100% - 48px); margin-left: 24px; margin-right: 24px; background-size: 179px auto;}


  .grafika-obal .img-wr h1.abs {
    margin: 0 12px 12px 12px;
  }
  .grafika-obal .img-wr h1.abs span {
    padding: 5px 0 5px 0;
    font-size: 22px;
  }
  .grafika-obal .img-wr h1.abs em {
    font-size: 13px;
  }

}