main > section.section-casestudy, div.acf-block-preview > section.section-casestudy {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: max(70vh, 600px);
  background-color: #9AA2CB;
}
main > section.section-casestudy article, div.acf-block-preview > section.section-casestudy article {
  min-height: 100%;
}
main > section.section-casestudy .client-logos, div.acf-block-preview > section.section-casestudy .client-logos {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto;
}
main > section.section-casestudy .client-logos .logo, div.acf-block-preview > section.section-casestudy .client-logos .logo {
  position: absolute;
  bottom: -100px;
  left: 65%;
  transform: translateX(-50%);
  width: 80px;
  height: auto;
  pointer-events: auto;
  cursor: default;
  opacity: 0.9;
}
main > section.section-casestudy .client-logos .logo.clickable, div.acf-block-preview > section.section-casestudy .client-logos .logo.clickable {
  cursor: pointer;
}
main > section.section-casestudy figure.floating-logos, div.acf-block-preview > section.section-casestudy figure.floating-logos {
  display: none;
  position: absolute;
  height: 150%;
  top: -25%;
  bottom: -25%;
  left: 62vw;
  width: 38vw;
  z-index: 1;
}
main > section.section-casestudy figure.floating-logos .floating-logo, div.acf-block-preview > section.section-casestudy figure.floating-logos .floating-logo {
  position: absolute;
  bottom: 0px;
  overflow: hidden;
  opacity: 0;
  min-width: 10vw;
  max-width: 15vw;
}
main > section.section-casestudy figure.floating-logos .floating-logo::before, div.acf-block-preview > section.section-casestudy figure.floating-logos .floating-logo::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  z-index: 0;
}
main > section.section-casestudy figure.floating-logos .floating-logo.has-link::before, div.acf-block-preview > section.section-casestudy figure.floating-logos .floating-logo.has-link::before {
  border-color: #1D2758;
}
main > section.section-casestudy figure.floating-logos .floating-logo img, div.acf-block-preview > section.section-casestudy figure.floating-logos .floating-logo img {
  min-width: 10vw;
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  z-index: 1;
  filter: grayscale(100%);
  transition: filter 0.5s ease;
}
main > section.section-casestudy figure.floating-logos .floating-logo:hover, div.acf-block-preview > section.section-casestudy figure.floating-logos .floating-logo:hover {
  animation-play-state: paused;
}
main > section.section-casestudy figure.floating-logos .floating-logo:hover img, div.acf-block-preview > section.section-casestudy figure.floating-logos .floating-logo:hover img {
  filter: grayscale(0%);
}

.wp-block-columns.wp-case-study-content {
  align-items: center;
}
.wp-block-columns.wp-case-study-content .wp-block-column blockquote.testimonial {
  font-size: 1.875rem;
  padding: 20px;
}
.wp-block-columns.wp-case-study-content > .wp-block-column.case-study {
  flex: 0 1 35%;
}
.wp-block-columns.wp-case-study-content .wp-block-column div.case-study {
  background: rgba(255, 255, 255, 0.85);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  flex: 0 1 33%;
}
.wp-block-columns.wp-case-study-content .wp-block-column div.case-study > * {
  padding: 20px;
  display: block;
}
.wp-block-columns.wp-case-study-content .wp-block-column div.case-study figure {
  width: 100%;
  height: 200px;
  overflow: hidden;
  position: relative;
  margin: 0;
  padding: 0;
  justify-content: center;
  align-items: center;
}
.wp-block-columns.wp-case-study-content .wp-block-column div.case-study figure img {
  min-width: 100%;
  max-height: none;
  height: 100%;
  object-fit: cover;
  display: block;
}
.wp-block-columns.wp-case-study-content .wp-block-column div.case-study h6 {
  margin: 0;
}
.wp-block-columns.wp-case-study-content .wp-block-column div.case-study h6 a {
  text-decoration: none;
}
.wp-block-columns.wp-case-study-content .wp-block-column div.case-study a {
  text-decoration: none;
}

.case-study-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 40vw;
  height: auto;
  margin: 5% 5vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  text-align: center;
  opacity: 1;
  transition: opacity 0.5s;
  z-index: 99;
}
.case-study-overlay img {
  max-width: 300px;
  margin-bottom: 1rem;
}
.case-study-overlay figcaption h2 {
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}
.case-study-overlay figcaption p {
  font-size: 1rem;
  margin-bottom: 1rem;
}
.case-study-overlay figcaption a {
  color: #fff;
  text-decoration: underline;
}
.case-study-overlay.active {
  opacity: 1;
}

/*# sourceMappingURL=gb_design-casestudy.css.map */