/**
 * Infinite image Marquee
 * 
 * A neverending scrolling list of images, marquee style. Hidden with from screen readers with ARIA.
 * Based on https://codepen.io/hexagoncircle/pen/eYMrGwW / https://ryanmulligan.dev/blog/css-marquee/

 * Lots of styles mirroring Kadence. Explicitly declaring for ease of use on non-Kadence sites. Uses native Kadence variables with fallback values.
 * See /blocks/arc-infinite-image-marquee.php for implementation.
 */
:root {
  --arc-infinite-image-marquee-gap: 24px;
  --arc-infinite-image-marquee-duration: 60s;
  --arc-infinite-image-marquee-start: 0;
  --arc-infinite-image-marquee-scroll-end: calc(-100% - var(--arc-infinite-image-marquee-gap));
}

@keyframes arc-scroll-abs-left {
  from {
    transform: translateX(calc(100% + var(--arc-infinite-image-marquee-gap)));
  }
  to {
    transform: translateX(0);
  }
}
@keyframes arc-scroll-x-left {
  from {
    transform: translateX(var(--arc-infinite-image-marquee-start));
  }
  to {
    transform: translateX(var(--arc-infinite-image-marquee-scroll-end));
  }
}
@keyframes arc-scroll-x-right {
  from {
    transform: translateX(var(--arc-infinite-image-marquee-scroll-end));
  }
  to {
    transform: translateX(var(--arc-infinite-image-marquee-start));
  }
}
@keyframes arc-scroll-abs-right {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(100% + var(--arc-infinite-image-marquee-gap)));
  }
}
.arc-infinite-image-marquee {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  gap: var(--arc-infinite-image-marquee-gap);
}
.arc-infinite-image-marquee.paused .arc-infinite-image-marquee-images,
.arc-infinite-image-marquee.paused .arc-infinite-image-marquee-images.arc-infinite-image-marquee-images-right {
  animation-play-state: paused;
}
.arc-infinite-image-marquee.arc-infinite-image-marquee-fade {
  -webkit-mask-image: linear-gradient(to right, hsla(0, 0%, 0%, 0), hsl(0, 0%, 0%) 20%, hsl(0, 0%, 0%) 80%, hsla(0, 0%, 0%, 0));
  mask-image: linear-gradient(to right, hsla(0, 0%, 0%, 0), hsl(0, 0%, 0%) 20%, hsl(0, 0%, 0%) 80%, hsla(0, 0%, 0%, 0));
}
@media (prefers-reduced-motion: reduce) {
  .arc-infinite-image-marquee.arc-infinite-image-marquee-fade {
    -webkit-mask-image: none;
    mask-image: none;
  }
}
.arc-infinite-image-marquee .arc-infinite-image-marquee-images {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: var(--arc-infinite-image-marquee-gap);
  min-width: 100%;
  -webkit-animation: arc-scroll-x-left var(--arc-infinite-image-marquee-duration) linear infinite;
  animation: arc-scroll-x-left var(--arc-infinite-image-marquee-duration) linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .arc-infinite-image-marquee .arc-infinite-image-marquee-images {
    -webkit-animation: none !important;
    animation: none !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0;
    width: 100%;
    row-gap: var(--arc-infinite-image-marquee-gap);
  }
}
.arc-infinite-image-marquee .arc-infinite-image-marquee-images.arc-infinite-image-marquee-images-right {
  -webkit-animation: arc-scroll-x-right var(--arc-infinite-image-marquee-duration) linear infinite;
  animation: arc-scroll-x-right var(--arc-infinite-image-marquee-duration) linear infinite;
}
.arc-infinite-image-marquee .arc-infinite-image-marquee-images > figure {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  margin: 0;
}
@media (prefers-reduced-motion: reduce) {
  .arc-infinite-image-marquee .arc-infinite-image-marquee-images > figure {
    max-width: none;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: calc(var(--arc-infinite-image-marquee-gap) / 2);
    padding-right: calc(var(--arc-infinite-image-marquee-gap) / 2);
    width: 50%;
  }
}
.arc-infinite-image-marquee .arc-infinite-image-marquee-images > figure img {
  border-radius: 24px;
}
@media (prefers-reduced-motion: reduce) {
  .arc-infinite-image-marquee .arc-infinite-image-marquee-images.arc-infinite-image-marquee-images-2 > * {
    width: 50%;
  }
}
@media (prefers-reduced-motion: reduce) {
  .arc-infinite-image-marquee .arc-infinite-image-marquee-images.arc-infinite-image-marquee-images-3 > * {
    width: 33.33333333%;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 1025px) {
  .arc-infinite-image-marquee .arc-infinite-image-marquee-images.arc-infinite-image-marquee-images-4 > * {
    width: 25%;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 577px) {
  .arc-infinite-image-marquee .arc-infinite-image-marquee-images.arc-infinite-image-marquee-images-5 > * {
    width: 33.33333333%;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 1025px) {
  .arc-infinite-image-marquee .arc-infinite-image-marquee-images.arc-infinite-image-marquee-images-5 > * {
    width: 20%;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 577px) {
  .arc-infinite-image-marquee .arc-infinite-image-marquee-images.arc-infinite-image-marquee-images-6 > * {
    width: 33.33333333%;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 1025px) {
  .arc-infinite-image-marquee .arc-infinite-image-marquee-images.arc-infinite-image-marquee-images-6 > * {
    width: 16.66666667%;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 577px) {
  .arc-infinite-image-marquee .arc-infinite-image-marquee-images.arc-infinite-image-marquee-images-7 > * {
    width: 33.33333333%;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 769px) {
  .arc-infinite-image-marquee .arc-infinite-image-marquee-images.arc-infinite-image-marquee-images-7 > * {
    width: 25%;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 1025px) {
  .arc-infinite-image-marquee .arc-infinite-image-marquee-images.arc-infinite-image-marquee-images-7 > * {
    width: 14.28571429%;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 577px) {
  .arc-infinite-image-marquee .arc-infinite-image-marquee-images.arc-infinite-image-marquee-images-8 > * {
    width: 25%;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 1025px) {
  .arc-infinite-image-marquee .arc-infinite-image-marquee-images.arc-infinite-image-marquee-images-8 > * {
    width: 12.5%;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 577px) {
  .arc-infinite-image-marquee .arc-infinite-image-marquee-images.arc-infinite-image-marquee-images-9 > * {
    width: 33.33333333%;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 769px) {
  .arc-infinite-image-marquee .arc-infinite-image-marquee-images.arc-infinite-image-marquee-images-9 > * {
    width: 25%;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 1025px) {
  .arc-infinite-image-marquee .arc-infinite-image-marquee-images.arc-infinite-image-marquee-images-9 > * {
    width: 11.11111111;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 577px) {
  .arc-infinite-image-marquee .arc-infinite-image-marquee-images.arc-infinite-image-marquee-images-10 > * {
    width: 25%;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 1025px) {
  .arc-infinite-image-marquee .arc-infinite-image-marquee-images.arc-infinite-image-marquee-images-10 > * {
    width: 10%;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 577px) {
  .arc-infinite-image-marquee .arc-infinite-image-marquee-images.arc-infinite-image-marquee-images-11 > * {
    width: 25%;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 577px) {
  .arc-infinite-image-marquee .arc-infinite-image-marquee-images.arc-infinite-image-marquee-images-11 > * {
    width: 16.66666667%;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 1025px) {
  .arc-infinite-image-marquee .arc-infinite-image-marquee-images.arc-infinite-image-marquee-images-11 > * {
    width: 9.090909091%;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 577px) {
  .arc-infinite-image-marquee .arc-infinite-image-marquee-images.arc-infinite-image-marquee-images-12 > * {
    width: 25%;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 577px) {
  .arc-infinite-image-marquee .arc-infinite-image-marquee-images.arc-infinite-image-marquee-images-12 > * {
    width: 16.66666667%;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 1025px) {
  .arc-infinite-image-marquee .arc-infinite-image-marquee-images.arc-infinite-image-marquee-images-12 > * {
    width: 8.333333333%;
  }
}
.arc-infinite-image-marquee .arc-infinite-image-marquee-images:last-child {
  position: absolute;
  width: max-content;
  top: 0;
  left: 0;
  animation-name: arc-scroll-abs-left;
}
@media (prefers-reduced-motion: reduce) {
  .arc-infinite-image-marquee .arc-infinite-image-marquee-images:last-child {
    display: none;
  }
}
.arc-infinite-image-marquee .arc-infinite-image-marquee-images:last-child.arc-infinite-image-marquee-images-right {
  animation-name: arc-scroll-abs-right;
}

.arc-infinique-image-marquee-controls {
  position: absolute;
  right: 0;
  bottom: -60px;
  height: 21px;
  width: 21px;
}
@media (prefers-reduced-motion: reduce) {
  .arc-infinique-image-marquee-controls {
    display: none;
  }
}
.arc-infinique-image-marquee-controls .arc-infinite-image-marquee-pause,
.arc-infinique-image-marquee-controls .arc-infinite-image-marquee-play {
  background: none;
  position: absolute;
  color: var(--global-palette1);
  opacity: 0.8;
  border-radius: 0;
  padding: 0;
  height: 21px;
  width: 21px;
}
.arc-infinique-image-marquee-controls .arc-infinite-image-marquee-play {
  display: none;
}
.arc-infinique-image-marquee-controls.paused .arc-infinite-image-marquee-pause {
  display: none;
}
.arc-infinique-image-marquee-controls.paused .arc-infinite-image-marquee-play {
  display: block;
}
.no-js .arc-infinique-image-marquee-controls {
  display: none;
}