/******************************************************************
Site Name:
Author:

Stylesheet: Sass Functions

You can do a lot of really cool things in Sass. Functions help you
make repeated actions a lot easier. They are really similar to mixins,
but can be used for so much more.

Anyway, keep them all in here so it's easier to find when you're
looking for one.

For more info on functions, go here:
http://sass-lang.com/documentation/Sass/Script/Functions.html

******************************************************************/
/*********************
COLOR FUNCTIONS
These are helpful when you're working
with shadows and such things. It's essentially
a quicker way to write RGBA.

Example:
box-shadow: 0 0 4px black(0.3);
compiles to:
box-shadow: 0 0 4px rgba(0,0,0,0.3);
*********************/
/*********************
RESPONSIVE HELPER FUNCTION
If you're creating a responsive site, then
you've probably already read
Responsive Web Design: http://www.abookapart.com/products/responsive-web-design

Here's a nice little helper function for calculating
target / context
as mentioned in that book.

Example:
width: cp(650px, 1000px);
or
width: calc-percent(650px, 1000px);
both compile to:
width: 65%;
*********************/
/******************************************************************
Site Name: VocoVision
Author: Soliant MC

Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.

******************************************************************/
/*********************
COLORS
*********************/
/*********************
Updates to css vars
*********************/
:root {
  --font-main: "Raleway", sans-serif;
  --font-secondary: "Montserrat", sans-serif;
  --white: #ffffff;
  --background-blue: #f4fdff;
  --fuchsia-aa: #c81330;
  --lime-200: #bec75b;
  --sky-200: #74c2df;
  --orange-200: #f3ad1c;
  --teal-100: #e9f6f5;
  --teal-200: #2fccbe;
  --teal-300: #26a499;
  --teal-aa: #397069;
  --light-teal: #e9f6f5;
  --bright-blue-aa: #1160ca;
  --lead-300: #4f4f4f;
  --navy-200: #1d4588;
  --navy-300: #0d316a;
  --navy-400: #051633;
  --medium-blue: #004586;
}

/******************************************************************
Site Name:
Author:

Stylesheet: Mixins Stylesheet

This is where you can take advantage of Sass' great features: Mixins.
I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques gradients.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

Helpful:
http://sachagreif.com/useful-sass-mixins/
http://thesassway.com/intermediate/leveraging-sass-mixins-for-cleaner-code
http://web-design-weekly.com/blog/2013/05/12/handy-sass-mixins/

******************************************************************/
/*********************
BREAKPOINTS
*********************/
/*********************
TRANSITIONS/ETC
*********************/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
/*********************
ANGLES
*********************/
.case-study-card {
  position: relative;
  display: flex;
  min-height: 100%;
  border-radius: 0;
  border: 2px solid var(--navy-200);
  background-color: var(--teal-300);
  color: var(--navy-300);
  transition: background-color 0.35s ease;
  overflow: hidden;
  isolation: isolate;
}
.case-study-card__link {
  display: flex;
  text-decoration: none;
  color: inherit;
  width: 100%;
  padding: 4rem;
  align-items: start;
}
.case-study-card__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 3vw, 1.5rem);
  width: 100%;
  justify-content: space-between;
  height: 100%;
}
.case-study-card__title {
  margin: 0;
  font-size: 2.8rem;
  font-weight: 900;
  line-height: 1.35;
  color: var(--navy-300);
  text-transform: none;
}
.case-study-card__summary {
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 1.45;
  color: var(--navy-400);
}
.case-study-card__summary p {
  margin: 0;
}
.case-study-card__cta {
  --cta-icon-size: 74px;
  display: inline-flex;
  align-items: center;
  font-size: 1.8rem;
  font-weight: 700;
  background-color: var(--navy-300);
  text-decoration: none;
  margin: 5.1rem -4rem -4rem;
  padding: 2rem 4rem;
  color: #fff;
  text-decoration: underline;
  position: relative;
}
.case-study-card__cta::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="74" height="74" viewBox="0 0 74 74" fill="none"><path d="M72.7667 27.1336V17.2669C72.7667 14.5425 70.5578 12.3336 67.8334 12.3336H35.1155C33.247 12.3336 31.5389 11.2779 30.7027 9.60669L29.7296 7.66049C28.8934 5.98933 27.1852 4.93359 25.3167 4.93359H6.16673C3.4423 4.93359 1.2334 7.14249 1.2334 9.86693V34.5336H71.5334L72.7667 27.1336Z" fill="%231160CA"/><path d="M66.5999 33.2999V19.7333C66.5999 18.3704 65.4961 17.2666 64.1332 17.2666H9.86657C8.50374 17.2666 7.3999 18.3704 7.3999 19.7333V33.2999H66.5999Z" fill="%2374C2DF"/><path d="M72.7667 27.1335V64.1335C72.7667 66.858 70.5578 69.0669 67.8334 69.0669H6.16673C3.4423 69.0669 1.2334 66.858 1.2334 64.1335V34.5335C1.2334 31.8091 3.4423 29.6002 6.16673 29.6002H38.8846C40.7531 29.6002 42.4613 28.5445 43.2975 26.8733L44.2706 24.9271C45.1068 23.2559 46.8149 22.2002 48.6834 22.2002H67.8346C70.5591 22.2002 72.7667 24.4091 72.7667 27.1335Z" fill="%232F80ED"/></svg>');
  background-repeat: no-repeat;
  content: "";
  background-size: contain;
  width: var(--cta-icon-size);
  height: var(--cta-icon-size);
  display: block;
  position: absolute;
  right: 4rem;
  top: calc(var(--cta-icon-size) / -2);
  transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
@media (hover: hover) and (pointer: fine) {
  .case-study-card:hover, .case-study-card:focus-within {
    background-color: var(--navy-200);
    color: var(--white);
  }
  .case-study-card:hover .case-study-card__title, .case-study-card:focus-within .case-study-card__title {
    color: var(--white);
  }
  .case-study-card:hover .case-study-card__summary, .case-study-card:focus-within .case-study-card__summary {
    color: rgba(255, 255, 255, 0.85);
  }
}
.case-study-card:active {
  box-shadow: 0 20px 40px rgba(13, 49, 106, 0.18);
}

@media (min-width: 1030px) {
  .case-study-card__cta {
    --cta-icon-size: clamp(54px, calc(-44px + 9.52vw), 74px);
  }
}
.pagination {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 4rem 1.5rem 1rem;
  padding: 0;
  font-family: var(--font-secondary);
  gap: 1rem;
}
.pagination .previous-wrap,
.pagination .next-wrap {
  display: inline-block;
  margin: 0;
  padding: 0;
  line-height: 0;
}
.pagination .pagination__button {
  display: flex;
  padding: 0;
  font-family: inherit;
  font-size: 1.3rem;
  font-weight: 900;
  letter-spacing: 0.065rem;
  text-transform: uppercase;
  color: var(--link, var(--teal-aa));
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.pagination .pagination__button:disabled, .pagination .pagination__button[aria-disabled=true] {
  color: rgba(0, 0, 0, 0.3);
  cursor: default;
  pointer-events: none;
}
.pagination .pagination__button:disabled svg, .pagination .pagination__button[aria-disabled=true] svg {
  filter: none;
}
.pagination .pagination__button:disabled .circle, .pagination .pagination__button[aria-disabled=true] .circle {
  fill: rgb(248, 249, 250);
  stroke: rgb(162, 168, 181);
}
.pagination .pagination__button:disabled .arrow, .pagination .pagination__button[aria-disabled=true] .arrow {
  stroke: rgb(162, 168, 181);
}
.pagination .pagination__page-numbers {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0;
  padding: 0;
  font-size: 1.4rem;
  font-weight: 500;
  gap: 0.8rem;
  list-style: none;
  font-family: var(--font-secondary);
}
.pagination .pagination__page-numbers .page-button {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 3.6rem;
  max-height: 3.6rem;
  padding: 1rem 0.2rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: 0.14rem;
  text-decoration: none;
  color: var(--link, var(--teal-aa));
  background-color: var(--white);
  border: 0.5px solid var(--link, var(--teal-aa));
  border-radius: 0.5rem;
  cursor: pointer;
}
.pagination .pagination__page-numbers .page-button-wrap.active .page-button {
  color: var(--teal-aa);
  background-color: var(--white);
  border: 2px solid var(--teal-aa);
  cursor: default;
}
.pagination .pagination__page-numbers .page-button-wrap--single-disabled .page-button {
  color: rgba(0, 0, 0, 0.4);
  background-color: rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.2);
  cursor: default;
}
.pagination .pagination__page-numbers .dots .page-button {
  background: none;
  border: none;
  cursor: default;
}
@media (hover: hover) {
  .pagination .pagination__button:not(:disabled):not([aria-disabled=true]):hover, .pagination .pagination__button:not(:disabled):not([aria-disabled=true]):focus-visible {
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.15));
  }
}
@media (hover: none) {
  .pagination .pagination__button:not(:disabled):not([aria-disabled=true]):active {
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.15));
  }
}
@media (hover: hover) {
  .pagination .pagination__page-numbers li:not(.active) .page-button:hover, .pagination .pagination__page-numbers li:not(.active) .page-button:focus-visible {
    color: var(--white);
    background-color: var(--link, var(--navy-300));
    border: 0.5px solid var(--link, var(--navy-300));
  }
}
@media (hover: none) {
  .pagination .pagination__page-numbers li:not(.active) .page-button:active {
    color: var(--white);
    background-color: var(--link, var(--navy-300));
    border: 0.5px solid var(--link, var(--navy-300));
  }
}
@media (min-width: 768px) {
  .pagination {
    margin-inline: 0;
  }
}

.site-header {
  background-color: var(--navy-300);
  padding: 1.9rem 0;
}
.site-header .site-header-grad-bg {
  background: transparent;
  padding: 0;
}
.site-header .site-header-grad-bg > .container {
  padding: 0 1.5rem;
}
.site-header .site-header-grad-bg > .container > .row {
  align-items: center;
}

.case-study-archive__hero {
  padding-block: 4.6rem 6rem;
  padding-inline: 1.5rem;
  background-color: var(--navy-200);
  color: #fff;
  text-align: center;
}
.case-study-archive__hero-inner {
  max-width: 91.7rem;
  margin: 0 auto;
  display: grid;
  gap: 1.25rem;
  padding: 0 clamp(1rem, 4vw, 2rem);
}
.case-study-archive__title {
  margin: 0;
  color: var(--white);
  text-align: center;
  font-size: 4.8rem;
  font-weight: 900;
  line-height: 1.3;
  text-transform: none;
}
.case-study-archive__description, .case-study-archive__lede {
  margin: 0 auto;
  max-width: 91.7rem;
  font-size: 1.7rem;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.82);
  font-weight: 500;
}
.case-study-archive__description p, .case-study-archive__lede p {
  margin: 0;
}
.case-study-archive__results {
  padding-block: 9.2rem 2.4rem;
}
.case-study-archive__results-header {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 2.4rem;
  font-family: var(--font-main);
  font-weight: 600;
  color: var(--navy-100);
}
@media (min-width: 600px) {
  .case-study-archive__results-header {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
.case-study-archive__results-count, .case-study-archive__results-page {
  font-size: 1.5rem;
  line-height: 1.3;
}
.case-study-archive__results-inner {
  display: grid;
  gap: clamp(2rem, 6vw, 3rem);
}
.case-study-archive__grid {
  display: grid;
  gap: 3.2rem;
  grid-template-columns: minmax(240px, 1fr);
}
.case-study-archive__pagination {
  margin: 2.4rem auto;
  max-width: 34.8rem;
  width: 100%;
}
.case-study-archive__pagination .pagination__list {
  gap: 0.5rem;
}
.case-study-archive__pagination .page-numbers {
  border: 1px solid rgba(13, 49, 106, 0.25);
  color: var(--navy-300);
  font-family: var(--font-main);
  font-weight: 700;
  transition: background-color 0.18s cubic-bezier(0.4, 0, 0.2, 1), color 0.18s cubic-bezier(0.4, 0, 0.2, 1), transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}
.case-study-archive__pagination .page-numbers:hover, .case-study-archive__pagination .page-numbers:focus {
  background-color: var(--teal-100);
  color: var(--navy-300);
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(13, 49, 106, 0.18);
}
.case-study-archive__pagination .page-numbers.current {
  background-color: var(--navy-200);
  color: #fff;
  border-color: transparent;
  box-shadow: 0 10px 20px rgba(13, 49, 106, 0.25);
}
.case-study-archive__pagination .page-numbers.prev,
.case-study-archive__pagination .page-numbers.next {
  font-size: 1.1rem;
}
.case-study-archive__pagination .page-numbers.dots {
  min-width: auto;
  height: auto;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  cursor: default;
}
.case-study-archive__empty {
  text-align: center;
  padding: clamp(3rem, 8vw, 5rem) 0;
  color: var(--lead-300);
  font-family: var(--font-main);
}
.case-study-archive .sec-footer-cta {
  padding-block: 10.6rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.case-study-archive .sec-footer-cta h2 {
  margin-bottom: 0;
  max-width: 75%;
  margin-inline: auto;
  font-size: 3.6rem;
}
.case-study-archive .sec-footer-cta .footer-cta {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  align-items: center;
  margin-top: 3.4rem;
}
.case-study-archive .sec-footer-cta .footer-cta a {
  margin: 0;
}
.case-study-archive .sec-footer-cta.teletherapy-services {
  background-image: url("/wp-content/themes/vocovision/images/footer-ctas/teletherapy-services_m.jpg");
}
@media screen and (min-width: 768px) {
  .case-study-archive__hero {
    padding-block: 4.6rem clamp(6rem, 6rem + (100vw - 768px) * 0.19084, 11rem);
  }
  .case-study-archive__grid {
    grid-template-columns: repeat(2, minmax(240px, 1fr));
  }
  .case-study-archive .sec-footer-cta.teletherapy-services {
    background-image: url("/wp-content/themes/vocovision/images/footer-ctas/teletherapy-services_d.jpg");
  }
  .case-study-archive .sec-footer-cta.teletherapy-services .footer-cta {
    flex-direction: row;
    justify-content: center;
  }
  .case-study-archive .sec-footer-cta h2 {
    font-size: clamp(3.6rem, 3.6rem + (100vw - 768px) * 0.05344, 5rem);
  }
}
@media (min-width: 1030px) {
  .case-study-archive__title {
    font-size: 5.8rem;
  }
  .case-study-archive__grid {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  }
}
@media (min-width: 1240px) {
  .case-study-archive__pagination {
    margin: 2.4rem auto;
  }
}

.case-study-single {
  background-color: #fff;
}
.case-study-single__article {
  margin: 0;
}
.case-study-single__header {
  padding-block: 5.4rem 0;
  background-color: var(--background-blue);
}
.case-study-single__header-inner {
  margin: 0 auto;
  display: grid;
  gap: 0;
}
@media (min-width: 1030px) {
  .case-study-single__header-inner--has-aside {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    align-items: flex-start;
    gap: clamp(2rem, 5vw, 4rem);
  }
}
.case-study-single__header-content {
  display: grid;
  gap: 0;
}
.case-study-single__chip {
  display: inline-flex;
  width: max-content;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.8rem;
  border-radius: 0;
  border: 1px solid var(--navy-300);
  color: var(--navy-300);
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: normal;
  margin-bottom: 2.6rem;
}
.case-study-single__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4.8rem;
  color: var(--navy-300);
  font-size: 1.6rem;
  margin-block: 2.4rem 4.1rem;
}
.case-study-single__meta-item {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: inherit;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
}
.case-study-single__header-aside {
  display: grid;
  gap: clamp(1.25rem, 3vw, 2rem);
  justify-items: start;
  width: 100%;
}
.case-study-single__header-aside .case-study-single__overview {
  width: 100%;
}
.case-study-single__overview {
  display: grid;
  gap: 1.6rem;
  padding: 0;
  color: var(--lead-300);
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 1.45;
  margin-bottom: 1.6rem;
}
.case-study-single__overview p {
  font-size: 1.7rem;
  line-height: 1.45;
}
.case-study-single__overview-heading {
  margin: 0;
  text-transform: none;
  color: var(--medium-blue);
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1.35;
}
.case-study-single__overview-body {
  font-size: 1rem;
  line-height: 1.65;
}
.case-study-single__overview-body p {
  margin: 0 0 0.75rem;
}
.case-study-single__overview-body p:last-child {
  margin-bottom: 0;
}
.case-study-single__download {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  width: max-content;
  border-radius: 0.5rem;
  background-color: var(--fuchsia-aa);
  color: #fff;
  font-weight: 700;
  font-size: 1.8rem;
  letter-spacing: normal;
  padding: 1rem 2rem;
  text-decoration: none;
  transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}
.case-study-single__download-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.case-study-single__download-icon::before {
  content: "";
  width: 3rem;
  height: 3rem;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"><path d="M14.9999 20C14.7437 20 14.4987 19.895 14.3224 19.71L7.75994 12.835C7.18994 12.2388 7.61369 11.25 8.43744 11.25H11.8749V4.0625C11.8749 3.20125 12.5762 2.5 13.4374 2.5H16.5624C17.4237 2.5 18.1249 3.20125 18.1249 4.0625V11.25H21.5624C22.3862 11.25 22.8099 12.2388 22.2399 12.835L15.6774 19.71C15.5012 19.895 15.2562 20 14.9999 20Z" fill="%2374C2DF"/><path d="M27.8125 27.5H2.1875C0.98125 27.5 0 26.5188 0 25.3125V24.6875C0 23.4813 0.98125 22.5 2.1875 22.5H27.8125C29.0187 22.5 30 23.4813 30 24.6875V25.3125C30 26.5188 29.0187 27.5 27.8125 27.5Z" fill="%23BEC75B"/><path d="M14.9999 2.5H13.4374C12.5762 2.5 11.8749 3.20125 11.8749 4.0625V11.25H8.43744C7.61369 11.25 7.18994 12.2388 7.75994 12.835L14.3224 19.71C14.4987 19.895 14.7437 20 14.9999 20V2.5Z" fill="%2374C2DF"/><path d="M15 22.5H2.1875C0.98125 22.5 0 23.4813 0 24.6875V25.3125C0 26.5188 0.98125 27.5 2.1875 27.5H15V22.5Z" fill="%23BEC75B"/></svg>');
}
.case-study-single__download-label {
  flex: 1;
  text-align: center;
}
.case-study-single__stats {
  padding-block: 5.9rem;
  background-color: var(--background-blue);
}
.case-study-single__stats-inner {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 4vw, 2.5rem);
}
.case-study-single__stats-list {
  display: grid;
  gap: 2.4rem;
  grid-template-columns: minmax(0, 1fr);
}
.case-study-single__stats-item {
  display: grid;
  gap: 0.8rem;
  padding: 3.2rem;
  background-color: var(--lime-200);
  color: var(--navy-300);
}
.case-study-single__stats-item:nth-child(2) {
  background-color: var(--sky-200);
}
.case-study-single__stats-item:nth-child(3) {
  background-color: var(--orange-200);
}
.case-study-single__stats-item--mode-quote {
  background-color: var(--navy-200);
  color: #fff;
}
.case-study-single__stats-item--mode-quote .case-study-single__stats-quote {
  color: inherit;
}
.case-study-single__stats-item--mode-quote .case-study-single__stats-quote-cite {
  color: rgba(255, 255, 255, 0.72);
}
.case-study-single__stats-icon {
  width: 2.5rem;
  height: 2.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--teal-100);
  border-radius: 999px;
  color: var(--teal-300);
}
.case-study-single__stats-icon svg {
  width: 1.35rem;
  height: 1.35rem;
  fill: currentColor;
}
.case-study-single__stats-item-content {
  display: grid;
  gap: 0.65rem;
  text-align: center;
}
.case-study-single__stats-item-title {
  margin: 0;
  font-size: 2.4rem;
  font-weight: 900;
  line-height: normal;
  text-transform: none;
  color: var(--navy-300);
}
.case-study-single__stats-item-description {
  color: inherit;
  margin: 0 0 0.75rem;
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 1.35;
}
.case-study-single__stats-item-description p {
  margin: 0 0 0.75rem;
}
.case-study-single__stats-item-description p:last-child {
  margin-bottom: 0;
}
.case-study-single__stats-quote {
  margin: 0;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.5;
  font-style: italic;
}
.case-study-single__stats-quote-cite {
  display: block;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
  color: var(--lead-300);
}
.case-study-single__stats-quote-cite p {
  margin: 0;
}
.case-study-single__main {
  padding: clamp(3rem, 7vw, 5rem) 0;
}
.case-study-single__main-inner {
  display: block;
}
@media (min-width: 1030px) {
  .case-study-single__main-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 320px);
    gap: clamp(2rem, 4vw, 3rem);
    align-items: flex-start;
  }
}
.case-study-single__content {
  padding: 0;
}
.case-study-single__content-inner {
  max-width: 54rem;
  margin: 0 auto;
}
.case-study-single__content-inner > *:first-child {
  margin-top: 0;
}
.case-study-single__content-inner .wp-block {
  max-width: none;
}
.case-study-single__content-inner .wp-block-heading {
  color: var(--navy-200);
  text-transform: none;
  font-size: 3.6rem;
  font-weight: 900;
  margin-block: 1.6rem 2.4rem;
}
.case-study-single__content-inner p {
  color: var(--lead-300);
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.4;
}
.case-study-single__content-inner li {
  font-size: 2rem;
  line-height: 1.4;
  color: var(--lead-300);
}
@media (min-width: 1030px) {
  .case-study-single__content-inner {
    margin: 0;
  }
}
.case-study-single__sidebar {
  margin: 4.9rem auto;
  width: 100%;
  max-width: none;
  position: static;
}
@media (min-width: 1030px) {
  .case-study-single__sidebar {
    margin: 0;
    width: auto;
    max-width: 345px;
    position: sticky;
    top: clamp(5.5rem, 7vw, 7.25rem);
  }
}
.case-study-single__cta-box {
  display: grid;
  gap: 2.4rem;
  padding: 5.4rem;
  border-radius: 0.8rem;
  background-color: var(--navy-200);
  color: #fff;
  text-align: center;
  max-width: 540px;
  margin-inline: auto;
}
.case-study-single__cta-heading {
  margin: 0;
  color: var(--white);
  text-align: center;
  font-size: 2.4rem;
  font-weight: 900;
  line-height: normal;
  text-transform: none;
}
.case-study-single__cta-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 999px;
  padding: 0.85rem 1.75rem;
  font-weight: 700;
  font-size: 1rem;
  text-decoration: none;
  transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}
.case-study-single__cta-button:hover, .case-study-single__cta-button:focus {
  transform: translateY(-1px);
  box-shadow: 0 12px 24px rgba(10, 47, 108, 0.25);
}
.case-study-single__cta-button--primary {
  background-color: #fff;
  color: #c81330;
}
.case-study-single__cta-button--primary:hover, .case-study-single__cta-button--primary:focus {
  background-color: white;
}
.case-study-single__cta-button--secondary {
  background-color: transparent;
  border: 2px solid #fff;
  color: #fff;
}
.case-study-single__cta-button--secondary:hover, .case-study-single__cta-button--secondary:focus {
  background-color: rgba(255, 255, 255, 0.12);
}
.case-study-single__fallback-hero {
  padding: 3.5rem 0;
  background: linear-gradient(180deg, rgba(10, 47, 108, 0.08) 0%, rgba(10, 47, 108, 0) 60%);
}
.case-study-single__fallback-hero.has-image {
  background: linear-gradient(180deg, rgba(10, 47, 108, 0.75) 0%, rgba(10, 47, 108, 0.65) 100%);
  color: #fff;
}
.case-study-single__fallback-hero-inner {
  display: grid;
  gap: 2rem;
}
@media (min-width: 768px) {
  .case-study-single__fallback-hero-inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
  }
}
.case-study-single__fallback-media {
  width: 100%;
  padding-top: 60%;
  border-radius: 18px;
  background-position: center;
  background-size: cover;
  position: relative;
}
@media (min-width: 768px) {
  .case-study-single__fallback-media {
    padding-top: 100%;
  }
}
.case-study-single__title {
  margin: 0;
  color: var(--teal-300);
  font-family: var(--font-main);
  font-style: normal;
  font-weight: 900;
  font-size: 3.6rem;
  line-height: 1.1;
  text-transform: none;
}
.case-study-single__summary {
  max-width: 36rem;
}
.case-study-single__summary p {
  margin: 0;
}
@media (min-width: 768px) {
  .case-study-single__header {
    padding-block: 5.4rem;
  }
  .case-study-single__stats {
    padding: 5.9rem 3.6rem;
    background-color: transparent;
  }
}
@media (min-width: 768px) and (max-width: 1029px) {
  .case-study-single__stats-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .case-study-single__stats-list--count-1 {
    grid-template-columns: minmax(0, 1fr);
  }
  .case-study-single__stats-list--count-3 .case-study-single__stats-item:first-child {
    grid-column: 1/-1;
  }
}
@media (min-width: 1030px) {
  .case-study-single__overview {
    margin-top: 3rem;
  }
  .case-study-single__stats-list {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  }
}
@media (min-width: 1240px) {
  .case-study-single__title {
    font-size: 5.8rem;
  }
  .case-study-single__stats-item {
    align-content: center;
  }
  .case-study-single__stats-item-title {
    font-size: 3.6rem;
  }
  .case-study-single__content-inner {
    max-width: 68.8rem;
  }
  .case-study-single__content-inner .wp-block-heading {
    font-size: 5rem;
  }
}

.case-study-related {
  padding: 4.4rem 0 5rem;
}
.case-study-related.bg-blue {
  background-color: var(--teal-100);
}
.case-study-related--no-carousel .post-card-carousel--inactive .swiper-wrapper {
  gap: 0;
}
.case-study-related .recent-posts-carousel__inner {
  margin: 0 auto;
  padding-inline: clamp(1.5rem, 4vw, 3rem);
  width: min(100%, 1140px);
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 3rem);
}
.case-study-related .carousel__pre-heading {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #0d316a;
}
.case-study-related .recent-posts-carousel__header {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media (min-width: 768px) {
  .case-study-related .recent-posts-carousel__header {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
.case-study-related .carousel-heading {
  margin: 0 auto;
  color: var(--navy-200);
  text-align: center;
  font-size: 2.4rem;
  font-weight: 900;
  text-transform: none;
}
.case-study-related .recent-posts-carousel__body {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 4vw, 2rem);
}
.case-study-related .card-carousel__wrap {
  position: relative;
}
.case-study-related .post-card-carousel {
  position: relative;
  z-index: 1;
  width: 100%;
  overflow: hidden;
}
.case-study-related .carousel__controls {
  display: grid;
  grid-template-columns: 4.4rem minmax(0, 1fr) 4.4rem;
  align-items: center;
  column-gap: 1.2rem;
  margin-top: 2rem;
}
.case-study-related .carousel__button {
  width: 4.4rem;
  height: 4.4rem;
  padding: 0.5rem;
  background-color: transparent;
  border: none;
  border-radius: 10rem;
  cursor: pointer;
  touch-action: manipulation;
}
.case-study-related .carousel__button:focus-visible {
  outline: 1px solid var(--bright-blue-aa);
}
.case-study-related .carousel__button:focus-visible svg {
  border-radius: 15px;
}
.case-study-related .carousel__button:disabled, .case-study-related .carousel__button.carousel__button--disabled {
  cursor: auto;
}
.case-study-related .carousel__button:disabled .circle, .case-study-related .carousel__button.carousel__button--disabled .circle {
  fill: rgb(248, 249, 250);
  stroke: rgb(162, 168, 181);
}
.case-study-related .carousel__button:disabled .arrow, .case-study-related .carousel__button.carousel__button--disabled .arrow {
  stroke: rgb(162, 168, 181);
}
.case-study-related .carousel__button .circle,
.case-study-related .carousel__button .arrow {
  transition: fill 0.18s cubic-bezier(0.4, 0, 0.2, 1), stroke 0.18s cubic-bezier(0.4, 0, 0.2, 1), transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}
.case-study-related .carousel__button .circle {
  fill: var(--light-teal);
  stroke: var(--teal-aa);
}
.case-study-related .carousel__button .arrow {
  stroke: var(--teal-aa);
}
.case-study-related .carousel__button.carousel__button--prev {
  margin-left: -0.5rem;
}
.case-study-related .carousel__button.carousel__button--prev:active:hover:not(:disabled) .arrow {
  transform: translateX(-2px);
}
.case-study-related .carousel__button.carousel__button--next {
  margin-right: -0.5rem;
}
.case-study-related .carousel__button.carousel__button--next:active:hover:not(:disabled) .arrow {
  transform: translateX(2px);
}
@media (pointer: fine) {
  .case-study-related .carousel__button:hover:not(:disabled) svg, .case-study-related .carousel__button:focus-visible:not(:disabled) svg {
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.15));
  }
  .case-study-related .carousel__button:hover:not(:disabled) .circle, .case-study-related .carousel__button:focus-visible:not(:disabled) .circle {
    fill: var(--teal-aa);
    stroke: var(--teal-aa);
  }
  .case-study-related .carousel__button:hover:not(:disabled) .arrow, .case-study-related .carousel__button:focus-visible:not(:disabled) .arrow {
    stroke: #ffffff;
  }
}
@media (pointer: coarse) {
  .case-study-related .carousel__button:active:hover:not(:disabled) .circle {
    fill: var(--teal-aa);
    stroke: var(--teal-aa);
  }
  .case-study-related .carousel__button:active:hover:not(:disabled) .arrow {
    stroke: #ffffff;
  }
}
.case-study-related .carousel__dots {
  display: flex;
  justify-content: center;
  gap: 0.8rem;
  width: 100%;
}
.case-study-related .carousel__controls .swiper-pagination {
  position: static;
  width: 100%;
  transform: none;
  left: auto;
  right: auto;
}
.case-study-related .carousel__dot {
  display: block;
  width: 12px;
  height: 12px;
  border: 1px solid #1d4588;
  border-radius: 12px;
  cursor: pointer;
  transition: background-color 0.18s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid var(--teal-aa);
  background-color: var(--light-teal);
}
.case-study-related .carousel__dot.carousel__dot--active, .case-study-related .carousel__dot:active {
  background-color: var(--teal-aa);
  cursor: auto;
}
.case-study-related .carousel__dot:focus-visible {
  outline: 1px solid var(--bright-blue-aa);
}
@media (pointer: fine) {
  .case-study-related .carousel__dot:hover, .case-study-related .carousel__dot:focus-visible {
    border-width: 2px;
  }
}
.case-study-related .card-carousel__footer {
  display: flex;
  justify-content: center;
}
.case-study-related .browse-all-posts {
  font-weight: 600;
  color: var(--fuchsia-aa);
  text-decoration: none;
}
.case-study-related .browse-all-posts:hover, .case-study-related .browse-all-posts:focus {
  text-decoration: underline;
}
@media (min-width: 1030px) {
  .case-study-related--no-carousel .post-card-carousel--inactive .swiper-wrapper {
    justify-content: center;
  }
}
@media (min-width: 1240px) {
  .case-study-related .carousel-heading {
    font-size: 3.6rem;
  }
}

@media (min-width: 768px) {
  a.logo {
    max-width: clamp(134px, 18vw, 290px);
    display: flex;
    height: auto;
    padding: 0;
    margin: 0;
  }
}
@media (min-width: 1030px) {
  .post-type-archive-case_studies .site-header {
    background-color: var(--navy-200);
  }
  .single-case_studies .site-header {
    background: linear-gradient(180deg, rgba(29, 69, 136, 0.9) 0%, rgba(29, 69, 136, 0.4) 72.5%, rgb(244, 253, 255) 100%);
  }
}