.wp-block-lb-content-slide-frame.slide-frame { position: relative; margin: auto; } .wp-block-lb-content-slide-frame .gallery-container.content-slider { max-width: 1224px; margin-bottom: 80px; display: flow-root; } .wp-block-lb-content-slide-frame .swiper-container.gallery-main { width: 100%; height: auto; max-width: unset; margin: auto; margin-right: 0; overflow: hidden; padding-top: 16px; padding-bottom: 32px; margin-top: -16px; margin-bottom: -32px; } .wp-block-lb-content-slide-frame .gallery-main .swiper-wrapper { max-width: 1224px; margin: auto; } .wp-block-lb-content-slide-frame .gallery-main .swiper-slide { background: #fff; text-align: center; } .wp-block-lb-content-slide-frame .gallery-main .swiper-slide.wp-block-lb-lotterie-slide-item { background: transparent; height: fit-content; } .wp-block-lb-content-slide-frame .text { position: unset; padding: 0 24px; text-align: left; } .wp-block-lb-content-slide-frame .text .my-block-title { display: block; color: var(--wp--preset--color--text); padding: 24px 0; text-align: left; } .wp-block-lb-content-slide-frame .text .my-block-text { display: block; color: var(--wp--preset--color--text); text-align: left; } .wp-block-lb-content-slide-frame .text .my-block-text:empty { display: none; } .wp-block-lb-content-slide-frame .text .my-block-text:first-of-type { font-size: 26px; line-height: 32px; margin-bottom: 16px; } .wp-block-lb-content-slide-frame .text .my-block-text:last-of-type { font-size: 16px; line-height: 24px; } .wp-block-lb-content-slide-frame .swiper-slide .text { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; height: auto; } .wp-block-lb-content-slide-frame .swiper-slide .text .my-block-title { line-height: 40px; } .wp-block-lb-content-slide-frame .swiper-slide .text h3, .wp-block-lb-content-slide-frame .swiper-slide .text .my-block-text { font-size: 34px; line-height: 42px; } .wp-block-lb-content-slide-frame .swiper-slide .text p { line-height: 24px; margin-bottom: 24px; } .wp-block-lb-content-slide-frame .text .my-block-button { margin: auto auto 24px; color: #0061AB; border: 2px solid #0061AB; } .wp-block-lb-content-slide-frame .swiper-button { max-width: 1224px; margin: 0 auto 32px; bottom: 0; top: 0; position: absolute; height: 100%; align-items: center; } .wp-block-lb-content-slide-frame .swiper-button-next, .wp-block-lb-content-slide-frame .swiper-button-prev { height: 100%; border: 0; position: absolute; top: 22px; width: 80px; background: transparent; } .wp-block-lb-content-slide-frame .swiper-button-next { right: 0; } .wp-block-lb-content-slide-frame .swiper-button-prev { left: 0; } .wp-block-lb-content-slide-frame .swiper-button-next:after, .wp-block-lb-content-slide-frame .swiper-button-prev:after { color: #fff; font-size: 32px !important; font-weight: 100; background: var(--wp--preset--color--link); height: 72px; width: 72px; line-height: 72px; text-align: center; display: block; position: absolute; top: calc(100% - 36px); } .wp-block-lb-content-slide-frame .gallery-container .swiper-pagination { position: absolute !important; bottom: 0; height: 56px; line-height: 56px; top: calc(100% - 56px); } .wp-block-lb-content-slide-frame .swiper-pagination.desktop_hidden.swiper-pagination-clickable.swiper-pagination-bullets { bottom: 0; top: calc(100% + 8px); } .wp-block-lb-content-slide-frame .swiper-pagination-bullet-active, .wp-block-lb-content-slide-frame .swiper-pagination-bullet:hover { background: #0061AB; } @media (min-width: 768px) { .wp-block-lb-content-slide-frame .gallery-container.content-slider { margin-bottom: 24px; } .wp-block-lb-content-slide-frame .swiper-pagination.desktop_hidden.swiper-pagination-clickable.swiper-pagination-bullets { bottom: 48px; } .wp-block-lb-content-slide-frame .gallery-main .swiper-wrapper { width: 100%; } .wp-block-lb-content-slide-frame .text .my-block-button { margin: 0 0 0 24px; color: #fff; border-color: #fff; } .wp-block-lb-content-slide-frame .text .my-block-button:hover { background-color: #fff; color: var(--wp--preset--color--text); } } @media (min-width: 900px) { .wp-block-lb-content-slide-frame .gallery-container.content-slider { margin-bottom: 0; padding-bottom: 0; } .wp-block-lb-content-slide-frame .gallery-main .swiper-wrapper { margin-bottom: 0; padding-bottom: 0; } } @media (min-width: 1100px) { .wp-block-lb-content-slide-frame .gallery-main .swiper-wrapper { width: 1224px; } .wp-block-lb-content-slide-frame .swiper-slide .text h3, .wp-block-lb-content-slide-frame .swiper-slide .text .my-block-text { font-size: 64px; line-height: 72px; } .wp-block-lb-content-slide-frame .swiper-slide .text p { font-size: 1.875rem; line-height: 1.6; } }