@charset "UTF-8";
/**
 * Slider blocks (Testimonials Slider, Recent Blog Posts Slider) — the layer
 * on top of slick's own structural stylesheet (assets/vendor/slick/
 * slick.css). Slick's optional "theme" stylesheet is deliberately NOT used:
 * it pulls in an icon font and a loader GIF just for the arrows and dots,
 * which are plain CSS/inline SVG here instead.
 *
 * Kept as its own stylesheet, enqueued only on pages that render one of the
 * slider blocks (inc/slick-slider.php), same reasoning as wpforms.scss.
 * Reads the shared design tokens defined in cubelaw.scss's :root.
 *
 * Compile with: sass assets/css/slider.scss assets/css/slider.css
 */
.cubelaw-slider:not(.slick-initialized) {
  display: flex;
  overflow: hidden;
  margin: 0 -12px;
}
.cubelaw-slider:not(.slick-initialized) > .cubelaw-slide {
  flex: 0 0 calc(100% / var(--cubelaw-slides, 3));
  box-sizing: border-box;
  padding: 0 12px;
}

.cubelaw-slider.slick-initialized {
  margin: 0 -12px;
}
.cubelaw-slider.slick-initialized .slick-track {
  display: flex;
}
.cubelaw-slider.slick-initialized .slick-slide {
  height: auto;
  float: none;
  padding: 0 12px;
  box-sizing: border-box;
}
.cubelaw-slider.slick-initialized .slick-slide > div {
  height: 100%;
}

.cubelaw-slider .cubelaw-slide {
  height: 100%;
  display: block !important;
}
.cubelaw-slider .cubelaw-slide > * {
  height: 100%;
}

.cubelaw-testimonial-slide {
  box-sizing: border-box;
  padding: var(--space-medium);
  background: var(--color-white);
  border: 1px solid color-mix(in srgb, var(--color-body) 15%, transparent);
}

.is-style-white-section .cubelaw-testimonial-slide {
  background: var(--color-linen);
}

.cubelaw-slider .slick-slide:focus,
.cubelaw-slider .slick-slide > div:focus {
  outline: none;
}

.cubelaw-slider-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-small);
  margin-top: var(--space-medium);
}
.cubelaw-slider-controls:not(:has(.slick-dots, .cubelaw-slider-arrow:not(.slick-hidden))) {
  display: none;
}

.cubelaw-slider-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 40px;
  height: 40px;
  padding: 0;
  color: var(--color-sage);
  background: var(--color-white);
  border: 1px solid var(--color-sage);
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s;
}
.cubelaw-slider-arrow:hover, .cubelaw-slider-arrow:focus-visible {
  color: var(--color-white);
  background: var(--color-sage);
}
.cubelaw-slider-arrow.slick-disabled {
  opacity: 0.35;
  cursor: default;
}
.cubelaw-slider-arrow.slick-disabled:hover {
  color: var(--color-sage);
  background: var(--color-white);
}

.cubelaw-slider-prev {
  order: 1;
}

.cubelaw-slider-next {
  order: 3;
}

.cubelaw-slider-controls .slick-dots {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  order: 2;
  margin: 0;
  padding: 0;
  list-style: none;
}
.cubelaw-slider-controls .slick-dots li {
  margin: 0;
  line-height: 0;
}
.cubelaw-slider-controls .slick-dots button {
  width: 10px;
  height: 10px;
  padding: 0;
  font-size: 0;
  color: transparent;
  background: transparent;
  border: 1px solid var(--color-sage);
  border-radius: 50%;
  cursor: pointer;
}
.cubelaw-slider-controls .slick-dots .slick-active button {
  background: var(--color-sage);
}

/*# sourceMappingURL=slider.css.map */