.wp-block-kadence-portfoliogrid * {
  box-sizing: border-box;
}

.kb-blocks-portfolio-grid-item {
  background: #aaa;
  overflow: hidden;
}

.kadence-portfolio-image-inner-intrisic {
  bottom: 0;
  display: flex;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}

.kadence-portfolio-image-inner-intrisic img {
  flex: 1;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.35s ease-in-out;
  width: auto;
}

.kb-blocks-portfolio-grid-item .portfolio-hover-item-link {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}

.kadence-portfolio-image-intrisic,
.kb-blocks-portfolio-grid-item-inner-wrap {
  position: relative;
}

.kb-portfolio-grid-item-inner {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.kb-portfolio-overlay-color {
  background: rgba(23, 104, 234, 0);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.35s ease-in-out;
}

.wp-block-kadence-portfoliogrid
  .kb-blocks-portfolio-grid-item:hover
  .kb-portfolio-overlay-color,
.wp-block-kadence-portfoliogrid
  .portfolio-hover-item-link:focus
  ~ .kb-portfolio-overlay-color {
  background: rgba(23, 104, 234, 0.5);
}

.kb-portfolio-overlay-border {
  border: 1px solid hsla(0, 0%, 100%, 0);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.35s ease-in-out;
}

.wp-block-kadence-portfoliogrid
  .kb-blocks-portfolio-grid-item:hover
  .kb-portfolio-overlay-border,
.wp-block-kadence-portfoliogrid
  .portfolio-hover-item-link:focus
  ~ .kb-portfolio-overlay-border {
  border-color: hsla(0, 0%, 100%, 0.8);
  bottom: 15px;
  left: 15px;
  right: 15px;
  top: 15px;
}

.kb-portfolio-content-item-inner {
  max-width: 90%;
  opacity: 0;
  position: relative;
  text-align: center;
  transition: all 0.35s ease-in-out;
  z-index: 2;
}

.kb-filter-item {
  background: transparent;
  border: solid transparent;
  border-radius: 0;
  border-width: 0 0 2px;
  box-shadow: none;
  color: #444;
  font-weight: 700;
  margin: 0 10px 0 0;
  outline: 0;
  padding: 5px 8px;
  text-decoration: none;
  text-shadow: none;
  transition: all 0.35s ease-in-out;
}

.kb-filter-item:focus,
.kb-filter-item:hover {
  border-color: rgba(23, 104, 234, 0.2);
  box-shadow: none;
}

.kb-filter-item.is-active {
  border-color: #1768ea;
  box-shadow: none;
}

.kb-portfolio-filter-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 20px;
}

.kb-blocks-portfolio-img-hover-zoomout .kadence-portfolio-image img {
  transform: scale(1.05);
}

.kb-blocks-portfolio-img-hover-zoomin .kadence-portfolio-image img,
.kb-blocks-portfolio-img-hover-zoomout
  .kb-blocks-portfolio-grid-item:hover
  .kadence-portfolio-image
  img {
  transform: scale(1);
}

.kb-blocks-portfolio-img-hover-zoomin
  .kb-blocks-portfolio-grid-item:hover
  .kadence-portfolio-image
  img {
  transform: scale(1.05);
}

.kb-blocks-portfolio-img-hover-slideright .kadence-portfolio-image img {
  max-width: none;
  transform: translate3d(-40px, 0, 0);
  width: calc(100% + 40px);
}

.kb-portfolio-grid-layout-fluidcarousel
  .kb-blocks-portfolio-img-hover-slideright
  .kadence-portfolio-image
  img {
  transform: scale(1.1) translate3d(-10px, 0, 0);
  width: auto;
}

.kb-blocks-portfolio-img-hover-slideright
  .kb-blocks-portfolio-grid-item:hover
  .kadence-portfolio-image
  img {
  transform: translateZ(0);
}

.kb-portfolio-grid-layout-fluidcarousel
  .kb-blocks-portfolio-img-hover-slideright
  .kb-blocks-portfolio-grid-item:hover
  .kadence-portfolio-image
  img {
  transform: scale(1.1) translateZ(0);
}

.kb-blocks-portfolio-img-hover-slideleft .kadence-portfolio-image img {
  max-width: none;
  transform: translateZ(0);
  width: calc(100% + 40px);
}

.kb-portfolio-grid-layout-fluidcarousel
  .kb-blocks-portfolio-img-hover-slideleft
  .kadence-portfolio-image
  img {
  transform: scale(1.1) translateZ(0);
  width: auto;
}

.kb-blocks-portfolio-img-hover-slideleft
  .kb-blocks-portfolio-grid-item:hover
  .kadence-portfolio-image
  img {
  transform: translate3d(-40px, 0, 0);
}

.kb-portfolio-grid-layout-fluidcarousel
  .kb-blocks-portfolio-img-hover-slideleft
  .kb-blocks-portfolio-grid-item:hover
  .kadence-portfolio-image
  img {
  transform: scale(1.1) translate3d(-10px, 0, 0);
}

.kb-blocks-portfolio-img-hover-blur .kadence-portfolio-image img {
  filter: blur(0);
}

.kb-blocks-portfolio-img-hover-blur
  .kb-blocks-portfolio-grid-item:hover
  .kadence-portfolio-image
  img {
  filter: blur(3px);
}

.kb-blocks-portfolio-content-hover-zoomout .kb-portfolio-content-item-inner {
  transform: scale(1.2);
}

.kb-blocks-portfolio-content-hover-zoomout
  .kb-blocks-portfolio-grid-item:hover
  .kb-portfolio-content-item-inner,
.kb-blocks-portfolio-content-hover-zoomout
  .portfolio-hover-item-link:focus
  ~ .kb-portfolio-content-item-inner {
  transform: scale(1);
}

.kb-blocks-portfolio-content-hover-zoomin .kb-portfolio-content-item-inner {
  transform: scale(0.85);
}

.kb-blocks-portfolio-content-hover-zoomin
  .kb-blocks-portfolio-grid-item:hover
  .kb-portfolio-content-item-inner,
.kb-blocks-portfolio-content-hover-zoomin
  .portfolio-hover-item-link:focus
  ~ .kb-portfolio-content-item-inner {
  transform: scale(1);
}

.kb-blocks-portfolio-content-hover-slideup .kb-portfolio-content-item-inner {
  transform: translateY(30px);
}

.kb-blocks-portfolio-content-hover-slideup
  .kb-blocks-portfolio-grid-item:hover
  .kb-portfolio-content-item-inner,
.kb-blocks-portfolio-content-hover-slideup
  .portfolio-hover-item-link:focus
  ~ .kb-portfolio-content-item-inner {
  transform: translateY(0);
}

.kb-blocks-portfolio-content-hover-slidedown .kb-portfolio-content-item-inner {
  transform: translateY(-30px);
}

.kb-blocks-portfolio-content-hover-slidedown
  .kb-blocks-portfolio-grid-item:hover
  .kb-portfolio-content-item-inner,
.kb-blocks-portfolio-content-hover-slidedown
  .portfolio-hover-item-link:focus
  ~ .kb-portfolio-content-item-inner {
  transform: translateY(0);
}

.kb-blocks-portfolio-content-hover-slideright .kb-portfolio-content-item-inner {
  transform: translateX(-30px);
}

.kb-blocks-portfolio-content-hover-slideright
  .kb-blocks-portfolio-grid-item:hover
  .kb-portfolio-content-item-inner,
.kb-blocks-portfolio-content-hover-slideright
  .portfolio-hover-item-link:focus
  ~ .kb-portfolio-content-item-inner {
  transform: translateX(0);
}

.kb-blocks-portfolio-content-hover-slideleft .kb-portfolio-content-item-inner {
  transform: translateX(30px);
}

.kb-blocks-portfolio-content-hover-slideleft
  .kb-blocks-portfolio-grid-item:hover
  .kb-portfolio-content-item-inner,
.kb-blocks-portfolio-content-hover-slideleft
  .portfolio-hover-item-link:focus
  ~ .kb-portfolio-content-item-inner {
  transform: translateX(0);
}

.kb-blocks-portfolio-grid-item:hover .kb-portfolio-content-item-inner,
.portfolio-hover-item-link:focus ~ .kb-portfolio-content-item-inner {
  opacity: 1;
}

.kb-blocks-portfolio-grid-item
  .kb-portfolio-content-item-inner
  .kb-portfolio-loop-title {
  color: #fff;
  font-size: 1.3em;
  line-height: 1;
}

.kb-blocks-portfolio-grid-item
  .kb-portfolio-content-item-inner
  .kb-portfolio-loop-excerpt {
  color: #fff;
}

.kb-blocks-portfolio-grid-item
  .kb-portfolio-content-item-inner
  .kb-blocks-portfolio-taxonomies {
  color: #fff;
  font-size: 0.9em;
  line-height: 1.2;
  text-transform: uppercase;
}

.kb-portfolio-grid-wrap {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  grid-gap: 30px 30px;
}

.kb-portfolio-grid-wrap[data-columns-ss="1"] {
  grid-template-columns: minmax(0, 1fr);
}

.kb-portfolio-grid-wrap[data-columns-ss="1"] > .kb-blocks-portfolio-grid-item,
.kb-portfolio-grid-wrap[data-columns-ss="1"] > .kb-portfolio-masonry-item {
  width: 100%;
}

.kb-portfolio-grid-wrap[data-columns-ss="2"] > .kb-blocks-portfolio-grid-item,
.kb-portfolio-grid-wrap[data-columns-ss="2"] > .kb-portfolio-masonry-item {
  width: 50%;
  width: calc(50% - 0.1px);
}

.kb-portfolio-grid-wrap[data-columns-ss="3"] {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}

.kb-portfolio-grid-wrap[data-columns-ss="3"] > .kb-blocks-portfolio-grid-item,
.kb-portfolio-grid-wrap[data-columns-ss="3"] > .kb-portfolio-masonry-item {
  width: 33.33%;
  width: calc(33.33% - 0.1px);
}

.kb-portfolio-grid-wrap[data-columns-ss="4"] {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(
      0,
      1fr
    );
}

.kb-portfolio-grid-wrap[data-columns-ss="4"] > .kb-blocks-portfolio-grid-item,
.kb-portfolio-grid-wrap[data-columns-ss="4"] > .kb-portfolio-masonry-item {
  width: 25%;
  width: calc(25% - 0.1px);
}

.kb-portfolio-grid-wrap[data-columns-ss="5"] {
  grid-template-columns:
    minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)
    minmax(0, 1fr);
}

.kb-portfolio-grid-wrap[data-columns-ss="5"] > .kb-blocks-portfolio-grid-item,
.kb-portfolio-grid-wrap[data-columns-ss="5"] > .kb-portfolio-masonry-item {
  width: 20%;
  width: calc(20% - 0.1px);
}

@media (min-width: 544px) {
  .kb-portfolio-grid-wrap[data-columns-xs="1"] {
    grid-template-columns: minmax(0, 1fr);
  }

  .kb-portfolio-grid-wrap[data-columns-xs="1"] > .kb-blocks-portfolio-grid-item,
  .kb-portfolio-grid-wrap[data-columns-xs="1"] > .kb-portfolio-masonry-item {
    width: 100%;
  }

  .kb-portfolio-grid-wrap[data-columns-xs="2"] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .kb-portfolio-grid-wrap[data-columns-xs="2"] > .kb-blocks-portfolio-grid-item,
  .kb-portfolio-grid-wrap[data-columns-xs="2"] > .kb-portfolio-masonry-item {
    width: 50%;
    width: calc(50% - 0.1px);
  }

  .kb-portfolio-grid-wrap[data-columns-xs="3"] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  }

  .kb-portfolio-grid-wrap[data-columns-xs="3"] > .kb-blocks-portfolio-grid-item,
  .kb-portfolio-grid-wrap[data-columns-xs="3"] > .kb-portfolio-masonry-item {
    width: 33.33%;
    width: calc(33.33% - 0.1px);
  }

  .kb-portfolio-grid-wrap[data-columns-xs="4"] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(
        0,
        1fr
      );
  }

  .kb-portfolio-grid-wrap[data-columns-xs="4"] > .kb-blocks-portfolio-grid-item,
  .kb-portfolio-grid-wrap[data-columns-xs="4"] > .kb-portfolio-masonry-item {
    width: 25%;
    width: calc(25% - 0.1px);
  }

  .kb-portfolio-grid-wrap[data-columns-xs="5"] {
    grid-template-columns:
      minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)
      minmax(0, 1fr);
  }

  .kb-portfolio-grid-wrap[data-columns-xs="5"] > .kb-blocks-portfolio-grid-item,
  .kb-portfolio-grid-wrap[data-columns-xs="5"] > .kb-portfolio-masonry-item {
    width: 20%;
    width: calc(20% - 0.1px);
  }
}

@media (min-width: 768px) {
  .kb-portfolio-grid-wrap[data-columns-sm="1"] {
    grid-template-columns: minmax(0, 1fr);
  }

  .kb-portfolio-grid-wrap[data-columns-sm="1"] > .kb-blocks-portfolio-grid-item,
  .kb-portfolio-grid-wrap[data-columns-sm="1"] > .kb-portfolio-masonry-item {
    width: 100%;
  }

  .kb-portfolio-grid-wrap[data-columns-sm="2"] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .kb-portfolio-grid-wrap[data-columns-sm="2"] > .kb-blocks-portfolio-grid-item,
  .kb-portfolio-grid-wrap[data-columns-sm="2"] > .kb-portfolio-masonry-item {
    width: 50%;
    width: calc(50% - 0.1px);
  }

  .kb-portfolio-grid-wrap[data-columns-sm="3"] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  }

  .kb-portfolio-grid-wrap[data-columns-sm="3"] > .kb-blocks-portfolio-grid-item,
  .kb-portfolio-grid-wrap[data-columns-sm="3"] > .kb-portfolio-masonry-item {
    width: 33.33%;
    width: calc(33.33% - 0.1px);
  }

  .kb-portfolio-grid-wrap[data-columns-sm="4"] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(
        0,
        1fr
      );
  }

  .kb-portfolio-grid-wrap[data-columns-sm="4"] > .kb-blocks-portfolio-grid-item,
  .kb-portfolio-grid-wrap[data-columns-sm="4"] > .kb-portfolio-masonry-item {
    width: 25%;
    width: calc(25% - 0.1px);
  }

  .kb-portfolio-grid-wrap[data-columns-sm="5"] {
    grid-template-columns:
      minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)
      minmax(0, 1fr);
  }

  .kb-portfolio-grid-wrap[data-columns-sm="5"] > .kb-blocks-portfolio-grid-item,
  .kb-portfolio-grid-wrap[data-columns-sm="5"] > .kb-portfolio-masonry-item {
    width: 20%;
    width: calc(20% - 0.1px);
  }
}

@media (min-width: 992px) {
  .kb-portfolio-grid-wrap[data-columns-md="1"] {
    grid-template-columns: minmax(0, 1fr);
  }

  .kb-portfolio-grid-wrap[data-columns-md="1"] > .kb-blocks-portfolio-grid-item,
  .kb-portfolio-grid-wrap[data-columns-md="1"] > .kb-portfolio-masonry-item {
    width: 100%;
  }

  .kb-portfolio-grid-wrap[data-columns-md="2"] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .kb-portfolio-grid-wrap[data-columns-md="2"] > .kb-blocks-portfolio-grid-item,
  .kb-portfolio-grid-wrap[data-columns-md="2"] > .kb-portfolio-masonry-item {
    width: 50%;
    width: calc(50% - 0.1px);
  }

  .kb-portfolio-grid-wrap[data-columns-md="3"] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  }

  .kb-portfolio-grid-wrap[data-columns-md="3"] > .kb-blocks-portfolio-grid-item,
  .kb-portfolio-grid-wrap[data-columns-md="3"] > .kb-portfolio-masonry-item {
    width: 33.33%;
    width: calc(33.33% - 0.1px);
  }

  .kb-portfolio-grid-wrap[data-columns-md="4"] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(
        0,
        1fr
      );
  }

  .kb-portfolio-grid-wrap[data-columns-md="4"] > .kb-blocks-portfolio-grid-item,
  .kb-portfolio-grid-wrap[data-columns-md="4"] > .kb-portfolio-masonry-item {
    width: 25%;
    width: calc(25% - 0.1px);
  }

  .kb-portfolio-grid-wrap[data-columns-md="5"] {
    grid-template-columns:
      minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)
      minmax(0, 1fr);
  }

  .kb-portfolio-grid-wrap[data-columns-md="5"] > .kb-blocks-portfolio-grid-item,
  .kb-portfolio-grid-wrap[data-columns-md="5"] > .kb-portfolio-masonry-item {
    width: 20%;
    width: calc(20% - 0.1px);
  }
}

@media (min-width: 1200px) {
  .kb-portfolio-grid-wrap[data-columns-xl="1"] {
    grid-template-columns: minmax(0, 1fr);
  }

  .kb-portfolio-grid-wrap[data-columns-xl="1"] > .kb-blocks-portfolio-grid-item,
  .kb-portfolio-grid-wrap[data-columns-xl="1"] > .kb-portfolio-masonry-item {
    width: 100%;
  }

  .kb-portfolio-grid-wrap[data-columns-xl="2"] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .kb-portfolio-grid-wrap[data-columns-xl="2"] > .kb-blocks-portfolio-grid-item,
  .kb-portfolio-grid-wrap[data-columns-xl="2"] > .kb-portfolio-masonry-item {
    width: 50%;
    width: calc(50% - 0.1px);
  }

  .kb-portfolio-grid-wrap[data-columns-xl="3"] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  }

  .kb-portfolio-grid-wrap[data-columns-xl="3"] > .kb-blocks-portfolio-grid-item,
  .kb-portfolio-grid-wrap[data-columns-xl="3"] > .kb-portfolio-masonry-item {
    width: 33.33%;
    width: calc(33.33% - 0.1px);
  }

  .kb-portfolio-grid-wrap[data-columns-xl="4"] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(
        0,
        1fr
      );
  }

  .kb-portfolio-grid-wrap[data-columns-xl="4"] > .kb-blocks-portfolio-grid-item,
  .kb-portfolio-grid-wrap[data-columns-xl="4"] > .kb-portfolio-masonry-item {
    width: 25%;
    width: calc(25% - 0.1px);
  }

  .kb-portfolio-grid-wrap[data-columns-xl="5"] {
    grid-template-columns:
      minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)
      minmax(0, 1fr);
  }

  .kb-portfolio-grid-wrap[data-columns-xl="5"] > .kb-blocks-portfolio-grid-item,
  .kb-portfolio-grid-wrap[data-columns-xl="5"] > .kb-portfolio-masonry-item {
    width: 20%;
    width: calc(20% - 0.1px);
  }

  .kb-portfolio-grid-wrap[data-columns-xl="6"] {
    grid-template-columns:
      minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)
      minmax(0, 1fr) minmax(0, 1fr);
  }

  .kb-portfolio-grid-wrap[data-columns-xl="6"] > .kb-blocks-portfolio-grid-item,
  .kb-portfolio-grid-wrap[data-columns-xl="6"] > .kb-portfolio-masonry-item {
    width: 16.66%;
    width: calc(16.66% - 0.1px);
  }

  .kb-portfolio-grid-wrap[data-columns-xl="7"] {
    grid-template-columns:
      minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)
      minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  }

  .kb-portfolio-grid-wrap[data-columns-xl="7"] > .kb-blocks-portfolio-grid-item,
  .kb-portfolio-grid-wrap[data-columns-xl="7"] > .kb-portfolio-masonry-item {
    width: 14.28%;
    width: calc(14.28% - 0.1px);
  }

  .kb-portfolio-grid-wrap[data-columns-xl="8"] {
    grid-template-columns:
      minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)
      minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  }

  .kb-portfolio-grid-wrap[data-columns-xl="8"] > .kb-blocks-portfolio-grid-item,
  .kb-portfolio-grid-wrap[data-columns-xl="8"] > .kb-portfolio-masonry-item {
    width: 12.5%;
    width: calc(12.5% - 0.1px);
  }
}

@media (min-width: 1500px) {
  .kb-portfolio-grid-wrap[data-columns-xxl="1"] {
    grid-template-columns: minmax(0, 1fr);
  }

  .kb-portfolio-grid-wrap[data-columns-xxl="1"]
    > .kb-blocks-portfolio-grid-item,
  .kb-portfolio-grid-wrap[data-columns-xxl="1"] > .kb-portfolio-masonry-item {
    width: 100%;
  }

  .kb-portfolio-grid-wrap[data-columns-xxl="2"] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .kb-portfolio-grid-wrap[data-columns-xxl="2"]
    > .kb-blocks-portfolio-grid-item,
  .kb-portfolio-grid-wrap[data-columns-xxl="2"] > .kb-portfolio-masonry-item {
    width: 50%;
    width: calc(50% - 0.1px);
  }

  .kb-portfolio-grid-wrap[data-columns-xxl="3"] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  }

  .kb-portfolio-grid-wrap[data-columns-xxl="3"]
    > .kb-blocks-portfolio-grid-item,
  .kb-portfolio-grid-wrap[data-columns-xxl="3"] > .kb-portfolio-masonry-item {
    width: 33.33%;
    width: calc(33.33% - 0.1px);
  }

  .kb-portfolio-grid-wrap[data-columns-xxl="4"] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(
        0,
        1fr
      );
  }

  .kb-portfolio-grid-wrap[data-columns-xxl="4"]
    > .kb-blocks-portfolio-grid-item,
  .kb-portfolio-grid-wrap[data-columns-xxl="4"] > .kb-portfolio-masonry-item {
    width: 25%;
    width: calc(25% - 0.1px);
  }

  .kb-portfolio-grid-wrap[data-columns-xxl="5"] {
    grid-template-columns:
      minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)
      minmax(0, 1fr);
  }

  .kb-portfolio-grid-wrap[data-columns-xxl="5"]
    > .kb-blocks-portfolio-grid-item,
  .kb-portfolio-grid-wrap[data-columns-xxl="5"] > .kb-portfolio-masonry-item {
    width: 20%;
    width: calc(20% - 0.1px);
  }

  .kb-portfolio-grid-wrap[data-columns-xxl="6"] {
    grid-template-columns:
      minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)
      minmax(0, 1fr) minmax(0, 1fr);
  }

  .kb-portfolio-grid-wrap[data-columns-xxl="6"]
    > .kb-blocks-portfolio-grid-item,
  .kb-portfolio-grid-wrap[data-columns-xxl="6"] > .kb-portfolio-masonry-item {
    width: 16.66%;
    width: calc(16.66% - 0.1px);
  }

  .kb-portfolio-grid-wrap[data-columns-xxl="7"] {
    grid-template-columns:
      minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)
      minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  }

  .kb-portfolio-grid-wrap[data-columns-xxl="7"]
    > .kb-blocks-portfolio-grid-item,
  .kb-portfolio-grid-wrap[data-columns-xxl="7"] > .kb-portfolio-masonry-item {
    width: 14.28%;
    width: calc(14.28% - 0.1px);
  }

  .kb-portfolio-grid-wrap[data-columns-xxl="8"] {
    grid-template-columns:
      minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)
      minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  }

  .kb-portfolio-grid-wrap[data-columns-xxl="8"]
    > .kb-blocks-portfolio-grid-item,
  .kb-portfolio-grid-wrap[data-columns-xxl="8"] > .kb-portfolio-masonry-item {
    width: 12.5%;
    width: calc(12.5% - 0.1px);
  }
}

@supports (display: grid) {
  .kb-portfolio-grid-layout-grid:not(.kb-filter-enabled)
    .kb-portfolio-grid-wrap
    > .kb-blocks-portfolio-grid-item {
    width: auto;
  }
}

.kb-filter-enabled .kb-portfolio-grid-layout-grid-wrap,
.kb-filter-enabled .kb-portfolio-grid-layout-masonry-wrap {
  transition: height 0.8s ease-in-out;
}

.kb-portfolio-grid-layout-grid.kb-filter-enabled .kb-portfolio-grid-wrap,
.kb-portfolio-grid-layout-masonry-wrap {
  display: block;
  margin-left: -15px;
  margin-right: -15px;
}

.kb-portfolio-grid-layout-grid.kb-filter-enabled .kb-portfolio-masonry-item {
  float: left;
  padding: 0 15px 30px;
}

.kb-portfolio-grid-layout-masonry-wrap .kb-portfolio-masonry-item {
  float: left;
  padding: 0 15px 30px;
  width: 50%;
}

.kb-portfolio-grid-layout-masonry-wrap:after {
  clear: both;
  content: "";
  display: table;
}

.kt-blocks-carousel.kb-portfolio-grid-layout-fluidcarousel .slick-slider {
  margin: 0;
  touch-action: auto;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  user-select: auto;
}

.kt-blocks-carousel.kb-portfolio-grid-layout-fluidcarousel
  .slick-slider
  .slick-slide {
  padding: 4px 15px;
}

.kt-blocks-carousel.kb-portfolio-grid-layout-fluidcarousel.kb-carousel-mode-align-left
  .slick-slider
  .slick-slide {
  padding: 4px 30px 4px 0;
}

.kt-blocks-carousel.kb-portfolio-grid-layout-fluidcarousel
  .kadence-portfolio-image {
  height: 300px;
  margin: 0 auto;
  overflow: hidden;
  width: auto;
}

.kt-blocks-carousel.kb-portfolio-grid-layout-fluidcarousel
  .kadence-portfolio-image.kb-no-image-set {
  width: 450px;
}

.kt-blocks-carousel.kb-portfolio-grid-layout-fluidcarousel
  .kadence-portfolio-image
  .kadence-portfolio-image-intrisic {
  padding: 0 !important;
}

.kt-blocks-carousel.kb-portfolio-grid-layout-fluidcarousel
  .kadence-portfolio-image
  .kadence-portfolio-image-intrisic
  .kadence-portfolio-image-inner-intrisic {
  position: static;
}

.kt-blocks-carousel.kb-portfolio-grid-layout-fluidcarousel
  .kadence-portfolio-image
  .kadence-portfolio-image-intrisic
  .kadence-portfolio-image-inner-intrisic
  img {
  display: block;
  flex: 1;
  height: 300px;
  -o-object-fit: cover;
  object-fit: cover;
  width: auto;
}

.kt-blocks-carousel.kb-portfolio-grid-layout-fluidcarousel .slick-prev {
  left: 0;
}

.kt-blocks-carousel.kb-portfolio-grid-layout-fluidcarousel .slick-next {
  right: 0;
}

.kt-post-grid-layout-carousel-wrap:has([data-show-pause-button="true"])
  .kb-portfolio-grid-pause-button,
.kt-post-grid-layout-carousel-wrap[data-show-pause-button="true"]
  .kb-portfolio-grid-pause-button,
.kt-post-grid-layout-fluidcarousel-wrap:has([data-show-pause-button="true"])
  .kb-portfolio-grid-pause-button,
.kt-post-grid-layout-fluidcarousel-wrap[data-show-pause-button="true"]
  .kb-portfolio-grid-pause-button {
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid transparent;
  border-radius: 4px;
  bottom: 10px;
  color: #fff;
  cursor: pointer;
  display: flex;
  height: 40px;
  justify-content: center;
  opacity: 0.75;
  padding: 8px;
  position: absolute;
  right: 10px;
  transition: opacity 0.3s ease;
  width: 40px;
  z-index: 100;
}

.kt-post-grid-layout-carousel-wrap.kt-carousel-arrowstyle-none
  .kb-portfolio-grid-pause-button,
.kt-post-grid-layout-carousel-wrap.kt-carousel-arrowstyle-whiteondark
  .kb-portfolio-grid-pause-button,
.kt-post-grid-layout-fluidcarousel-wrap.kt-carousel-arrowstyle-none
  .kb-portfolio-grid-pause-button,
.kt-post-grid-layout-fluidcarousel-wrap.kt-carousel-arrowstyle-whiteondark
  .kb-portfolio-grid-pause-button {
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid transparent;
  color: #fff;
}

.kt-post-grid-layout-carousel-wrap.kt-carousel-arrowstyle-blackonlight
  .kb-portfolio-grid-pause-button,
.kt-post-grid-layout-fluidcarousel-wrap.kt-carousel-arrowstyle-blackonlight
  .kb-portfolio-grid-pause-button {
  background: hsla(0, 0%, 100%, 0.8);
  border: 1px solid transparent;
  color: #000;
}

.kt-post-grid-layout-carousel-wrap.kt-carousel-arrowstyle-outlineblack
  .kb-portfolio-grid-pause-button,
.kt-post-grid-layout-fluidcarousel-wrap.kt-carousel-arrowstyle-outlineblack
  .kb-portfolio-grid-pause-button {
  background: transparent;
  border: 2px solid #000;
  color: #000;
}

.kt-post-grid-layout-carousel-wrap.kt-carousel-arrowstyle-outlinewhite
  .kb-portfolio-grid-pause-button,
.kt-post-grid-layout-fluidcarousel-wrap.kt-carousel-arrowstyle-outlinewhite
  .kb-portfolio-grid-pause-button {
  background: transparent;
  border: 2px solid #fff;
  color: #fff;
}

.kt-post-grid-layout-carousel-wrap:hover .kb-portfolio-grid-pause-button,
.kt-post-grid-layout-fluidcarousel-wrap:hover .kb-portfolio-grid-pause-button {
  opacity: 1;
}

.kb-portfolio-grid-pause-button:hover {
  opacity: 1 !important;
}

.kb-portfolio-grid-pause-button svg {
  fill: currentColor;
  height: 20px;
  width: 20px;
}