.dsm_masonry_gallery,
.dsm_masonry_gallery .grid-item {
border-style: solid;
line-height: 0;
}
.dsm_masonry_gallery .grid-item a {
display: inline-block;
line-height: 0;
}
.dsm_masonry_gallery .grid-item img {
display: block;
max-width: 100%;
}
.dsm_masonry_gallery .et_pb_image_wrap {
display: inline-block;
position: relative;
max-width: 100%;
line-height: 0;
overflow: hidden;
}
.dsm_masonry_gallery_svg img {
width: 100%;
}
.dsm_masonry_gallery .dsm-overlay:before,
.et-db #et-boc .et-l .dsm_masonry_gallery .dsm-overlay:before {
content: none;
}
.dsm_masonry_gallery .grid-item .dsm-overlay .dsm-overlay-inner {
display: flex;
width: 100%;
height: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.dsm_masonry_gallery .grid-item .dsm-overlay,
.et-db #et-boc .et-l .dsm_masonry_gallery .grid-item .dsm-overlay {
border: 0;
transition: all .4s;
}
.dsm_masonry_gallery .grid-item a,
.dsm_masonry_gallery .grid-item .dsm-overlay .dsm-overlay-title,
.dsm_masonry_gallery .grid-item .dsm-overlay .dsm-overlay-caption,
.dsm_masonry_gallery .grid-item .dsm-overlay .dsm-overlay-desc {
color: #ffffff;
}
.dsm_masonry_gallery .grid-item .dsm-overlay .dsm-overlay-desc,
.dsm_masonry_gallery .grid-item .dsm-overlay .dsm-overlay-caption {
line-height: 1.7em;
padding: 0;
}
.dsm_masonry_gallery .grid-item:hover .dsm-overlay,
.et-db #et-boc .et-l .dsm_masonry_gallery .grid-item:hover .dsm-overlay {
opacity: 1;
z-index: 1;
}
.dsm_masonry_zoom_hover .grid-item:hover img {
transition: transform .4s ease-in-out;
transform: scale(1.2);
}
.dsm_masonry_zoom_hover .grid-item img {
transition: transform .4s ease-in-out;
}
.et_overlay {
z-index: -1;
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: hsla(0, 0%, 100%, .9);
opacity: 0;
pointer-events: none;
-webkit-transition: all .3s;
transition: all .3s;
border: 1px solid #e5e5e5;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-font-smoothing: antialiased
}
.et_overlay:before {
color: #2ea3f2;
content: "\E050";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 32px;
-webkit-transition: all .4s;
transition: all .4s
}.dsm_perspective_image {
display: block;
margin-right: auto;
margin-left: auto;
line-height: 0;
-webkit-transform: translateZ(0);
}
.dsm_perspective_image .dsm-perspective-image-wrapper {
transform: perspective(1000px);
}
.dsm_perspective_image .et_pb_image_wrap {
display: inline-block;
position: relative;
max-width: 100%;
}
.dsm_perspective_image .et_overlay {
border-width: 0;
}
.dsm-perspective-image-icon-empty.et_overlay:before {
display: none;
}
.dsm_perspective_image .dsm-perspective-image-overlay-off .et_overlay {
opacity: 1;
z-index: 3;
}
.dsm_perspective_image:hover .dsm-perspective-image-overlay-off .et_overlay {
opacity: 0;
}
.dsm_perspective_image img {
position: relative;
}
.dsm-lightbox-custom {
max-width: 100% !important;
}
.dsm-lightbox-custom.mfp-iframe-holder .mfp-close,
.dsm-lightbox-custom.mfp-image-holder .mfp-close {
color: rgba(255, 255, 255, 0.2);
opacity: 1;
transition: all .4s ease-in-out;
}