/*.logo-image  {
  height: 63px;
  zoom: 1.5;
  margin: -9px -15px -20px -15px;
}
*/


.cviceni_hry_flex {
  display: flex; /* or inline-flex */
}
.cviceni_hry_flex DIV {
  padding-right: 20px;
}
.cviceni_hry_flex DIV IMG{
  background-color: white;
  padding:5px;
  border: 1px solid silver;
}
/*
.article-info {
  display:none;
}
*/

    #mod-custom116 IMG {
        zoom:0.5;
      	bottom: -140px;
    }

#mod-custom116,
#mod-custom110 {
    background-attachment: inherit;
    background-size: 120%;
    background-position-y: center;
    background-position-x: -206px;
    background-color: #5f9c02;
}

#mod-custom116 {
    background-position-x: -206px;
    background-position-y: 60%;
}
@media screen and (max-width: 1200px) {
  
#mod-custom116,
    #mod-custom110 {
        background-position-x: center;
    }
}
@media screen and (max-width: 990px) {
  
    #mod-custom110 IMG {
        zoom:0.5;
      	bottom: -250px;
    }
}

html {
  scroll-behavior: smooth;
}

#mod-custom110 H1,
#mod-custom110 H2,
#mod-custom110 H3 {
  text-align: right;
  color: white;
  margin-right: 30px;
}

#mod-custom110 H1 {
    font-weight: 700;
}
#mod-custom110 H2 {
    font-weight: normal;
  font-size:90%;
}
#mod-custom110 H3 {
    font-weight: 100;
  font-size:80%;
}

.ytblock {
  margin-bottom:4em;
}
.ytblock H3 {
  margin-bottom:1em;
    border-bottom:1px solid #00aeef;
  color: #00aeef;
}
.ycontainer {
  width: 100%;
  /*padding-top: 100%;  1:1 Aspect Ratio */
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
  position: relative; /* If you want text inside of it */
}

/* If you want text inside of the container */
.ycontainer .yvideo {
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
  height:100%
}

.cviceni  {
  scroll-margin-top: 80px;
  display: inline-block;
  border-bottom: lightgrey 1px dashed;
  margin-bottom: 1em;
  width: 100%;
}
.cviceni .cvimg:hover {
  border: 1px solid #606bff;
}
.cviceni .cvimg {
  width: 250px;
  border-radius: 4px;
  border: 1px solid silver;
  float:left;
  margin-right: 2em;
  /* border-style: inset; */
  margin-top: 1.2em;
  overflow: hidden;
  margin-bottom: 3em;
  box-shadow: 4px 5px 11px 0px #00000026;
  /* flex: none; */
}
.cviceni:target .cvimg {
  float:none;
  display:block;
  width:75%;
  margin:auto;
  
  transition-delay: 3s;
  transition: .5s;
}
.cviceni .cvpopis {
  /* margin: 3em; */
  min-height: 200px;
  /* border:1px solid silver; */
  /* border-radius: 10px; */
  /* background-color: #fafafa; */
  padding: 1em;
}


/*
Attachments
*/
.com-dpattachments-layout-attachments__attachments {
  display:flex;
}
.com-dpattachments-layout-attachments__attachments .dp-attachment {
  flex:1 0 100%;
  border:none;
  border-top: 1px solid silver;
  margin-top:0.5em;
}
.com-dpattachments-layout-attachments__attachments .dp-attachment .dp-attachment__size {
  float:right;
}
.com-dpattachments-layout-attachments__attachments .dp-attachment A:last-of-type {
  float: left;
  zoom: 2;
  margin-right: 0.25em;
}