/*-------------------
This theme uses Bootstrap v5.1.

It is highly recommended to check out Bootstrap's guiding principles,
strategies, and techniques at https://getbootstrap.com/docs/5.1/extend/approach/
before adding custom styling.

To learn more about Bootstrap v5.1, please check
out https://getbootstrap.com/docs/5.1/getting-started/introduction/.
/*-------------------*/

/*-------------------*/
/* GENERAL */
/*-------------------*/

/*-------------------*/
/* TOP NAV */
/*-------------------*/

/*-------------------*/
/* HEADER */
/*-------------------*/
.header-icons > a svg, .header-icons button svg {
  height: 22px;
  stroke: none;
}
/*-------------------*/
/* CATEGORY NAV */
/*-------------------*/

/*-------------------*/
/* CONTENT */
/*-------------------*/
.homepage-carousel-container {
  overflow: hidden;
}
.featured-categories-container {
  background-color: #FFE1B6;
  padding: 60px 0 40px;
}
.featured-categories-container .content-container {
  min-height: 0;
}
.featured-categories-container h2 {
  font-weight: 600;
}
.featured-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: center;
}
.featured-categories .category-box {
  width: calc((100% - 90px) / 4);
  text-align: center;
}
.featured-categories img {
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
  border-radius: 15px;
}
.category-box h3 {
  font-size: 22px;
  font-weight: 600;
}
/*-------------------*/
/* PRODUCT THUMBS */
/*-------------------*/

/*-------------------*/
/* PRODUCT */
/*-------------------*/

/*-------------------*/
/* CART/CHECKOUT */
/*-------------------*/

/*-------------------*/
/* FOOTER */
/*-------------------*/
.footer-container {
  border: none;
}

/*-------------------*/
/* MEDIA QUERIES */
/*-------------------*/
@media screen and (min-width: 661px){

}

@media screen and (max-width: 991.99px){
  .featured-categories .category-box {
    width: calc(50% - 30px);
  }
}

@media screen and (max-width: 660px){
  .featured-categories .category-box {
    width: calc(100% - 30px);
  }
}

@media screen and (max-width: 340px){

}