.content_section[class*="slider_section"]{
opacity: 0;
}
.content_section[class*="slider_section"].typo_slider_initialized {
opacity: 1;
}
.slick_slider .slide{
opacity: 0;
-webkit-transition: opacity 1s ease;
-moz-transition: opacity 1s ease;
-ms-transition: opacity 1s ease;
-o-transition: opacity 1s ease;
transition: opacity 1s ease;
-webkit-transition-delay: .25s;
-moz-transition-delay: .25s;
-ms-transition-delay: .25s;
-o-transition-delay: .25s;
transition-delay: .25s;
}
.typo_slider_initialized .slick_slider .slide{
opacity: 1;
} .slider_wrapper{
position: relative;
}
.slider_wrapper:before{
content: ''; padding: 0 0 56.25%;
position: relative; z-index: 0;
display: block;
}
.slider_section.content_section > .slider_wrapper{
margin: -2rem -1rem 2rem;
min-height: 20rem;
width: auto;
}
.slider_section.content_section > .slider_wrapper:last-child{
margin-bottom: -2rem;
}
.slider_wrapper .slick_slider{
position: absolute;
left: 0; top: 0; right: 0; bottom: 0;
}
.slider_wrapper.column .slick_slider,
.slider_wrapper.columns .slick_slider{
top: .9375rem;
left: .9375rem;
right: .9375rem;
bottom: .9375rem;
}
.slick-list, .slick-track{
height: 100%;
} .slick_slider .slide [data-ratio],
.slick_slider .slick-slide [data-ratio]{ height: 100%; }
.slider_wrapper .slider_content_wrapper{
position: absolute; z-index: 10;
left: 1rem; right: 1rem; top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
} .slick_slider .slick-arrow{
position: absolute; top: 50%; left: auto; right: auto;
z-index: 100; width: 2em; height: 2em; color: inherit;
-webkit-transform: translateY(-50%) rotate(45deg);
-moz-transform: translateY(-50%) rotate(45deg);
-ms-transform: translateY(-50%) rotate(45deg);
-o-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
border: 0.125em solid currentColor;
cursor: pointer; font-size: 1rem;
border-radius: 0;
}
.slick_slider .slick-arrow.slick-next{ right: 2em; border-left: none; border-bottom: none; }
.slick_slider .slick-arrow.slick-prev{ left: 2em; border-right: none; border-top: none;} .slick_slider .slick-dots{
position: absolute; left: 0; right: 0; bottom: .5rem;
margin: 0; text-align: center; z-index: 20; 
}
.slick_slider .slick-dots li{
display: inline-block; padding: 0 .5rem;
}
.slick_slider .slick-dots li button{
font-size: 0; width: 1rem; height: 1rem;
background-color: currentColor; color: inherit;
opacity: .5; visibility: visible;
border-radius: 50%; display: block;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
cursor: pointer;
}
.slick_slider .slick-dots li button:focus,
.slick_slider .slick-dots li button:hover{
opacity: .75;
}
.slick_slider .slick-dots li.slick-active button{
opacity: 1;
}
.slick_slider .slick-dots li:first-child:last-child{
display: none;
}
@media screen and (min-width:40em){ .slider_section.content_section > .slider_wrapper{
margin: -3rem -2rem 3rem;
}
.slider_section.content_section > .slider_wrapper:last-child{
margin-bottom: -3rem;
}
.slider_wrapper .slider_content_wrapper{
left: 2rem; right: 2rem;
}
}
@media screen and (min-width:64em){ .slider_wrapper:before{
content: ''; padding: 0 0 30rem;
}
.slider_section.content_section > .slider_wrapper{
margin: -4rem -4rem 4rem;
}
.slider_section.content_section > .slider_wrapper:last-child{
margin-bottom: -4rem;
}
.slider_wrapper .slider_content_wrapper{
left: 4rem; right: 4rem;
}
}