/**
 * Columns
 * v2.2
 *
 * Columns can be added in many ways, including:
 *  - Layout builder sections
 *  - Gutenberg Columns, Row, and other blocks
 *  - Directly to views in their settings
 */
/**
 * @file
 * Variables
 */
/* 30em @ 16px font size */
/* 60em @ 16px font size */
/* 60em @ 16px font size */
/* 80em @ 16px font size */
:root {
  --header-stack-width: 850px;
  --site_max_width: 1200px;
  --text-max-width: 40rem;
  --header-height: 60px;
  --nav-height: 40px;
  --footer-height: 100px;
  --sidebar-width: 25%;
  /* used in width functions */
  --w-narrow: 480px;
  --w-regular: 960px;
  --w-average: 960px;
  --w-wide: 1200px;
  --gutter-narrow: 3vw;
  --gutter-regular: 5vw;
  --gutter-wide: 7vw;
  --site_padding-narrow: 5%;
  --pointer_target-padding: 0.6em 0.8em;
  --pointer_target-line-height: 1.3em; /* Assuming font-size: 1rem; */
  --data-field-padding: 0.5em 0.7em; /* used by table cells and text fields */
  --corner_radius-large: 8px;
  --corner_radius-regular: 5px;
  --corner_radius-small: 3px;
  --transition-duration-regular: 0.4s;
}

:root {
  --font-size: 1em;
  --line-height: 1.4;
  --font-size-h1: calc(1.5em + 1vw);
  --font-size-h1-max: 2em;
  --font-size-h2: calc(1.2em + 0.7vw);
  --font-size-h3: calc(1em + 0.5vw);
  --font-size-h4: calc(0.9em + 0.35vw);
  --font-size-h5: 0.83em;
  --font-size-h6: 0.67em;
  --line-height-h1: 1;
  --line-height-h2: 1.15;
  --line-height-h3: 1.3;
  --line-height-h4: 1.38;
  --line-height-h5: 1.45;
  --line-height-h6: 1.5;
}

:root {
  --font-sans: "Open Sans", sans-serif;
  --font-body: var(--font-sans);
  --font-headings: var(--font-body);
  --menu-case: initial;
  --font-weight-body: 400;
  --font-weight-links: 600;
}

:root {
  --colour-near_white: #f5f5f5;
  --colour-dark_grey: #444;
  --colour-medium_grey: #999;
  --colour-dividers: rgba(0, 0, 0, 0.2);
  --colour-selection: #40b6ff;
  --colour-danger: #c72100;
  --colour-error: #e62600;
  --colour-warning: #e09600;
  --colour-success: #77b259;
  --colour-unpublished: #CF5541;
  --colour-primary: #904091;
  /* Social media */
}

:root {
  --colour-secondary: var(--colour-medium_grey);
  --colour-primary-dark: var(--colour-primary);
  --colour-primary-light: var(--colour-primary);
  --colour-primary-lightest: var(--colour-primary);
  --colour-primary-pale: var(--colour-primary);
  --colour-bg-body: white;
  --colour-text-body: var(--colour-dark_grey);
  --colour-links: #2E6088;
  --colour-subtle: var(--colour-text-body);
  --colour-banner: var(--colour-primary-dark);
  --colour-bg-footer: var(--colour-dark_grey);
  --colour-text-footer: var(--colour-medium_grey);
}

.text-cols-3,
.content-text-cols-3 .view-content {
  columns: 1;
  column-gap: 4%;
}
@media (min-width: 500px) {
  .text-cols-3,
  .content-text-cols-3 .view-content {
    columns: 2;
  }
}
@media (min-width: 800px) {
  .text-cols-3,
  .content-text-cols-3 .view-content {
    columns: 3;
  }
}
.text-cols-3 > div,
.content-text-cols-3 .view-content > div {
  overflow: auto;
  margin-bottom: 2em;
}
.text-cols-3 h2, .text-cols-3 h3,
.content-text-cols-3 .view-content h2,
.content-text-cols-3 .view-content h3 {
  margin-top: 0;
}

.cols-2,
[data-cols="2"],
[data-has-cols="2"] .field--name-field-sections {
  display: grid;
  grid-template-columns: 1fr;
  gap: 5vw;
}
.cols-2 > li + li,
[data-cols="2"] > li + li,
[data-has-cols="2"] .field--name-field-sections > li + li {
  margin-top: 0;
}
.cols-2 .card,
[data-cols="2"] .card,
[data-has-cols="2"] .field--name-field-sections .card {
  height: 100%;
}
@media (min-width: 680px) {
  .cols-2,
  [data-cols="2"],
  [data-has-cols="2"] .field--name-field-sections {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1340px) {
  .cols-2,
  [data-cols="2"],
  [data-has-cols="2"] .field--name-field-sections {
    gap: 60px;
  }
}

.cols-3,
[data-cols="3"],
[data-has-cols="3"] .field--name-field-sections {
  display: grid;
  grid-template-columns: 1fr;
  gap: 4vw;
}
.cols-3 > li + li,
[data-cols="3"] > li + li,
[data-has-cols="3"] .field--name-field-sections > li + li {
  margin-top: 0;
}
.cols-3 .card,
[data-cols="3"] .card,
[data-has-cols="3"] .field--name-field-sections .card {
  height: 100%;
}
@media (min-width: 350px) {
  .cols-3,
  [data-cols="3"],
  [data-has-cols="3"] .field--name-field-sections {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 840px) {
  .cols-3,
  [data-cols="3"],
  [data-has-cols="3"] .field--name-field-sections {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1340px) {
  .cols-3,
  [data-cols="3"],
  [data-has-cols="3"] .field--name-field-sections {
    gap: 50px;
  }
}

.cols-4,
[data-cols="4"],
[data-has-cols="4"] .field--name-field-sections {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3vw;
}
.cols-4 > li + li,
[data-cols="4"] > li + li,
[data-has-cols="4"] .field--name-field-sections > li + li {
  margin-top: 0;
}
.cols-4 .card,
[data-cols="4"] .card,
[data-has-cols="4"] .field--name-field-sections .card {
  height: 100%;
}
@media (min-width: 740px) {
  .cols-4,
  [data-cols="4"],
  [data-has-cols="4"] .field--name-field-sections {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1340px) {
  .cols-4,
  [data-cols="4"],
  [data-has-cols="4"] .field--name-field-sections {
    gap: 34px;
  }
}

.cols-5,
[data-cols="5"],
[data-has-cols="5"] .field--name-field-sections {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.2vw;
}
.cols-5 > li + li,
[data-cols="5"] > li + li,
[data-has-cols="5"] .field--name-field-sections > li + li {
  margin-top: 0;
}
.cols-5 .card,
[data-cols="5"] .card,
[data-has-cols="5"] .field--name-field-sections .card {
  height: 100%;
}
@media (min-width: 600px) {
  .cols-5,
  [data-cols="5"],
  [data-has-cols="5"] .field--name-field-sections {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 800px) {
  .cols-5,
  [data-cols="5"],
  [data-has-cols="5"] .field--name-field-sections {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 1340px) {
  .cols-5,
  [data-cols="5"],
  [data-has-cols="5"] .field--name-field-sections {
    gap: 30px;
  }
}

.cols-6,
[data-cols="6"],
[data-has-cols="6"] .field--name-field-sections {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5vw;
}
.cols-6 > li + li,
[data-cols="6"] > li + li,
[data-has-cols="6"] .field--name-field-sections > li + li {
  margin-top: 0;
}
.cols-6 .card,
[data-cols="6"] .card,
[data-has-cols="6"] .field--name-field-sections .card {
  height: 100%;
}
@media (min-width: 530px) {
  .cols-6,
  [data-cols="6"],
  [data-has-cols="6"] .field--name-field-sections {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 720px) {
  .cols-6,
  [data-cols="6"],
  [data-has-cols="6"] .field--name-field-sections {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 850px) {
  .cols-6,
  [data-cols="6"],
  [data-has-cols="6"] .field--name-field-sections {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 1340px) {
  .cols-6,
  [data-cols="6"],
  [data-has-cols="6"] .field--name-field-sections {
    gap: 20px;
  }
}

table[class*=cols-] {
  display: block;
}

@media (min-width: 720px) {
  .is-layout-flex {
    display: flex;
  }
  .is-layout-flex .is-nowrap {
    flex-wrap: nowrap;
  }
}
.is-layout-flex.is-content-justification-space-between {
  justify-content: space-between;
}

.views-view-responsive-grid__item, .views-view-responsive-grid__item > div,
.views-view-responsive-grid__item .card {
  height: 100%;
}

/*# sourceMappingURL=columns.css.map */