File: /home/slyfwmm/adspray/wp-content/themes/aivons-child/assets/css/block-slideshow.css
.wp-block-lazyblock-slideshow .ADS_slideshow_home picture {
position:absolute;
display:block;
top:0;
left:0;
width:100%;
height:100%;
}
.wp-block-lazyblock-slideshow .ADS_slideshow_home .ADS_slide {
position:relative;
}
.wp-block-lazyblock-slideshow .ADS_slideshow_home picture img {
width:100%;
height:100%;
object-fit:cover;
}
.wp-block-lazyblock-slideshow .ADS_slideshow_home .ADS_slide {
height:750px;
overflow: hidden;
background-color: var(--aivons-black, #0f0d1d);
}
.wp-block-lazyblock-slideshow .tns-outer {
position:relative;
}
.wp-block-lazyblock-slideshow .tns-controls {
position:absolute;
z-index:200;
top:50%;
transform:translateY(-50%);
left:25px;
width:calc(100% - 50px);
display:flex;
justify-content:space-between;
}
.wp-block-lazyblock-slideshow .tns-controls button {
background:transparent;
border:none;
color:white;
display:flex;
align-items:center;
}
.wp-block-lazyblock-slideshow .tns-controls button span {
font-size:14px;
font-weight:700;
}
.wp-block-lazyblock-slideshow .tns-controls button i {
font-size:20px;
display: inline-block;
transition:0.3s;
}
.wp-block-lazyblock-slideshow .tns-controls button:first-child i {
transform:rotate(180deg);
margin-right:10px;
}
.wp-block-lazyblock-slideshow .tns-controls button:last-child i {
margin-left:10px;
}
.wp-block-lazyblock-slideshow .tns-controls button:hover:first-child i {
margin-right:15px;
}
.wp-block-lazyblock-slideshow .tns-controls button:hover:last-child i {
margin-left:15px;
}
.wp-block-lazyblock-slideshow .ADS_slide .container {
display: flex;
height: 100%;
align-items: center;
z-index: 500;
position: relative;
}
.wp-block-lazyblock-slideshow .ADS_slide_text h4 {
color: var(--aivons-base, #ffffff);
text-transform: uppercase;
background-color: rgba(var(--aivons-black-rgb, 15, 13, 29), 0.1);
display: inline-block;
padding: 8px 30px;
transition-delay: 0;
transition: transform 0.45s ease, opacity 0.45s ease;
font-size: 16px;
font-weight: unset;
opacity: 0;
transform: translateY(-120px);
transition-delay: 500ms;
}
.wp-block-lazyblock-slideshow .ADS_slide_text h3 {
display: inline-block;
color: var(--aivons-base, #ffffff);
transition: transform 0.45s ease, opacity 0.45s ease;
margin-top: 10px;
font-size: 50px;
text-transform: uppercase;
transform: translateY(150px);
opacity: 0;
transition-delay: 750ms;
}
.wp-block-lazyblock-slideshow .ADS_slide_text a {
display: inline-block;
background-color: var(--aivons-primary, #3c72fc);
color: var(--aivons-base, #ffffff);
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
padding: 10px 30px;
transition: transform 0.45s ease, opacity 0.45s ease;
letter-spacing: 0.1em;
margin-top: 15px;
transform: translateY(150px);
opacity: 0;
transition-delay: 1000ms;
}
.wp-block-lazyblock-slideshow .tns-slide-active .ADS_slide_text h3,
.wp-block-lazyblock-slideshow .tns-slide-active .ADS_slide_text h4,
.wp-block-lazyblock-slideshow .tns-slide-active .ADS_slide_text a {
opacity: 1;
transform: translateY(0);
}
.wp-block-lazyblock-slideshow .ADS_slide_text {
width: 60%;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.wp-block-lazyblock-slideshow .ADS_slide_text a:hover {
background: var(--aivons-black, #0f0d1d);
}
.wp-block-lazyblock-slideshow .ADS_slide_overlay_img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
transform: scale(1);
transition: transform 7000ms ease;
z-index: 1;
background-color: var(--aivons-black, #0f0d1d);
background-blend-mode: luminosity;
opacity: 0.7;
background-position: center center;
display: block;
}
.wp-block-lazyblock-slideshow .tns-slide-active .ADS_slide_overlay_img {
transform: scale(1.15);
}
.wp-block-lazyblock-slideshow [class*="ADS_slide_shape_"] {
position: absolute;
width: 889px;
top: 0;
bottom: 0;
right: 0;
background-repeat: no-repeat;
opacity: 0;
transform: translateX(200px);
}
.wp-block-lazyblock-slideshow .ADS_slide_shape_1 {
background-image: url(https://www.adspray.it/wp-content/themes/aivons/assets/images/shapes/main-slider-shape-1.png);
z-index: 10;
mix-blend-mode: multiply;
opacity: 0.3;
}
.wp-block-lazyblock-slideshow .ADS_slide_shape_2 {
background-image: url(https://www.adspray.it/wp-content/themes/aivons/assets/images/shapes/main-slider-shape-2.png);
z-index: 9;
transform: translateX(400px);
mix-blend-mode: overlay;
}
.wp-block-lazyblock-slideshow .ADS_slide_shape_3 {
background-image: url(https://www.adspray.it/wp-content/themes/aivons/assets/images/shapes/main-slider-shape-3.png);
z-index: 8;
transform: translateX(600px);
mix-blend-mode: multiply;
opacity: 0.6;
}
.wp-block-lazyblock-slideshow .ADS_slide_shape_4 {
background-image: url(https://www.adspray.it/wp-content/themes/aivons/assets/images/shapes/main-slider-shape-4.png);
z-index: 7;
transform: translateX(600px);
transform: right top;
mix-blend-mode: soft-light;
}
.wp-block-lazyblock-slideshow .ADS_slide_shape_5 {
background-image: url(https://www.adspray.it/wp-content/themes/aivons/assets/images/shapes/main-slider-shape-5.png);
z-index: 6;
transform: translateX(400px);
transform: right top;
mix-blend-mode: overlay;
}
.wp-block-lazyblock-slideshow .tns-slide-active .ADS_slide_shape_1 {
opacity: 1;
transform: translate(0);
transition: all 1500ms ease;
transition-delay: 200ms;
}
.wp-block-lazyblock-slideshow .tns-slide-active .ADS_slide_shape_2 {
opacity: 1;
transform: translate(0);
transition: all 1200ms ease;
transition-delay: 400ms;
}
.wp-block-lazyblock-slideshow .tns-slide-active .ADS_slide_shape_3 {
opacity: 1;
transform: translate(0);
transition: all 1300ms ease;
transition-delay: 600ms;
}
.wp-block-lazyblock-slideshow .tns-slide-active .ADS_slide_shape_4 {
opacity: 1;
transform: translate(0);
transition: all 1100ms ease;
transition-delay: 800ms;
}
.wp-block-lazyblock-slideshow .tns-slide-active .ADS_slide_shape_5 {
opacity: 1;
transform: translate(0);
transition: all 900ms ease;
transition-delay: 900ms;
opacity: 0.4;
}
@media (max-width:1500px) {
.wp-block-lazyblock-slideshow .ADS_slide .container {
max-width: calc(100% - 300px);
}
.wp-block-lazyblock-slideshow .ADS_slide_text {
width: 80%;
}
.wp-block-lazyblock-slideshow .ADS_slide_text h3 {
font-size: 40px;
}
}
@media (max-width:760px) {
.wp-block-lazyblock-slideshow .ADS_slide_text {
width: 100%;
}
.wp-block-lazyblock-slideshow .ADS_slide_text h3 {
font-size: 25px;
}
}
@media (max-width:580px) {
.wp-block-lazyblock-slideshow .tns-controls button {
display: none;
}
.wp-block-lazyblock-slideshow .ADS_slide .container {
max-width: calc(100% - 30px);
}
}