/* 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 */
.col-type-card .img-wrap {
  margin-bottom: var(--space-xs);
}
.col-type-card h3 {
  padding-bottom: 0;
}
.col-type-card p {
  padding-top: 10px;
}

.bg-light .col-type-card {
  background-color: var(--grey);
  color: var(--black);
}

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

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

.bg-green .col-type-card {
  background-color: var(--grey);
  color: var(--black);
}

.bg-blue .col-type-card {
  background-color: var(--grey);
  color: var(--black);
}

.bg-pink .col-type-card {
  background-color: var(--grey);
  color: var(--black);
}