:root {
  --bg-colour: #fff;
  /* Primary. */
  --castle-blue: #29528A;
  --skyblue: #D5E1F1;
  --neutral: #F9F9F9;
  --light-beige: #F5EADA;
  --warm-night: #333333;
  /* Secondary. */
  --grey: #29528A;
  --light-grey: #EBECF0;
  --warm-grey: #8C9EB4;
  --accent-blue: #94B5DE;
  --outpatient-clinics: #607EA2;
  --beroendeklinik: #0F2C47;
  --ground: #06373C;
  --clay: #DAB27D;
  --dark-clay: #7F6542;
  --white: #fff;
  --near-white: #f1f1f1;
  --menu: var(--beroendeklinik);
  /* Text. */
  --heading-family: 'Copernicus', Georgia, serif;
  --heading-colour: var(--warm-night);
  --h1-size: 60px;
  --h1-family: var(--heading-family);
  --h1-colour: var(--heading-colour);
  --h1-weight: 400;
  --h1-lh: 100%;
  --h1-ls: -0.04em;
  --h2-size: 48px;
  --h2-family: var(--heading-family);
  --h2-colour: var(--heading-colour);
  --h2-weight: 500;
  --h2-lh: 100%;
  --h2-ls: -0.03em;
  --h3-size: 36px;
  --h3-family: var(--heading-family);
  --h3-colour: var(--heading-colour);
  --h3-weight: 400;
  --h3-lh: 110%;
  --h3-ls: -0.02em;
  --h4-size: 28px;
  --h4-family: var(--heading-family);
  --h4-colour: var(--heading-colour);
  --h4-weight: 400;
  --h4-lh: 120%;
  --h4-ls: -0.02em;
  --supertitle-size: 15px;
  --supertitle-family: var(--heading-family);
  --supertitle-weight: 400;
  --supertitle-lh: 120%;
  --supertitle-ls: -0.02em;
  --body-family: 'Inter', sans-serif;
  --body-colour: var(--warm-night);
  --body-size: 16px;
  --body-weight: 400;
  --body-lh: 140%;
  --body-ls: 0;
  --cta-heading-size: 52px;
  --cta-heading-weight: 400;
  --cta-heading-lh: 115%;
  --cta-heading-ls: -0.0212em;
  --featured-post-heading-size: 22px;
  --featured-post-heading-family: var(--heading-family);
  --featured-post-heading-weight: 400;
  --featured-post-heading-lh: 120%;
  --featured-post-heading-ls: -0.044em;
  --link-td: underline;
  --link-colour: var(--castle-blue);
  --semibold: 500;
  --bold: 600;
  --xbold: 700;
  --container: 1440px;
  --inner: 1280px;
  --columns: 12;
  --gap: 20px;
  --transition: 0.5s ease;
  --zoom: 1.1;
}

@media screen and (max-width: 768px) {
  :root {
    --h1-size: 40px; /* TBD. */
    --h2-size: 32px;
    --h3-size: 24px; /* TBD. */
    --h4-size: 20px; /* TBD. */
    --cta-heading-size: 36px; /* TBD. */
  }
}
.grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: var(--gap);
}
.grid .col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / var(--columns) - var(--gap) * (1 - 1 / var(--columns)));
          flex: 0 0 calc(100% / var(--columns) - var(--gap) * (1 - 1 / var(--columns)));
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.grid .col-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / var(--columns) * 1 - var(--gap) * (1 - 1 / var(--columns)));
          flex: 0 0 calc(100% / var(--columns) * 1 - var(--gap) * (1 - 1 / var(--columns)));
}
.grid .col-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / var(--columns) * 2 - var(--gap) * (1 - 2 / var(--columns)));
          flex: 0 0 calc(100% / var(--columns) * 2 - var(--gap) * (1 - 2 / var(--columns)));
}
.grid .col-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / var(--columns) * 3 - var(--gap) * (1 - 3 / var(--columns)));
          flex: 0 0 calc(100% / var(--columns) * 3 - var(--gap) * (1 - 3 / var(--columns)));
}
.grid .col-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / var(--columns) * 4 - var(--gap) * (1 - 4 / var(--columns)));
          flex: 0 0 calc(100% / var(--columns) * 4 - var(--gap) * (1 - 4 / var(--columns)));
}
.grid .col-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / var(--columns) * 5 - var(--gap) * (1 - 5 / var(--columns)));
          flex: 0 0 calc(100% / var(--columns) * 5 - var(--gap) * (1 - 5 / var(--columns)));
}
.grid .col-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / var(--columns) * 6 - var(--gap) * (1 - 6 / var(--columns)));
          flex: 0 0 calc(100% / var(--columns) * 6 - var(--gap) * (1 - 6 / var(--columns)));
}
.grid .col-7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / var(--columns) * 7 - var(--gap) * (1 - 7 / var(--columns)));
          flex: 0 0 calc(100% / var(--columns) * 7 - var(--gap) * (1 - 7 / var(--columns)));
}
.grid .col-8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / var(--columns) * 8 - var(--gap) * (1 - 8 / var(--columns)));
          flex: 0 0 calc(100% / var(--columns) * 8 - var(--gap) * (1 - 8 / var(--columns)));
}
.grid .col-9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / var(--columns) * 9 - var(--gap) * (1 - 9 / var(--columns)));
          flex: 0 0 calc(100% / var(--columns) * 9 - var(--gap) * (1 - 9 / var(--columns)));
}
.grid .col-10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / var(--columns) * 10 - var(--gap) * (1 - 10 / var(--columns)));
          flex: 0 0 calc(100% / var(--columns) * 10 - var(--gap) * (1 - 10 / var(--columns)));
}
.grid .col-11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / var(--columns) * 11 - var(--gap) * (1 - 11 / var(--columns)));
          flex: 0 0 calc(100% / var(--columns) * 11 - var(--gap) * (1 - 11 / var(--columns)));
}
.grid .col-12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / var(--columns) * 12 - var(--gap) * (1 - 12 / var(--columns)));
          flex: 0 0 calc(100% / var(--columns) * 12 - var(--gap) * (1 - 12 / var(--columns)));
}
@media screen and (max-width: 480px) {
  .grid .col-1-xs {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 1 - var(--gap) * (1 - 1 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 1 - var(--gap) * (1 - 1 / var(--columns))) !important;
  }
  .grid .col-2-xs {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 2 - var(--gap) * (1 - 2 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 2 - var(--gap) * (1 - 2 / var(--columns))) !important;
  }
  .grid .col-3-xs {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 3 - var(--gap) * (1 - 3 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 3 - var(--gap) * (1 - 3 / var(--columns))) !important;
  }
  .grid .col-4-xs {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 4 - var(--gap) * (1 - 4 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 4 - var(--gap) * (1 - 4 / var(--columns))) !important;
  }
  .grid .col-5-xs {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 5 - var(--gap) * (1 - 5 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 5 - var(--gap) * (1 - 5 / var(--columns))) !important;
  }
  .grid .col-6-xs {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 6 - var(--gap) * (1 - 6 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 6 - var(--gap) * (1 - 6 / var(--columns))) !important;
  }
  .grid .col-7-xs {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 7 - var(--gap) * (1 - 7 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 7 - var(--gap) * (1 - 7 / var(--columns))) !important;
  }
  .grid .col-8-xs {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 8 - var(--gap) * (1 - 8 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 8 - var(--gap) * (1 - 8 / var(--columns))) !important;
  }
  .grid .col-9-xs {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 9 - var(--gap) * (1 - 9 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 9 - var(--gap) * (1 - 9 / var(--columns))) !important;
  }
  .grid .col-10-xs {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 10 - var(--gap) * (1 - 10 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 10 - var(--gap) * (1 - 10 / var(--columns))) !important;
  }
  .grid .col-11-xs {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 11 - var(--gap) * (1 - 11 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 11 - var(--gap) * (1 - 11 / var(--columns))) !important;
  }
  .grid .col-12-xs {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 12 - var(--gap) * (1 - 12 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 12 - var(--gap) * (1 - 12 / var(--columns))) !important;
  }
}
@media screen and (max-width: 640px) {
  .grid .col-1-sm {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 1 - var(--gap) * (1 - 1 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 1 - var(--gap) * (1 - 1 / var(--columns))) !important;
  }
  .grid .col-2-sm {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 2 - var(--gap) * (1 - 2 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 2 - var(--gap) * (1 - 2 / var(--columns))) !important;
  }
  .grid .col-3-sm {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 3 - var(--gap) * (1 - 3 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 3 - var(--gap) * (1 - 3 / var(--columns))) !important;
  }
  .grid .col-4-sm {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 4 - var(--gap) * (1 - 4 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 4 - var(--gap) * (1 - 4 / var(--columns))) !important;
  }
  .grid .col-5-sm {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 5 - var(--gap) * (1 - 5 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 5 - var(--gap) * (1 - 5 / var(--columns))) !important;
  }
  .grid .col-6-sm {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 6 - var(--gap) * (1 - 6 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 6 - var(--gap) * (1 - 6 / var(--columns))) !important;
  }
  .grid .col-7-sm {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 7 - var(--gap) * (1 - 7 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 7 - var(--gap) * (1 - 7 / var(--columns))) !important;
  }
  .grid .col-8-sm {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 8 - var(--gap) * (1 - 8 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 8 - var(--gap) * (1 - 8 / var(--columns))) !important;
  }
  .grid .col-9-sm {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 9 - var(--gap) * (1 - 9 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 9 - var(--gap) * (1 - 9 / var(--columns))) !important;
  }
  .grid .col-10-sm {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 10 - var(--gap) * (1 - 10 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 10 - var(--gap) * (1 - 10 / var(--columns))) !important;
  }
  .grid .col-11-sm {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 11 - var(--gap) * (1 - 11 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 11 - var(--gap) * (1 - 11 / var(--columns))) !important;
  }
  .grid .col-12-sm {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 12 - var(--gap) * (1 - 12 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 12 - var(--gap) * (1 - 12 / var(--columns))) !important;
  }
}
@media screen and (max-width: 768px) {
  .grid .col-1-md {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 1 - var(--gap) * (1 - 1 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 1 - var(--gap) * (1 - 1 / var(--columns))) !important;
  }
  .grid .col-2-md {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 2 - var(--gap) * (1 - 2 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 2 - var(--gap) * (1 - 2 / var(--columns))) !important;
  }
  .grid .col-3-md {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 3 - var(--gap) * (1 - 3 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 3 - var(--gap) * (1 - 3 / var(--columns))) !important;
  }
  .grid .col-4-md {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 4 - var(--gap) * (1 - 4 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 4 - var(--gap) * (1 - 4 / var(--columns))) !important;
  }
  .grid .col-5-md {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 5 - var(--gap) * (1 - 5 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 5 - var(--gap) * (1 - 5 / var(--columns))) !important;
  }
  .grid .col-6-md {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 6 - var(--gap) * (1 - 6 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 6 - var(--gap) * (1 - 6 / var(--columns))) !important;
  }
  .grid .col-7-md {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 7 - var(--gap) * (1 - 7 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 7 - var(--gap) * (1 - 7 / var(--columns))) !important;
  }
  .grid .col-8-md {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 8 - var(--gap) * (1 - 8 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 8 - var(--gap) * (1 - 8 / var(--columns))) !important;
  }
  .grid .col-9-md {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 9 - var(--gap) * (1 - 9 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 9 - var(--gap) * (1 - 9 / var(--columns))) !important;
  }
  .grid .col-10-md {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 10 - var(--gap) * (1 - 10 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 10 - var(--gap) * (1 - 10 / var(--columns))) !important;
  }
  .grid .col-11-md {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 11 - var(--gap) * (1 - 11 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 11 - var(--gap) * (1 - 11 / var(--columns))) !important;
  }
  .grid .col-12-md {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 12 - var(--gap) * (1 - 12 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 12 - var(--gap) * (1 - 12 / var(--columns))) !important;
  }
}
@media screen and (max-width: 1024px) {
  .grid .col-1-lg {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 1 - var(--gap) * (1 - 1 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 1 - var(--gap) * (1 - 1 / var(--columns))) !important;
  }
  .grid .col-2-lg {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 2 - var(--gap) * (1 - 2 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 2 - var(--gap) * (1 - 2 / var(--columns))) !important;
  }
  .grid .col-3-lg {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 3 - var(--gap) * (1 - 3 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 3 - var(--gap) * (1 - 3 / var(--columns))) !important;
  }
  .grid .col-4-lg {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 4 - var(--gap) * (1 - 4 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 4 - var(--gap) * (1 - 4 / var(--columns))) !important;
  }
  .grid .col-5-lg {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 5 - var(--gap) * (1 - 5 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 5 - var(--gap) * (1 - 5 / var(--columns))) !important;
  }
  .grid .col-6-lg {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 6 - var(--gap) * (1 - 6 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 6 - var(--gap) * (1 - 6 / var(--columns))) !important;
  }
  .grid .col-7-lg {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 7 - var(--gap) * (1 - 7 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 7 - var(--gap) * (1 - 7 / var(--columns))) !important;
  }
  .grid .col-8-lg {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 8 - var(--gap) * (1 - 8 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 8 - var(--gap) * (1 - 8 / var(--columns))) !important;
  }
  .grid .col-9-lg {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 9 - var(--gap) * (1 - 9 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 9 - var(--gap) * (1 - 9 / var(--columns))) !important;
  }
  .grid .col-10-lg {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 10 - var(--gap) * (1 - 10 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 10 - var(--gap) * (1 - 10 / var(--columns))) !important;
  }
  .grid .col-11-lg {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 11 - var(--gap) * (1 - 11 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 11 - var(--gap) * (1 - 11 / var(--columns))) !important;
  }
  .grid .col-12-lg {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 12 - var(--gap) * (1 - 12 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 12 - var(--gap) * (1 - 12 / var(--columns))) !important;
  }
}
@media screen and (max-width: 1280px) {
  .grid .col-1-xl {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 1 - var(--gap) * (1 - 1 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 1 - var(--gap) * (1 - 1 / var(--columns))) !important;
  }
  .grid .col-2-xl {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 2 - var(--gap) * (1 - 2 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 2 - var(--gap) * (1 - 2 / var(--columns))) !important;
  }
  .grid .col-3-xl {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 3 - var(--gap) * (1 - 3 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 3 - var(--gap) * (1 - 3 / var(--columns))) !important;
  }
  .grid .col-4-xl {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 4 - var(--gap) * (1 - 4 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 4 - var(--gap) * (1 - 4 / var(--columns))) !important;
  }
  .grid .col-5-xl {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 5 - var(--gap) * (1 - 5 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 5 - var(--gap) * (1 - 5 / var(--columns))) !important;
  }
  .grid .col-6-xl {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 6 - var(--gap) * (1 - 6 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 6 - var(--gap) * (1 - 6 / var(--columns))) !important;
  }
  .grid .col-7-xl {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 7 - var(--gap) * (1 - 7 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 7 - var(--gap) * (1 - 7 / var(--columns))) !important;
  }
  .grid .col-8-xl {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 8 - var(--gap) * (1 - 8 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 8 - var(--gap) * (1 - 8 / var(--columns))) !important;
  }
  .grid .col-9-xl {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 9 - var(--gap) * (1 - 9 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 9 - var(--gap) * (1 - 9 / var(--columns))) !important;
  }
  .grid .col-10-xl {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 10 - var(--gap) * (1 - 10 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 10 - var(--gap) * (1 - 10 / var(--columns))) !important;
  }
  .grid .col-11-xl {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 11 - var(--gap) * (1 - 11 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 11 - var(--gap) * (1 - 11 / var(--columns))) !important;
  }
  .grid .col-12-xl {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 12 - var(--gap) * (1 - 12 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 12 - var(--gap) * (1 - 12 / var(--columns))) !important;
  }
}
@media screen and (max-width: 1024px) {
  .grid .col-1-nav {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 1 - var(--gap) * (1 - 1 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 1 - var(--gap) * (1 - 1 / var(--columns))) !important;
  }
  .grid .col-2-nav {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 2 - var(--gap) * (1 - 2 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 2 - var(--gap) * (1 - 2 / var(--columns))) !important;
  }
  .grid .col-3-nav {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 3 - var(--gap) * (1 - 3 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 3 - var(--gap) * (1 - 3 / var(--columns))) !important;
  }
  .grid .col-4-nav {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 4 - var(--gap) * (1 - 4 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 4 - var(--gap) * (1 - 4 / var(--columns))) !important;
  }
  .grid .col-5-nav {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 5 - var(--gap) * (1 - 5 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 5 - var(--gap) * (1 - 5 / var(--columns))) !important;
  }
  .grid .col-6-nav {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 6 - var(--gap) * (1 - 6 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 6 - var(--gap) * (1 - 6 / var(--columns))) !important;
  }
  .grid .col-7-nav {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 7 - var(--gap) * (1 - 7 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 7 - var(--gap) * (1 - 7 / var(--columns))) !important;
  }
  .grid .col-8-nav {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 8 - var(--gap) * (1 - 8 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 8 - var(--gap) * (1 - 8 / var(--columns))) !important;
  }
  .grid .col-9-nav {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 9 - var(--gap) * (1 - 9 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 9 - var(--gap) * (1 - 9 / var(--columns))) !important;
  }
  .grid .col-10-nav {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 10 - var(--gap) * (1 - 10 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 10 - var(--gap) * (1 - 10 / var(--columns))) !important;
  }
  .grid .col-11-nav {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 11 - var(--gap) * (1 - 11 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 11 - var(--gap) * (1 - 11 / var(--columns))) !important;
  }
  .grid .col-12-nav {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 12 - var(--gap) * (1 - 12 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 12 - var(--gap) * (1 - 12 / var(--columns))) !important;
  }
}
@media screen and (max-width: 1440px) {
  .grid .col-1-macbook {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 1 - var(--gap) * (1 - 1 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 1 - var(--gap) * (1 - 1 / var(--columns))) !important;
  }
  .grid .col-2-macbook {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 2 - var(--gap) * (1 - 2 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 2 - var(--gap) * (1 - 2 / var(--columns))) !important;
  }
  .grid .col-3-macbook {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 3 - var(--gap) * (1 - 3 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 3 - var(--gap) * (1 - 3 / var(--columns))) !important;
  }
  .grid .col-4-macbook {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 4 - var(--gap) * (1 - 4 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 4 - var(--gap) * (1 - 4 / var(--columns))) !important;
  }
  .grid .col-5-macbook {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 5 - var(--gap) * (1 - 5 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 5 - var(--gap) * (1 - 5 / var(--columns))) !important;
  }
  .grid .col-6-macbook {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 6 - var(--gap) * (1 - 6 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 6 - var(--gap) * (1 - 6 / var(--columns))) !important;
  }
  .grid .col-7-macbook {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 7 - var(--gap) * (1 - 7 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 7 - var(--gap) * (1 - 7 / var(--columns))) !important;
  }
  .grid .col-8-macbook {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 8 - var(--gap) * (1 - 8 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 8 - var(--gap) * (1 - 8 / var(--columns))) !important;
  }
  .grid .col-9-macbook {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 9 - var(--gap) * (1 - 9 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 9 - var(--gap) * (1 - 9 / var(--columns))) !important;
  }
  .grid .col-10-macbook {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 10 - var(--gap) * (1 - 10 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 10 - var(--gap) * (1 - 10 / var(--columns))) !important;
  }
  .grid .col-11-macbook {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 11 - var(--gap) * (1 - 11 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 11 - var(--gap) * (1 - 11 / var(--columns))) !important;
  }
  .grid .col-12-macbook {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100% / var(--columns) * 12 - var(--gap) * (1 - 12 / var(--columns))) !important;
            flex: 0 0 calc(100% / var(--columns) * 12 - var(--gap) * (1 - 12 / var(--columns))) !important;
  }
}

.single-team main {
  background-color: var(--near-white);
}

.team-member-header {
  background-color: var(--beroendeklinik);
  color: var(--white);
  padding-bottom: 35px;
}
.team-member-header a {
  color: inherit;
}
.team-member-header .team-member-block__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}
.team-member-header h1 {
  color: var(--skyblue);
}
.team-member-header .team-member-block__left {
  padding-top: 90px;
  margin-bottom: -125px;
}
.team-member-header .team-member-block__left figure {
  display: block;
  margin: 0;
  padding: 0;
  aspect-ratio: 131/157;
  overflow: hidden;
  position: relative;
}
.team-member-header .team-member-block__left img {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.team-member-header .team-member-block__meta {
  color: var(--skyblue);
}

.team-member-content {
  background-color: var(--near-white);
  padding: 30px 0 70px;
}
.team-member-content .team-member-block__left {
  padding-top: 90px;
}
.team-member-content .team-member-block__right--buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
  padding-top: 30px;
}
.team-member-content .team-member-block__right--buttons a {
  color: inherit;
}
.team-member-content figure {
  display: block;
  margin: 0;
  padding: 0;
  color: var(--castle-blue);
  font-family: var(--h4-family);
  font-size: var(--h4-size);
  font-style: italic;
  font-weight: var(--h4-weight);
  line-height: var(--h4-lh);
  letter-spacing: var(--h4-ls);
}
.team-member-content blockquote {
  display: block;
  margin: 0;
  padding: 0;
}

.team-member-block__right {
  padding-left: 105px;
}
@media screen and (max-width: 1024px) {
  .team-member-block__right {
    padding-left: 50px;
  }
}

.textlogos-block {
  background-color: var(--near-white);
}

@media screen and (max-width: 768px) {
  .team-member-header .team-member-block__left,
  .team-member-header .team-member-block__right,
  .team-member-content .team-member-block__left,
  .team-member-content .team-member-block__right {
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
    width: calc(100% - 0px);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
}

/** Archive. **/
.post-type-archive-team {
  background-color: var(--near-white);
}

.post-filter-wrapper {
  width: 100%;
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 var(--gap) 120px;
}

.post-filter-posts {
  gap: 35px var(--gap);
}

.post-filter-filters {
  width: 100%;
  max-width: var(--inner);
  margin: 0 auto;
  padding: 0;
}

.team-member a {
  display: block;
  border: 0;
  text-decoration: none;
  height: 100%;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.team-member a:hover img, .team-member a:focus img {
  -webkit-transform: scale(1.08);
          transform: scale(1.08);
  -webkit-transition: var(--transition);
  transition: var(--transition);
}
.team-member figure {
  display: block;
  padding: 0;
  margin: 0;
  position: relative;
  aspect-ratio: 76/85;
  overflow: hidden;
}
.team-member figure img {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}
.team-member h2 {
  color: var(--beroendeklinik);
  font-family: var(--h4-family);
  font-size: var(--h4-size);
  font-style: normal;
  font-weight: var(--h4-weight);
  line-height: var(--h4-lh);
  letter-spacing: var(--h4-ls);
  text-align: center;
  padding: 20px 10px 2px;
}
.team-member .team-member__title {
  display: block;
  text-align: center;
  color: var(--beroendeklinik);
}

.post-filter-field label {
  border: 0;
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.post-filter-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  padding-bottom: 30px;
}
.post-filter-form select {
  border-radius: 4px;
  border: 1px solid var(--warm-grey);
  height: 40px;
  padding: 10px 10px;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding-right: 2.5rem;
  background-color: #fff;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='2'><path d='M5 7l5 5 5-5'/></svg>");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 1rem;
}

@media screen and (max-width: 640px) {
  .post-filter-field,
  .post-filter-actions {
    width: calc(100% - 0px);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .post-filter-field select,
  .post-filter-actions select {
    width: 100%;
  }
  .post-filter-field button,
  .post-filter-actions button {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
    width: calc(100% - 20px);
  }
}

@media screen and (max-width: 1024px) {
  .team-member.col-3 {
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
    width: calc(33.3333333333% - 13.3333333333px);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
@media screen and (max-width: 768px) {
  .team-member.col-3 {
    width: calc(50% - 10px);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
@media screen and (max-width: 640px) {
  .team-member.col-3 {
    width: calc(100% - 0px);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
/*# sourceMappingURL=team-member.min.css.map */