.rl-basicmasonry-gallery {
position: relative;
z-index: 2;
display: block;
margin: 0 auto;
}
.rl-grid-hidden {
position: fixed !important;
z-index: 1;
top: 0;
left: 0;
width: 100%;
pointer-events: none;
opacity: 0;
}
.rl-basicmasonry-gallery a,
.rl-basicmasonry-gallery a {
border: none;
outline: none;
}
.rl-basicmasonry-gallery .rl-gallery-item img {
display: block;
max-width: 100% !important;
margin: 0 !important;
height: auto;
}
.rl-grid-sizer {
margin-bottom: 0 !important;
}
.js .rl-grid-loading::before,
.js .rl-grid-loading::after {
content: '';
z-index: 1000;
}
.js .rl-gallery-item {
visibility: visible;
}
.js .rl-grid-loading .rl-gallery-item {
visibility: hidden;
}
.js .rl-grid-loading::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
min-height: 100%;
}
.js .rl-grid-loading::after {
position: absolute;
top: calc(25vh - 15px);
left: 50%;
width: 30px;
height: 30px;
margin: 0 0 0 -15px;
border: 4px solid #fff;
border-bottom-color: #ccc;
border-radius: 50%;
animation: animLoader 0.8s linear forwards infinite;
}
.rl-grid-deco {
position: absolute;
top: 0;
left: 0;
pointer-events: none;
}
.rl-grid-deco path {
fill: none;
stroke: rgba(0,0,0,0.2);
stroke-width: 1px;
}
.rl-grid-reveal {
position: absolute;
z-index: 50;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
opacity: 0;
background-color: rgba(0,0,0,0.2);
}
@keyframes animLoader {
to { transform: rotate(360deg); }
}