.glwa-editor-repeater__item {
border: 1px solid #dcdcde;
padding: 14px;
margin: 0 0 14px;
background: #fff;
}
.block-editor-block-list__block .glwa-centered-carousel__track--editor {
display: flex;
flex-wrap: wrap;
}
.block-editor-block-list__block .glwa-centered-carousel__track--editor .glwa-centered-carousel__slide {
height: auto;
width: 18%;
}
.glwa-editor-repeater__controls {
display: flex;
gap: 8px;
align-items: center;
margin-top: 10px;
}
.glwa-editor-media {
border: 1px dashed #c3c4c7;
padding: 10px;
margin: 8px 0;
}
.glwa-editor-media__empty {
padding: 10px;
background: #f6f7f7;
margin: 8px 0;
color: #50575e;
}
.glwa-check {
display: inline-grid;
place-items: center;
flex: 0 0 auto;
width: 20px;
height: 20px;
border-radius: 50%;
background: #45b6e9;
color: #fff;
font-size: 13px;
font-weight: 800;
}
.glwa-download-icon {
display: inline-grid;
place-items: center;
width: 24px;
height: 24px;
border-radius: 50%;
background: #0031A7;
color: #f5f5f5;
}
.glwa-centered-carousel {
background: #0031A7;
color: #f5f5f5;
padding: max(9vw, 80px) 0 max(80px, 17vw);
overflow: hidden;
}
.glwa-centered-carousel .slick-track {
height: 28.644vw;
}
.glwa-centered-carousel__viewport {
position: relative;
}
.glwa-centered-carousel__arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 5;
}
.glwa-centered-carousel__prev {
left: 24px;
}
.glwa-centered-carousel__next {
right: 24px;
}
@media only screen and (max-width: 991px) {
.glwa-centered-carousel__prev {
left: 12px;
}
.glwa-centered-carousel__next {
right: 12px;
}
}
#main-content .glwa-centered-carousel .glwa-section-title, #main-content .glwa-centered-carousel h2, #main-content .glwa-centered-carousel h2.h1 {
max-width: 1020px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.glwa-centered-carousel h2 strong {
color: #44B8F3;
}
.glwa-centered-carousel__track {
display: flex;
gap: 32px;
}
.glwa-centered-carousel__slide {
padding: 0 16px;
width: 42vw;
height: 28.644vw;
}
.glwa-centered-carousel__slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 8px;
}
.glwa-centered-carousel .slick-list {
overflow: visible;
}
.glwa-centered-carousel .slick-slide {
opacity: 0.8;
transition: opacity 0.2s;
}
.glwa-centered-carousel .slick-center {
opacity: 1;
}
@media (max-width: 991px) {
.glwa-centered-carousel__slide {
padding: 0 16px;
width: 75vw;
height: 51.15vw;
}
.glwa-centered-carousel h2 {
margin-bottom: 40px;
}
.glwa-centered-carousel {
background: #0031A7;
color: #f5f5f5;
padding: 80px 0 80px;
overflow: hidden;
}
.glwa-centered-carousel .slick-track {
height: 51.15vw;
}
}
@media (max-width: 767px) {
.glwa-centered-carousel__slide {
padding: 0 16px;
width: 75vw;
height: 51.15vw;
}
.glwa-centered-carousel h2 {
margin-bottom: 40px;
}
.glwa-centered-carousel {
background: #0031A7;
color: #f5f5f5;
padding: 40px 0 40px;
overflow: hidden;
}
.glwa-centered-carousel .slick-track {
height: 51.15vw;
}
}
.glwa-centered-carousel__actions {
display: flex;
justify-content: center;
margin: 34px 0 74px;
}
.glwa-centered-carousel__editor-button {
min-width: 150px;
justify-content: center;
padding: 14px 24px;
background: #45b6e9;
color: #0031A7;
}
.glwa-centered-carousel__track--editor {
overflow-x: auto;
padding: 0 24px 24px;
}
.glwa-centered-carousel__editor-media img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 8px;
}
.glwa-centered-carousel__editor-media-actions {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 10px;
}
.glwa-centered-carousel__editor-add {
display: flex;
justify-content: center;
margin-top: 24px;
}
.glwa-editor-repeater__item,
.glwa-centered-carousel__slide {
overflow: visible;
}
@media (max-width: 800px) {
.glwa-centered-carousel__actions {
margin: 28px 0 50px;
}
}