.slider-wrapper {
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
position: relative;
overflow: hidden;
}
.slider-container {
box-sizing: border-box;
max-width: 880px !important;
overflow: visible;
white-space: nowrap;
position: relative;
}
.slider {
display: flex;
transition: transform 0.5s ease-in-out;
}
.slider > .wp-block-stackable-column {
min-width: 100% !important;
flex-shrink: 0;
display: block !important;
box-sizing: border-box;
padding-right: 48px;
}
.buttons {
display: flex;
justify-content: flex-end;
column-gap: 12px;
margin-top: 24px;
}
.prev-button,
.next-button {
border-width: 0px !important ;
padding: 12px;
background-color: #f4f5f6;
border-radius: 999px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
user-select: none;
}
.prev-button.disabled,
.next-button.disabled{
cursor: not-allowed;
opacity: 0.5;
user-select: none;
}
.prev-button:active,
.next-button:active {
border-width: 0px !important ;
}
.prev-button > svg > path,
.next-button > svg > path {
fill: #191f24;
}
@media (min-width: 1024px) and (max-width: 1280px) {
div[cssElement="slider"] {
padding: 40px !important;
}
}
@media screen and (max-width: 1024px) {
.slider-wrapper,
.buttons {
display: none;
}
.stk-24f4fbf {
min-height: none !important;
height: 640px !important;
}
}
@media screen and (max-width: 767px) {
.feature-image > figure > .stk-img-wrapper {
height: auto !important;
}
.feature-image > figure > span > img {
width: 100% !important;
height: auto !important;
}
.wp-block-stackable-button-group:not(.social-buttons) {
width: 100% !important;
}
.wp-block-stackable-button-group:not(.social-buttons) > div > div {
width: 100% !important;
} }