/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/*Add your own styles here:*/
.bs-projects {
  & .g-filters {
    gap: 12px;
    & .g-filters-item {
      display: inline-block;
      border: 1px solid var(--color-content-link);
      padding: 6px 16px;
      line-height: 100%;
      color: black;
      border-radius: 0;

      &.active {
        background-color: var(--color-content-link);
      }

      & span {
        font-weight: 400;
      }
    }
  }

  & .w-grid-list .w-grid-item-h {
    & .post_title {
      text-decoration: underline;
      color: white !important;
      text-transform: uppercase;
    }

    &:hover .post_title {
      color: black !important;
    }
  }
}

@media screen and (max-width: 480px) {
  .bs-projects {
    & .g-filters-item {
      width: max-content;
    }
  }
}

/* @media (max-width: 600px) {
  .bs-projects {
    & .g-filters:has(.g-filters-item) {
      flex-wrap: no-wrap;
      flex-direction: column;
      align-items: center;

      & .g-filters-item {
        width: 60%;
        min-width: 230px;
      }
    }
  }
} */

@media (min-width: 1024px) {
  .bs-projects {
    & .g-filters {
      gap: 24px;
    }
  }
}