.divi-masonry-gallery {
display: flex;
flex-direction: row;
flex-wrap: wrap;
position: relative;
z-index: 1;
}
.divi-masonry-gallery .dmg-item {
overflow: hidden;
box-sizing: border-box;
}
.divi-masonry-gallery .dmg-item .dmg-item-content {
height: 100%;
transform: scale(1) translate(0, 0) rotate(0deg) !important;
opacity: 1;
}
.divi-masonry-gallery .dmg-item .dmg-item-content a {
background: 0 0;
cursor: pointer;
display: block;
height: 100%;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
width: 100%;
z-index: 10;
}
.divi-masonry-gallery .dmg-item .dmg-item-overlay {
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
}
.divi-masonry-gallery .dmg-item .dmg-caption {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0;
max-width: 100%;
}
.divi-masonry-gallery .dmg-item .dmg-title {
top: 10%;
transition: transform 0.35s;
transform: translate3d(0, 20px, 0);
}
.divi-masonry-gallery .dmg-item .dmg-title,
.divi-masonry-gallery .dmg-item p {
opacity: 0;
transition: opacity 0.35s, transform 0.35s;
}
.divi-masonry-gallery .dmg-item p {
bottom: 20%;
line-height: 1.5;
transform: translate3d(0, 100%, 0);
letter-spacing: 1px;
}
.divi-masonry-gallery .dmg-item:hover p {
margin-top: 10px;
margin-bottom: 5px;
opacity: 1;
transform: translate3d(0, 0, 0);
}
.divi-masonry-gallery .dmg-item:hover .dmg-title {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.divi-masonry-gallery .dmg-item img {
display: block;
opacity: 1;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.divi-masonry-gallery .dmg-item:hover img {
opacity: 0.8 !important;
}
.dmg-item,
.dmg-item img {
border-style: solid !important;
}
.dmg-gallery-fancybox {
z-index: 9999999;
}
.dmg-gallery-fancybox .fancybox__toolbar {
--f-button-svg-width: 24px;
--f-button-svg-height: 24px;
--f-button-svg-stroke-width: 1.5;
--f-button-svg-fill: none;
}
.dmg-gallery-fancybox .fancybox-button svg {
width: var(--f-button-svg-width);
height: var(--f-button-svg-height);
fill: var(--f-button-svg-fill);
stroke: currentColor;
stroke-width: var(--f-button-svg-stroke-width);
stroke-linecap: round;
stroke-linejoin: round;
transition: opacity 0.15s ease;
pointer-events: none;
}
.dmg-gallery-fancybox .fancybox-button svg path {
stroke-width: 1;
}
.dmg-gallery-fancybox .fancybox-button svg circle {
background-color: transparent;
}
.dmg-gallery-fancybox .fancybox-button.fancybox-button--play svg path {
stroke-width: 0;
}