/* ========== Bretton Community HUB CSS ========== */
:root {
  /* --nectar-black: #000000;
  --nectar-white: #ffffff; */
  /* --nectar-black-shadow: #00000045; */
  /* --nectar-accent-color: #ed8c01;
  --nectar-extra-color-1: #af126d;
  --nectar-extra-color-2: #b5cb52;
  --nectar-extra-color-3: #4d4f53;  
  --nectar-ymca-dark-blue: #00517A;
  --nectar-ymca-light-blue: #86CAF0;
  --nectar-ymca-light-blue-v2: #9BD3F2;
  --nectar-ymca-brown: #804236;
  --nectar-ymca-purple: #6C4891;
  --nectar-ymca-turquoise: #81C3AF;
  --nectar-ymca-red: #E13316;
  --nectar-ymca-yellow: #F7BF1F; */
}

body .container-wrap .bg-contain .using-image  {
  background-size: contain !important;
}
body .container-wrap .bretton-carousel {
  .flickity-viewport {
    /* margin: 0 !important; */
    .flickity-slider {
      .cell {
        background-image: url('/wp-content/uploads/2025/12/carousel-cell-bg.png');
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: top center;
        box-sizing: border-box;

        .inner-wrap-outer {
          margin-top: 4rem;
          background-color: var(--nectar-white);
          padding: 0 3rem 3rem 3rem !important;
        }

        ul {
          list-style-type: disc;
          
          li::marker {
            color: var(--nectar-extra-color-1);
          }
        }
        
      }
    }
  }
  .flickity-button {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.2s ease-in-out;
    transform-origin: center;
    width: 50px !important;
    height: 58px !important;
    box-shadow: none;
  
    &.previous {
      background-image: url('/wp-content/uploads/2025/12/ymca-triangle-point-RGB_pattern-FYW-orange-left.png');
    }
    &.next {
      background-image: url('/wp-content/uploads/2025/12/ymca-triangle-point-RGB_pattern-FYW-orange-right.png');
    }
    &:hover {
      transform: translateY(-2px);
    }
    &:before,
    &:after,
    * {
      display: none !important;
    }
  }
}

.nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.previous {
  left: 1% !important;
}
.nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.next {
  right: 1% !important;
}
body .container-wrap img.community-icon {
  width: auto !important;
  height: 70px;
}

body .container-wrap .img-with-aniamtion-wrap>.inner {
  height: auto;
}

/* ===== Mobile ===== */
@media only screen and (max-width: 999px) {
  body.mobile .container-wrap .bg-contain .using-image  {
    background-size: cover !important;
  }
}