@import url('./packages/swiper-bundle.min.css');
@import url('./packages/skitter.css');
.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.featuredRestaurantCarousel{text-align:center}
.featuredRestaurantCarousel h3{font-weight:700; text-transform:uppercase; font-size:18px; letter-spacing:-1px; color:#4b4b4b; padding:0 15px; margin:0}
.featuredRestaurantCarousel div{border-radius:5px}


.hero-slider-wrapper{background:url("https://majormenus.s3.us-east-1.amazonaws.com/images/waves.webp") no-repeat 50% 0; padding-top:50px; padding-bottom:30px}
.hero-slider-wrapper img{border-radius:590px; box-shadow:rgba(0, 0, 0, 0.25) 0px 3px 10px 4px; margin-bottom:20px}




  /* .swiper-container {
      margin: 100px auto;
      width: 320px;
      height: 240px;
    }

    .swiper-slide {
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 22px;
      font-weight: bold;
      color: #fff;
    }*/

/* Skitter css */
.skitter {
  max-width: 450px !important;
  min-height: 300px !important;
  background: none !important; /* or background: transparent; */
}

.skitter.with-dots,
.skitter.with-thumbs {
  margin-bottom: 0 !important;
}

.skitter > a img,
.skitter > img {
  object-fit: cover !important;
}

.skitter .container_skitter {
  border-radius: 50% !important;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px !important;
}

.skitter .container_skitter .image_main {
  opacity: 1 !important;
}

.skitter .image {
  object-fit: cover !important;
}

.skitter .image > a img,
.skitter .image > img {
  min-height: 450px !important;
  object-fit: cover !important;
}

.skitter .box_clone img {
  object-fit: cover !important;
  min-height: 100% !important;
}

/* Media Queries */
@media (max-width:575px) {
  .skitter {
    max-width: 300px !important;
  }
  .skitter .image > a img,
  .skitter .image > img {
    min-height: 300px !important;
  }
}

@media (min-width:576px) {
  .skitter {
    max-width: 500px !important;
  }
  .skitter .image > a img,
  .skitter .image > img {
    min-height: 500px !important;
  }
}

@media (min-width:768px) {
  .skitter {
    max-width: 450px !important;
  }
  .skitter .image > a img,
  .skitter .image > img {
    min-height: 450px !important;
  }
}

@media (min-width:992px) {
  .skitter {
    max-width: 400px !important;
  }
  .skitter .image > a img,
  .skitter .image > img {
    min-height: 400px !important;
  }
}

@media (min-width:1200px) {
  .skitter {
    max-width: 450px !important;
  }
  .skitter .image > a img,
  .skitter .image > img {
    min-height: 450px !important;
  }
}