/* Spacing */
/* Grid settings */
/* Useful calculation variabls */
/* Row inner box */
/* Columns in px - this is to set max-widths and should correspond to the widths set in the theme's image options */
/* Breakpoint options */
/* Calculated variables - do not edit unless you are a space cowboy */
/**
    Colours also need to be updated in:
    - functions-template-helpers.php 158-162
    - functions-template-helpers.php 190-230
    - acf-layout-selector/class-uu-acf-field-layout-selector.php 180
    - In the colour selector component
*/
/* Split colours - set colours when using .row.split */
/* Overlays - for modals, cookie popups */
/* Type */
/* Quotes */
/* Icons - see font-awesome.scss for more info */
/* Buttons */ /* Woocommerce */ /* Notifications */ /* Pagination */ /* Logo */ /* Header */
/* Header navigation */
/* Footer */
/* Mobile menu */ /* Cookie bar */ /* Social links */ /* Transitions */ /* Loader */ /* Modals */ /* Dots */
/* Tables */
.row-type-logo_ticker .row-content {
  -moz-column-gap: 0;
       column-gap: 0;
}
.row-type-logo_ticker .row-content .col {
  aspect-ratio: 3/2;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 200px;
  width: 200px;
  padding: 0;
}
.row-type-logo_ticker .row-content .col img {
  mix-blend-mode: multiply;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  box-sizing: border-box;
  padding: var(--space-xs);
}
.row-type-logo_ticker .row-content .col a {
  height: 100%;
  display: block;
  position: relative;
}
.row-type-logo_ticker .row-content .col a::after {
  content: none !important;
}
.row-type-logo_ticker.logo-ticker-ticker {
  overflow: hidden;
}
.row-type-logo_ticker.logo-ticker-ticker .row-inner.row-content {
  padding-left: 0;
  padding-right: 0;
  max-width: 100%;
  width: 100%;
  display: block;
}
.row-type-logo_ticker.logo-ticker-ticker .row-inner.row-content .col {
  flex-shrink: 0;
}
.row-type-logo_ticker .logo-ticker-track {
  display: flex;
  flex-wrap: nowrap;
  will-change: transform;
}
.row-type-logo_ticker.logo-ticker-stacked .logo-ticker-track {
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

.row-type-logo_ticker.bg-light .col {
  background-color: var(--white);
}

.row-type-logo_ticker.bg-mid .col {
  background-color: var(--grey);
}

.row-type-logo_ticker.bg-dark .col {
  background-color: var(--black);
}

.row-type-logo_ticker.bg-green .col {
  background-color: var(--green);
}

.row-type-logo_ticker.bg-blue .col {
  background-color: var(--blue);
}

.row-type-logo_ticker.bg-pink .col {
  background-color: var(--pink);
}