/* ADMIN VYSTUP */
/* clanky */

.rubrika {}
ul.rubrika {margin: 0; padding: 0; list-style: none;}
ul.rubrika li {margin: 0; padding: 0; background: none;}

.novinka {}
.novinka h4 {margin-top: 0px;}
.novinka h4 a {}
.novinka .novinka_datum {float: right; padding-left: 10px; font-size: 12px;}
/*.novinka .novinka_abstrakt {margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #d2c0c0;}*/
.novinka .novinka_abstrakt {margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #e6ecec; overflow: hidden;}
.novinka .novinka_abstrakt .image {width: 150px; float: left; text-align: center; margin: 3px 5px 0 0;}
.novinka .novinka_abstrakt .image img {max-width: 150px; max-height: 100px; margin: 0 auto;}
.novinka .novinka_abstrakt a {}

.novinka section.pad::after {
  content: "";
  display: block;
  clear: both;
}

ul.rubrika.boxes {}
.rubrika.boxes li {
  display: inline-table;
  width: 25%;
  height: auto;
  overflow: hidden;
  padding: 0 2rem;
  /* IE 7 */
    zoom: 1;
    *display: inline;
    vertical-align: top;
  /* /IE 7 */
}
.rubrika.boxes li {}
.boxes .novinka section {border-top: .2rem solid rgba(51, 102, 153, 1)}
.rubrika.boxes li.main .pad, ul#rubrika.boxes li.main .pad {padding: 0;}
.boxes .novinka h4 {margin: 5px 0 10px 0;}
.boxes .novinka .novinka_datum {float: none; padding: 0; text-align: right; font-size: 10px;}
.boxes .novinka .novinka_abstrakt {margin: 0; padding: 0; border: none; text-align: justify;}
.boxes .novinka .image {width: 210px; height: 135px; text-align: center; margin: 0; overflow: hidden;}
.boxes .novinka .image img {max-width: 210px; min-height: 135px; margin: 0 auto;}
.boxes .novinka .novinka_abstrakt a {}

/* speciální formátování boxů pro různé projekty */
/* první dva velké, obrázky velké */
.rubrika.boxes.main li:nth-child(-n+2) {width: 50%;}
.rubrika.boxes.main li:nth-child(-n+2) section {border-top: none;}
.rubrika.boxes.main li:nth-child(-n+2) .image {width:100%; height: 26rem;}
.rubrika.boxes.main li:nth-child(-n+2) .image img {max-width:100%; min-height: 26rem;}


.side-box .novinka {}
.side-box .novinka .novinka_datum {float: right; font-size: 12px; height: 14px; line-height: 14px; margin-top: -24px;}
.side-box .novinka h4 {clear: both;}
.side-box .novinka .novinka_abstrakt {margin-bottom: 0; padding-bottom: 15px; overflow: hidden;}

ul.clanky-list h2 {margin: 0 0 0.5em 0; font-size: 15px; color: #043f3f; font-weight: bold; font-style: normal; line-height: auto; padding: 0 0 0 0; text-transform: uppercase;}

.novinka.blog .image{ width: 35rem; width: 25vw; aspect-ratio: 3/2; display: flex; align-items: center; border-top: 2.5rem solid #66ccff; overflow: hidden;}
.novinka.blog .image img { width: 100%; height: auto;}

.novinka.blog article .image{ border: none; overflow: hidden;}
ul.grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-column-gap: 0px; grid-row-gap: 0px; justify-content: center;}
.rubrika.grid { margin: 0 auto;}
.novinka.grid { text-align: center;}
.novinka.blog.grid .image{ width: 100%; height: 55vh;}
.novinka.blog.grid a.more { border-radius: 2em; background: rgba(51, 153, 204, 1); color: white; padding: 1em; margin: 1em auto 0 auto; display: inline-block;}
.novinka.blog.grid a.more:hover, .novinka.grid a.more:focus { background: rgba(255, 155, 0, 1);}
.novinka.blog.grid a.more:focus { box-shadow: 0 0 0.5rem rgba(0, 0, 0, .3) inset;}

.clanek_body .found {background: #fff948;}
.clanek_body .image {float: right; margin-left: 20px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3) inset;}
.novinka:nth-of-type(2n) .clanek_body .image {float: left;  margin-left: 0; margin-right: 20px;}
.clanek_body p:last-of-type {margin-bottom: 0;}
.clanek_body .image {display: inline-block;}
.clanek_body .image img { position: relative; z-index: -1;}
.clanek .clanek_abstrakt {font-style: italic; font-weight: bold;}
.clanek .clanek_datum {float: right; padding-left: 10px; font-size: 12px; margin-top: -30px;}

.clanek_body img{ max-width: 100%; height: auto;}

@supports (object-fit: cover){
/* css styles for matching browsers */
  .novinka.blog .image img { object-fit: cover; height: 100%;}
  .vylety .grid .novinka.blog .image img, .vylety .blog-full .novinka.blog .image img { object-position: left;}
}

.clanek_body ul{ margin: 2em; padding: 0 0 0 2em; list-style: none;}
.clanek_body ol ul{ margin: 0;}

.clanek_body ul li:before {
    content: "";
    border: .5rem solid;
    border-color: rgba(172,167,148, .5);
    border-radius: 1rem;
    float: left;
    margin: 1rem 1rem 0 -2rem;
}
.clanek_body ul li li:before {
    content: "";
    border: .1rem solid;
    border-color: rgba(172,167,148, .5);
    border-radius: 1rem;
    float: left;
    margin: 1rem 1rem 0 -2rem;
    width: 1rem;
    height: 1rem;
}

.clanek_body ol {
  clear: both;
  list-style: none;
  margin: 0 0 0 .725em;
  padding: 0;
}
.clanek_body ol > li {
  margin: 2em 0;
  padding-top: 1em;
  display: block;
  position: relative;
  counter-increment: inst;
}
.clanek_body ol > li::before {
  content: counter(inst);

  background: rgba(172,167,148, .8);
  color: #fff;

  font-size: 1em;
  font-weight: 700;
  font-style: italic;
  text-shadow: 1px 1px rgba(172,167,148, 1);

  border-radius: 0 0.675em 0.675em 0;
  font-size: 1.5em;
  text-align: center;

  padding-top: 0;
  padding-left: 2.5rem;
  left: -2.3em;
  top: -0.65em;
  height: 1.35em;
  width: 2.35em;
  position: absolute;

  transition: all 0.2s ease-in-out;

  z-index: -1;
}
@media (min-width: 33em) {
  .clanek_body ol {
    padding: 0 2rem;
  }
  .clanek_body ol > li:before {
    border-radius: 50%;
    font-size: 1.5em;
    height: 1.35em;
    margin-left: 1em;
    padding-left: 0;
    padding-top: 0;
    top: -0.15em;
    width: 1.35em;
    z-index: -1;
  }
}

.clanek_body img {max-width: 620px;}

.back {padding-top: 20px; text-align: center; /*border-top: 1px solid #d5af64;*/}

#navigation {
  clear: both;
  margin: 2em 0;
	padding: 0.5em 0;
	text-align: center;
	border-top: 1px #e6ecec solid;
	border-bottom: 1px #e6ecec solid;
}
#navigation li {
  display: inline-block;
  padding: 0 .5em;
}


@media (max-width: 1199px) {
  .novinka.blog .image { width: 35vw;}
}

@media (max-width: 991px) {
  .novinka.blog .image { width: 45vw;}
}
@media (max-width: 767px) {

}
@media (max-width: 480px) {
  ul.grid { display: block; grid-template-columns: none;}
  .novinka.grid { text-align: left;}
  .novinka.blog.grid a.more { float: right;}
  .novinka.blog .image { width: 100%;}
  .clanek_body .image {float: none; margin: 0 0 1em 0;}
  .novinka:nth-of-type(2n) .clanek_body .image {float: none; margin: 0 0 1em 0;}
}