.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;
}.dsm-image-reveal-overlay {
position: absolute;
transform-origin: right;
}
.dsm-image-reveal {
position: relative;
display: block;
}
.dsm-image-wrapper {
text-align: left;
}
.dsm-image-reveal-overlay {
background-color: #1fe0ba;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transform: matrix(0, 0, 0, 1, 0, 0);
visibility: hidden;
transform-origin: top;
z-index: 1;
}
.dsm-image-reveal-text-wrapper {
position: absolute;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
z-index: 1;
padding: 7px;
}
.dsm_image_reveal.et_pb_text_align_left .dsm-image-reveal-text {
text-align: left;
}
.dsm_image_reveal.et_pb_text_align_center .dsm-image-reveal-text {
text-align: center;
}
.dsm_image_reveal.et_pb_text_align_right .dsm-image-reveal-text {
text-align: right;
}
.dsm_image_reveal.et_pb_text_align_justify .dsm-image-reveal-text {
text-align: justify;
}
.dsm-image-reveal-text {
width: 100%;
visibility: hidden;
}
.dsm_image_reveal {
line-height: 0;
}
.dsm-image-reveal .et_pb_image_wrap {
display: inline-block;
position: relative;
max-width: 100%;
}
.dsm-image-reveal img {
position: relative;
}
.dsm_image_reveal .dsm-image-reveal-text .char {
position: relative;
visibility: hidden;
display: inline-block;
white-space: pre-wrap;
}
.dsm-image-reveal-hover:hover .dsm-image-reveal-text .char {
visibility: visible;
animation: fadeInDown 0.2s both;
animation-delay: calc(30ms * var(--char-index));
} .splitting .word,
.splitting .char {
display: inline-block;
} .splitting .char {
position: relative;
} .splitting .char::before,
.splitting .char::after {
content: attr(data-char);
position: absolute;
top: 0;
left: 0;
visibility: hidden;
transition: inherit;
user-select: none;
} .splitting { --word-center: calc((var(--word-total) - 1) / 2); --char-center: calc((var(--char-total) - 1) / 2); --line-center: calc((var(--line-total) - 1) / 2);
}
.splitting .word { --word-percent: calc(var(--word-index) / var(--word-total)); --line-percent: calc(var(--line-index) / var(--line-total));
}
.splitting .char { --char-percent: calc(var(--char-index) / var(--char-total)); --char-offset: calc(var(--char-index) - var(--char-center)); --distance: calc((var(--char-offset) * var(--char-offset)) / var(--char-center)); --distance-sine: calc(var(--char-offset) / var(--char-center)); --distance-percent: calc((var(--distance) / var(--char-center)));
}
html.et_fb_preview_active--responsive_preview .dsm-image-reveal.et_always_center_on_mobile .dsm-image-wrapper {
text-align: center;
}
.dsm-image-reveal.et_always_center_on_mobile .dsm-image-wrapper {
margin-right: auto !important;
margin-left: auto !important;
text-align: center !important;
}.dsm_embed_google_map {
line-height: 0;
}
.dsm_embed_google_map iframe {
height: 320px;
width: 100%;
}