.dsm-popup {
position: relative;
margin: 0 auto;
}
.dsm-popup-container {
padding: 0;
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
box-sizing: border-box;
}
.dsm-popup-container:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.dsm-popup-module:hover,
.dsm-popup-button:hover .et_pb_button,
.dsm-popup-links:hover a,
.dsm-popup-image:hover img,
.dsm-popup-id-trigger:hover {
cursor: pointer;
}
#et-boc .dsm-popup-wrap .mfp-close .et-pb-icon,
.dsm-popup-wrap .mfp-close .et-pb-icon {
font-size: 28px; visibility: visible;
} .safari .swipe-slide {
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
}
.dsm-popup-container .mfp-content.animated {
-webkit-animation-fill-mode: none;
animation-fill-mode: none;
}
.dsm-popup-wrap .mfp-close {
line-height: 0;
opacity: 1;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
height: initial;
width: initial;
padding: 8px;
}
.dsm-popup-wrap .mfp-iframe-holder .mfp-close,
.dsm-popup-wrap .mfp-iframe-holder .mfp-close:active {
top: -44px;
}
.dsm-popup-wrap .mfp-image-holder .mfp-close,
.dsm-popup-wrap .mfp-image-holder .mfp-close:active {
top: -10px
}
.dsm-popup-wrap .mfp-iframe-holder .mfp-close,
.dsm-popup-wrap .mfp-image-holder .mfp-close {
width: 44px;
right: 0;
text-align: center;
}
.dsm-popup-wrap .mfp-close:active {
top: 0;
}
.dsm-popup.dsm-popup-background-transparent .et_pb_section {
background-color: initial !important;
}
.dsm-popup-wrap.dsm-popup-fullwidth-on .et_pb_section,
.et-db #et-boc .dsm-popup-wrap.dsm-popup-fullwidth-on .et-l .et_pb_section {
width: initial;
max-width: initial;
}
.dsm-popup-wrap.dsm-popup-fullwidth-off .et_pb_section,
.et-db #et-boc .dsm-popup-wrap.dsm-popup-fullwidth-off .et-l .et_pb_section {
width: 100%;
max-width: 100%;
}
.dsm-popup-wrap.dsm-popup-fullwidth-off .et_pb_row,
.et-db #et-boc .dsm-popup-wrap.dsm-popup-fullwidth-off .et-l .et_pb_row {
width: 100%;
max-width: 100%;
}
.mfp-wrap.dsm-popup-position-fixed {
height: auto !important;
}
.dsm-popup-position-fixed .dsm-popup-container {
position: fixed;
}
.dsm-popup-container .mfp-content {
position: absolute;
}
.dsm-popup-position-center .mfp-content {
position: relative;
}
.dsm-popup-container.dsm-popup-position-center-left,
.dsm-popup-container.dsm-popup-position-center-right {
display: flex;
align-items: center;
}
.dsm-popup-container.dsm-popup-position-top-center .mfp-content {
left: 0;
top: 0;
right: 0;
}
.dsm-popup-container.dsm-popup-position-top-left .mfp-content {
left: 0;
top: 0;
}
.dsm-popup-container.dsm-popup-position-top-right .mfp-content {
top: 0;
left: initial;
right: 0;
}
.dsm-popup-container.dsm-popup-position-center-left .mfp-content {
left: 0;
}
.dsm-popup-container.dsm-popup-position-center-right .mfp-content {
right: 0;
}
.dsm-popup-container.dsm-popup-position-bottom-center .mfp-content {
left: 0;
top: initial;
bottom: 0;
right: 0;
}
.dsm-popup-container.dsm-popup-position-bottom-left .mfp-content {
top: initial;
bottom: 0;
left: 0;
}
.dsm-popup-container.dsm-popup-position-bottom-right .mfp-content {
top: initial;
left: initial;
bottom: 0;
right: 0;
}
@media only screen and (max-width: 980px) {
.dsm-popup-container.dsm-popup-position-tablet-top-center .mfp-content {
top: 0;
right: 0;
left: 0;
bottom: initial;
}
.dsm-popup-container.dsm-popup-position-tablet-top-left .mfp-content {
top: 0;
left: 0;
right: initial;
bottom: initial;
}
.dsm-popup-container.dsm-popup-position-tablet-top-right .mfp-content {
top: 0;
left: initial;
right: 0;
bottom: initial;
}
.dsm-popup-container.dsm-popup-position-tablet-center-left .mfp-content {
top: 0;
bottom: 0;
left: 0;
right: initial;
}
.dsm-popup-container.dsm-popup-position-tablet-center-right .mfp-content {
left: initial;
top: 0;
bottom: 0;
right: 0;
}
.dsm-popup-container.dsm-popup-position-tablet-center .mfp-content {
left: 0;
top: 0;
bottom: 0;
right: 0;
}
.dsm-popup-container.dsm-popup-position-tablet-bottom-center .mfp-content {
top: initial;
bottom: 0;
right: 0;
left: 0;
}
.dsm-popup-container.dsm-popup-position-tablet-bottom-left .mfp-content {
top: initial;
bottom: 0;
left: 0;
right: initial;
}
.dsm-popup-container.dsm-popup-position-tablet-bottom-right .mfp-content {
top: initial;
left: initial;
bottom: 0;
right: 0;
}
.dsm-popup-container.dsm-popup-position-tablet-center {
}
.dsm-popup-container.dsm-popup-position-tablet-center .mfp-content {
top: initial;
bottom: initial;
}
}
@media only screen and (max-width: 479px) {
.dsm-popup-container.dsm-popup-position-phone-top-center .mfp-content {
top: 0;
right: 0;
left: 0;
bottom: initial;
}
.dsm-popup-container.dsm-popup-position-phone-top-left .mfp-content {
top: 0;
left: 0;
right: initial;
bottom: initial;
}
.dsm-popup-container.dsm-popup-position-phone-top-right .mfp-content {
top: 0;
left: initial;
right: 0;
bottom: initial;
}
.dsm-popup-container.dsm-popup-position-phone-center-left .mfp-content {
top: 0;
bottom: 0;
left: 0;
right: initial;
}
.dsm-popup-container.dsm-popup-position-phone-center-right .mfp-content {
left: initial;
top: 0;
bottom: 0;
right: 0;
}
.dsm-popup-container.dsm-popup-position-phone-center .mfp-content {
left: 0;
top: 0;
bottom: 0;
right: 0;
}
.dsm-popup-container.dsm-popup-position-phone-bottom-center .mfp-content {
top: initial;
bottom: 0;
right: 0;
left: 0;
}
.dsm-popup-container.dsm-popup-position-phone-bottom-left .mfp-content {
top: initial;
bottom: 0;
left: 0;
right: initial;
}
.dsm-popup-container.dsm-popup-position-phone-bottom-right .mfp-content {
top: initial;
left: initial;
bottom: 0;
right: 0;
}
.dsm-popup-container.dsm-popup-position-phone-center {
}
.dsm-popup-container.dsm-popup-position-phone-center .mfp-content {
top: initial;
bottom: initial;
}
}