/* Filters */
.category-filters a {
  margin-bottom: 3.125rem;
}
.category-filters .category-filters-category {
  position: relative;
}
.category-filters .category-filters-category a {
  position: absolute;
  left: 0;
  right: 0;
}
.category-filters span {
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  text-transform: capitalize;
  font-family: "BrooklynSamuels";
}

.category-container {
  display: inline-flex;
  gap: 0.5rem;
  z-index: 9;
}
.category-filters img {
  margin: 0rem auto 1.5rem auto;
}
.video-wrapper {
  position: relative;
  width: 100%;
  height: auto;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  overflow: hidden;
  background: #fff;
  border-radius: 12px;
}
.fl-animated.fl-fade-up {
  animation: fl-fade-up 1s ease;
  -webkit-animation: fl-fade-up 1s ease;
}

@-webkit-keyframes fl-fade-up {
  from {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
  }

  to {
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.video-wrapper video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover; /* Ensures the video covers the container while maintaining aspect ratio */
}

/* Masonry grid layout */
.masonry-grid {
  text-align: center;
}
.post-thumbnail-recipe {
  border-radius: 12px;
}
.masonry-item {
  background: #fff;
  /* padding: 15px; */
  box-sizing: border-box;
  align-items: center;
}
#posts-container {
  padding: 0px 15px;
}
.masonry-item h2 {
  margin-top: 10px;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  font-family: "BrooklynSamuels";
}

/* Specific layout for the first three items */
.first-large {
  grid-column: span 12; /* Large item spans all columns */
  grid-row: span 1; /* Spans two rows */
}

.first-small {
  grid-column: span 12; /* Small item spans half columns */
  grid-row: span 1; /* Spans one row */
}

/* Subsequent posts layout */
.subsequent-large {
  grid-column: span 12; /* Large item spans 7 columns */
}

.subsequent-small {
  grid-column: span 12; /* Small item spans 5 columns */
  grid-row: span 1; /* Spans one row */
}

.desktop-image {
  display: none;
}
.mobile-image {
  display: block;
}
.post-category {
  background-color: #9e3b6d;
  color: white;
  padding: 10px 14px 12px 14px;
  border-radius: 24px;
  margin-top: -1rem;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  z-index: 9;
}
.video-wrapper.small_recipe_rec {
  padding-bottom: 50.25%;
}

.masonry-grid {
  display: grid;
  grid-template-columns: repeat(
    12,
    1fr
  ); /* 12-column grid for flexible layout */
  gap: 0px;
  text-align: center;
}
.post-item.masonry-item.justify-content-center {
  margin-bottom: 32px;
}
@media only screen and (min-width: 768px) {
  .post-item.masonry-item.justify-content-center {
    margin-bottom: 0px !important;
  }
  /* Specific layout for the first three items */
  .first-large {
    grid-column: span 6; /* Large item spans all columns */
    grid-row: span 2; /* Spans two rows */
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .first-small {
    grid-column: span 6; /* Small item spans half columns */
    grid-row: span 1; /* Spans one row */
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  /* Subsequent posts layout */
  .subsequent-large {
    grid-column: span 7; /* Large item spans 7 columns */

    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .subsequent-small {
    grid-column: span 5; /* Small item spans 5 columns */
    grid-row: span 1; /* Spans one row */

    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .desktop-image {
    display: block;
  }

  .mobile-image {
    display: none;
  }

  .video-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    overflow: hidden;
    background: #fff;
  }
  .video-wrapper .small_recipe_rec {
    position: relative;
    width: 100%;
    height: 100%;
    padding-bottom: 50.25%; /* 16:9 aspect ratio */
    overflow: hidden;
    background: #fff;
  }
  .masonry-grid {
    display: grid;
    grid-template-columns: repeat(
      12,
      1fr
    ); /* 12-column grid for flexible layout */
    gap: 32px;
    text-align: center;
  }
}
a.category-filters-category.d-flex.flex-column.text-center {
  transition: opacity 0.5s ease-in-out;
}
.post-item.masonry-item.justify-content-center {
  transition: opacity 0.5s ease-in-out;
}
a.category-filters-category.d-flex.flex-column.text-center:hover {
  opacity: 0.6;
  transition: opacity 0.5s ease-in-out;
}
.post-item.masonry-item.justify-content-center:hover {
  opacity: 0.6;
  transition: opacity 0.5s ease-in-out;
}
.category-filters a.active-link:after {
  border-bottom: 2px solid #ab1368;
  padding-bottom: 5px;
  width: 80%;
}
.category-filters a.active-link:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 10%;
}

.slick-list.draggable {
  padding: 0px !important;
}