.lightboxOverlay {
position: fixed !important;
opacity: .5 !important;
height: 100vh !important;
}
.fancybox__track svg,
#lightbox svg {
position: absolute !important;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.lightbox {
position: fixed !important;
top: 0 !important;
left: 0 !important; width: 100vw;
height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
#ligthbox svg {
position: absolute;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@media screen and (min-width: 992px) {
.lb-nav {
width: 75vw;
z-index: 10;
left: 50%;
transform: translateX(-50%); 
}
} .lb-prev {
position: relative;
width: 80px !important;
height: 74px !important;
background: url(//obrovo.sk/wp-content/plugins/obrovo/assets/img/arrow__left.svg) left 48% no-repeat !important;
opacity: 1 !important;
left: -105px !important;
top: 50%;
transform: translateY(-50%); 
}
.lb-next {
position: relative;
width: 80px !important;
height: 74px !important;
background: url(//obrovo.sk/wp-content/plugins/obrovo/assets/img/arrow__right.svg) right 48% no-repeat !important;
opacity: 1 !important;
right: -105px !important;
top: 50%;
transform: translateY(-52%);
}
@media screen and (max-width: 991px) {
.lb-prev,
.lb-next {
width: 65px !important;
height: 55px !important;
background-size: contain !important;
}
}
@media screen and (max-width: 991px) {
.lb-prev {
left: 0px !important;
top: 100%;
transform: translateY(10px);
}
.lb-next {
right: 0 !important;
top: 100%;
transform: translateY(10px);
}
}
#lightbox {
flex-direction: column-reverse;
}
.lb-dataContainer {
position: absolute !important;
top: 20px !important;
width: 90vw !important;
}
.lb-outerContainer {
background: transparent !important;
}
@media screen and (min-width: 991px) {
.lb-outerContainer {
min-height: 70vh !important;
}
}
.lb-container {
display: flex !important;
height: 100% !important;
align-items: center !important;
justify-content: center !important
}
.lb-data .lb-details {
visibility: hidden !important;
opacity: 0 !important;
}
.lb-close { background: url(//obrovo.sk/wp-content/plugins/obrovo/assets/img/X.svg) top right no-repeat !important;
width: 117px !important;
height: 114px !important;
opacity: 1 !important;
} .lb-data .lb-close {
position: relative;
} @media screen and (max-width: 991px) {
.lb-close {
background-size: auto;
width: 100% !important;
height: 80px !important;
opacity: 1 !important;
background-size: contain !important;
}
.lb-data .lb-close {
right: -25px;
top: -25px;
}
}
@media screen and (max-width: 480px) {
.lb-close {
background-size: auto;
width: 100% !important;
height: 80px !important;
opacity: 1 !important;
background-size: contain !important;
}
.lb-data .lb-close {
right: -25px;
top: -25px;
}
}
.lb-loader {
background: url(//obrovo.sk/wp-content/plugins/obrovo/assets/css/vendor/images/loading.gif) center center no-repeat !important;
}