/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Prevent font size inflation */
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

/* Remove default margin in favour of better control in authored CSS */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role=list],
ol[role=list] {
  list-style: none;
  margin: 0;
  padding: 0;
  margin: 0;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  line-height: 1.5;
}

/* Set shorter line heights on headings and interactive elements */
h1,
h2,
h3,
h4,
button,
input,
label {
  line-height: 1.1;
}

/* Balance text wrapping on headings */
h1,
h2,
h3,
h4 {
  text-wrap: balance;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
  color: currentColor;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
  min-height: 10em;
}

:root {
  /* @link https://utopia.fyi/type/calculator/?c=320,16,1.2,1600,24,1.333,5,1,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
  --step--1: clamp(0.8331rem, 0.7602rem + 0.3648vw, 1.125rem);
  --step-0: clamp(1rem, 0.875rem + 0.625vw, 1.5rem);
  --step-1: clamp(1.2rem, 1.0002rem + 0.9992vw, 1.9994rem);
  --step-2: clamp(1.44rem, 1.1336rem + 1.532vw, 2.6656rem);
  --step-3: clamp(1.7281rem, 1.2719rem + 2.2813vw, 3.5531rem);
  --step-4: clamp(2.0738rem, 1.4081rem + 3.3281vw, 4.7363rem);
  --step-5: clamp(2.4881rem, 1.5319rem + 4.7813vw, 6.3131rem);
  --step-6: clamp(2.9863rem, 1.6289rem + 6.7867vw, 8.4156rem);
  /* line-heights for type scale */
  --line-height--1: 1.5;
  --line-height-0: 1.5;
  --line-height-1: 1.4;
  --line-height-2: 1.4;
  --line-height-3: 1.3;
  --line-height-4: 1.2;
  --line-height-5: 1;
  --line-height-6: 0.95;
  /* @link https://utopia.fyi/space/calculator?c=320,16,1.2,1600,24,1.333,6,3,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-3xl|m-xl&g=s,l,xl,12 */
  --space-3xs: clamp(0.25rem, 0.2188rem + 0.1563vw, 0.375rem);
  --space-2xs: clamp(0.5rem, 0.4375rem + 0.3125vw, 0.75rem);
  --space-xs: clamp(0.75rem, 0.6563rem + 0.4688vw, 1.125rem);
  --space-s: clamp(1rem, 0.875rem + 0.625vw, 1.5rem);
  --space-m: clamp(1.5rem, 1.3125rem + 0.9375vw, 2.25rem);
  --space-l: clamp(2rem, 1.75rem + 1.25vw, 3rem);
  --space-xl: clamp(3rem, 2.625rem + 1.875vw, 4.5rem);
  --space-2xl: clamp(4rem, 3.5rem + 2.5vw, 6rem);
  --space-3xl: clamp(6rem, 5.25rem + 3.75vw, 9rem);
  /* One-up pairs */
  --space-3xs-2xs: clamp(0.25rem, 0.125rem + 0.625vw, 0.75rem);
  --space-2xs-xs: clamp(0.5rem, 0.3438rem + 0.7813vw, 1.125rem);
  --space-xs-s: clamp(0.75rem, 0.5625rem + 0.9375vw, 1.5rem);
  --space-s-m: clamp(1rem, 0.6875rem + 1.5625vw, 2.25rem);
  --space-m-l: clamp(1.5rem, 1.125rem + 1.875vw, 3rem);
  --space-l-xl: clamp(2rem, 1.375rem + 3.125vw, 4.5rem);
  --space-xl-2xl: clamp(3rem, 2.25rem + 3.75vw, 6rem);
  --space-2xl-3xl: clamp(4rem, 2.75rem + 6.25vw, 9rem);
  /* Custom pairs */
  --space-s-3xl: clamp(1rem, -1rem + 10vw, 9rem);
  --space-m-xl: clamp(1.5rem, 0.75rem + 3.75vw, 4.5rem);
  /* special border-radius */
  /* @link https://utopia.fyi/clamp/calculator?a=320,1600,20—30 */
  --fluid-20-30: clamp(1.25rem, 1.0938rem + 0.7813vw, 1.875rem);
  /* ul bullet sizes*/
  /* @link https://utopia.fyi/clamp/calculator?a=320,1600,15—20 */
  --fluid-15-20: clamp(0.9375rem, 0.8594rem + 0.3906vw, 1.25rem);
  /* therapists icons */
  /* @link https://utopia.fyi/clamp/calculator?a=320,1600,30—40 */
  --fluid-30-40: clamp(1.875rem, 1.7188rem + 0.7813vw, 2.5rem);
  /* therapists profile on show page, images in callouts */
  /* @link https://utopia.fyi/clamp/calculator?a=320,1600,190—500 */
  --fluid-190-500: clamp(11.875rem, 7.0313rem + 24.2188vw, 31.25rem);
  /* living wage logo on join the team page */
  /* @link https://utopia.fyi/clamp/calculator?a=320,1600,132—300 */
  --fluid-132-300: clamp(8.25rem, 5.625rem + 13.125vw, 18.75rem);
  /* Font weights */
  --epilogue-regular: 400;
  --epilogue-medium: 500;
  --epilogue-semi-bold: 600;
  /* Text Styling */
  --optimum-text-width: 64ch;
  --optimum-step-1-text-width: 56ch;
  --optimum-step-2-text-width: 47ch;
  --optimum-step-3-text-width: 38ch;
  --optimum-home-title-text-width: 15ch;
  /* Button Styling */
  --button-padding: 0.66em 1.33em 0.45em;
  --button-border-radius: 2.66em;
  /* Colors */ /* Core Colors */
  --dark-purple: #4f005d;
  --light-cream: #fff7ea;
  /* Colors */ /* Accent Colors */
  --orange: #ff9059;
  --yellow: #fcc421;
  --blue: #a8d9e2;
}
@media print {
  :root {
    /* Colors */ /* Core Colors */
    --dark-purple: black;
    --light-cream: white;
    /* Colors */ /* Accent Colors */
    --orange: white;
    --yellow: white;
    --blue: white;
  }
}

/* breakpoints - should be used with `@media (min-width: $VAL)` for mobile first */
@font-face {
  font-family: "Epilogue";
  font-style: normal;
  src: local("Epilogue"), url(/assets/Epilogue-VariableFont_wght-471ca614805709fa1282465b809433c8a8c327a67f74a5c4b4e8e5c77187f377.ttf) format("truetype");
}
@font-face {
  font-family: "Epilogue";
  font-style: italic;
  src: local("Epilogue"), url(/assets/Epilogue-Italic-VariableFont_wght-d5552083a664d429dab883ea59ee97f29fa104107de9e61915d8e86fdb645795.ttf) format("truetype");
}
.fields-display-semi-bold {
  font-family: fields-display, Times, serif;
  font-weight: 600;
  font-style: normal;
  -moz-font-feature-settings: "ss04";
  -webkit-font-feature-settings: "ss04";
  font-feature-settings: "ss04";
}

.epilogue-regular {
  font-family: "Epilogue", Verdana, Seravek, "Gill Sans Nova", Ubuntu, Calibri, "DejaVu Sans", source-sans-pro, sans-serif;
  font-weight: var(--epilogue-regular);
}

.epilogue-medium {
  font-family: "Epilogue", Verdana, Seravek, "Gill Sans Nova", Ubuntu, Calibri, "DejaVu Sans", source-sans-pro, sans-serif;
  font-weight: var(--epilogue-medium);
}

.epilogue-semi-bold {
  font-family: "Epilogue", Verdana, Seravek, "Gill Sans Nova", Ubuntu, Calibri, "DejaVu Sans", source-sans-pro, sans-serif;
  font-weight: var(--epilogue-semi-bold);
}

html {
  color: var(--dark-purple);
  background-color: var(--light-cream);
  font-family: "Epilogue", Verdana, Seravek, "Gill Sans Nova", Ubuntu, Calibri, "DejaVu Sans", source-sans-pro, sans-serif;
}

p {
  font-size: var(--step-0);
  line-height: var(--line-height-0);
  max-width: var(--optimum-text-width);
  font-weight: var(--epilogue-regular);
}

a,
h1,
h2,
h3,
h4,
h5,
h6,
strong {
  font-weight: var(--epilogue-medium);
  max-width: var(--optimum-text-width);
}

h1 {
  font-size: var(--step-5);
  line-height: var(--line-height-5);
}

h2 {
  font-size: var(--step-2);
  line-height: var(--line-height-2);
  max-width: var(--optimum-step-2-text-width);
}

h3 {
  font-size: var(--step-1);
  line-height: var(--line-height-1);
  max-width: var(--optimum-step-1-text-width);
}

small {
  font-size: var(--step--1);
  line-height: var(--line-height--1);
  max-width: var(--optimum-step-1-text-width);
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

main {
  flex-grow: 1;
}

.full-width {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding: var(--space-m-xl);
}

.stack > * + * {
  margin-top: var(--space-m, 1.5rem);
}

.screenreader-only {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.screenreader-only--focus:focus {
  background-color: var(--dark-purple);
  color: var(--light-cream);
  font-weight: 600;
  height: max-content;
  left: 50%;
  transform: translate(-50%, 0);
  padding: 1rem;
  position: absolute;
  top: auto;
  width: max-content;
  z-index: 100;
}

/* Buttons */
button + :not(.button--no-decoration),
.button {
  background-color: var(--dark-purple);
  border: 2px solid var(--dark-purple);
  border-radius: var(--button-border-radius);
  color: var(--light-cream);
  display: inline-block;
  font-family: "Epilogue", Verdana, Seravek, "Gill Sans Nova", Ubuntu, Calibri, "DejaVu Sans", source-sans-pro, sans-serif;
  font-size: var(--step-0);
  font-weight: var(--epilogue-regular);
  line-height: var(--line-height-0);
  height: var(--line-height-0);
  padding: var(--button-padding);
  text-align: center;
  text-decoration: none;
}
button + :not(.button--no-decoration):hover,
.button:hover {
  background-color: var(--light-cream);
  color: var(--dark-purple);
  text-decoration: none;
  cursor: pointer;
}

.button--secondary {
  background-color: var(--light-cream);
  border: 2px solid var(--dark-purple);
  color: var(--dark-purple);
}
.button--secondary:hover {
  background-color: var(--dark-purple);
  border: 2px solid var(--light-cream);
  color: var(--light-cream);
}

.button--blue {
  color: var(--blue);
}
.button--blue:hover {
  background-color: var(--blue);
  color: var(--dark-purple);
}

.button--secondary--blue {
  background-color: var(---blue);
  color: var(--dark-purple);
}
.button--secondary--blue:hover {
  background-color: var(--dark-purple);
  border: 2px solid var(--blue);
  color: var(--blue);
}

.button--orange {
  color: var(--orange);
}
.button--orange:hover {
  background-color: var(--orange);
  color: var(--dark-purple);
}

.button--orange--reverse {
  background-color: transparent;
  color: var(--dark-purple);
}
.button--orange--reverse:hover {
  background-color: var(--dark-purple);
  color: var(--orange);
}

.button--yellow {
  color: var(--yellow);
}
.button--yellow:hover {
  background-color: var(--yellow);
  color: var(--dark-purple);
}

.button--yellow--reverse {
  background-color: var(--yellow);
  color: var(--dark-purple);
}
.button--yellow--reverse:hover {
  color: var(--light-cream);
  background-color: var(--dark-purple);
}

.button--no-border {
  border: none;
}

.button--no-decoration {
  all: unset;
  cursor: pointer;
}

/* Links */
a,
.link {
  color: var(--dark-purple);
  display: inline-block;
  text-decoration: underline;
  text-decoration-color: var(--blue);
  text-decoration-thickness: 2px;
  text-underline-offset: 0.2em;
  width: fit-content;
}
a:hover,
.link:hover {
  text-decoration-color: var(--dark-purple);
}
.section--blue a,
.section--blue .link {
  text-decoration-color: var(--light-cream);
}
@media print {
  a::after,
  .link::after {
    content: "(" attr(href) ")";
  }
}

.link--dark {
  color: var(--light-cream);
  text-decoration-color: var(--orange);
}
.link--dark:hover {
  text-decoration-color: var(--light-cream);
}

.link--colour-background {
  color: var(--dark-purple);
  text-decoration-color: var(--dark-purple);
}
.link--colour-background:hover {
  text-decoration-color: var(--light-cream);
}

.link--colour-background--reversed {
  color: var(--dark-purple);
  text-decoration-color: var(--light-cream);
}
.link--colour-background--reversed:hover {
  text-decoration-color: var(--dark-purple);
}

.link--no-decoration,
.enquirywitch a {
  text-decoration: none;
}
.link--no-decoration:hover,
.enquirywitch a:hover {
  text-decoration: none;
}

/* Layout helpers */
.two-col-grid {
  display: grid;
  gap: var(--space-m-xl);
  grid-template-columns: repeat(auto-fit, minMax(clamp(16rem, 45%, 28rem), 1fr));
}

.three-col-grid {
  display: grid;
  gap: var(--space-m-l);
  grid-template-columns: repeat(auto-fit, minMax(clamp(16rem, 31%, 22rem), 1fr));
}

.margin-top {
  margin-top: var(--space-m-xl) !important;
}

.padding-bottom {
  padding-bottom: var(--space-m-xl) !important;
}

.padding-bottom-3xl {
  padding-bottom: var(--space-2xl-3xl) !important;
}

time {
  font-size: var(--step-0);
  line-height: var(--line-height-0);
}

.content > * + *,
.trix-content > * + * {
  margin-top: var(--space-m, 1rem);
}

.content a,
.trix-content a {
  display: inline;
}
.content li,
.trix-content li {
  max-width: var(--optimum-text-width);
}
.content h3:not(:first-child),
.content h4:not(:first-child),
.content h5:not(:first-child),
.content h6:not(:first-child),
.trix-content h3:not(:first-child),
.trix-content h4:not(:first-child),
.trix-content h5:not(:first-child),
.trix-content h6:not(:first-child) {
  margin-top: var(--space-2xl);
}
.content ol,
.content ul,
.trix-content ol,
.trix-content ul {
  font-size: var(--step-0);
  line-height: var(--line-height-0);
  font-weight: var(--epilogue-regular);
  list-style-position: inside;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}
.content ul li,
.trix-content ul li {
  display: list-item;
  list-style: none;
  margin-left: var(--space-m);
  position: relative;
}
.content ul li::before,
.trix-content ul li::before {
  background-size: var(--fluid-15-20);
  background-repeat: no-repeat;
  background-position-y: 0.2em;
  background-image: url(/assets/ul_bullet-89a803059f92a4a4c6d3170f9804d5d3ab999d0342ed955e0f65d28cd59bde83.svg);
  content: "";
  height: 1.2em;
  left: calc(0px - var(--space-m));
  position: absolute;
  width: var(--space-m);
}
.section--blue .content ul li::before,
.section--blue .trix-content ul li::before {
  background-image: url(/assets/ul_bullet_white-4d04f223f545500e8512b5ee06342c1a4a84dab3fbdca1d2e277efced8b0db0b.svg);
}
.content ol li,
.trix-content ol li {
  counter-increment: counter;
  display: list-item;
  list-style: none;
  margin-left: var(--space-m);
  position: relative;
}
.content ol li:first-child,
.trix-content ol li:first-child {
  counter-reset: counter;
}
.content ol li::before,
.trix-content ol li::before {
  background-position-y: 0.2em;
  background-repeat: no-repeat;
  background-size: var(--fluid-15-20);
  content: counter(counter) " ";
  font-weight: var(--epilogue-medium);
  height: 1.2em;
  left: calc(0px - var(--space-m));
  position: absolute;
  width: var(--space-m);
}
.content blockquote,
.trix-content blockquote {
  display: flex;
  flex-direction: column;
  gap: var(--space-s);
  font-size: var(--step-1);
  line-height: var(--line-height-1);
  font-weight: var(--epilogue-medium);
  max-width: var(--optimum-step-1-text-width);
  text-wrap: balance;
  margin-block: var(--space-xl);
}
.content blockquote::before,
.trix-content blockquote::before {
  display: block;
  background-size: var(--space-2xl);
  background-repeat: no-repeat;
  background-image: url(/assets/GI_Quotemark_Left-e0fb75012a7a7921233ce0b44a413b7e5e4dfb68aea17478ad9dd35034a886a9.svg);
  content: "";
  width: var(--space-2xl);
  height: var(--space-2xl);
}
@media screen and (min-width: 900px) {
  .content blockquote,
  .trix-content blockquote {
    display: grid;
    gap: 0;
    grid-template-columns: calc(var(--space-3xl) + var(--space-s)) auto;
  }
}

.enquirywitch {
  display: flex;
  flex-direction: column;
  gap: var(--space-m);
}
.enquirywitch .form-field-checkbox {
  align-items: center;
  display: grid;
  gap: var(--space-xs-s);
  grid-template-columns: var(--space-l) auto;
}
.enquirywitch li {
  max-width: var(--optimum-text-width);
}
.enquirywitch ol,
.enquirywitch ul {
  font-size: var(--step-0);
  line-height: var(--line-height-0);
  font-weight: var(--epilogue-regular);
  list-style-position: inside;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}
.enquirywitch ul li {
  display: list-item;
  list-style: none;
  margin-left: var(--space-m);
  position: relative;
}
.enquirywitch ul li::before {
  background-size: var(--fluid-15-20);
  background-repeat: no-repeat;
  background-position-y: 0.2em;
  background-image: url(/assets/ul_bullet-89a803059f92a4a4c6d3170f9804d5d3ab999d0342ed955e0f65d28cd59bde83.svg);
  content: "";
  height: 1.2em;
  left: calc(0px - var(--space-m));
  position: absolute;
  width: var(--space-m);
}
.enquirywitch ol li {
  counter-increment: counter;
  display: list-item;
  list-style: none;
  margin-left: var(--space-m);
  position: relative;
}
.enquirywitch ol li:first-child {
  counter-reset: counter;
}
.enquirywitch ol li::before {
  background-size: var(--fluid-15-20);
  background-repeat: no-repeat;
  background-position-y: 0.2em;
  content: counter(counter) " ";
  font-weight: var(--epilogue-medium);
  height: 1.2em;
  left: calc(0px - var(--space-m));
  position: absolute;
  width: var(--space-m);
}
.enquirywitch input,
.enquirywitch textarea {
  background-color: var(--blue);
  border-radius: var(--space-s);
  border: none;
  padding-inline: var(--space-s);
  padding-block: var(--space-3xs);
  color: var(--dark-purple);
  width: 100%;
}
.enquirywitch input:focus,
.enquirywitch textarea:focus {
  outline: 2px solid var(--dark-purple);
}
.enquirywitch input[type=checkbox],
.enquirywitch textarea[type=checkbox] {
  appearance: none;
  background-color: var(--blue);
  border-radius: var(--space-m);
  color: currentColor;
  display: grid;
  font: inherit;
  height: var(--space-l);
  margin: 0;
  padding: 0.75em;
  place-content: center;
  width: var(--space-l);
}
.enquirywitch input[type=checkbox]:focus,
.enquirywitch textarea[type=checkbox]:focus {
  outline: 2px solid var(--dark-purple);
}
.enquirywitch input[type=checkbox]::before,
.enquirywitch textarea[type=checkbox]::before {
  background-image: url(/assets/ticks/GI_Thin_Tick-60b12df43038ca48a9d547d79eba49a0e4996c72fa2740dfd11754805736d1bc.svg);
  background-size: var(--space-l) var(--space-l);
  content: "";
  height: var(--space-l);
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  width: var(--space-l);
}
.enquirywitch input[type=checkbox]:checked::before,
.enquirywitch textarea[type=checkbox]:checked::before {
  transform: scale(1);
}
.enquirywitch .start {
  border-radius: var(--space-s);
  border: 2px solid var(--yellow);
  font-size: var(--step-0);
  line-height: var(--line-height-0);
  padding: var(--space-m);
}
.enquirywitch .question {
  font-size: var(--step-2);
  line-height: var(--line-height-2);
  font-weight: 500;
  max-width: var(--optimum-step-2-text-width);
  padding: var(--space-m-xl) 0 var(--space-m) 0;
}
.enquirywitch .redirect {
  background-color: var(--dark-purple);
  border: 2px solid var(--dark-purple);
  border-radius: var(--button-border-radius);
  color: var(--light-cream);
  display: inline-block;
  font-family: "Epilogue", Verdana, Seravek, "Gill Sans Nova", Ubuntu, Calibri, "DejaVu Sans", source-sans-pro, sans-serif;
  font-size: var(--step-0);
  font-weight: var(--epilogue-regular);
  height: var(--line-height-0);
  line-height: var(--line-height-0);
  padding: var(--button-padding);
  text-align: center;
  text-decoration: none;
}
.enquirywitch .redirect:hover {
  background-color: var(--light-cream);
  color: 2px solid var(--dark-purple);
}
.enquirywitch .answer {
  display: inline-block;
  width: 100%;
  font-size: var(--step-1);
  line-height: var(--line-height-1);
  text-decoration: none;
  font-weight: 500;
  color: var(--dark-purple);
  background-color: var(--blue);
  padding: var(--space-s);
  border-radius: var(--space-s);
  max-width: var(--optimum-step-1-text-width);
}
.enquirywitch .answer:hover {
  color: var(--light-cream);
  background-color: var(--dark-purple);
}
.enquirywitch .submit {
  background-color: var(--dark-purple);
  border: 2px solid var(--dark-purple);
  border-radius: var(--button-border-radius);
  color: var(--light-cream);
  display: inline-block;
  font-family: "Epilogue", Verdana, Seravek, "Gill Sans Nova", Ubuntu, Calibri, "DejaVu Sans", source-sans-pro, sans-serif;
  font-size: var(--step-0);
  font-weight: var(--epilogue-regular);
  height: var(--line-height-0);
  line-height: var(--line-height-0);
  padding: var(--button-padding);
  text-align: center;
  text-decoration: none;
}
.enquirywitch .submit:hover {
  background-color: var(--light-cream);
  color: 2px solid var(--dark-purple);
}
.enquirywitch .error-hidden,
.enquirywitch .hidden {
  display: none;
}
.enquirywitch .uhoh {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  z-index: -1;
}
.enquirywitch tw-passage {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}
.enquirywitch tw-passage .contain {
  display: flex;
  flex-direction: column;
  gap: var(--space-s);
}
.enquirywitch tw-passage .contain p:first-child {
  font-size: var(--step-1);
  line-height: var(--line-height-1);
  font-weight: 500;
  max-width: var(--optimum-step-1-text-width);
}
.enquirywitch tw-passage .contain p {
  max-width: 65ch;
}
.enquirywitch #panel {
  display: flex;
  flex-direction: column;
}
.enquirywitch #startagain {
  background-color: var(--light-cream);
  border: 2px solid var(--dark-purple);
  border-radius: var(--button-border-radius);
  color: var(--dark-purple);
  display: inline-block;
  font-family: "Epilogue", Verdana, Seravek, "Gill Sans Nova", Ubuntu, Calibri, "DejaVu Sans", source-sans-pro, sans-serif;
  font-size: var(--step-0);
  font-weight: var(--epilogue-regular);
  height: var(--line-height-0);
  line-height: var(--line-height-0);
  padding: var(--button-padding);
  text-align: center;
  text-decoration: none;
}
.enquirywitch #startagain:hover {
  background-color: var(--yellow);
  border: 2px solid var(--yellow);
}

@media screen and (min-width: 600px) {
  .enquirywitch .form-field,
  .enquirywitch .form-field-long {
    display: grid;
    grid-template-columns: 1fr 2fr;
    max-width: 90ch;
  }
}
.attachment__container {
  padding-bottom: var(--space-m-xl);
  padding-top: var(--space-m-xl);
}

.attachment__title {
  font-size: var(--step-2);
  line-height: var(--line-height-2);
  margin-bottom: var(--space-l);
  max-width: var(--optimum-step-2-text-width);
}

.attachment__link {
  margin-bottom: var(--space-s);
}

.attachment__name {
  font-size: var(--step-1);
  font-weight: var(--epilogue-medium);
  line-height: var(--line-height-1);
  margin-bottom: var(--space-m);
  max-width: var(--optimum-step-1-text-width);
}

.attachment__release_date {
  font-size: var(--step-0);
  line-height: var(--line-height-0);
}

.attachment__info {
  margin-top: var(--space-l);
}

.attachment__button-row {
  display: flex;
  flex-direction: column;
  gap: var(--space-s);
}
@media screen and (min-width: 600px) {
  .attachment__button-row {
    align-items: center;
    flex-direction: row;
  }
}

.call-out {
  display: grid;
  grid-template-columns: auto;
  grid-template-areas: "title" "image" "content";
}
@media screen and (min-width: 600px) {
  .call-out {
    grid-template-columns: auto auto;
    column-gap: var(--space-l);
    grid-template-areas: "title   image" "content image";
  }
}

.call-out__cell--title {
  grid-area: title;
}

.call-out__cell--image {
  grid-area: image;
}

.call-out__cell--content {
  grid-area: content;
}

.call-out__inner {
  padding-bottom: var(--space-m-xl);
  padding-top: var(--space-m-xl);
}

.call-out__inner--curved--large {
  border-radius: var(--fluid-20-30);
  padding: var(--space-m-xl);
}

.call-out__inner--curved--small {
  border-radius: var(--fluid-20-30);
  padding: var(--space-m);
}

.call-out__inner--curved--extra-small {
  border-radius: var(--fluid-20-30);
  padding: var(--space-s-m);
}

.call-out--blue {
  background-color: var(--blue);
}

.call-out--cream {
  background-color: var(--light-cream);
  border: 2px solid var(--dark-purple);
}

.call-out--orange {
  background-color: var(--orange);
}

.call-out--purple {
  background-color: var(--dark-purple);
}

.call-out--yellow {
  background-color: var(--yellow);
}

.call-out--borderless {
  border: unset;
}

.call-out__title--large {
  font-size: var(--step-3);
  line-height: var(--line-height-3);
  margin-bottom: 1em;
  max-width: var(--optimum-step-3-text-width);
}

.call-out__title--medium {
  font-size: var(--step-3);
  line-height: var(--line-height-3);
  margin-bottom: 1em;
  max-width: var(--optimum-step-3-text-width);
}

.call-out__title--small {
  font-size: var(--step-2);
  line-height: var(--line-height-2);
  margin-bottom: 0.5em;
  max-width: var(--optimum-step-2-text-width);
}

.call-out__title--smaller {
  font-size: var(--step-1);
  line-height: var(--line-height-1);
  margin-bottom: 0.5em;
  max-width: var(--optimum-step-1-text-width);
}

.call-out__title--extra-small {
  font-size: var(--step-0);
  line-height: var(--line-height-0);
  margin-bottom: 0.5em;
}

.call-out__description--large {
  font-size: var(--step-2);
  line-height: var(--line--height-2);
  margin-bottom: 1em;
}

.call-out__description--medium {
  font-size: var(--step-1);
  font-weight: var(--epilogue-medium);
  line-height: var(--line-height-1);
  margin-bottom: 1em;
  max-width: var(--optimum-step-1-text-width);
}

.call-out__description--small {
  font-size: var(--step-0);
  line-height: var(--line-height-0);
  margin-bottom: 1em;
}

.call-out__description--smaller {
  font-size: var(--step-0);
  line-height: var(--line-height-0);
  margin-top: 1em;
  margin-bottom: 1em;
}

.call-out__description--extra-small {
  font-size: var(--step--1);
  line-height: var(--line-height--1);
  margin-bottom: 1em;
}

.call-out__text--cream,
.call-out__text--orange,
.call-out__text--yellow,
.call-out__text--blue {
  color: var(--dark-purple);
}

.call-out__text--purple {
  color: var(--light-cream);
}

.call-out__button--large {
  margin: 0.6em 0;
}

.call-out__button--small,
.call-out__button--smaller,
.call-out__button--extra-small {
  margin: 0.4em 0;
}

.call-out__text-link {
  font-size: var(--step--1);
  line-height: var(--line-height--1);
  margin-top: var(--space-s);
}

.call-out__image {
  display: block;
  width: 100%;
  max-width: 500px;
  border-radius: var(--fluid-20-30);
  border: 2px solid var(--dark-purple);
  margin-bottom: var(--space-l);
}
@media screen and (min-width: 600px) {
  .call-out__image {
    margin: 0;
  }
}

.contact__text {
  font-size: var(--step-0);
  line-height: var(--line-height-0);
  margin-bottom: var(--space-2xs);
}

.contact__text--bold {
  font-weight: var(--epilogue-medium);
}

.contact__container {
  padding: var(--space-m-xl) 0;
}

.contact__info {
  margin-top: var(--space-m);
}

.contact__title {
  font-size: var(--step-2);
  line-height: var(--line-height-2);
  max-width: var(--optimum-step-2-text-width);
}

.contact__witch_container {
  padding: var(--space-m-xl) 0;
}

.content_section__title {
  margin-bottom: var(--space-m-l);
}

.content_section--large p {
  font-size: var(--step-2);
}
.content_section--large strong {
  font-weight: var(--epilogue-semi-bold);
}

.cost__title {
  font-size: var(--step-2);
  line-height: var(--line-height-2);
  margin-bottom: var(--space-s);
  max-width: var(--optimum-step-2-text-width);
}

.cost__text {
  font-size: var(--step-1);
  font-weight: var(--epilogue-medium);
  line-height: var(--line-height-1);
  max-width: var(--optimum-step-1-text-width);
}

.description__content {
  font-size: var(--step-1);
  line-height: var(--line-height-1);
  max-width: var(--optimum-step-1-text-width);
}

.description__subtitle {
  font-size: var(--step-2);
  line-height: var(--line-height-2);
  max-width: var(--optimum-step-2-text-width);
}

.description__subtitle--home {
  color: var(--light-cream);
  font-size: var(--step-1);
  line-height: var(--line-height-1);
  max-width: var(--optimum-step-1-text-width);
  padding-bottom: var(--space-m-xl);
  padding-top: var(--space-m-xl);
}
@media screen and (min-width: 600px) {
  .description__subtitle--home {
    font-size: var(--step-2);
    line-height: var(--line-height-2);
    max-width: var(--optimum-step-2-text-width);
  }
}

.description__outer {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--space-s-m);
  padding: var(--space-xl-2xl) 0;
  width: 100%;
}

.description__outer--home {
  padding-bottom: var(--space-m-xl);
}

.disclaimer {
  margin: 1.5rem 0;
}
.disclaimer p {
  margin: 1rem 0;
}

.disclaimer__button {
  display: none;
}
.disclaimer__button button {
  background: none;
  border: none;
  outline: none;
  color: currentColor;
  text-decoration: underline;
  padding: 0;
  cursor: pointer;
}

.disclaimer__more p {
  font-size: var(--step---1);
}

.disclaimer.is-active .disclaimer__button {
  display: block;
  margin: 1rem 0;
}
.disclaimer.is-active .disclaimer__button .less {
  display: none;
}
.disclaimer.is-active .disclaimer__more {
  display: none;
}
.disclaimer.is-active.is-open .disclaimer__button .more {
  display: none;
}
.disclaimer.is-active.is-open .disclaimer__button .less {
  display: inline;
}
.disclaimer.is-active.is-open .disclaimer__more {
  display: block;
}

.fine-print__content {
  padding-bottom: var(--space-l);
  padding-top: var(--space-l);
}

.fine-print__text {
  font-size: var(--step--1);
  line-height: var(--line-height--1);
  max-width: unset;
}

.fine-print__policies {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5em;
}

.fine-print__content > * + * {
  margin-top: var(--space-s);
}

@media print {
  .footer {
    display: none;
  }
}

.gmooh__container_link {
  position: fixed;
  background-color: var(--dark-purple);
  border: 2px solid var(--light-cream);
  color: var(--light-cream);
  border-radius: var(--fluid-20-30);
  bottom: var(--space-s);
  right: var(--space-s);
  font-weight: normal;
  text-decoration: none;
  padding: var(--space-s);
  z-index: 1000;
}
@media print {
  .gmooh__container_link {
    display: none;
  }
}
.gmooh__container_link .gmooh__title {
  display: flex;
  align-items: center;
  gap: 1em;
  font-size: var(--step-0);
  font-weight: var(--epilogue-medium);
}
.gmooh__container_link .gmooh__title::after {
  display: inline-block;
  content: "";
  width: 2em;
  height: 2em;
  background-image: url(/assets/GI_Big_arrow_left-6e5b9d858be6e89f2aed32dcbb133b5518d4220ac95d773e4c399587df4b61f1.svg);
  background-size: cover;
}
.gmooh__container_link .gmooh__explainer {
  font-size: var(--step--1);
  max-width: 20ch;
}

@media (max-width: 900px) {
  .gmooh__container_link {
    display: none;
  }
}
@media print {
  .header {
    display: none;
  }
}

.home_service_pathways__title {
  margin-bottom: var(--space-m-xl);
  font-size: var(--step-3);
  line-height: var(--line-height-3);
  max-width: var(--optimum-step-3-text-width);
}

.home_service_pathways__pathway {
  background-color: var(--blue);
  border-radius: var(--fluid-20-30);
  height: fit-content;
  padding: var(--space-m);
}

.home_service_pathways__pathway_title {
  margin-bottom: var(--space-m);
  font-size: var(--step-1);
  line-height: var(--line-height-1);
  max-width: var(--optimum-step-1-text-width);
  width: 101%;
}

.home_service_pathways__description {
  margin-bottom: var(--space-m);
}

.image__container {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}

.image__caption {
  font-size: var(--step--1);
  line-height: var(--line-height--1);
}

.image__caption--purple {
  color: var(--light-cream);
}

.image__img {
  aspect-ratio: 16/9;
  border-radius: var(--fluid-20-30);
  border: 2px solid var(--dark-purple);
  object-fit: cover;
  width: 100%;
}

/* styles */
.nav__content {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  padding-bottom: var(--space-m-xl);
  padding-top: var(--space-m-xl);
}

.nav__link {
  background-color: var(--light-cream);
  border: 2px solid var(--light-cream);
  border-radius: var(--button-border-radius);
  color: var(--dark-purple);
  display: inline-block;
  font-family: "Epilogue", Verdana, Seravek, "Gill Sans Nova", Ubuntu, Calibri, "DejaVu Sans", source-sans-pro, sans-serif;
  font-size: var(--step-0);
  font-weight: var(--epilogue-regular);
  line-height: var(--line-height-0);
  height: var(--line-height-0);
  margin: 0 auto;
  padding: 0.46em 1em 0.35em;
  text-align: center;
  text-decoration: none;
}
.nav__link:hover, .nav__link:focus-visible {
  background-color: var(--blue);
  border: 2px solid var(--blue);
  text-decoration: none;
}

.nav__link--donate {
  background-color: var(--light-cream);
  border: 2px solid var(--dark-purple);
  margin-left: 1em;
}
.nav__link--donate:hover {
  background-color: var(--dark-purple);
  border: 2px solid var(--dark-purple);
  color: var(--light-cream);
}

.nav__link--selected {
  border: 2px solid var(--blue);
}

.nav__logo {
  height: var(--space-2xl);
}

.nav__nav {
  align-items: center;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  font-weight: 500;
}

.nav__outer {
  position: absolute;
  top: var(--space-xs);
  width: 100%;
}

.nav--mobile__button {
  cursor: pointer;
  display: block;
  height: var(--space-2xl);
}
.nav--mobile__button:focus-visible {
  outline: 2px solid var(--dark-purple);
}

.nav--mobile__button__text {
  margin-top: 0.1em;
  text-align: center;
  width: 100%;
}

.nav--mobile__donate {
  border-radius: 2em;
  border: 2px solid var(--dark-purple);
  padding: 0.46em 1em 0.35em;
}

.nav--mobile__link {
  min-width: 100%;
  width: 100%;
}

.nav--mobile__dropdown {
  background-color: var(--blue);
  display: block;
  font-size: var(--step-3);
  margin-top: calc(var(--space-m-xl)) !important;
}

.nav--mobile__dropdown-outer {
  display: none;
  opacity: 0;
  right: 0;
  position: absolute;
  top: calc(var(--space-m-xl) + var(--space-2xl));
  transition: all 0.5s ease;
  width: 100%;
}

.nav--mobile__list-item {
  clear: both;
  width: 100%;
}
.nav--mobile__list-item a {
  padding-left: var(--space-m-xl);
  padding-right: var(--space-m-xl);
  padding-top: var(--space-s);
}
.nav--mobile__list-item:last-child a {
  padding-top: var(--space-m);
  padding-bottom: var(--space-xl);
}
.nav--mobile__list-item:first-child a {
  padding-top: var(--space-m);
}

.nav--mobile--footer__list-item {
  clear: both;
  width: 100%;
}
.nav--mobile--footer__list-item a {
  padding-left: var(--space-m-xl);
  padding-right: var(--space-m-xl);
  padding-top: var(--space-xs);
}
.nav--mobile--footer__list-item:last-child a {
  padding-top: var(--space-s);
  padding-bottom: var(--space-m);
}
.nav--mobile--footer__list-item:first-child a {
  padding-top: var(--space-m);
}

/* classes for toggling the display of the mobile & desktop navigation */
.nav--desktop {
  display: none;
}
@media screen and (min-width: 1300px) {
  .nav--desktop {
    display: block;
  }
}

.nav--mobile {
  display: block;
  max-height: var(--space-2xl);
}
@media screen and (min-width: 1300px) {
  .nav--mobile {
    display: none;
  }
}

.nav--footer-mobile {
  display: block;
}
@media screen and (min-width: 1300px) {
  .nav--footer-mobile {
    display: none;
  }
}

.nav--footer-mobile__dropdown {
  background-color: var(--blue);
  font-size: var(--step-0);
  margin: 0 0;
}

[data-burger-menu-js-value=false]:hover > .nav--mobile__dropdown-outer,
[data-burger-menu-js-value=false]:hover {
  display: block;
  opacity: 1;
}

.nav--mobile-show {
  display: block;
  opacity: 1;
}

.news_item__container {
  margin: var(--space-m-l) 0 var(--space-m-xl);
}

.news_item__content {
  margin: var(--space-m-xl) 0;
}

.news_item__description {
  font-size: var(--step-2);
  font-weight: var(--epilogue-medium);
  line-height: var(--line-height-2);
  margin-top: var(--space-m-l);
  max-width: var(--optimum-step-2-text-width);
}

.news-date-component {
  margin-top: var(--space-xs);
}

.news_item__return {
  margin: var(--space-m-xl) 0 var(--space-xl-2xl);
}

.news-item-card {
  padding-bottom: var(--space-xl-2xl);
  padding-top: var(--space-m-xl);
}

.news-item-card__preamble {
  margin-bottom: var(--space-m);
}

.news-item-card__title {
  font-size: var(--step-2);
  line-height: var(--line-height-2);
  max-width: var(--optimum-step-2-text-width);
}

.news-item-card__description {
  font-size: var(--step-1);
  line-height: var(--line-height-1);
  margin-bottom: var(--space-xl);
  max-width: var(--optimum-step-1-text-width);
}

.not_found__container {
  background-image: url(/assets/GI_Fluid_Backdrop_W_RGB-7f6b8de0797c1ee7cd25a4956907091de1e4f9afcdf9dd458dec46109f714823.png);
  background-position: center;
  background-size: cover;
  height: 100%;
  min-height: 100vh;
  width: 100%;
}

.not_found__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--space-xl);
  height: 100%;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 1600px;
  min-height: 100vh;
  padding: var(--space-m-xl);
}

.not_found__text {
  font-size: var(--step-3);
  font-weight: var(--epilogue-medium);
  line-height: var(--line-height-3);
  text-align: center;
}

.profile-img {
  aspect-ratio: 1/1;
  border-radius: 50%;
  object-fit: cover;
  width: 100%;
}

.section--blue {
  background-color: var(--blue);
}

.section--cream {
  background-color: var(--light-cream);
}

.section--orange {
  background-color: var(--orange);
}

.section--purple {
  background-color: var(--dark-purple);
}

.section--yellow {
  background-color: var(--yellow);
}

.section--all-colors {
  background-image: url(/assets/GI_Fluid_Backdrop_W_RGB-84d877f9c894165244f74f8e5b539e908a6968af4a15dbf61f0806c1765d47e2.svg);
  background-size: cover;
  background-position-y: 5%;
}

.section__max-width {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding-inline: var(--space-m-xl);
}

.section__max-width--no-padding {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}

.section__outer {
  width: 100%;
}

.section--vertical-padding {
  padding-top: var(--space-m-xl);
  padding-bottom: var(--space-m-xl);
}

.section--bottom-padding {
  padding-bottom: var(--space-m-xl);
}

.section__title {
  font-size: var(--step-2);
  line-height: var(--line-2);
  margin-bottom: 0.5em;
  max-width: var(--optimum-step-2-text-width);
}

.section__title--home {
  font-size: var(--step-3);
  line-height: var(--line-height-3);
  max-width: var(--optimum-step-3-text-width);
  padding: var(--space-m-xl) 0;
}

.section__description {
  font-size: var(--step-1);
  font-weight: var(--epilogue-medium);
  line-height: var(--line-1);
  margin-bottom: 1em;
  max-width: var(--optimum-step-1-text-width);
}

.section__description--no-title {
  font-size: var(--step-1);
  font-weight: var(--epilogue-medium);
  line-height: var(--line-1);
  max-width: var(--optimum-step-1-text-width);
}

.service_category__service_tags {
  margin-bottom: var(--space-m-xl);
  align-items: start;
  gap: var(--space-l);
}

.service_category__title {
  margin-bottom: var(--space-s);
}

.service_category__description {
  font-weight: var(--epilogue-medium);
  margin-bottom: var(--space-m-l);
}

.service-tag__card {
  background-color: var(--blue);
  border-radius: var(--fluid-20-30);
  padding: var(--space-m);
}

.service-tag__title {
  font-size: var(--step-1);
  line-height: var(--line-height-1);
  margin-bottom: var(--space-s);
  max-width: var(--optimum-step-1-text-width);
}

.service-tag__service {
  margin-bottom: var(--space-s);
}

.service-tag__service__description {
  font-size: var(--step--1);
  line-height: var(--line-height--1);
  margin-bottom: var(--space-2xs);
}

.service-tag__service__title {
  font-size: var(--step--1);
  line-height: var(--line-height--1);
  margin-bottom: var(--space-3xs);
}

.services_filter__content {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--space-xs) var(--space-m);
  margin-bottom: var(--space-m-xl);
  width: 100%;
}

.services_filter__link {
  background-color: var(--yellow);
  color: var(--dark-purple);
  border: none;
  text-align: left;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .services_filter__link {
    width: fit-content;
  }
}
.services_filter__link:hover {
  color: var(--yellow);
  background-color: var(--dark-purple);
}

span.services_filter__link-active {
  color: var(--yellow);
  background-color: var(--dark-purple);
}

.social__content {
  align-items: center;
  color: var(--light-cream);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-s);
  justify-content: space-between;
  padding-bottom: var(--space-m-xl);
  padding-top: var(--space-m-xl);
}

.social__links {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2xs) var(--space-2xs);
  font-weight: bold;
}

.social__title {
  font-size: var(--step-2);
  max-width: var(--optimum-step-2-text-width);
}

.social__image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: calc(var(--space-xl) - 2px);
  border-radius: 50%;
  height: var(--space-xl);
  width: var(--space-xl);
}

.social__facebook {
  background-image: url(/assets/GI_Facebook-d46e90dd31f57ebf46099380af4a681d5fe319a0701daea69a1aadc7f564f1d4.svg);
}
.social__facebook:hover {
  background-image: url(/assets/GI_Facebook_hover-0d16fa35dae6ca119d5fa738a1cf4e91d40eeeb571fc23f217c9c8cb927eb68f.svg);
}

.social__insta {
  background-image: url(/assets/GI_Instagram-11e5952a7ce7d21ceda1022dc1b48abb1d14fbf205a6f141a3b340823addfcf6.svg);
}
.social__insta:hover {
  background-image: url(/assets/GI_Instagram_hover-2709187a1ff03f8b34f460530c58dcc4059c448c4f984821ded88a2de87bfcb3.svg);
}

.social__bluesky {
  background-image: url(/assets/GI_Bluesky-6528f760bfcc6c14de2a6be36f5c9a59d3b94b209b3cd019fc48280b1c64c6fd.svg);
}
.social__bluesky:hover {
  background-image: url(/assets/GI_Bluesky_hover-a1ec7898cb401f23242798f858a9cf31bd4ede7f159283320d0ee43e9579e5b5.svg);
}

.social__linked-in {
  background-image: url(/assets/GI_Linkedin-6111ee3395bdfc3562527d905db16fd74547624aa1c411504e506e75e5bff092.svg);
}
.social__linked-in:hover {
  background-image: url(/assets/GI_Linkedin_hover-dedb5f7f4b0b01f849ae23b7f155537c0c0be37a762ee93e3e996c8407f9882e.svg);
}

.spacer {
  background-image: url(/assets/GI_Fluid_Backdrop_W_RGB-84d877f9c894165244f74f8e5b539e908a6968af4a15dbf61f0806c1765d47e2.svg);
  background-size: cover;
  background-position-y: 5%;
  height: var(--space-m-xl);
}

.statement__container {
  font-size: var(--step-1);
  margin-left: auto;
  margin-right: auto;
  max-width: var(--optimum-step-1-text-width);
}

.team_member__card {
  border: 2px solid var(--dark-purple);
  border-radius: var(--fluid-20-30);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--space-m);
  gap: var(--space-s);
}

.team_member__first-impressions {
  display: flex;
  flex-direction: column;
  gap: var(--space-3xs);
}

.team_member__title,
.team_member__job_title,
.team_member__pronouns {
  text-align: center;
}

.team_member__title {
  font-size: var(--step-2);
  line-height: var(--line-height-2);
  max-width: var(--optimum-step-2-text-width);
}

.team_member__job_title {
  font-size: var(--step-0);
  line-height: var(--line-height-0);
  font-weight: var(--epilogue-medium);
  min-height: 6em;
}

.team_member__pronouns {
  font-size: var(--step--1);
  line-height: var(--line-height--1);
  text-transform: lowercase;
}

.team_member__photo {
  width: 75%;
}

.team_member__summary::marker,
.team_member__summary::-webkit-details-marker {
  display: none;
}

.team_member__summary::before {
  content: "";
}

.team_member__summary::before {
  display: inline-block;
  background-image: url(/assets/team_elements/GI_Info_Blue-03625e674b6302d91ae9774fb1f522361f1caf806822f98b9213b3b49c919bdc.svg);
  background-size: var(--space-l) var(--space-l);
  content: "";
  height: var(--space-l);
  width: var(--space-l);
}

.team_member__summary:hover::before {
  cursor: pointer;
  background-image: url(/assets/team_elements/GI_Info_Rollover-933f611a14ab9af29213fcf6f473572183c6c990ef5f1fb8d9ced426c366b9e1.svg);
}

[open] .team_member__summary::before {
  background-image: url(/assets/team_elements/GI_Close_Yellow-a54ec294d9f4016033b792df4dfa9607eba27fe1924bd6d585435e0f837d7ebd.svg);
}

[open] .team_member__summary:hover::before {
  background-image: url(/assets/team_elements/GI_Close_Rollover-f286a144ec58717729a0d171599977e75dc9cc21c2596a7b67bacdbd2a49ee3a.svg);
}

.team_member__screenreader-more {
  display: block;
}

[open] .team_member__screenreader-more {
  display: none;
}

.team_member__screenreader-less {
  display: none;
}

[open] .team_member__screenreader-less {
  display: block;
}

.team_member__details > * + * {
  margin-top: var(--space-s);
}

.team_member__details > p {
  font-size: var(--step--1);
  line-height: var(--line-height--1);
}

.team_member__summary {
  display: flex;
  justify-content: center;
}

.team__section {
  margin-bottom: var(--space-xl);
}

.team__name {
  font-size: var(--step-3);
  line-height: var(--line-height-3);
  max-width: var(--optimum-step-3-text-width);
  margin-bottom: var(--space-l);
}

.team__members {
  display: grid;
  gap: var(--space-s);
  grid-template-columns: 1fr;
}

@media screen and (min-width: 600px) {
  .team__members {
    align-items: flex-start;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 900px) {
  .team__members {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 1200px) {
  .team__members {
    grid-template-columns: repeat(4, 1fr);
  }
}
.testimonial_section {
  padding: var(--space-m) 0;
}

.testimonial_section__quote p {
  font-size: var(--step-1);
  font-weight: var(--epilogue-medium);
  line-height: var(--line-height-2);
  max-width: var(--optimum-step-2-text-width);
}
.testimonial_section__quote::before {
  background-image: url(/assets/GI_Quotemark_Left_White-de0cdd3928519f52eca6af64485f4111e2373d8924588bef6cf66d83288e4a8e.svg);
  background-repeat: no-repeat;
  background-size: var(--space-2xl);
  content: "";
  display: block;
  height: var(--space-2xl);
  width: var(--space-2xl);
  padding-bottom: calc(var(--space-s) + var(--space-2xl));
}

.testimonial_section__source p {
  font-size: var(--step--1);
  line-height: var(--line-height-0);
  padding-top: var(--space-s);
  padding-bottom: 0.4em;
}

.testimonial__quote {
  font-size: var(--step-2);
  font-weight: var(--epilogue-medium);
  line-height: var(--line-height-2);
  max-width: var(--optimum-step-2-text-width);
}
.testimonial__quote::before {
  background-image: url(/assets/GI_Quotemark_Left-e0fb75012a7a7921233ce0b44a413b7e5e4dfb68aea17478ad9dd35034a886a9.svg);
  background-repeat: no-repeat;
  background-size: var(--space-2xl);
  content: "";
  display: block;
  height: var(--space-2xl);
  width: var(--space-2xl);
  padding-bottom: calc(var(--space-l) + var(--space-2xl));
}

.testimonial__source {
  font-size: var(--step-0);
  line-height: var(--line-height-0);
  padding-top: var(--space-s);
  padding-bottom: var(--space-xl-2xl);
}

.therapists__col {
  display: flex;
  flex-direction: column;
  gap: var(--space-m);
}

.therapists-filterbox {
  padding-block: var(--space-m-xl);
}

.therapists-filterbox__form {
  display: flex;
  flex-direction: column;
  gap: var(--space-l-xl);
}

.therapists-filterbox__grid {
  max-width: 125ch;
  display: grid;
  gap: var(--space-s) var(--space-m-l);
  grid-template-columns: repeat(auto-fit, minMax(clamp(14rem, 45%, 36rem), 1fr));
}

.therapists-filterbox__control {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-s-m);
}

.therapists-filterbox__label {
  font-size: var(--step-0);
  line-height: var(--line-height-0);
}

.therapists-filterbox .checkbox {
  align-items: center;
  display: grid;
  gap: var(--space-xs-s);
  grid-template-columns: var(--space-l) auto;
}
.therapists-filterbox [type=checkbox] {
  appearance: none;
  background-color: var(--light-cream);
  border-radius: var(--space-m);
  color: currentColor;
  display: grid;
  font: inherit;
  height: var(--space-l);
  margin: 0;
  padding: 0.75em;
  place-content: center;
  width: var(--space-l);
}
.therapists-filterbox [type=checkbox]:focus {
  outline: 2px solid var(--dark-purple);
}
.therapists-filterbox [type=checkbox]::before {
  background-image: url(/assets/ticks/GI_Thin_Tick-60b12df43038ca48a9d547d79eba49a0e4996c72fa2740dfd11754805736d1bc.svg);
  background-size: var(--space-l) var(--space-l);
  content: "";
  height: var(--space-l);
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  width: var(--space-l);
}
.therapists-filterbox [type=checkbox]:checked::before {
  transform: scale(1);
}

.therapists-attriubutes {
  display: flex;
  flex-direction: column;
  gap: var(--space-2xs);
}

.therapists-attriubutes__attribute {
  height: var(--fluid-20-30);
  font-size: var(--step--1);
  line-height: var(--line-height--1);
  text-transform: capitalize;
}

.therapist-attributes__type {
  font-weight: var(--epilogue-medium);
}

.therapist-practice {
  display: flex;
  flex-direction: column;
  gap: var(--space-l);
}

.therapist-practice__title {
  font-size: var(--step-2);
  line-height: var(--line-height-2);
  max-width: var(--optimum-step-2-text-width);
}

.therapist-contact {
  display: flex;
  flex-direction: column;
  gap: var(--space-s);
  padding-block: var(--space-m);
}

.therapist-contact__link {
  text-decoration-color: var(--light-cream);
}

.therapist-free-text {
  display: flex;
  flex-direction: column;
  gap: var(--space-xl);
  padding-block: var(--space-m);
}

.therapist-free-text__block {
  display: flex;
  flex-direction: column;
  gap: var(--space-m);
}

.therapist-free-text__title {
  font-size: var(--step-2);
  line-height: var(--line-height-2);
  max-width: var(--optimum-step-2-text-width);
}

.therapist-badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-s);
  margin: 0;
  max-width: max-content;
}

.therapist-badges__icons {
  height: var(--fluid-30-40);
}

.therapist-badges__pronouns {
  font-size: var(--step--1);
  line-height: var(--line-height--1);
  border-color: var(--orange);
  background-color: var(--light-cream);
  color: var(--dark-purple);
  text-transform: lowercase;
}
.therapist-badges__pronouns::hover {
  border-color: var(--orange);
  background-color: var(--light-cream);
  color: var(--dark-purple);
}

.therapist-categories {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}

.therapist-categories__categorie {
  font-size: var(--step--1);
  line-height: var(--line-height--1);
  font-weight: var(--epilogue-medium);
  display: flex;
  align-items: center;
  gap: var(--space-xs);
}

.therapist-card {
  border: 2px solid var(--dark-purple);
  border-radius: var(--fluid-20-30);
  padding: var(--space-l);
  display: flex;
  flex-direction: column;
  gap: var(--space-s) var(--space-m);
  grid-template-columns: max-content 1fr calc(var(--space-2xl) + var(--space-3xl));
}
@media screen and (min-width: 600px) {
  .therapist-card {
    display: grid;
    grid-template-areas: "name badges img" "atr atr img" "desc desc desc" "btn btn btn";
  }
}

.therapists-card__img {
  width: 55%;
  margin-inline: auto;
}
@media screen and (min-width: 600px) {
  .therapists-card__img {
    grid-area: img;
    width: 100%;
  }
}

@media screen and (min-width: 600px) {
  .therapists-card__title {
    grid-area: name;
  }
}

.therapists-card__badges {
  display: inline-block;
  margin-inline: auto;
}
@media screen and (min-width: 600px) {
  .therapists-card__badges {
    margin-inline: 0;
    grid-area: badges;
  }
}

@media screen and (min-width: 600px) {
  .therapists-card__attributes {
    grid-area: atr;
  }
}

@media screen and (min-width: 600px) {
  .therapist-card__description {
    grid-area: desc;
  }
}

@media screen and (min-width: 600px) {
  .therapist-card__link {
    grid-area: btn;
  }
}

.therapist-show-card {
  display: flex;
  flex-direction: column;
  gap: var(--space-l);
}
@media screen and (min-width: 600px) {
  .therapist-show-card {
    gap: var(--space-s) var(--space-m);
    display: grid;
    grid-template-areas: "name badges img" "atr cat img";
    grid-template-columns: max-content max-content 1fr;
  }
}

.therapist-show-card__img {
  width: 100%;
  max-width: var(--fluid-190-500);
  margin-inline: auto;
}
@media screen and (min-width: 600px) {
  .therapist-show-card__img {
    grid-area: img;
    justify-self: end;
  }
}

@media screen and (min-width: 600px) {
  .therapist-show-card__title {
    grid-area: name;
    align-self: center;
  }
}

@media screen and (min-width: 600px) {
  .therapist-show-card__categories {
    grid-area: cat;
  }
}

.therapist-show-card__badges {
  display: inline-block;
  margin-inline: auto;
}
@media screen and (min-width: 600px) {
  .therapist-show-card__badges {
    grid-area: badges;
    align-self: center;
  }
}

@media screen and (min-width: 600px) {
  .therapist-show-card__attributes {
    grid-area: atr;
  }
}

.training-list__title {
  margin-bottom: var(--space-l);
}

ul.training-list__list {
  padding: 0;
}
ul.training-list__list li {
  font-size: var(--step-0);
  line-height: var(--line-height-0);
  list-style: none;
  margin-top: var(--space-s);
}

.tick-or-cross {
  height: var(--fluid-20-30);
}

.tick-or-cross__img {
  display: inline-block;
  max-width: var(--fluid-20-30);
}

.title__content {
  padding: calc(var(--space-m-xl) * 2 + var(--space-2xl) + var(--space-xs) + 0.5em) 0 0.5em;
}

.home-title__content {
  font-size: var(--step-5);
  line-height: var(--line-height-5);
  max-width: var(--optimum-home-title-text-width);
  padding: calc(var(--space-m-xl) * 2 + var(--space-2xl) + var(--space-xs) + var(--space-m-xl)) 0 var(--space-m-xl);
}

.who-where__container {
  padding-bottom: var(--space-m-xl);
}

.who-where__card {
  background-color: var(--blue);
  border-radius: var(--fluid-20-30);
  height: fit-content;
  padding: var(--space-m);
}

.who-where__title {
  font-size: var(--step-2);
  line-height: var(--line-height-2);
  margin-bottom: var(--space-s);
  max-width: var(--optimum-step-2-text-width);
}

.who-where__vitals {
  font-size: var(--step-0);
  line-height: var(--line-height-0);
  margin-bottom: var(--space-m);
}

.who-where__description {
  font-size: var(--step-0);
  line-height: var(--line-height-0);
}

.jump_to_attachment__container {
  margin-bottom: var(--space-m-xl);
}

.join_the_team__container {
  display: flex;
  flex-direction: column;
  gap: var(--space-m);
}
@media screen and (min-width: 900px) {
  .join_the_team__container {
    flex-direction: row;
  }
}

.join_the_team__image {
  height: 100%;
  width: var(--fluid-132-300);
}