/* GALERIE - nahledy */

.galerie {
 list-style: none;
 display: grid;
 grid-template-columns: repeat(2, auto);
 gap: 14px 20px;
 margin: 10px 0px 0px 0px;
 padding: 0px;
}

.galerie-odkaz {
 display: block;
 line-height: 0;
}

.galerie-odkaz img {
 border: 2px solid rgb(255,255,255);
}

.galerie-odkaz:hover img,
.galerie-odkaz:focus img {
 border-color: rgb(177,196,16);
}



/* LIGHTBOX - overlay */

body.lightbox-otevreny {
 overflow: hidden;
}

.lightbox {
 position: fixed;
 top: 0px;
 left: 0px;
 right: 0px;
 bottom: 0px;
 z-index: 1000;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 padding: 60px 70px;
 background: rgba(0,0,0,0.85);
}
.lightbox[hidden] {
 display: none;
}

.lightbox-obrazek {
 display: block;
 max-width: 90vw;
 max-height: 80vh;
 border: 4px solid rgb(255,255,255);
}

.lightbox-popisek {
 margin-top: 12px;
 color: rgb(255,255,255);
 font-size: 1em;
 text-align: center;
}

.lightbox-pocitadlo {
 margin-top: 4px;
 color: rgb(210,232,23);
 font-size: 0.9em;
 text-align: center;
}

.lightbox button {
 position: absolute;
 border: 0px;
 border-radius: 50%;
 background-color: rgb(210,232,23);
 color: rgb(119,120,143);
 font-size: 20px;
 font-weight: bold;
 line-height: 1;
 cursor: pointer;
 width: 40px;
 height: 40px;
}
.lightbox button:hover,
.lightbox button:focus {
 background-color: rgb(177,196,16);
 color: rgb(255,255,255);
}

.lightbox-zavrit {
 top: 15px;
 right: 15px;
}

.lightbox-predchozi,
.lightbox-dalsi {
 top: 50%;
 margin-top: -20px;
}

.lightbox-predchozi {
 left: 15px;
}

.lightbox-dalsi {
 right: 15px;
}