.featured-buttons.parishBtns {
    position: relative;
    background: white;
    padding: 25px 0;
    text-align: center;
    margin-bottom: calc(15% + 2rem);
    .featured-buttons-wrapper.parishButtons {
        display: flex;
        text-align: left;
        padding: 0 0rem;
        .featured-button {
            display: block;
            font-size: var(--fs-500);
            font-family: var(--font-main);
            margin-right: 20px;
            margin-left: 20px;
            width: 250px;
            height: 250px;
            border-radius: 17px;
            position: relative;
            background-size: cover;
            overflow: hidden;
            h1 {
              bottom: 0;
              position: absolute;
              left: 10%;
              z-index: 1;
            }
            &::after {
              width: 100%;
              height: 100%;
              content: "";
              background: linear-gradient(#4141411A 75%, #000 100%);
              position: absolute;
              z-index: 0;
              border-radius: 17px;
            }
        }
        .slick-prev, .slick-next {
          bottom: -15%;
          background: var(--clr-primary);
          border-color: var(--clr-primary);
          border-radius: 8px;
          &::before {
            color: #fff;
          }
        }
        .slick-prev {
          right: 0;
          left: 50%;
          transform: translateX(-105%);
        }
        .slick-next {
          right: 0;
          left: 50%;
          transform: translateX(5%);
        }

        &.parishButtons {
          height: 310px;
          a {
            text-decoration: none;
          }
          .featured-button {
            box-shadow: 0 3px 6px #00000029;
            height: 260px;
            img {
              height: 50%;
              overflow: hidden;
              object-fit: cover;
              border-radius: 17px 17px 0 0;
              width: 100%;
            }
            h2 {
              text-transform: uppercase;
            }
            .button-title, p {
              margin: 0 10%;
              position: relative;
              left: unset;
              transform: unset;
              text-align: left;
              font-size: clamp(20px,3.5vw,24px);
            }
            p {
                font-size: clamp(18px,3.5vw,20px);
            }
            &::after {
              content: none;
            }
          }
        }
    }
    .featured-button + .featured-button {
    }
    .featured-button-icon {
        margin-right: 1rem;
    }
}

@media screen and (min-width: 1024px) {
    .featured-buttons.parishBtns {
        margin-bottom: 4rem;
        .featured-buttons-wrapper {
            display: flex;
            flex-direction: row;
            justify-content: space-evenly;
        }
        .parishButtons {
          display: block !important
        }
        .featured-button {
            height: 300px;
        }
        .featured-button + .featured-button {
            margin-top: 0;
        }
    }
}

.parish-cluster {
    margin: -20px auto 0;
    padding: 0 0 65px;
    /* background: var(--clr-quaternary); */
    &.parishFlex {
      display: flex;
      flex-direction: column;
      justify-content: center;
      flex-wrap: nowrap;
    }
    h1.parish-scroll-title {
      display: flex;
      justify-content: center;
    }
    /* Parish Scroller */
    .parishScroll {
      width: 80%;
      margin: 0 auto;
      .slick-arrow {
        transform: rotate(90deg);
        background: transparent;
        color: var(--clr-secondary);
        border-color: transparent;
        left: 0%;
        height: 0;
        &:hover {
          background: transparent !important;
          color: var(--clr-secondary) !important;
          border-color: transparent Impor !important;
        }
        &.slick-prev {
          top: -10%;
          &::before {
            content: "\f053";
          }
        }
        &.slick-next {
          bottom: -10%;
          &::before {
            content: "\f054";
          }
        }
      }
      .testimonials-carousel {
          .testimonial {
            opacity: .25;
            a {
              text-decoration: none;
            }
            .testimonial-title {
              margin: 1px;
              color: var(--clr-secondary);
            }
            .testimonial-content {
              font-size: 18px;
            }
            &.slick-active {
              opacity: 1;
            }
          }
      }
    }
    /* Map Slider */
    .parish-map-title {
      margin-left: 8%;
    }
    .parish-maps {
      display: flex;
      flex-direction: column-reverse;
      justify-content: center;
      flex-wrap: nowrap;

      .slick-list {
        padding: 0 !important;
      }
      .parish-maps-wrapper {
        margin-top: 25px;
        .parish-map {
          div[id^='map'] {
            min-height: 480px;
          }
        }
      }
      .parish-map-slider {
        margin-bottom: 75px;
        .parish-text-wrapper {
          color: var(--clr-secondary);
          .parish-title {
            margin: 20px 0;
          }
          a {
            color: var(--clr-secondary);
            &:hover, &:focus {
              text-decoration: underline;
            }
          }
          div + div {
            margin-top: 10px;
          }
        }
      }
      .slick-arrow {
        left: 0px;
        background-color: var(--clr-primary);
        border-color: var(--clr-primary);
        color: #fff;
        bottom: -50%;
        &.slick-prev {
          transform: translate(0%, -50%)
        }
        &.slick-next {
          transform: translate(150%, -50%);
        }
        &:hover, &:focus {
          background-color: transparent !important;
          &:before {
            color: var(--clr-primary);
          }
        }
      }
    }
  
    
    @media screen and (min-width: 768px){
      &.parishFlex .parishScroll {
        width: 60%;
      }
    }
    @media screen and (min-width: 1024px){
      padding: 0 0 65px;
      &.parishFlex {
        flex-direction: row;
      }
      &.parishFlex h1.parish-scroll-title {
        width: 50%;
        justify-content: flex-end;
        align-items: center;
      }
      &.parishFlex .parishScroll {
        margin: 0 0 0 20px;
        width: 50%;
         .carousel-arrows {
           margin-bottom: 2.75rem;
         }
      }
      
      /* Map Slider */
      .parish-maps {
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: nowrap;
        .parish-maps-wrapper {
          width: 50%;
          margin-top: 0;
        }
        .parish-map-slider {
          width: 50%;
          margin-left: 3.125rem;
          margin-bottom: 0;
          .parish-text-wrapper {
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            flex-wrap: nowrap;
          }
        }
        .slick-arrow {
          bottom: 4rem;
        }
      }
    }
}
  
.featured-buttons.parishBtns {
    .featured-buttons-wrapper.parishButtons {
        .featured-button {
            position: relative;
            float: left;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            text-decoration: none;
            height: 17rem;
            margin-bottom: 1.75rem;
            border-radius: 10px;
            box-shadow: 0 20px 25px #293d4729;
        * {
            z-index: 1;
        }
        .button-title {
            text-align: center;
            font-size: 36px;
        }
        &::after {
            position: absolute;
            content: "";
            background: #000000;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            opacity: 0.5;
            transition: opacity 0.25s ease-in;
            border-radius: 10px;
        }
        &:hover::after,&:focus::after {
            opacity: 0.75;
        }
        }
    }
    @media screen and (min-width: 768px) {
        .featured-button {
            width: calc(50% - 0.875rem);
        }
    
    
        .featured-button:nth-of-type(even) {
            margin-right: 0;
        }
    }
    
    @media screen and (min-width: 1200px) {
        .featured-button {
            width: calc((100% / 3) - 1.25rem);
            margin-right: 1.75rem;
        }
    
        .featured-button:nth-of-type(odd),
        .featured-button:nth-of-type(even) {
            margin-right: 1.75rem;
        }
    }
}