:root {
--carousel-button-size: 2.8rem;
--carousel-button-offset: 0px;
--carousel-marker-size: 0.75rem;
--carousel-marker-gap: 0.75rem;
--carousel-marker-bottom-offset: -2rem;
--carousel-z-index: 5;
--carousel-transition-duration: 0.3s;
--carousel-transition-easing: cubic-bezier(0.4, 0, 0.2, 1);  --carousel-button-bg: var(--wp--style--elements--button--color--background, #007cba);
--carousel-button-color: var(--wp--style--elements--button--color--text, #fff);
--carousel-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); --carousel-padding-left: 0px;
--carousel-padding-right: 0px;
--carousel-padding-top: 0px;
--carousel-padding-bottom: 0px;
}   .abcs {
position: relative !important;
--carousel-gap-x: var(--carousel-block-gap-x, var(--wp--style--unstable-gallery-gap, var(--wp--style--block-gap, 1rem)));
} *:has(> .abcs) {
position: relative !important;
overflow: visible;
max-width: 100%;
box-sizing: border-box;
} .abcs,
.block-editor-block-list__layout .abcs,
.editor-styles-wrapper .abcs {
position: relative !important;
width: 100%;
max-width: 100%;
box-sizing: border-box;
display: flex;
flex-flow: row nowrap;
align-items: stretch;
justify-content: flex-start;
gap: var(--wp--style--block-gap, 1rem);
padding: 1rem 0px;
overflow-x: scroll;
overflow-y: visible;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
scroll-padding-left: var(--carousel-scroll-padding-left, 0);
scroll-padding-right: var(--carousel-scroll-padding-right, 0);
-ms-overflow-style: none;
scrollbar-width: none;
-webkit-scrollbar: none;
isolation: isolate;
contain: layout !important;
transform: translateZ(0);
} .abcs>*,
.block-editor-block-list__layout .abcs>*,
.editor-styles-wrapper .abcs>* {
position: relative;
flex: 0 0 auto;
width: 100%;
height: auto;
scroll-snap-align: start; margin: 0px !important;
padding: 0px;
}
.abcs .wp-block-group[style*="border-radius"] {
overflow: hidden;
}
.abcs .wp-block-group.has-global-padding {
padding-left: initial;
padding-right: initial;
}
.abcs .has-background,
.block-editor-block-list__layout .abcs .has-background,
.editor-styles-wrapper .abcs .has-background {
height: 100%;
} .wp-block-gallery.abcs,
.block-editor-block-list__layout .wp-block-gallery.abcs,
.editor-styles-wrapper .wp-block-gallery.abcs {
flex-wrap: nowrap !important;
columns: auto !important;
}
.wp-block-gallery.abcs>.wp-block-image,
.block-editor-block-list__layout .wp-block-gallery.abcs>.wp-block-image,
.editor-styles-wrapper .wp-block-gallery.abcs>.wp-block-image {
flex: 0 0 auto !important;
flex-grow: 0 !important;
flex-shrink: 0 !important;
scroll-snap-align: start;
}
.wp-block-gallery.abcs>.wp-block-image img,
.block-editor-block-list__layout .wp-block-gallery.abcs>.wp-block-image img,
.editor-styles-wrapper .wp-block-gallery.abcs>.wp-block-image img {
width: 100%;
height: 100%;
object-fit: cover;
} .is-layout-grid.abcs,
.block-editor-block-list__layout .is-layout-grid.abcs,
.editor-styles-wrapper .is-layout-grid.abcs {
display: flex !important;
grid-template-columns: none !important;
flex-wrap: nowrap !important;
}
.is-layout-grid.abcs>*,
.block-editor-block-list__layout .is-layout-grid.abcs>*,
.editor-styles-wrapper .is-layout-grid.abcs>* {
flex: 0 0 auto;
width: var(--carousel-grid-item-width, calc(33.333% - var(--wp--style--block-gap, 1rem) * 2 / 3));
min-width: var(--carousel-grid-item-width, calc(33.333% - var(--wp--style--block-gap, 1rem) * 2 / 3));
max-width: 100%;
} .is-layout-grid.abcs>*[style*="grid-column-end:span 2"],
.is-layout-grid.abcs>*[style*="grid-column:span 2"] {
width: calc(var(--carousel-grid-item-width, 33.333%) * 2 + var(--wp--style--block-gap, 1rem)) !important;
}
.is-layout-grid.abcs>*[style*="grid-column-end:span 3"],
.is-layout-grid.abcs>*[style*="grid-column:span 3"] {
width: calc(var(--carousel-grid-item-width, 33.333%) * 3 + var(--wp--style--block-gap, 1rem) * 2) !important;
}
.is-layout-grid.abcs>*[style*="grid-column-end:span 4"],
.is-layout-grid.abcs>*[style*="grid-column:span 4"] {
width: calc(var(--carousel-grid-item-width, 33.333%) * 4 + var(--wp--style--block-gap, 1rem) * 3) !important;
}  .is-layout-grid.abcs[class*="abcs-cols-"]>* {
width: var(--carousel-grid-item-width);
min-width: var(--carousel-grid-item-width);
} .is-layout-grid.abcs.abcs-cols-1>* {
--carousel-grid-item-width: 100%;
}
.is-layout-grid.abcs.abcs-cols-2>* {
--carousel-grid-item-width: calc(50% - var(--wp--style--block-gap, 1rem) / 2);
}
.is-layout-grid.abcs.abcs-cols-3>* {
--carousel-grid-item-width: calc(33.333% - var(--wp--style--block-gap, 1rem) * 2 / 3);
}
.is-layout-grid.abcs.abcs-cols-4>* {
--carousel-grid-item-width: calc(25% - var(--wp--style--block-gap, 1rem) * 3 / 4);
}
.is-layout-grid.abcs.abcs-cols-5>* {
--carousel-grid-item-width: calc(20% - var(--wp--style--block-gap, 1rem) * 4 / 5);
}
.is-layout-grid.abcs.abcs-cols-6>* {
--carousel-grid-item-width: calc(16.666% - var(--wp--style--block-gap, 1rem) * 5 / 6);
}
.is-layout-grid.abcs.abcs-cols-7>* {
--carousel-grid-item-width: calc(14.285% - var(--wp--style--block-gap, 1rem) * 6 / 7);
}
.is-layout-grid.abcs.abcs-cols-8>* {
--carousel-grid-item-width: calc(12.5% - var(--wp--style--block-gap, 1rem) * 7 / 8);
}
.is-layout-grid.abcs.abcs-cols-9>* {
--carousel-grid-item-width: calc(11.111% - var(--wp--style--block-gap, 1rem) * 8 / 9);
}
.is-layout-grid.abcs.abcs-cols-10>* {
--carousel-grid-item-width: calc(10% - var(--wp--style--block-gap, 1rem) * 9 / 10);
}
.is-layout-grid.abcs.abcs-cols-11>* {
--carousel-grid-item-width: calc(9.090% - var(--wp--style--block-gap, 1rem) * 10 / 11);
}
.is-layout-grid.abcs.abcs-cols-12>* {
--carousel-grid-item-width: calc(8.333% - var(--wp--style--block-gap, 1rem) * 11 / 12);
}
.is-layout-grid.abcs.abcs-cols-13>* {
--carousel-grid-item-width: calc(7.692% - var(--wp--style--block-gap, 1rem) * 12 / 13);
}
.is-layout-grid.abcs.abcs-cols-14>* {
--carousel-grid-item-width: calc(7.142% - var(--wp--style--block-gap, 1rem) * 13 / 14);
}
.is-layout-grid.abcs.abcs-cols-15>* {
--carousel-grid-item-width: calc(6.666% - var(--wp--style--block-gap, 1rem) * 14 / 15);
}
.is-layout-grid.abcs.abcs-cols-16>* {
--carousel-grid-item-width: calc(6.25% - var(--wp--style--block-gap, 1rem) * 15 / 16);
} .is-layout-grid.abcs.abcs-min-width>*,
.block-editor-block-list__layout .is-layout-grid.abcs.abcs-min-width>*,
.editor-styles-wrapper .is-layout-grid.abcs.abcs-min-width>*,
.wp-block-post-template.abcs.abcs-min-width .wp-block-post,
.block-editor-block-list__layout .wp-block-post-template.abcs.abcs-min-width .wp-block-post,
.editor-styles-wrapper .wp-block-post-template.abcs.abcs-min-width .wp-block-post,
.wp-block-group.abcs.abcs-min-width>*,
.block-editor-block-list__layout .wp-block-group.abcs.abcs-min-width>*,
.editor-styles-wrapper .wp-block-group.abcs.abcs-min-width>* {
flex: 0 0 auto !important;
width: min(var(--carousel-min-width, 200px), 100%) !important;
min-width: min(var(--carousel-min-width, 200px), 100%) !important;
max-width: 100% !important;
} .abcs.abcs-min-width>*,
.block-editor-block-list__layout .abcs.abcs-min-width>*,
.editor-styles-wrapper .abcs.abcs-min-width>*,
.wp-block-post-template.abcs:not(.is-layout-grid) .wp-block-post,
.block-editor-block-list__layout .wp-block-post-template.abcs:not(.is-layout-grid) .wp-block-post,
.editor-styles-wrapper .wp-block-post-template.abcs:not(.is-layout-grid) .wp-block-post,
.wp-block-post-template.abcs.abcs-min-width .wp-block-post,
.block-editor-block-list__layout .wp-block-post-template.abcs.abcs-min-width .wp-block-post,
.editor-styles-wrapper .wp-block-post-template.abcs.abcs-min-width .wp-block-post,
.wp-block-group.abcs.abcs-min-width>*,
.block-editor-block-list__layout .wp-block-group.abcs.abcs-min-width>*,
.editor-styles-wrapper .wp-block-group.abcs.abcs-min-width>*,
.wp-block-gallery.abcs.abcs-min-width>.wp-block-image,
.block-editor-block-list__layout .wp-block-gallery.abcs.abcs-min-width>.wp-block-image,
.editor-styles-wrapper .wp-block-gallery.abcs.abcs-min-width>.wp-block-image {
scroll-snap-align: start !important;
} .abcs-nav-btn {
position: absolute;
z-index: var(--carousel-z-index);
top: 50%;
width: var(--carousel-button-size);
height: var(--carousel-button-size);
border-radius: 100rem;
background-color: var(--carousel-button-bg);
border: 2px solid var(--carousel-button-bg);
color: var(--carousel-button-color);
opacity: 1;
visibility: visible;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
box-shadow: var(--carousel-shadow);
transition: all var(--carousel-transition-duration) var(--carousel-transition-easing);
padding: 0;
margin: 0;
overflow: hidden;
-webkit-appearance: none;
appearance: none;
line-height: 1;
}
.abcs-nav-btn svg {
width: 50%;
height: 50%;
fill: currentColor;
pointer-events: none;
flex-shrink: 0;
}
.abcs-nav-btn:hover {
box-shadow: var(--carousel-shadow), 0 6px 20px rgba(0, 0, 0, 0.2);
background-color: var(--carousel-button-bg);
filter: brightness(1.1);
}
.abcs-nav-btn:focus-visible {
outline: 2px solid var(--carousel-button-bg);
outline-offset: 2px;
}
.abcs-nav-btn:disabled {
opacity: 0;
visibility: hidden;
pointer-events: none;
cursor: default;
}
.abcs-nav-btn--prev {
left: calc(var(--carousel-padding-left, 0px) + var(--carousel-button-offset, 0px));
transform: translate(-50%, -50%);
}
.abcs-nav-btn--next {
right: calc(var(--carousel-padding-right, 0px) + var(--carousel-button-offset, 0px));
left: auto;
transform: translate(50%, -50%);
} .abcs.abcs-hide-arrows ~ .abcs-nav-btn {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
} .abcs-markers {
position: absolute;
z-index: var(--carousel-z-index);
bottom: calc(var(--carousel-marker-bottom-offset) + var(--carousel-padding-bottom, 1rem));
left: var(--carousel-padding-left, 0);
width: calc(100% - var(--carousel-padding-left, 0px) - var(--carousel-padding-right, 0px));
display: flex;
justify-content: center;
align-items: center;
gap: var(--carousel-marker-gap);
transform: translate(0, 100%);
transition: opacity var(--carousel-transition-duration) var(--carousel-transition-easing);
}
.abcs-marker {
width: var(--carousel-marker-size);
height: var(--carousel-marker-size);
background: var(--carousel-button-bg);
border-radius: 50%;
opacity: 0.5;
box-shadow: var(--carousel-shadow);
transition: opacity var(--carousel-transition-duration) var(--carousel-transition-easing);
cursor: pointer;
border: none;
padding: 0;
margin: 0;
-webkit-appearance: none;
appearance: none;
}
.abcs-marker:hover {
opacity: 0.75;
}
.abcs-marker:focus-visible {
outline: 2px solid var(--carousel-button-bg);
outline-offset: 2px;
}
.abcs-marker.is-active {
opacity: 1;
cursor: default;
} .abcs.abcs-hide-markers ~ .abcs-markers {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}  .abcs.abcs-snap-stop > *,
.block-editor-block-list__layout .abcs.abcs-snap-stop > *,
.editor-styles-wrapper .abcs.abcs-snap-stop > * {
scroll-snap-stop: always !important;
} .abcs.abcs-markers-align-left ~ .abcs-markers {
justify-content: flex-start !important;
}
.abcs.abcs-markers-align-center ~ .abcs-markers {
justify-content: center !important;
}
.abcs.abcs-markers-align-right ~ .abcs-markers {
justify-content: flex-end !important;
} .abcs.abcs-markers-style-lines ~ .abcs-markers .abcs-marker {
border-radius: 2px !important;
width: 24px !important;
height: 4px !important;
}    .wp-block-post-template.is-layout-grid.abcs:not(.abcs-min-width) .wp-block-post,
.wp-block-group.is-layout-grid.abcs:not(.abcs-min-width)>* {
width: 100% !important;
min-width: 100% !important;
} .wp-block-gallery.abcs .wp-block-image {
--carousel-grid-item-width: calc(50% - var(--carousel-gap-x, 1rem) / 2);
flex: 0 0 var(--carousel-grid-item-width) !important;
flex-grow: 0 !important;
flex-shrink: 0 !important;
width: var(--carousel-grid-item-width) !important;
min-width: var(--carousel-grid-item-width) !important;
max-width: var(--carousel-grid-item-width) !important;
}
.wp-block-gallery.abcs.abcs-cols-1 .wp-block-image,
.wp-block-gallery.abcs.columns-1 .wp-block-image {
--carousel-grid-item-width: 100%;
}  @media (min-width: 600px) { .wp-block-post-template.is-layout-grid.abcs.abcs-cols-2 .wp-block-post {
--carousel-grid-item-width: calc(50% - var(--wp--style--block-gap, 1.25em) / 2);
}
.wp-block-post-template.is-layout-grid.abcs.abcs-cols-3 .wp-block-post {
--carousel-grid-item-width: calc(33.33333% - var(--wp--style--block-gap, 1.25em) * 2 / 3);
}
.wp-block-post-template.is-layout-grid.abcs.abcs-cols-4 .wp-block-post {
--carousel-grid-item-width: calc(25% - var(--wp--style--block-gap, 1.25em) * 3 / 4);
}
.wp-block-post-template.is-layout-grid.abcs.abcs-cols-5 .wp-block-post {
--carousel-grid-item-width: calc(20% - var(--wp--style--block-gap, 1.25em) * 4 / 5);
}
.wp-block-post-template.is-layout-grid.abcs.abcs-cols-6 .wp-block-post {
--carousel-grid-item-width: calc(16.66667% - var(--wp--style--block-gap, 1.25em) * 5 / 6);
}
.wp-block-post-template.is-layout-grid.abcs.abcs-cols-7 .wp-block-post {
--carousel-grid-item-width: calc(14.285% - var(--wp--style--block-gap, 1.25em) * 6 / 7);
}
.wp-block-post-template.is-layout-grid.abcs.abcs-cols-8 .wp-block-post {
--carousel-grid-item-width: calc(12.5% - var(--wp--style--block-gap, 1.25em) * 7 / 8);
}
.wp-block-post-template.is-layout-grid.abcs.abcs-cols-9 .wp-block-post {
--carousel-grid-item-width: calc(11.111% - var(--wp--style--block-gap, 1.25em) * 8 / 9);
}
.wp-block-post-template.is-layout-grid.abcs.abcs-cols-10 .wp-block-post {
--carousel-grid-item-width: calc(10% - var(--wp--style--block-gap, 1.25em) * 9 / 10);
}
.wp-block-post-template.is-layout-grid.abcs.abcs-cols-11 .wp-block-post {
--carousel-grid-item-width: calc(9.090% - var(--wp--style--block-gap, 1.25em) * 10 / 11);
}
.wp-block-post-template.is-layout-grid.abcs.abcs-cols-12 .wp-block-post {
--carousel-grid-item-width: calc(8.333% - var(--wp--style--block-gap, 1.25em) * 11 / 12);
}
.wp-block-post-template.is-layout-grid.abcs.abcs-cols-13 .wp-block-post {
--carousel-grid-item-width: calc(7.692% - var(--wp--style--block-gap, 1.25em) * 12 / 13);
}
.wp-block-post-template.is-layout-grid.abcs.abcs-cols-14 .wp-block-post {
--carousel-grid-item-width: calc(7.142% - var(--wp--style--block-gap, 1.25em) * 13 / 14);
}
.wp-block-post-template.is-layout-grid.abcs.abcs-cols-15 .wp-block-post {
--carousel-grid-item-width: calc(6.666% - var(--wp--style--block-gap, 1.25em) * 14 / 15);
}
.wp-block-post-template.is-layout-grid.abcs.abcs-cols-16 .wp-block-post {
--carousel-grid-item-width: calc(6.25% - var(--wp--style--block-gap, 1.25em) * 15 / 16);
} .wp-block-post-template.is-layout-grid.abcs[class*="abcs-cols-"] .wp-block-post {
width: var(--carousel-grid-item-width) !important;
min-width: var(--carousel-grid-item-width) !important;
} .wp-block-gallery.abcs.abcs-cols-1 .wp-block-image,
.wp-block-gallery.abcs.columns-1 .wp-block-image {
--carousel-grid-item-width: 100%;
}
.wp-block-gallery.abcs.abcs-cols-2 .wp-block-image,
.wp-block-gallery.abcs.columns-2 .wp-block-image {
--carousel-grid-item-width: calc(50% - var(--carousel-gap-x, 1rem) / 2);
}
.wp-block-gallery.abcs.abcs-cols-3 .wp-block-image,
.wp-block-gallery.abcs.columns-3 .wp-block-image,
.wp-block-gallery.abcs.columns-default .wp-block-image {
--carousel-grid-item-width: calc(33.33333% - var(--carousel-gap-x, 1rem) * 2 / 3);
}
.wp-block-gallery.abcs.abcs-cols-4 .wp-block-image,
.wp-block-gallery.abcs.columns-4 .wp-block-image {
--carousel-grid-item-width: calc(25% - var(--carousel-gap-x, 1rem) * 3 / 4);
}
.wp-block-gallery.abcs.abcs-cols-5 .wp-block-image,
.wp-block-gallery.abcs.columns-5 .wp-block-image {
--carousel-grid-item-width: calc(20% - var(--carousel-gap-x, 1rem) * 4 / 5);
}
.wp-block-gallery.abcs.abcs-cols-6 .wp-block-image,
.wp-block-gallery.abcs.columns-6 .wp-block-image {
--carousel-grid-item-width: calc(16.66667% - var(--carousel-gap-x, 1rem) * 5 / 6);
}
.wp-block-gallery.abcs.abcs-cols-7 .wp-block-image,
.wp-block-gallery.abcs.columns-7 .wp-block-image {
--carousel-grid-item-width: calc(14.285% - var(--carousel-gap-x, 1rem) * 6 / 7);
}
.wp-block-gallery.abcs.abcs-cols-8 .wp-block-image,
.wp-block-gallery.abcs.columns-8 .wp-block-image {
--carousel-grid-item-width: calc(12.5% - var(--carousel-gap-x, 1rem) * 7 / 8);
}
.wp-block-gallery.abcs[class*="abcs-cols-"] .wp-block-image,
.wp-block-gallery.abcs[class*="columns-"] .wp-block-image {
flex: 0 0 var(--carousel-grid-item-width) !important;
flex-grow: 0 !important;
flex-shrink: 0 !important;
width: var(--carousel-grid-item-width) !important;
min-width: var(--carousel-grid-item-width) !important;
max-width: var(--carousel-grid-item-width) !important;
} .wp-block-group.is-layout-grid.abcs.abcs-cols-2>* {
--carousel-grid-item-width: calc(50% - var(--wp--style--block-gap, 1rem) / 2);
}
.wp-block-group.is-layout-grid.abcs.abcs-cols-3>* {
--carousel-grid-item-width: calc(33.33333% - var(--wp--style--block-gap, 1rem) * 2 / 3);
}
.wp-block-group.is-layout-grid.abcs.abcs-cols-4>* {
--carousel-grid-item-width: calc(25% - var(--wp--style--block-gap, 1rem) * 3 / 4);
}
.wp-block-group.is-layout-grid.abcs.abcs-cols-5>* {
--carousel-grid-item-width: calc(20% - var(--wp--style--block-gap, 1rem) * 4 / 5);
}
.wp-block-group.is-layout-grid.abcs.abcs-cols-6>* {
--carousel-grid-item-width: calc(16.66667% - var(--wp--style--block-gap, 1rem) * 5 / 6);
}
.wp-block-group.is-layout-grid.abcs.abcs-cols-7>* {
--carousel-grid-item-width: calc(14.285% - var(--wp--style--block-gap, 1rem) * 6 / 7);
}
.wp-block-group.is-layout-grid.abcs.abcs-cols-8>* {
--carousel-grid-item-width: calc(12.5% - var(--wp--style--block-gap, 1rem) * 7 / 8);
}
.wp-block-group.is-layout-grid.abcs.abcs-cols-9>* {
--carousel-grid-item-width: calc(11.111% - var(--wp--style--block-gap, 1rem) * 8 / 9);
}
.wp-block-group.is-layout-grid.abcs.abcs-cols-10>* {
--carousel-grid-item-width: calc(10% - var(--wp--style--block-gap, 1rem) * 9 / 10);
}
.wp-block-group.is-layout-grid.abcs.abcs-cols-11>* {
--carousel-grid-item-width: calc(9.090% - var(--wp--style--block-gap, 1rem) * 10 / 11);
}
.wp-block-group.is-layout-grid.abcs.abcs-cols-12>* {
--carousel-grid-item-width: calc(8.333% - var(--wp--style--block-gap, 1rem) * 11 / 12);
}
.wp-block-group.is-layout-grid.abcs.abcs-cols-13>* {
--carousel-grid-item-width: calc(7.692% - var(--wp--style--block-gap, 1rem) * 12 / 13);
}
.wp-block-group.is-layout-grid.abcs.abcs-cols-14>* {
--carousel-grid-item-width: calc(7.142% - var(--wp--style--block-gap, 1rem) * 13 / 14);
}
.wp-block-group.is-layout-grid.abcs.abcs-cols-15>* {
--carousel-grid-item-width: calc(6.666% - var(--wp--style--block-gap, 1rem) * 14 / 15);
}
.wp-block-group.is-layout-grid.abcs.abcs-cols-16>* {
--carousel-grid-item-width: calc(6.25% - var(--wp--style--block-gap, 1rem) * 15 / 16);
}
.wp-block-group.is-layout-grid.abcs[class*="abcs-cols-"]>* {
width: var(--carousel-grid-item-width) !important;
min-width: var(--carousel-grid-item-width) !important;
}
} @media (min-width: 600px) and (max-width: 1200px) {
.wp-block-post-template.is-layout-grid.abcs.abcs-cols-3 .wp-block-post,
.wp-block-post-template.is-layout-grid.abcs.abcs-cols-4 .wp-block-post,
.wp-block-post-template.is-layout-grid.abcs.abcs-cols-5 .wp-block-post,
.wp-block-post-template.is-layout-grid.abcs.abcs-cols-6 .wp-block-post,
.wp-block-post-template.is-layout-grid.abcs.abcs-cols-7 .wp-block-post,
.wp-block-post-template.is-layout-grid.abcs.abcs-cols-8 .wp-block-post,
.wp-block-post-template.is-layout-grid.abcs.abcs-cols-9 .wp-block-post,
.wp-block-post-template.is-layout-grid.abcs.abcs-cols-10 .wp-block-post,
.wp-block-post-template.is-layout-grid.abcs.abcs-cols-11 .wp-block-post,
.wp-block-post-template.is-layout-grid.abcs.abcs-cols-12 .wp-block-post,
.wp-block-post-template.is-layout-grid.abcs.abcs-cols-13 .wp-block-post,
.wp-block-post-template.is-layout-grid.abcs.abcs-cols-14 .wp-block-post,
.wp-block-post-template.is-layout-grid.abcs.abcs-cols-15 .wp-block-post,
.wp-block-post-template.is-layout-grid.abcs.abcs-cols-16 .wp-block-post {
width: calc(50% - var(--wp--style--block-gap, 1.25em) / 2) !important;
min-width: calc(50% - var(--wp--style--block-gap, 1.25em) / 2) !important;
}
.wp-block-group.is-layout-grid.abcs.abcs-cols-3>*,
.wp-block-group.is-layout-grid.abcs.abcs-cols-4>*,
.wp-block-group.is-layout-grid.abcs.abcs-cols-5>*,
.wp-block-group.is-layout-grid.abcs.abcs-cols-6>*,
.wp-block-group.is-layout-grid.abcs.abcs-cols-7>*,
.wp-block-group.is-layout-grid.abcs.abcs-cols-8>*,
.wp-block-group.is-layout-grid.abcs.abcs-cols-9>*,
.wp-block-group.is-layout-grid.abcs.abcs-cols-10>*,
.wp-block-group.is-layout-grid.abcs.abcs-cols-11>*,
.wp-block-group.is-layout-grid.abcs.abcs-cols-12>*,
.wp-block-group.is-layout-grid.abcs.abcs-cols-13>*,
.wp-block-group.is-layout-grid.abcs.abcs-cols-14>*,
.wp-block-group.is-layout-grid.abcs.abcs-cols-15>*,
.wp-block-group.is-layout-grid.abcs.abcs-cols-16>* {
width: calc(50% - var(--wp--style--block-gap, 1rem) / 2) !important;
min-width: calc(50% - var(--wp--style--block-gap, 1rem) / 2) !important;
}
} @media (max-width: 782px) {
:root {
--carousel-button-size: 2.75rem;
--carousel-button-offset: 0.5rem;
--carousel-marker-size: 0.75rem;
}
}
@media (max-width: 600px) {
:root {
--carousel-button-size: 2.5rem;
--carousel-button-offset: 0.5rem;
--carousel-marker-size: 0.75rem;
--carousel-marker-gap: 0.75rem;
}
.abcs {
gap: var(--wp--style--block-gap, 0.5rem);
padding: 0.75rem 0px;
}
.abcs.abcs-min-width>*,
.block-editor-block-list__layout .abcs.abcs-min-width>*,
.editor-styles-wrapper .abcs.abcs-min-width>*,
.wp-block-post-template.abcs.abcs-min-width .wp-block-post,
.block-editor-block-list__layout .wp-block-post-template.abcs.abcs-min-width .wp-block-post,
.editor-styles-wrapper .wp-block-post-template.abcs.abcs-min-width .wp-block-post,
.wp-block-group.abcs.abcs-min-width>*,
.block-editor-block-list__layout .wp-block-group.abcs.abcs-min-width>*,
.editor-styles-wrapper .wp-block-group.abcs.abcs-min-width>*,
.wp-block-gallery.abcs.abcs-min-width>.wp-block-image,
.block-editor-block-list__layout .wp-block-gallery.abcs.abcs-min-width>.wp-block-image,
.editor-styles-wrapper .wp-block-gallery.abcs.abcs-min-width>.wp-block-image {
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
}
}
@media (max-width: 480px) {
:root {
--carousel-button-size: 2rem;
--carousel-button-offset: 0.25rem;
--carousel-marker-size: 0.75rem;
--carousel-marker-gap: 0.75rem;
--carousel-marker-bottom-offset: -1.5rem;
}
.abcs {
gap: var(--wp--style--block-gap, 0.25rem);
padding: 1rem 0px;
}
}
@media (max-width: 375px) {
:root {
--carousel-button-size: 1.75rem;
--carousel-marker-size: 0.75rem;
}
} .cfg-abcs-toggle-control {
margin-bottom: 1rem;
}
.cfg-abcs-toggle-control .components-base-control__label {
font-weight: 600;
color: #1e1e1e;
}
.cfg-abcs-toggle-control .components-base-control__help {
font-size: 12px;
color: #757575;
margin-top: 4px;
}
.cfg-abcs-toggle-control .components-toggle-control__label[for*="carousel"] {
color: #007cba;
font-weight: 600;
}
.cfg-abcs-panel .components-panel__body-title {
font-weight: 600;
}
.cfg-abcs-panel-first {
order: -1000 !important;
}
.block-editor-block-inspector .cfg-abcs-panel-first {
order: -1000 !important;
margin-bottom: 16px;
}
.block-editor-block-list__layout .abcs>*:not(:first-child),
.editor-styles-wrapper .abcs>*:not(:first-child) {
pointer-events: none;
} .abcs,
.block-editor-block-list__layout .abcs,
.editor-styles-wrapper .abcs {
will-change: scroll-position;
contain: layout style;
}
.abcs>*,
.block-editor-block-list__layout .abcs>*,
.editor-styles-wrapper .abcs>* {
will-change: transform;
} @media (prefers-reduced-motion: reduce) {
.abcs,
.block-editor-block-list__layout .abcs,
.editor-styles-wrapper .abcs {
scroll-behavior: auto;
}
.abcs-nav-btn {
transition: none;
}
.abcs-marker {
transition: none;
}
}
@media (prefers-contrast: high) {
.abcs-nav-btn {
border-width: 3px;
}
.abcs-marker {
border: 2px solid currentColor;
}
}