.wp-block-themeisle-blocks-posts-grid{--text-align: initial;--vert-align: initial;--img-border-radius: 0;--img-box-shadow: none;--image-ratio: inherit;--border-width: 0;--text-color: inherit;--background-color: inherit;--background-overlay: #0000005e;--border-color: inherit;--border-radius: 0;--border-radius-start-start: 0;--border-radius-start-end: 0;--border-radius-end-start: 0;--border-radius-end-end: 0;--box-shadow: none;--content-gap: 10px;--img-width: 100%;--img-width-tablet: var( --img-width );--img-width-mobile: var( --img-width-tablet );--title-text-size: initial;--title-text-size-tablet: var( --title-text-size );--title-text-size-mobile: var( --title-text-size-tablet );--description-text-size: 16px;--description-text-size-tablet: var( --description-text-size );--description-text-size-mobile: var( --description-text-size-tablet );--meta-text-size: 14px;--meta-text-size-tablet: var( --meta-text-size );--meta-text-size-mobile: var( --meta-text-size-tablet );--column-gap: 30px;--column-gap-tablet: var( --column-gap );--column-gap-mobile: var( --column-gap-tablet );--row-gap: 30px;--row-gap-tablet: var( --row-gap );--row-gap-mobile: var( --row-gap-tablet );--content-padding: inherit;--content-padding-tablet: var( --content-padding );--content-padding-mobile: var( --content-padding-tablet );--pag-size: 16px;--pag-color: inherit;--pag-bg-color: transparent;--pag-color-hover: var(--pag-color);--pag-bg-color-hover: rgba(0,0,0,0.5);--pag-color-active: var(--pag-color);--pag-bg-color-active: rgba(0,0,0,0.1);--pag-border-color: transparent;--pag-border-color-hover: var(--pag-border-color);--pag-border-color-active: var(--pag-border-color);--pag-border-radius: 0;--pag-border-width: 0;--pag-padding: 5px 15px;--pag-gap: 5px;--pag-cont-margin: 10px 0 0 0;border:none}.wp-block-themeisle-blocks-posts-grid.has-dark-bg{--text-color: #fff}.wp-block-themeisle-blocks-posts-grid.is-style-boxed{--background-color: rgb( 240, 245, 250)}.wp-block-themeisle-blocks-posts-grid.is-style-boxed .o-posts-grid-post-body{padding:var(--content-padding, 20px)}.wp-block-themeisle-blocks-posts-grid.is-style-tiled .o-posts-grid-post-blog{background-color:var(--background-color);border-width:var(--border-width);border-style:solid;border-color:var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.wp-block-themeisle-blocks-posts-grid.is-style-tiled .o-featured-post{background-color:var(--background-color)}.wp-block-themeisle-blocks-posts-grid.is-style-tiled .o-featured-post .o-posts-grid-post-body{background:var(--background-overlay);border-radius:calc(var(--border-radius-start-start) - var(--border-width)) calc(var(--border-radius-start-end) - var(--border-width)) calc(var(--border-radius-end-start) - var(--border-width)) calc(var(--border-radius-end-end) - var(--border-width))}.wp-block-themeisle-blocks-posts-grid.is-style-tiled .o-posts-grid-post{width:100%;height:100%;display:flex;justify-content:center;align-items:end;background:var(--background-overlay);border-radius:calc(var(--border-radius-start-start) - var(--border-width)) calc(var(--border-radius-start-end) - var(--border-width)) calc(var(--border-radius-end-start) - var(--border-width)) calc(var(--border-radius-end-end) - var(--border-width))}.wp-block-themeisle-blocks-posts-grid.is-style-tiled .o-posts-grid-post .o-posts-grid-post-body,.wp-block-themeisle-blocks-posts-grid.is-style-tiled .o-featured-post .o-posts-grid-post-body{padding:var(--content-padding, 36px);color:var(--text-color, #fff)}.wp-block-themeisle-blocks-posts-grid.is-style-tiled .o-posts-grid-post .o-posts-grid-post-body .o-posts-grid-post-title a,.wp-block-themeisle-blocks-posts-grid.is-style-tiled .o-featured-post .o-posts-grid-post-body .o-posts-grid-post-title a{color:var(--text-color, #fff)}.wp-block-themeisle-blocks-posts-grid:not(.is-style-tiled) .o-posts-grid-post-blog .o-posts-grid-post{background:var(--background-color);border-width:var(--border-width);border-style:solid;border-color:var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.wp-block-themeisle-blocks-posts-grid:not(.is-style-tiled) .o-featured-container .o-featured-post{background-color:var(--background-color)}.wp-block-themeisle-blocks-posts-grid .is-grid{display:grid;column-gap:var(--column-gap);row-gap:var(--row-gap)}.wp-block-themeisle-blocks-posts-grid .is-list{display:flex;flex-wrap:wrap;row-gap:var(--row-gap)}.wp-block-themeisle-blocks-posts-grid .is-grid.o-posts-grid-columns-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.wp-block-themeisle-blocks-posts-grid .is-grid.o-posts-grid-columns-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.wp-block-themeisle-blocks-posts-grid .is-grid.o-posts-grid-columns-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.wp-block-themeisle-blocks-posts-grid .is-grid.o-posts-grid-columns-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.wp-block-themeisle-blocks-posts-grid .is-list .o-posts-grid-post{display:flex}.wp-block-themeisle-blocks-posts-grid .is-list .o-posts-grid-post .o-posts-grid-post-image{flex-basis:33.33%;padding-right:20px}.wp-block-themeisle-blocks-posts-grid .is-list .o-posts-grid-post .o-posts-grid-post-image a{height:100%}.wp-block-themeisle-blocks-posts-grid .is-list .o-posts-grid-post .o-posts-grid-post-image img{height:100%}.wp-block-themeisle-blocks-posts-grid .is-list .o-posts-grid-post .o-posts-grid-post-body{flex-basis:66.66%}.wp-block-themeisle-blocks-posts-grid .is-list .o-posts-grid-post .o-posts-grid-post-body.is-full{flex-basis:100%}.wp-block-themeisle-blocks-posts-grid .o-posts-grid-post-blog{width:100%;position:relative;display:inline-block;border:0;position:relative;word-wrap:break-word;background-clip:border-box}.wp-block-themeisle-blocks-posts-grid .o-posts-grid-post-blog .o-posts-grid-post{overflow:hidden}.wp-block-themeisle-blocks-posts-grid .o-posts-grid-post-image{position:relative;display:flex;justify-content:center;align-items:center}.wp-block-themeisle-blocks-posts-grid .o-posts-grid-post-image a{width:var(--img-width);max-width:100%;text-align:var(--text-align)}.wp-block-themeisle-blocks-posts-grid .o-posts-grid-post-image img{width:var(--img-width);max-width:100%;height:auto;border-radius:5px;border-radius:var(--img-border-radius);box-shadow:var(--img-box-shadow);object-fit:cover;object-position:center center;aspect-ratio:var(--image-ratio)}.wp-block-themeisle-blocks-posts-grid .o-posts-grid-post-body{display:flex;flex-direction:column;justify-content:var(--vert-align);padding-bottom:15px;text-align:var(--text-align);padding:var(--content-padding);gap:var(--content-gap)}.wp-block-themeisle-blocks-posts-grid .o-posts-grid-post-body .o-posts-grid-post-category{font-size:var(--meta-text-size);color:var(--text-color);text-transform:capitalize;margin:0}.wp-block-themeisle-blocks-posts-grid .o-posts-grid-post-body .o-posts-grid-post-category a{font-size:var(--meta-text-size);color:var(--text-color)}.wp-block-themeisle-blocks-posts-grid .o-posts-grid-post-body .o-posts-grid-post-title{margin:0;line-height:1.25em}.wp-block-themeisle-blocks-posts-grid .o-posts-grid-post-body .o-posts-grid-post-title a{text-decoration:none;transition:all .15s ease 0s;font-size:var(--title-text-size);color:var(--text-color)}.wp-block-themeisle-blocks-posts-grid .o-posts-grid-post-body .o-posts-grid-post-title a:hover{text-decoration:underline}.wp-block-themeisle-blocks-posts-grid .o-posts-grid-post-body .o-posts-grid-post-meta{font-size:var(--meta-text-size);color:var(--text-color);margin:0}.wp-block-themeisle-blocks-posts-grid .o-posts-grid-post-body .o-posts-grid-post-meta a{font-size:var(--meta-text-size);color:var(--text-color)}.wp-block-themeisle-blocks-posts-grid .o-posts-grid-post-body .o-posts-grid-post-description{margin:0}.wp-block-themeisle-blocks-posts-grid .o-posts-grid-post-body .o-posts-grid-post-description p{margin:0px;font-size:var(--description-text-size);color:var(--text-color)}.wp-block-themeisle-blocks-posts-grid .o-posts-grid-post-body .o-posts-grid-post-description .read-more{font-size:var(--description-text-size);color:var(--text-color);display:block;margin:0;margin-top:calc(var(--content-gap)/2)}.wp-block-themeisle-blocks-posts-grid .o-featured-container{display:flex}.wp-block-themeisle-blocks-posts-grid .o-featured-container .o-featured-post{width:100%;border-width:var(--border-width);border-style:solid;border-color:var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin-bottom:var(--row-gap)}.wp-block-themeisle-blocks-posts-grid .o-featured-container .o-featured-post .o-posts-grid-post-image a{width:100%}.wp-block-themeisle-blocks-posts-grid .o-featured-container .o-featured-post .o-posts-grid-post-image a img{width:100%;height:250px;object-fit:cover;object-position:center center;aspect-ratio:var(--image-ratio)}.wp-block-themeisle-blocks-posts-grid .o-posts-grid-pag{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:baseline;width:100%;gap:var(--pag-gap);color:var(--pag-color);font-size:var(--pag-size);margin:var(--pag-cont-margin)}.wp-block-themeisle-blocks-posts-grid .o-posts-grid-pag .page-numbers:not(.dots){background-color:var(--pag-bg-color);border-color:var(--pag-border-color);border-radius:var(--pag-border-radius);border-width:var(--pag-border-width);padding:var(--pag-padding);text-decoration:none;color:inherit;border-style:solid;box-sizing:border-box;text-align:center;margin:0}.wp-block-themeisle-blocks-posts-grid .o-posts-grid-pag .page-numbers:not(.dots):hover{background-color:var(--pag-bg-color-hover);border-color:var(--pag-border-color-hover);color:var(--pag-color-hover)}.wp-block-themeisle-blocks-posts-grid .o-posts-grid-pag .page-numbers:not(.dots)[aria-current=page]{background-color:var(--pag-bg-color-active);border-color:var(--pag-border-color-active);color:var(--pag-color-active)}@media(max-width: 960px){.o-posts-grid-post-image img{width:min(var(--img-width),100%)}}@media(min-width: 600px)and (max-width: 960px){.wp-block-themeisle-blocks-posts-grid .is-grid.o-posts-grid-columns-4,.wp-block-themeisle-blocks-posts-grid .is-grid.o-posts-grid-columns-5{grid-template-columns:repeat(3, minmax(0, 1fr))}.wp-block-themeisle-blocks-posts-grid .is-grid .o-posts-grid-post-blog{min-width:33%}.wp-block-themeisle-blocks-posts-grid .o-posts-grid-post-image a{width:var(--img-width-tablet)}.wp-block-themeisle-blocks-posts-grid .o-posts-grid-post-image img{width:var(--img-width-tablet)}.wp-block-themeisle-blocks-posts-grid.is-style-boxed .o-posts-grid-post-body{padding:var(--content-padding-tablet, 20px)}.wp-block-themeisle-blocks-posts-grid .is-list{row-gap:var(--row-gap-tablet)}.wp-block-themeisle-blocks-posts-grid .o-posts-grid-post-body{padding:var(--content-padding-tablet)}.wp-block-themeisle-blocks-posts-grid .o-posts-grid-post-body .o-posts-grid-post-category{font-size:var(--meta-text-size-tablet)}.wp-block-themeisle-blocks-posts-grid .o-posts-grid-post-body .o-posts-grid-post-meta{font-size:var(--meta-text-size-tablet)}.wp-block-themeisle-blocks-posts-grid .o-posts-grid-post-body .o-posts-grid-post-title a{font-size:var(--title-text-size-tablet)}.wp-block-themeisle-blocks-posts-grid .o-posts-grid-post-body .o-posts-grid-post-description p{font-size:var(--description-text-size-tablet)}.wp-block-themeisle-blocks-posts-grid .o-posts-grid-post-body .o-posts-grid-post-description .read-more{font-size:var(--description-text-size-tablet)}.wp-block-themeisle-blocks-posts-grid .is-grid{column-gap:var(--column-gap-tablet);row-gap:var(--row-gap-tablet)}.wp-block-themeisle-blocks-posts-grid .o-featured-container .o-featured-post{margin-bottom:var(--row-gap-tablet)}}@media(max-width: 600px){.wp-block-themeisle-blocks-posts-grid .is-grid{grid-template-columns:auto}.wp-block-themeisle-blocks-posts-grid .is-grid.o-posts-grid-columns-2,.wp-block-themeisle-blocks-posts-grid .is-grid.o-posts-grid-columns-3,.wp-block-themeisle-blocks-posts-grid .is-grid.o-posts-grid-columns-4,.wp-block-themeisle-blocks-posts-grid .is-grid.o-posts-grid-columns-5{grid-template-columns:auto}.wp-block-themeisle-blocks-posts-grid .is-list .o-posts-grid-post{flex-direction:column;padding:10px}.wp-block-themeisle-blocks-posts-grid .is-list .o-posts-grid-post .o-posts-grid-post-image{flex-basis:100%;padding:0}.wp-block-themeisle-blocks-posts-grid .is-list .o-posts-grid-post .o-posts-grid-post-body{flex-basis:100%;padding:0}.wp-block-themeisle-blocks-posts-grid .o-posts-grid-post-image a{width:var(--img-width-mobile)}.wp-block-themeisle-blocks-posts-grid .o-posts-grid-post-image img{width:var(--img-width-mobile)}.wp-block-themeisle-blocks-posts-grid.is-style-boxed .o-posts-grid-post-body{padding:var(--content-padding-mobile, 20px)}.wp-block-themeisle-blocks-posts-grid .is-list{row-gap:var(--row-gap-mobile)}.wp-block-themeisle-blocks-posts-grid .o-posts-grid-post-body{padding:var(--content-padding-mobile)}.wp-block-themeisle-blocks-posts-grid .o-posts-grid-post-body .o-posts-grid-post-category{font-size:var(--meta-text-size-mobile)}.wp-block-themeisle-blocks-posts-grid .o-posts-grid-post-body .o-posts-grid-post-meta{font-size:var(--meta-text-size-mobile)}.wp-block-themeisle-blocks-posts-grid .o-posts-grid-post-body .o-posts-grid-post-title a{font-size:var(--title-text-size-mobile)}.wp-block-themeisle-blocks-posts-grid .o-posts-grid-post-body .o-posts-grid-post-description p{font-size:var(--description-text-size-mobile)}.wp-block-themeisle-blocks-posts-grid .o-posts-grid-post-body .o-posts-grid-post-description .read-more{font-size:var(--description-text-size-mobile)}.wp-block-themeisle-blocks-posts-grid .is-grid{column-gap:var(--column-gap-mobile);row-gap:var(--row-gap-mobile)}.wp-block-themeisle-blocks-posts-grid .o-featured-container .o-featured-post{margin-bottom:var(--row-gap-mobile)}}: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;
}
}