html.scrollslider-active {
overflow: hidden !important; }
html.scrollslider-active .img .ph {
pointer-events: none;
}
html.scrollslider-active .img .ph * {
pointer-events: auto;
}
.lay-content.infinite-scrollslider-active {
width: 100vw !important;
height: 100vh !important;
position: absolute !important;
overflow: visible !important;
user-select: none !important;
-webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
}
.lay-content.infinite-scrollslider-active #grid,
.lay-content.infinite-scrollslider-active #custom-phone-grid {
position: absolute;
top: 0;
box-sizing: content-box !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.lay-content.infinite-scrollslider-active #grid .grid-inner,
.lay-content.infinite-scrollslider-active #custom-phone-grid .grid-inner { transform-origin: center center !important;
}
.lay-content.infinite-scrollslider-active #grid .grid-inner,
.lay-content.infinite-scrollslider-active #custom-phone-grid .grid-inner {
box-sizing: border-box !important;
}
.lay-content.infinite-scrollslider-active #footer-region,
.lay-content.infinite-scrollslider-active #footer-custom-phone-grid {
display: none;
}
.lay-content.infinite-scrollslider-active .ph {
background-color: transparent !important;
}
.lay-content.infinite-scrollslider-active .lay-imagehover-on-element {
display: none !important;
}
.lay-content.scrollslider-randompos-active #grid,
.lay-content.scrollslider-randompos-active #custom-phone-grid {
padding: 0 !important;
}
body.lay-transition-elements-on-scroll .lay-content.scrollslider-active .row.no-y-offsets.no-stickies.no-horizontal-grid:last-child {
overflow: visible !important;
}
.lay-content.scrollslider-active {
width: 100vw !important;
height: 100vh !important;
position: absolute !important;
overflow: visible !important;
user-select: none !important;
-webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
}
.lay-content.scrollslider-active #grid,
.lay-content.scrollslider-active #custom-phone-grid {
transform-origin: top left !important;
position: absolute;
top: 0;
box-sizing: content-box !important;
will-change: transform;
}
.lay-content.scrollslider-active #grid .grid-inner,
.lay-content.scrollslider-active #custom-phone-grid .grid-inner {
box-sizing: border-box !important;
}
.lay-content.scrollslider-active #footer-region {
display: none;
}
.lay-content.scrollslider-active .ph {
background-color: transparent !important;
}
.lay-content.scrollslider-active .lay-imagehover-on-element {
display: none !important;
}
.lay-content.infinite-scrollslider-active,
.lay-content.scrollslider-active {
opacity: 0;
}
.lay-content.scrollslider-show {
opacity: 1;
}
.lay-content.scrollslider-show .simpler-markup-for-scrollslider {
opacity: 1;
}
.scrollslider-project-overlay-hide {
opacity: 0 !important;
}
.scrollslider-project-overlay-hide #footer-region,
.scrollslider-project-overlay-hide #footer-custom-phone-grid {
display: none !important;
}
.lay-content.scrollslider-active.debug {
overflow: visible !important;
transform: scale(0.17);
}
.lay-content.scrollslider-active.debug #grid {
border: 1px solid red;
}
.lay-content.scrollslider-active.debug #grid .col {
border: 1px solid black;
}
.lay-content.scrollslider-randompos-active #grid .grid-inner,
.lay-content.scrollslider-randompos-active #custom-phone-grid .grid-inner {
padding: 0 !important;
}
.lay-content.scrollslider-randompos-active #grid .ph,
.lay-content.scrollslider-randompos-active #custom-phone-grid .ph {
background-color: transparent !important;
}
.lay-content.scrollslider-randompos-active #grid .col.type-img.in-view,
.lay-content.scrollslider-randompos-active #custom-phone-grid .col.type-img.in-view {
transform: none !important;
}
.lay-content.scrollslider-randompos-active #grid .col.type-img.below,
.lay-content.scrollslider-randompos-active #custom-phone-grid .col.type-img.below {
transform: none !important;
}
.lay-content.scrollslider-randompos-active #grid .grid-inner,
.lay-content.scrollslider-randompos-active #custom-phone-grid .grid-inner {
height: auto;
position: absolute;
}
.lay-content.scrollslider-randompos-active #grid,
.lay-content.scrollslider-randompos-active #custom-phone-grid {
height: auto;
position: absolute;
}