/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 31 2026 | 13:56:43 */
.realitni-galerie {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}

/* LEVÝ BLOK */
.galerie-left {
height: 420px;
}

.galerie-left .galerie-item {
height: 100%;
}

/* PRAVÝ BLOK */
.galerie-right {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
gap: 10px;
height: 420px;
}

/* ITEM */
.galerie-item {
position: relative;
overflow: hidden;
height: 100%;
cursor: pointer;
}

/* IMAGE */
.galerie-item img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .4s ease;
}

/* ZOOM */
.galerie-item:hover img {
transform: scale(1.08);
}

.galerie-btn {
position: absolute;
bottom: 20px;
left: 20px;
background: white;
border-radius: 30px;
padding: 16px 22px;
border: 0;
cursor: pointer;
font-size: 18px;
	font-weight: 600;
	color: #161616;
}

@media screen and (max-width: 980px) {
  .realitni-galerie {
grid-template-columns: 1fr;
	}
}

@media screen and (max-width: 767px) {
  .galerie-left {
height: 250px;
	}
	.galerie-right {
height: 250px;
	}
	.galerie-btn {
bottom: 10px;
left: 10px;
padding: 12px 24px;
font-size: 16px;
	}
}


/*LIGHTBOXY*/

body.lightbox-open{
overflow:hidden;
}

body.lightbox-open header,
body.lightbox-open #main-header,
body.lightbox-open .et-l--header{
display:none !important;
}

.galerie-lightbox-grid{
position:fixed;
inset:0;
background:#fff;
z-index:9999;
display:none;
overflow-y:auto;
}

.galerie-lightbox-grid.active{
display:block;
}

.gl-grid{
	max-width: 1920px;
	width: 80%;
margin:auto;
padding:80px 0px;
display:grid;
grid-template-columns:1fr 1fr;
gap:20px;
}

/* wrapper */
.gl-grid-item{
height:470px;
overflow:hidden;
position:relative;
cursor:pointer;
}

/* image */
.gl-grid-item img{
width:100%;
height:100%;
object-fit:cover;
display:block;
transition:transform .4s ease;
}

/* zoom efekt */
.gl-grid-item:hover img{
transform:scale(1.04);
}

.gl-close{
position: fixed;
  top: 25px;
    right: 30px;
    width: 52px;
    height: 52px;
    background: #7EC11F;
    color: #fff;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    z-index: 10;
    font-size: 18px;
	font-weight: 600;
}

.galerie-lightbox-slider{
position:fixed;
inset:0;
background:#fff;
z-index:10000;
display:none;
align-items:center;
justify-content:center;
}

.galerie-lightbox-slider.active{
display:flex;
}

.gls-image img{
max-width:90vw;
max-height:90vh;
object-fit:contain;
}

.gls-counter{
position:fixed;
top:30px;
left:30px;
color:#161616;
font-size:1rem;
}

.gls-close{
position: fixed;
  top: 25px;
    right: 30px;
    width: 52px;
    height: 52px;
    background: #7EC11F;
    color: #fff;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    z-index: 20;
    font-size: 18px;
	font-weight: 600;
}

.gls-prev,
.gls-next{
position:fixed;
top:50%;
transform:translateY(-50%);
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
z-index:20;
font-size:100px;
border: none;
color:#161616;
background: transparent;
}

.gls-prev{
left:30px;
}

.gls-next{
right:30px;
}

@media screen and (max-width: 980px) {
  .gl-grid{
width: 90%;
padding:100px 0px;
gap:10px;
	}
	.gl-grid-item {
    height: 190px;
	}
	.gls-prev, .gls-next {
		color: #fff;
	}
}

@media screen and (max-width: 767px) {
		.gl-grid {
    grid-template-columns: 1fr;
	}
	.gl-grid-item {
    height: 220px;
	}
}