.slideshow__wrapper {
position: relative;
}
.slideshow__shape {
position: absolute;
bottom: -1px;
width: 100%;
}
.slideshow__shape img {
width: 100%;
object-fit: cover;
object-position: right;
}
.slideshow__wrapper.slick-slider {
margin-bottom: 0;
}
.slideshow__wrapper .slick-list {
margin: 0;
}
.slideshow__wrapper .slick-slide > div {
padding: 0;
}
.slideshow__wrapper .slideshow__slide.dark {
color: #fff;
}
.slideshow__wrapper .slideshow__slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
-o-object-fit: cover;
-o-object-position: center;
object-position: center;
font-family: 'object-fit: cover; object-position: center;';
}
.slideshow__wrapper.main .slideshow__slide img {
min-height: calc(100vh - 80px);
}
.slideshow__wrapper .slideshow__slide .slideshow__content__heading {
font-weight: bold;
font-size: var(--title-font-size);
margin-bottom: 30px;
}
.slideshow__wrapper .slideshow__slide .slideshow__content {
padding: 30px 0;
max-width: 100%;
z-index: 3;
position: absolute;
width: 100%;
top: 40%;
transform: translate(-50%, -40%);
left: 50%;
}
.slideshow__wrapper .slideshow__slide .slideshow__content__text {
font-size: 20px;
line-height: 24px;
}
.slideshow__wrapper .slideshow__slide .slideshow__content.center {
margin: 0 auto;
left: 0;
right: 0;
}
.slideshow__wrapper .slideshow__slide .slideshow__content .slideshow__label {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 15px;
}
.slideshow__wrapper .slideshow__slide.text-end .slideshow__content > .container > * {
margin-left: auto;
}
.slideshow__wrapper .slideshow__slide.text-center .slideshow__content .slideshow__label {
justify-content: center;
}
.slideshow__wrapper .slideshow__slide.text-end .slideshow__content .slideshow__label {
jsutify-content: end;
}
.slideshow__wrapper .slideshow__slide .slideshow__content a {
margin-top: 50px;
}
@media screen and (min-width: 576px) {
.slideshow__wrapper .desktop-hidden {
display: none !important;
}
}
@media screen and (min-width: 768px) {
}
@media screen and (min-width: 1024px) {
.slideshow__wrapper .slideshow__slide .slideshow__content > .container > * {
max-width: 80%;
}
}
@media screen and (min-width: 1200px) {
.slideshow__wrapper .slideshow__slide { max-height: calc(100vh - 80px);
}
.slideshow__wrapper .slideshow__slide .slideshow__content > .container > * {
max-width: 60%;
}
.slideshow__wrapper .slideshow__slide.text-center .slideshow__content > .container > * {
max-width: 100%;
}
.slideshow__wrapper.main .slideshow__slide .slideshow__content { }
}
@media screen and (max-width: 575px) {
.slideshow__wrapper .mobile-hidden {
display: none !important;
}
.slideshow__wrapper .slideshow__slide {
min-height: 100vh;
}
}
@media screen and (max-width: 767px) {
.slideshow__wrapper.main .slideshow__slide img {
min-height: 100vh;
}
.slideshow__wrapper.pattern:after {
display: none;
}
.slideshow__wrapper.main .slideshow__slide .slideshow__content { }
}
.slideshow__wrapper .slick-prev,
.slideshow__wrapper .slick-next {
background-color: rgba(255, 255, 255, 0.3);
}
.slideshow__wrapper:not(.main) .slideshow__slide.with-text img {
min-height: 650px;
max-height: 100vh;
}
.slideshow__wrapper .slideshow__content-index {
font-size: 18px;
font-weight: 600;
display: flex;
gap: 10px;
}
.slideshow__wrapper .slideshow__content-index span.current-slide {
color: var(--blue-color);
}
.slideshow__wrapper .slideshow__slide.text-center .slideshow__content-index {
justify-content: center;
}
.slideshow__wrapper .slideshow__content-index.dots {
gap: 15px;
}
.slideshow__wrapper .slideshow__content-index.dots span {
height: 12px;
width: 12px;
border-radius: 100%;
background-color: #ccc;
}
.slideshow__wrapper .slideshow__content-index.dots span:hover {
cursor: pointer;
}
.slideshow__wrapper .slideshow__content-index.dots span.current-slide {
background-color: var(--blue-color);
}