/* -------------------------------------------------------------------------- */
/*                                    Fonts                                   */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                   Colors                                   */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                    Sizes                                   */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                   Columns                                  */
/* -------------------------------------------------------------------------- */
/*
@mixin truncate-text($overflow: ellipsis){
	overflow: hidden;
	white-space: nowrap;
	text-overflow: $overflow; // values are: clip, ellipsis, or a string
}*/
/* -------------------------------------------------------------------------- */
/*                                    Utils                                   */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                     DRY                                    */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                   Resets                                   */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                  Overrides                                 */
/* -------------------------------------------------------------------------- */
section.block-vendor-logos ul {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  max-width: 1400px;
  display: flex;
  flex-wrap: wrap;
  gap: 40px 5%;
  justify-content: space-around;
}
section.block-vendor-logos li {
  flex-shrink: 0;
  width: 150px;
}
section.block-vendor-logos li a {
  transition: all 0.2s ease;
}
section.block-vendor-logos li a:hover {
  opacity: 0.5;
}
section.block-vendor-logos li img {
  display: block;
  max-width: 150px;
  max-height: 30px;
  margin: 0 auto;
}
section.block-vendor-logos .slick-track {
  display: flex;
  align-items: center;
}
section.block-vendor-logos .slick-arrow {
  position: absolute;
  top: calc(50% - 16px);
  width: 32px;
  height: 32px;
  border-radius: 32px;
  background: #f2f2f2;
  font-size: 1px;
  color: transparent;
  text-indent: -100px;
  overflow: hidden;
  border: none;
  -moz-appearance: none;
  z-index: 10;
}
section.block-vendor-logos .slick-arrow::after {
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  top: calc(50% - 4px);
  left: calc(50% - 4px);
  border-top: 2px solid rgba(0, 0, 0, 0.4);
  border-left: 2px solid rgba(0, 0, 0, 0.4);
}
section.block-vendor-logos .slick-arrow.slick-prev {
  left: -16px;
  transform: rotate(-45deg);
}
section.block-vendor-logos .slick-arrow.slick-next {
  right: -16px;
  transform: rotate(135deg);
}