:root {
  --sidebar-width: 28rem;
  --layout-gap: 6rem;
  --wp--style--block-gap: clamp(3.5rem, 2.737rem + 1.404vw, 4rem);
}

@media (min-width: 1300px) {
  :root {
    --sidebar-width: 32rem;
    --layout-gap: 8rem;
  }
}
.clients {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.clients .client {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: 5px 0;
  padding: 10px 17px;
  background: rgba(255, 255, 255, 0.9);
  position: relative;
  cursor: pointer;
}
.clients .client:before, .clients .client:after {
  content: "";
  width: 100%;
  height: 1px;
  background: rgba(212, 120, 15, 0.5);
  position: absolute;
  left: 0;
}
.clients .client:before {
  top: -6px;
}
.clients .client:after {
  bottom: -6px;
}
.clients .client img {
  height: auto;
  filter: none;
  transition: all 0.35s ease-in-out;
}
.clients .client:hover img, .clients .client:active img, .clients .client:focus img {
  transform: scale(1.05);
}
.clients.grid {
  padding-top: 4px;
}
.clients.grid .client:before, .clients.grid .client:after {
  opacity: 0;
}
@media (max-width: 339px) {
  .clients {
    padding-top: 4px;
  }
  .clients .client + .client {
    margin-top: -4px;
  }
}
@media (min-width: 340px) {
  .clients {
    flex-wrap: wrap;
    flex-direction: row;
  }
  .clients .client {
    width: calc(50% - 5px);
  }
}
@media (min-width: 340px) and (max-width: 599px) {
  .clients .client {
    margin-top: -4px;
  }
}
@media (min-width: 600px) {
  .clients .client {
    width: calc(33.33% - 7px);
  }
}
@media (min-width: 600px) and (max-width: 1023px) {
  .clients .client {
    margin-top: -4px;
  }
}
@media (min-width: 1024px) {
  .clients:not(.grid) .client {
    width: calc(16.66% - 9px);
  }
  .clients.grid .client {
    margin-top: -4px;
  }
}

.wp-block-group.has-blue-background-color .clients .client, .wp-block-group.has-primary-background-color .clients .client, .wp-block-group.has-black-background-color .clients .client, .wp-block-group.has-grey-background-color .clients .client, .wp-block-group.has-plum-background-color .clients .client, .wp-block-group.has-navy-background-color .clients .client, .wp-block-group.has-teal-background-color .clients .client, .wp-block-group.has-blue-navy-dark-gradient-background .clients .client, .wp-block-group.has-blue-teal-dark-gradient-background .clients .client, .wp-block-group.has-blue-blue-dark-gradient-background .clients .client {
  background: #fff;
}
.wp-block-group.has-blue-background-color .clients .client:before, .wp-block-group.has-blue-background-color .clients .client:after, .wp-block-group.has-primary-background-color .clients .client:before, .wp-block-group.has-primary-background-color .clients .client:after, .wp-block-group.has-black-background-color .clients .client:before, .wp-block-group.has-black-background-color .clients .client:after, .wp-block-group.has-grey-background-color .clients .client:before, .wp-block-group.has-grey-background-color .clients .client:after, .wp-block-group.has-plum-background-color .clients .client:before, .wp-block-group.has-plum-background-color .clients .client:after, .wp-block-group.has-navy-background-color .clients .client:before, .wp-block-group.has-navy-background-color .clients .client:after, .wp-block-group.has-teal-background-color .clients .client:before, .wp-block-group.has-teal-background-color .clients .client:after, .wp-block-group.has-blue-navy-dark-gradient-background .clients .client:before, .wp-block-group.has-blue-navy-dark-gradient-background .clients .client:after, .wp-block-group.has-blue-teal-dark-gradient-background .clients .client:before, .wp-block-group.has-blue-teal-dark-gradient-background .clients .client:after, .wp-block-group.has-blue-blue-dark-gradient-background .clients .client:before, .wp-block-group.has-blue-blue-dark-gradient-background .clients .client:after {
  background: #fcbf84;
}/*# sourceMappingURL=block-client-logos.css.map */