@charset "UTF-8";
/* stylelint-disable order/properties-alphabetical-order */
/* stylelint-enable */
/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* body
   ========================================================================== */
/**
 * gitting rid of the 9px margin.
 */
body {
  margin: 0px;
}

/* Sections
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 2em;
  font-weight: normal;
  margin: 0em 0 1rem 0;
  text-transform: none;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
  white-space: pre-wrap;
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects;
          text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

.max-width {
  max-width: 1170px;
  margin: 0 auto;
  padding-right: 2rem;
  padding-left: 2rem;
}

.wrapper_logo-grid {
  display: grid;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  row-gap: 2rem;
  grid-template-columns: repeat(2, 1fr);
  justify-items: center;
  align-items: center;
}
@media only screen and (min-width: 680px) {
  .wrapper_logo-grid {
    row-gap: 3rem;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 880px) {
  .wrapper_logo-grid {
    row-gap: 3rem;
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (min-width: 1170px) {
  .wrapper_logo-grid {
    -moz-column-gap: 2rem;
         column-gap: 2rem;
    row-gap: 4rem;
    grid-template-columns: repeat(5, 1fr);
  }
}

.wrapper_gallery-grid {
  display: grid;
  -moz-column-gap: 0;
       column-gap: 0;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "image image" "previous next";
}
@media only screen and (min-width: 680px) {
  .wrapper_gallery-grid {
    grid-template-rows: auto 8rem;
  }
}
@media only screen and (min-width: 1170px) {
  .wrapper_gallery-grid {
    grid-template-columns: 3.75rem 1fr 3.75rem;
    grid-template-areas: "previous image next";
    grid-template-rows: auto;
  }
}

/* Shaun update the below block */
.wrapper_gallery-thumbs {
  display: flex;
  gap: 2rem;
  justify-content: center;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1170px) {
  .wrapper_gallery-thumbs {
    gap: 1.25rem;
    padding: 2.75rem 3.75rem 0 3.75rem;
  }
}

.wrapper_2-column {
  display: grid;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  grid-template-columns: repeat(2, 1fr);
}

.wrapper_3-column {
  display: grid;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  grid-template-columns: repeat(3, 1fr);
}

.wrapper_16-column {
  display: grid;
  -moz-column-gap: 0;
       column-gap: 0;
  grid-template-columns: repeat(16, 1fr);
}
@media only screen and (min-width: 1170px) {
  .wrapper_16-column {
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }
}

html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

.screenreader-text {
  position: absolute;
  left: -999px;
  width: 1px;
  height: 1px;
  top: auto;
}
.screenreader-text:focus {
  display: inline-block;
  height: auto;
  width: auto;
  position: static;
  margin: auto;
}

.white {
  color: #ffffff !important;
}

body {
  background-color: #ffffff;
}

html, body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
}

@font-face {
  font-family: charter;
  font-style: normal;
  font-weight: normal;
  font-stretch: normal;
  src: url("../fonts/charter_regular.woff2") format("woff2");
}
@font-face {
  font-family: charter;
  font-style: italic;
  font-weight: normal;
  font-stretch: normal;
  src: url("../fonts/charter_italic.woff2") format("woff2");
}
@font-face {
  font-family: charter;
  font-style: normal;
  font-weight: bold;
  font-stretch: normal;
  src: url("../fonts/charter_bold.woff2") format("woff2");
}
@font-face {
  font-family: charter;
  font-style: italic;
  font-weight: bold;
  font-stretch: normal;
  src: url("../fonts/charter_bold_italic.woff2") format("woff2");
}
h1 {
  font-family: degular, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 2rem;
  line-height: 1.75rem;
}
@media only screen and (min-width: 480px) {
  h1 {
    font-size: 2.75rem;
    line-height: 2.5rem;
  }
}
@media only screen and (min-width: 1170px) {
  h1 {
    font-size: 3.75rem;
    line-height: 3.5rem;
  }
}

h2 {
  font-family: degular, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.75rem;
  line-height: 2rem;
}
@media only screen and (min-width: 480px) {
  h2 {
    font-size: 2.5rem;
    line-height: 2.75rem;
  }
}
@media only screen and (min-width: 1170px) {
  h2 {
    font-size: 3.5rem;
    line-height: 4rem;
  }
}

h1 em,
h1 i,
h2 em,
h2 i,
.work-title em,
.work-title i,
.project-title em,
.project-title i {
  font-style: italic;
}

h3 {
  font-family: degular, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 1.65rem;
  line-height: 2rem;
}
@media only screen and (min-width: 480px) {
  h3 {
    font-size: 1.85rem;
    line-height: 2.15rem;
  }
}
@media only screen and (min-width: 1170px) {
  h3 {
    font-size: 2.5rem;
    line-height: 3.3125rem;
  }
}

h4 {
  font-family: degular, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1.85rem;
}
@media only screen and (min-width: 480px) {
  h4 {
    font-size: 1.75rem;
    line-height: 2rem;
  }
}
@media only screen and (min-width: 1170px) {
  h4 {
    font-size: 2.35rem;
    line-height: 3rem;
  }
}

h5 {
  font-family: degular, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.3rem;
  line-height: 1.65rem;
}
@media only screen and (min-width: 480px) {
  h5 {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}
@media only screen and (min-width: 1170px) {
  h5 {
    font-size: 1.875rem;
    line-height: 2.5rem;
  }
}

h6 {
  font-family: charter, serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.25rem;
  line-height: 1.65rem;
}
@media only screen and (min-width: 1170px) {
  h6 {
    font-size: 1.6875rem;
    line-height: 2rem;
  }
}

p {
  font-family: charter, serif;
  font-style: normal;
  font-weight: normal;
  font-size: 1.125rem;
  line-height: 1.6rem;
}

a {
  text-decoration: none;
  color: inherit;
}
a:hover {
  text-decoration: underline;
}

ul, ol {
  padding: 0;
  list-style-position: inside;
}

li {
  font-family: degular, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-top: 0.5rem;
}

q {
  font-family: charter, serif;
  font-style: normal;
  font-weight: normal;
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #333073;
}
@media only screen and (min-width: 480px) {
  q {
    font-size: 1.5rem;
    line-height: 1.85rem;
  }
}
@media only screen and (min-width: 880px) {
  q {
    font-size: 1.75rem;
    line-height: 2.375rem;
  }
}
@media only screen and (min-width: 1480px) {
  q {
    font-size: 2.1875rem;
    line-height: 2.8125rem;
  }
}

q:before {
  content: no-open-quote;
}

/* Default Form */
.gform_wrapper {
  font-family: degular, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.125rem;
}
.gform_wrapper .wrapper_form_fifty-fifty {
  display: grid;
  grid-gap: 1.25rem;
  grid-template-columns: repeat(2, 1fr);
}
.gform_wrapper .wrapper_form_full-width {
  display: grid;
  grid-gap: 1.25rem;
  grid-template-columns: 1fr;
}
.gform_wrapper label {
  display: block;
  font-size: 1.125rem;
  line-height: 1.25rem;
  margin: 1rem 0 0 0;
  width: 100%;
  text-transform: uppercase;
}
.gform_wrapper input[type=text], .gform_wrapper input[type=date], .gform_wrapper textarea {
  display: inline;
  box-sizing: border-box;
  transition: all 0.5s ease 0s;
  background-color: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  font-size: 1.125rem;
  color: #ffffff;
  width: 100%;
  /* Removes inset drop shadow */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.gform_wrapper input[type=text]:hover, .gform_wrapper input[type=date]:hover, .gform_wrapper textarea:hover {
  padding-left: 1rem;
}
.gform_wrapper input[type=submit] {
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  background-color: transparent;
  color: #939393;
  border: none;
  transition: all 0.5s ease 0s;
  padding: 1rem 0 1rem 1rem;
}
.gform_wrapper input[type=submit]:hover {
  cursor: pointer;
  color: #ffffff;
}

/* Contact Form */
.wrapper_contact-page .gform_wrapper {
  max-width: 40rem;
}
.wrapper_contact-page .gform_wrapper label {
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 600;
  margin: 1rem 0 0.5rem 0;
  width: 100%;
  text-transform: revert;
  color: #242424;
}
.wrapper_contact-page .gform_wrapper input[type=text], .wrapper_contact-page .gform_wrapper input[type=date], .wrapper_contact-page .gform_wrapper textarea[type=text] {
  display: block;
  box-sizing: border-box;
  transition: all 0.5s ease 0s;
  background-color: #E2F2F0;
  border: none;
  border-radius: 0;
  padding: 0.75rem;
  font-size: 1rem;
  color: #072752;
  width: 100%;
  height: 2.4375rem;
  /* Removes inset drop shadow */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.wrapper_contact-page .gform_wrapper input[type=text]:hover, .wrapper_contact-page .gform_wrapper input[type=date]:hover, .wrapper_contact-page .gform_wrapper textarea[type=text]:hover {
  background-color: #E8EDED;
}
.wrapper_contact-page .gform_wrapper textarea[type=text] {
  height: 8.25rem;
}
.wrapper_contact-page .gform_wrapper input[type=submit] {
  font-size: 1.25rem;
  font-weight: 500;
  text-transform: revert;
  background-color: transparent;
  color: #0763AE;
  border: none;
  transition: all 0.5s ease 0s;
  padding: 0;
}
.wrapper_contact-page .gform_wrapper input[type=submit]:hover {
  cursor: pointer;
  color: #3DB87D;
  text-decoration: underline;
}
@media only screen and (min-width: 1020px) {
  .wrapper_contact-page .gform_wrapper {
    max-width: 100%;
  }
  .wrapper_contact-page .gform_wrapper label {
    font-size: 1.875rem;
    line-height: 1.875rem;
  }
  .wrapper_contact-page .gform_wrapper input[type=text], .wrapper_contact-page .gform_wrapper input[type=date], .wrapper_contact-page .gform_wrapper textarea[type=text] {
    font-size: 1.25rem;
    height: 3.4375rem;
  }
  .wrapper_contact-page .gform_wrapper textarea[type=text] {
    height: 11.25rem;
  }
  .wrapper_contact-page .gform_wrapper input[type=submit] {
    font-size: 1.875rem;
  }
}

/* Nav Email Form */
.wrapper_navigation .gform_wrapper label {
  color: #3DB87D;
}
.wrapper_navigation .gform_wrapper input[type=text], .wrapper_navigation .gform_wrapper input[type=date], .wrapper_navigation .gform_wrapper textarea {
  color: #ffffff;
}
.wrapper_navigation .gform_wrapper input[type=text]:hover, .wrapper_navigation .gform_wrapper input[type=date]:hover, .wrapper_navigation .gform_wrapper textarea:hover {
  background-color: #242424;
}
.wrapper_navigation .gform_wrapper input[type=submit]:hover {
  color: #ffffff;
}
.wrapper_navigation .gform_wrapper .wrapper_input {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #939393;
}

/* Footer Email Form */
.wrapper_footer a {
  text-decoration: none;
}
.wrapper_footer a:hover {
  text-decoration: underline;
}
.wrapper_footer .gform_wrapper {
  max-width: 40rem;
}
.wrapper_footer .gform_wrapper label {
  color: #333073;
}
.wrapper_footer .gform_wrapper input[type=text], .wrapper_footer .gform_wrapper input[type=date], .wrapper_footer .gform_wrapper textarea {
  color: #333073;
}
.wrapper_footer .gform_wrapper input[type=text]:hover, .wrapper_footer .gform_wrapper input[type=date]:hover, .wrapper_footer .gform_wrapper textarea:hover {
  background-color: #B3D9D7;
}
.wrapper_footer .gform_wrapper input[type=submit] {
  color: #333073;
}
.wrapper_footer .gform_wrapper input[type=submit]:hover {
  color: #ffffff;
}
.wrapper_footer .gform_wrapper .wrapper_input {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ffffff;
}

.gfield_error, .validation_error {
  font-family: degular, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #EE5224;
  margin: 0;
  width: 100%;
}
.gfield_error.active, .validation_error.active {
  display: block;
}

/************************ Logo in nav */
@keyframes logo_in {
  from {
    fill: #CCDB28;
  }
  to {
    fill: #000;
  }
}
@keyframes logo_in1 {
  from {
    fill: #CCDB28;
  }
  to {
    fill: #CCDB28;
  }
}
@keyframes logo_in2 {
  from {
    fill: #CCDB28;
  }
  to {
    fill: red;
  }
}
@keyframes logo_in3 {
  from {
    fill: red;
  }
  to {
    fill: blue;
  }
}
@keyframes logo_in4 {
  from {
    fill: blue;
  }
  to {
    fill: orange;
  }
}
@keyframes logo_out {
  from {
    fill: #000;
  }
  to {
    fill: #CCDB28;
  }
}
@keyframes logo_out1 {
  from {
    fill: #CCDB28;
  }
  to {
    fill: #CCDB28;
  }
}
@keyframes logo_out2 {
  from {
    fill: red;
  }
  to {
    fill: #CCDB28;
  }
}
@keyframes logo_out3 {
  from {
    fill: red;
  }
  to {
    fill: blue;
  }
}
@keyframes logo_out4 {
  from {
    fill: blue;
  }
  to {
    fill: orange;
  }
}
@keyframes logo-dot-heartbeat {
  0%, 6%, 100% {
    transform: scale(1);
  }
  1.5% {
    transform: scale(1.12);
  }
  3% {
    transform: scale(1);
  }
  4.5% {
    transform: scale(1.08);
  }
}
@keyframes hero-message {
  0% {
    color: #CCDB28;
  }
  33% {
    color: red;
  }
  66% {
    color: blue;
  }
  99% {
    color: #CCDB28;
  }
}
@keyframes move_dots {
  0% {
    top: -17%;
    right: -34%;
  }
  100% {
    top: -15%;
    right: -30%;
  }
}
@keyframes gradient {
  0% {
    background-color: hsl(264, 45%, 52%);
    background-position: 0% 50%;
  }
  30% {
    background-color: hsl(264, 45%, 52%);
    background-position: 0% 50%;
  }
  33.3333333% {
    background-size: 200% 200%;
    background-position: 100% 10%;
    background-color: hsl(126, 60%, 33%);
  }
  63% {
    background-size: 200% 200%;
    background-position: 100% 10%;
    background-color: hsl(126, 60%, 33%);
  }
  66.6666667% {
    background-size: 125% 125%;
    background-position: 100% 90%;
    background-color: hsl(300, 62%, 19%);
  }
  97% {
    background-size: 125% 125%;
    background-position: 100% 90%;
    background-color: hsl(300, 62%, 19%);
  }
  100% {
    background-size: 100% 100%;
    background-position: 100% 20%;
    background-color: hsl(264, 45%, 52%);
  }
}
@keyframes violatorBump1 {
  0% {
    transform: scale(1) rotate(-9deg);
    box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.016);
  }
  50% {
    transform: scale(1.05) rotate(-12deg);
    box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.425);
  }
  100% {
    transform: scale(1) rotate(-9deg);
    box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.016);
  }
}
@keyframes violatorBump2 {
  0% {
    transform: scale(1) rotate(-9deg);
    box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.016);
  }
  50% {
    transform: scale(1.05) rotate(-12deg);
    box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.425);
  }
  100% {
    transform: scale(1) rotate(-9deg);
    box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.016);
  }
}
@keyframes violatorBump3 {
  0% {
    transform: scale(1) rotate(-9deg);
    box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.016);
  }
  50% {
    transform: scale(1.05) rotate(-12deg);
    box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.425);
  }
  100% {
    transform: scale(1) rotate(-9deg);
    box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.016);
  }
}
/* to get rid of initial styles */
button {
  display: inline-block;
  border: none;
  padding: 0;
  margin: 0;
  background-color: transparent;
  text-decoration: none;
  font-family: sans-serif;
  cursor: pointer;
  text-align: left;
  transition: background 250ms ease-in-out, transform 150ms ease;
  -webkit-appearance: none;
  -moz-appearance: none;
  transition: all 0.5s ease 0s;
}

/* Base button */
.btn {
  padding: 0.75rem 1.25rem;
  display: inline-block;
  border: 2px solid #ffffff;
  background-color: #ffffff;
  font-family: degular, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 0.95rem;
  letter-spacing: 0.06rem;
  color: #000000;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.5s ease 0s;
}
@media only screen and (min-width: 1020px) {
  .btn {
    padding: 1rem 2rem;
    font-size: 0.875rem;
    line-height: 1rem;
    letter-spacing: 0.08rem;
  }
}
.btn:hover {
  background-color: transparent;
  border: 2px solid #000000;
  color: #ffffff;
}
.btn.no-fill {
  background-color: transparent;
  color: #ffffff;
}
.btn.no-fill:hover {
  border: 2px solid #000000;
}

/************************ General Global Style */
article, aside, footer, header, nav, section, div, ul, li, a, p, button, svg, img, h1, h2, h3, h4, h5, h6, input {
  transition: all 0.5s ease 0s;
}

/************************ Global */
html {
  scroll-behavior: smooth;
  /* This nudges the site's content out from under the vertical nav bar */
}

/************************ breakpoint-indicator */
.wrapper_breakpoint-indicator {
  position: fixed;
  z-index: 500;
  bottom: 0;
}
.wrapper_breakpoint-indicator p {
  font-size: 0.75rem;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  padding: 1.5rem;
  margin: 0;
  width: 10rem;
}
.wrapper_breakpoint-indicator .Small {
  background-color: #CCDB28;
}
.wrapper_breakpoint-indicator .Small-Medium {
  background-color: #333073;
}
.wrapper_breakpoint-indicator .Medium {
  background-color: #51E3E5;
}
.wrapper_breakpoint-indicator .Medium-Large {
  background-color: #205325;
}
.wrapper_breakpoint-indicator .Large {
  background-color: #EE5224;
}
.wrapper_breakpoint-indicator .MaxWidth {
  background-color: #4E1F4E;
}
.wrapper_breakpoint-indicator .Extra-Large {
  background-color: #3DB87D;
}
.wrapper_breakpoint-indicator .Small-Medium, .wrapper_breakpoint-indicator .Medium, .wrapper_breakpoint-indicator .Medium-Large, .wrapper_breakpoint-indicator .Large, .wrapper_breakpoint-indicator .MaxWidth, .wrapper_breakpoint-indicator .Extra-Large {
  display: none;
}
@media only screen and (min-width: 480px) {
  .wrapper_breakpoint-indicator .Small {
    display: none;
  }
  .wrapper_breakpoint-indicator .Small-Medium {
    display: block;
  }
}
@media only screen and (min-width: 680px) {
  .wrapper_breakpoint-indicator .Small-Medium {
    display: none;
  }
  .wrapper_breakpoint-indicator .Medium {
    display: block;
  }
}
@media only screen and (min-width: 880px) {
  .wrapper_breakpoint-indicator .Medium {
    display: none;
  }
  .wrapper_breakpoint-indicator .Medium-Large {
    display: block;
  }
}
@media only screen and (min-width: 1020px) {
  .wrapper_breakpoint-indicator .Medium-Large {
    display: none;
  }
  .wrapper_breakpoint-indicator .Large {
    display: block;
  }
}
@media only screen and (min-width: 1170px) {
  .wrapper_breakpoint-indicator .Large {
    display: none;
  }
  .wrapper_breakpoint-indicator .MaxWidth {
    display: block;
  }
}
@media only screen and (min-width: 1480px) {
  .wrapper_breakpoint-indicator .MaxWidth {
    display: none;
  }
  .wrapper_breakpoint-indicator .Extra-Large {
    display: block;
  }
}

/************************ 404 */
.wrapper_404-error {
  background-image: url("../../assets/images/404/404_background.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100vh;
  display: grid;
  padding-top: 6rem;
}
.wrapper_404-error .wrapper_video-row {
  display: flex;
  justify-content: center;
}
.wrapper_404-error .wrapper_video-row video {
  width: 100%;
  max-width: 85%;
  height: auto;
  aspect-ratio: 16/9;
}
.wrapper_404-error .wrapper_video-row video img {
  display: none;
}
.wrapper_404-error .wrapper_messaging {
  margin-top: -1rem;
}
.wrapper_404-error h1, .wrapper_404-error h2, .wrapper_404-error p {
  text-align: center;
  color: #452B73;
}
.wrapper_404-error h1 {
  font-size: 3.5625rem;
  line-height: 3.5625rem;
  margin-bottom: 0.5rem;
}
.wrapper_404-error h2 {
  font-size: 1.5rem;
  line-height: 1.5rem;
  font-weight: 400;
  margin-bottom: 0;
}
@media only screen and (min-width: 1020px) {
  .wrapper_404-error {
    padding-top: 0;
    align-content: center;
  }
  .wrapper_404-error .wrapper_video-row video {
    max-width: 47rem;
  }
  .wrapper_404-error .wrapper_messaging {
    margin-top: -2rem;
  }
  .wrapper_404-error h1 {
    font-size: 4.5625rem;
    line-height: 4.5625rem;
  }
  .wrapper_404-error h2 {
    font-size: 1.875rem;
    line-height: 1.875rem;
  }
}

/************************ cookies */
.cookies-popup-wrapper {
  position: fixed;
  bottom: 2rem;
  z-index: 1000;
  width: 100%;
  display: flex;
  justify-content: center;
  padding-left: 1rem;
  padding-right: 1rem;
}
.cookies-popup-wrapper .wrapper_cookies {
  background-color: #ffffff;
  box-shadow: 0px 10px 20px -5px rgba(47, 47, 47, 0.2);
  text-align: left;
  padding: 1.5rem 2rem;
  grid-gap: 3rem;
  border-radius: 1rem;
}
.cookies-popup-wrapper .wrapper_cookies p {
  margin: 0;
  font-family: charter, serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.5rem;
}
.cookies-popup-wrapper .wrapper_cookies p:first-of-type {
  font-family: degular, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1.75rem;
  color: #4E1F4E;
  margin-bottom: 0.25rem;
}
.cookies-popup-wrapper .wrapper_cookies .cookie-button {
  display: inline-block;
  background-color: #4E1F4E;
  padding: 1rem;
  border-radius: 1rem;
  color: #D5B0D5;
  font-family: degular, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1.125rem;
  text-transform: uppercase;
  text-decoration: none;
  margin-top: 1rem;
}
.cookies-popup-wrapper .wrapper_cookies .cookie-button:hover {
  background-color: #360D36;
  color: #ffffff;
}
@media only screen and (min-width: 680px) {
  .cookies-popup-wrapper .wrapper_cookies {
    display: flex;
    align-items: center;
  }
  .cookies-popup-wrapper .wrapper_cookies p:first-of-type {
    font-size: 1.75rem;
    line-height: 2rem;
    margin-bottom: 0.5rem;
  }
  .cookies-popup-wrapper .wrapper_cookies .cookie-button {
    margin-top: 0;
  }
}

.wrapper_logo {
  position: fixed;
  top: 1.75rem;
  left: 2rem;
  width: 5rem;
  z-index: 5000;
}
.wrapper_logo svg {
  fill: #CCDB28;
}
.wrapper_logo svg .logo-heartbeat-dot {
  animation: none;
  transform-box: fill-box;
  transform-origin: center center;
}
.wrapper_logo:hover svg {
  fill: #000000;
}
.wrapper_logo.about-us_page svg {
  fill: #EE5224;
}
.wrapper_logo.our-work_page svg {
  fill: #3DB87D;
}
.wrapper_logo.contact_page svg {
  fill: #51E3E5;
}
.wrapper_logo.careers_page svg {
  fill: #DBD7FA;
}
.wrapper_logo.project_page.project-ccc svg {
  fill: #51C0EA;
}
@media only screen and (min-width: 1020px) {
  .wrapper_logo {
    top: 1.75rem;
    width: 6.25rem;
  }
}

/************************ Nav Bar */
nav {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 19999;
  text-align: center;
}
@media only screen and (min-width: 1020px) {
  nav {
    width: 3rem;
    height: 3rem;
  }
}
nav .hamburger {
  position: absolute;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  top: 1rem;
  right: 1rem;
  z-index: 20000;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background-color: #000000;
}
@media only screen and (min-width: 1020px) {
  nav .hamburger {
    top: -10rem;
    right: -10rem;
    width: 3rem;
    height: 3rem;
  }
}
nav .hamburger svg {
  display: block;
  width: 1rem;
  fill: white;
  transition: fill 0.5s ease-in-out;
}
@media only screen and (min-width: 1020px) {
  nav .hamburger svg {
    width: 1.25rem;
  }
}
nav .hamburger.active {
  transform: rotate(-45deg);
}
nav .hamburger:hover {
  transform: rotate(-45deg);
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}
nav .hamburger:hover .top-right, nav .hamburger:hover .bottom-right, nav .hamburger:hover .bottom-left {
  transition: all 0.5s ease-in-out;
}
nav .wrapper_navigation {
  position: absolute;
  top: 0;
  right: -24rem;
  width: 23rem;
  background-color: #242424;
}
nav .wrapper_navigation.active {
  right: 0;
}
@media only screen and (min-width: 680px) {
  nav .wrapper_navigation {
    right: -26rem;
    width: 25rem;
  }
}
@media only screen and (min-width: 1020px) {
  nav .wrapper_navigation {
    right: -33rem;
    width: 31.4375rem;
  }
  nav .wrapper_navigation.active {
    right: 0;
  }
}
nav .wrapper_navigation .wrapper_top-level {
  padding: 1rem 1rem 3rem 2.375rem;
}
@media only screen and (min-width: 1020px) {
  nav .wrapper_navigation .wrapper_top-level {
    padding: 2rem 4.375rem 4rem 3.5rem;
  }
}
nav .wrapper_navigation .wrapper_top-level ul {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: left;
}
nav .wrapper_navigation .wrapper_top-level ul li {
  margin: 0;
}
nav .wrapper_navigation .wrapper_top-level .primary-nav li a {
  font-family: degular, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 2rem;
  line-height: 1.75rem;
  display: block;
  padding: 0.75rem 0;
  text-decoration: none;
  color: #707ABA;
}
nav .wrapper_navigation .wrapper_top-level .primary-nav li a:hover {
  color: #B8BFEB;
}
@media only screen and (min-width: 1020px) {
  nav .wrapper_navigation .wrapper_top-level .primary-nav li a {
    font-size: 3.375rem;
    line-height: 3rem;
    padding: 1rem 0;
  }
}
nav .wrapper_navigation .wrapper_top-level .primary-nav li.active a {
  color: #B8BFEB;
}
nav .wrapper_navigation .wrapper_top-level .primary-nav .secondary-nav {
  margin-top: 2.25rem;
}
nav .wrapper_navigation .wrapper_top-level .primary-nav .secondary-nav li a {
  font-family: degular, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 2rem;
  display: block;
  padding: 0;
  text-decoration: none;
  color: #3DB87D;
  text-transform: uppercase;
}
nav .wrapper_navigation .wrapper_top-level .primary-nav .secondary-nav li a:hover {
  text-decoration: underline;
  color: #B8BFEB;
}
nav .wrapper_navigation .wrapper_secondary-level {
  background-color: #2F2F2F;
  padding: 2.375rem 2rem 3rem 2.375rem;
  text-align: left;
}
@media only screen and (min-width: 680px) {
  nav .wrapper_navigation .wrapper_secondary-level {
    padding: 2.375rem 2rem 3em 2.375rem;
  }
}
@media only screen and (min-width: 1020px) {
  nav .wrapper_navigation .wrapper_secondary-level {
    padding: 3rem 3rem 3rem 3.5rem;
  }
}
nav .wrapper_navigation .wrapper_secondary-level .logo-dig {
  display: block;
  width: 3.5625rem;
}
nav .wrapper_navigation .wrapper_secondary-level p {
  font-family: degular, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1.25rem;
  color: #3DB87D;
}
nav .wrapper_navigation .wrapper_secondary-level p em {
  font-weight: 600;
  font-style: italic;
}

.page-template-template-home .wrapper_logo svg {
  fill: #fff;
}

.page-template-template-home .hamburger {
  background-color: #CCE328;
}
.page-template-template-home .hamburger svg .top-left {
  fill: #000 !important;
  transition: fill 0.5s ease-in-out;
}
.page-template-template-home .hamburger svg .top-right, .page-template-template-home .hamburger svg .bottom-right, .page-template-template-home .hamburger svg .bottom-left {
  fill: #ffffff;
  transition: fill 0.5s ease-in-out;
}
.page-template-template-home .hamburger:hover .top-right, .page-template-template-home .hamburger:hover .bottom-right, .page-template-template-home .hamburger:hover .bottom-left {
  fill: #ffffff;
  transition: fill 0.5s ease-in-out;
}

.page-template-template-work .wrapper_logo svg {
  fill: #3DB87D;
}

.page-template-template-work .hamburger {
  background-color: #333073;
}
.page-template-template-work .hamburger svg .top-right {
  fill: #000 !important;
  transition: fill 0.5s ease-in-out;
}
.page-template-template-work .hamburger svg .top-left, .page-template-template-work .hamburger svg .bottom-right, .page-template-template-work .hamburger svg .bottom-left {
  fill: #ffffff;
  transition: fill 0.5s ease-in-out;
}
.page-template-template-work .hamburger:hover .top-right, .page-template-template-work .hamburger:hover .bottom-right, .page-template-template-work .hamburger:hover .bottom-left {
  fill: #ffffff;
  transition: fill 0.5s ease-in-out;
}

.page-template-template-about .wrapper_logo svg {
  fill: #EE5224;
}

.page-template-template-about .hamburger {
  background-color: #E8D6E8;
}
.page-template-template-about .hamburger svg .bottom-left {
  fill: #000;
  transition: fill 0.5s ease-in-out;
}
.page-template-template-about .hamburger svg .top-left, .page-template-template-about .hamburger svg .top-right, .page-template-template-about .hamburger svg .bottom-right {
  fill: #ffffff;
  transition: fill 0.5s ease-in-out;
}
.page-template-template-about .hamburger:hover .top-right, .page-template-template-about .hamburger:hover .bottom-right, .page-template-template-about .hamburger:hover .bottom-left {
  fill: #ffffff;
  transition: fill 0.5s ease-in-out;
}

.page-template-template-contact .wrapper_logo svg {
  fill: #51E3E5;
}

.page-template-template-contact .hamburger {
  background-color: #0763AE;
}
.page-template-template-contact .hamburger svg .bottom-right {
  fill: #000;
  transition: fill 0.5s ease-in-out;
}
.page-template-template-contact .hamburger svg .top-left, .page-template-template-contact .hamburger svg .top-right, .page-template-template-contact .hamburger svg .bottom-left {
  fill: #ffffff;
  transition: fill 0.5s ease-in-out;
}
.page-template-template-contact .hamburger:hover .top-right, .page-template-template-contact .hamburger:hover .bottom-right, .page-template-template-contact .hamburger:hover .bottom-left {
  fill: #ffffff;
  transition: fill 0.5s ease-in-out;
}

.page-template-template-careers .wrapper_logo svg {
  fill: #C0B9F8;
}

.page-template-template-careers .hamburger {
  background-color: #27017E;
}
.page-template-template-careers .hamburger svg .top-left {
  fill: #000;
  transition: fill 0.5s ease-in-out;
}
.page-template-template-careers .hamburger svg .top-right, .page-template-template-careers .hamburger svg .bottom-right, .page-template-template-careers .hamburger svg .bottom-left {
  fill: #ffffff;
  transition: fill 0.5s ease-in-out;
}
.page-template-template-careers .hamburger:hover .top-right, .page-template-template-careers .hamburger:hover .bottom-right, .page-template-template-careers .hamburger:hover .bottom-left {
  fill: #ffffff;
  transition: fill 0.5s ease-in-out;
}

.single-work .hamburger .wrapper_logo svg {
  fill: #fff;
}
.single-work .hamburger svg .top-left {
  fill: #FFFFFF;
  transition: fill 0.5s ease-in-out;
}
.single-work .hamburger svg .top-right, .single-work .hamburger svg .bottom-right, .single-work .hamburger svg .bottom-left {
  fill: #333333;
  transition: fill 0.5s ease-in-out;
}
.single-work .hamburger:hover .top-right, .single-work .hamburger:hover .bottom-right, .single-work .hamburger:hover .bottom-left {
  fill: #FFFFFF;
  transition: fill 0.5s ease-in-out;
}

/************************ Circular Links */
.wrapper_circular-link {
  display: flex;
}
.wrapper_circular-link .circular-link {
  display: flex;
  text-decoration: none;
  height: 2.5rem;
  width: -moz-max-content;
  width: max-content;
  align-items: center;
}
.wrapper_circular-link .circular-link svg {
  display: inline-block;
  width: 2.48125rem;
  stroke: #EE5224;
}
.wrapper_circular-link .circular-link p {
  display: inline-block;
  font-family: degular, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1.125rem;
  text-transform: uppercase;
  margin: 0 0 0.25rem -1.25rem;
  color: #242424;
}
.wrapper_circular-link .circular-link:hover svg {
  rotate: 360deg;
  transition: rotate 4s;
}
.wrapper_circular-link .circular-link.yellow-green svg {
  stroke: #CCDB28;
}
.wrapper_circular-link .circular-link.yellow-green p {
  color: #CCDB28;
}
.wrapper_circular-link .circular-link.green svg {
  stroke: #3DB87D;
}
.wrapper_circular-link .circular-link.green p {
  color: #3DB87D;
}
.wrapper_circular-link .circular-link.navy svg {
  stroke: #333073;
}
.wrapper_circular-link .circular-link.navy p {
  color: #333073;
}
.wrapper_circular-link .circular-link.purple svg {
  stroke: #333073;
}
.wrapper_circular-link .circular-link.purple p {
  color: #333073;
}

/************************ Pagination */
.wrapper_pagination {
  grid-column: 1/17;
  padding: 4rem 0;
}
.wrapper_pagination a {
  font-family: degular, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.75rem;
  color: #3DB87D;
}
.wrapper_pagination a:hover {
  color: #333073;
}
@media only screen and (min-width: 1170px) {
  .wrapper_pagination {
    grid-column: 2/17;
    padding: 7rem 0;
  }
  .wrapper_pagination a {
    font-size: 3.75rem;
  }
}

.wrapper_work-feed .wrapper_pagination {
  padding: 0 0 4rem 0;
}
@media only screen and (min-width: 1170px) {
  .wrapper_work-feed .wrapper_pagination {
    padding: 1rem 0 7rem 0;
  }
}

/************************ Sidebars */
.sidebar h3 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-family: charter;
  font-weight: normal;
}
.sidebar ul {
  list-style: none;
}
.sidebar ul li {
  font-size: 2rem;
  line-height: 3rem;
  font-weight: 600;
  color: #3DB87D;
  margin: 0;
}
.sidebar ul li:hover {
  color: #333073;
}
@media only screen and (min-width: 1020px) {
  .sidebar ul li {
    font-size: 2.5rem;
    line-height: 3.75rem;
  }
}
@media only screen and (min-width: 1480px) {
  .sidebar h3 {
    font-size: 1.6875rem;
    line-height: 2rem;
  }
  .sidebar ul li {
    font-size: 3.75rem;
    line-height: 4.9375rem;
  }
}

/* Services: used on Home */
.sidebar.sidebar-services h3 {
  font-family: Degular, arial;
  color: #4D278E;
  font-size: 30px;
  font-weight: 600;
}
.sidebar.sidebar-services ul li {
  color: #3DB87D;
  font-size: clamp(2rem, 5vw, 3.75rem);
  line-height: 1.08;
}
.sidebar.sidebar-services ul li:hover {
  color: #333073;
}
.sidebar.sidebar-services a {
  display: block;
  max-width: 100%;
  text-decoration: none;
}
.sidebar.sidebar-services a:hover {
  text-decoration: underline;
}

/* Filter: used on Our Work page */
.sidebar.sidebar-filter h3 {
  font-family: degular, sans-serif;
  font-size: 1.125rem;
  line-height: 1.4375rem;
  text-transform: uppercase;
  font-weight: 700;
  color: #3DB87D;
  margin-bottom: 0;
}
@media only screen and (min-width: 1020px) {
  .sidebar.sidebar-filter h3 {
    margin-top: 0.75rem;
  }
}
.sidebar.sidebar-filter ul {
  margin-top: 0.5rem;
}
.sidebar.sidebar-filter ul li {
  color: #3DB87D;
  font-size: 1.25rem;
  line-height: 1.25rem;
  margin-bottom: 0.5rem;
}
.sidebar.sidebar-filter ul li a {
  text-decoration: none;
}
.sidebar.sidebar-filter ul li:hover {
  color: #333073;
}

/************************ Background Gradients */
.wrapper_gradient.teal-white {
  background-image: linear-gradient(to bottom, #EAF2F1, #FFFFFF);
}
.wrapper_gradient.blue-white {
  background-image: linear-gradient(to bottom, #B5D9D9, #FFFFFF);
}
.wrapper_gradient.purple-white {
  background-image: linear-gradient(to bottom, #FAF0FA, #FFFFFF);
}
.wrapper_gradient {
  /* Background Images for Home Intro */
}
.wrapper_gradient.wrapper_intro {
  background: linear-gradient(to bottom, #def6f6, #fbfdfd) center top/100% 100% no-repeat;
  padding-top: 2rem;
}
@media only screen and (min-width: 1170px) {
  .wrapper_gradient.wrapper_intro {
    padding-top: 0;
  }
}

/************************ Testimonials */
.wrapper_testimonial.default {
  /** This sets the colors  */
}
.wrapper_testimonial.default.home .wrapper_top {
  background: #1FDEA0;
  background: linear-gradient(0deg, rgb(31, 222, 160) 50%, rgb(251, 253, 253) 50%);
}
.wrapper_testimonial.default.home .wrapper_top .icon-testimonial-face #circle {
  fill: #333073;
}
.wrapper_testimonial.default.home .wrapper_top .icon-testimonial-face #mouth .line-dotted-outer, .wrapper_testimonial.default.home .wrapper_top .icon-testimonial-face #mouth .line-dotted-inner-eye, .wrapper_testimonial.default.home .wrapper_top .icon-testimonial-face #mouth .line-dotted-outer, .wrapper_testimonial.default.home .wrapper_top .icon-testimonial-face #mouth .line-dotted-inner-mouth, .wrapper_testimonial.default.home .wrapper_top .icon-testimonial-face #eye-left .line-dotted-outer, .wrapper_testimonial.default.home .wrapper_top .icon-testimonial-face #eye-left .line-dotted-inner-eye, .wrapper_testimonial.default.home .wrapper_top .icon-testimonial-face #eye-left .line-dotted-outer, .wrapper_testimonial.default.home .wrapper_top .icon-testimonial-face #eye-left .line-dotted-inner-mouth, .wrapper_testimonial.default.home .wrapper_top .icon-testimonial-face #eye-right .line-dotted-outer, .wrapper_testimonial.default.home .wrapper_top .icon-testimonial-face #eye-right .line-dotted-inner-eye, .wrapper_testimonial.default.home .wrapper_top .icon-testimonial-face #eye-right .line-dotted-outer, .wrapper_testimonial.default.home .wrapper_top .icon-testimonial-face #eye-right .line-dotted-inner-mouth {
  stroke: #1FDEA0;
}
.wrapper_testimonial.default.home .wrapper_primary-content {
  background: #1FDEA0;
}
.wrapper_testimonial.default.home .wrapper_quote .wrapper_quote-mark svg {
  fill: #04c164;
}
.wrapper_testimonial.default.home .wrapper_quote p {
  color: #4D278E;
}
.wrapper_testimonial.default.home .wrapper_attribute .wrapper_client h1 {
  color: #4D278E;
}
.wrapper_testimonial.default.home .wrapper_attribute .wrapper_client h2 {
  color: #4D278E;
}
.wrapper_testimonial.default.home .wrapper_attribute .wrapper_client a {
  color: #4D278E;
}
.wrapper_testimonial.default {
  /** This sets the colors  */
}
.wrapper_testimonial.default.about .wrapper_top {
  background: #4E1F4E;
  background: linear-gradient(180deg, rgb(78, 31, 78) 50%, rgb(213, 176, 213) 50%);
}
.wrapper_testimonial.default.about .wrapper_top .icon-testimonial-face #circle {
  fill: #EE5224;
}
.wrapper_testimonial.default.about .wrapper_top .icon-testimonial-face #mouth .line-dotted-outer, .wrapper_testimonial.default.about .wrapper_top .icon-testimonial-face #mouth .line-dotted-inner-eye, .wrapper_testimonial.default.about .wrapper_top .icon-testimonial-face #mouth .line-dotted-outer, .wrapper_testimonial.default.about .wrapper_top .icon-testimonial-face #mouth .line-dotted-inner-mouth, .wrapper_testimonial.default.about .wrapper_top .icon-testimonial-face #eye-left .line-dotted-outer, .wrapper_testimonial.default.about .wrapper_top .icon-testimonial-face #eye-left .line-dotted-inner-eye, .wrapper_testimonial.default.about .wrapper_top .icon-testimonial-face #eye-left .line-dotted-outer, .wrapper_testimonial.default.about .wrapper_top .icon-testimonial-face #eye-left .line-dotted-inner-mouth, .wrapper_testimonial.default.about .wrapper_top .icon-testimonial-face #eye-right .line-dotted-outer, .wrapper_testimonial.default.about .wrapper_top .icon-testimonial-face #eye-right .line-dotted-inner-eye, .wrapper_testimonial.default.about .wrapper_top .icon-testimonial-face #eye-right .line-dotted-outer, .wrapper_testimonial.default.about .wrapper_top .icon-testimonial-face #eye-right .line-dotted-inner-mouth {
  stroke: #FFFFFF;
}
.wrapper_testimonial.default.about .wrapper_primary-content {
  background: #D5B0D5;
}
.wrapper_testimonial.default.about .wrapper_quote .wrapper_quote-mark svg {
  fill: #B486B4;
}
.wrapper_testimonial.default.about .wrapper_quote p {
  color: #4E1F4E;
}
.wrapper_testimonial.default.about .wrapper_attribute .wrapper_client h1 {
  color: #4E1F4E;
}
.wrapper_testimonial.default.about .wrapper_attribute .wrapper_client h2 {
  color: #4E1F4E;
}
.wrapper_testimonial.default.about .wrapper_attribute .wrapper_client a {
  color: #4E1F4E;
}
.wrapper_testimonial.default .wrapper_top {
  position: relative;
  display: flex;
  justify-content: center;
}
.wrapper_testimonial.default .wrapper_top #icon-face {
  position: relative;
  z-index: 100;
  width: 8rem;
  margin-bottom: 1rem;
}
.wrapper_testimonial.default .wrapper_primary-content {
  padding-bottom: 3.125rem;
}
.wrapper_testimonial.default .wrapper_primary-content .wrapper_16-column {
  padding: 1rem 0;
  align-items: start;
}
.wrapper_testimonial.default .wrapper_quote {
  display: grid;
  grid-row-gap: 1.375rem;
  grid-column: 1/17;
  padding-right: 1rem;
}
.wrapper_testimonial.default .wrapper_quote .wrapper_quote-mark {
  display: grid;
  height: 2rem;
}
.wrapper_testimonial.default .wrapper_quote .wrapper_quote-mark svg {
  height: 2rem;
  margin-left: -0.25rem;
}
.wrapper_testimonial.default .wrapper_quote p {
  font-size: 1.5rem;
  line-height: 1.75rem;
  margin: 0;
}
.wrapper_testimonial.default .wrapper_attribute {
  padding-top: 3rem;
  display: grid;
  grid-row-gap: 1.375rem;
  grid-column: 1/17;
}
.wrapper_testimonial.default .wrapper_attribute .wrapper_testimonial-logo {
  height: 2.5rem;
  display: grid;
}
.wrapper_testimonial.default .wrapper_attribute .wrapper_testimonial-logo img {
  height: 2.5rem;
}
.wrapper_testimonial.default .wrapper_attribute .wrapper_client h1 {
  font-size: 1.4375rem;
  line-height: 1.4375rem;
  font-weight: 500;
  margin-top: 0rem;
  margin-bottom: 0.25rem;
}
.wrapper_testimonial.default .wrapper_attribute .wrapper_client h2 {
  font-size: 0.875rem;
  line-height: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-top: 0rem;
  margin-bottom: 0.75rem;
}
.wrapper_testimonial.default .wrapper_attribute .wrapper_client a {
  font-family: degular, sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  text-decoration: none;
}
.wrapper_testimonial.default .wrapper_attribute .wrapper_client a:hover {
  text-decoration: underline;
}
@media only screen and (min-width: 880px) {
  .wrapper_testimonial.default .wrapper_quote {
    grid-row-gap: 1.375rem;
    grid-column: 1/11;
  }
  .wrapper_testimonial.default .wrapper_quote .wrapper_quote-mark {
    height: 2.5rem;
  }
  .wrapper_testimonial.default .wrapper_quote .wrapper_quote-mark svg {
    height: 2.5rem;
  }
  .wrapper_testimonial.default .wrapper_quote p {
    font-size: 1.625rem;
    line-height: 2rem;
  }
  .wrapper_testimonial.default {
    /** Shaun update the below  */
  }
  .wrapper_testimonial.default .wrapper_attribute {
    grid-column: 11/17;
    padding-top: 0;
  }
}
.wrapper_testimonial.project-page {
  padding: 0;
  /** All of the custom color changes are in the _featured-projects sass file  */
}
.wrapper_testimonial.project-page .wrapper_16-column {
  grid-template-columns: 1fr;
  grid-gap: 3rem;
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.wrapper_testimonial.project-page .wrapper_16-column .wrapper_left {
  display: grid;
}
.wrapper_testimonial.project-page .wrapper_16-column .wrapper_left #icon-face {
  margin: 0 auto 1rem auto;
  width: 8rem;
}
.wrapper_testimonial.project-page .wrapper_16-column .wrapper_left p {
  font-family: degular;
  margin: 0;
  text-transform: uppercase;
  text-align: center;
}
.wrapper_testimonial.project-page .wrapper_16-column .wrapper_left .quote-name {
  font-weight: 700;
  text-transform: initial;
  font-size: 1.35rem;
}
.wrapper_testimonial.project-page .wrapper_16-column .wrapper_right {
  position: relative;
  padding-top: 1.75rem;
  padding-left: 3.85rem;
}
.wrapper_testimonial.project-page .wrapper_16-column .wrapper_right .icon-quote {
  position: absolute;
  width: 5rem;
  top: 0;
  left: 0;
  z-index: 0;
}
.wrapper_testimonial.project-page .wrapper_16-column .wrapper_right q {
  position: relative;
}
@media only screen and (min-width: 880px) {
  .wrapper_testimonial.project-page .wrapper_16-column {
    grid-template-columns: 1fr 3fr;
  }
  .wrapper_testimonial.project-page .wrapper_16-column .wrapper_left #icon-face {
    margin-left: 0;
  }
  .wrapper_testimonial.project-page .wrapper_16-column .wrapper_left p {
    text-align: left;
  }
}
@media only screen and (min-width: 880px) {
  .wrapper_testimonial.project-page {
    grid-template-columns: 1fr 3fr;
  }
}

#icon-face {
  filter: drop-shadow(8px 8px 12px rgba(0, 0, 0, 0.16));
  width: 10rem;
}
#icon-face .face {
  fill: #4D278E;
}
#icon-face .line-dotted-outer, #icon-face .line-dotted-inner-mouth, #icon-face .line-dotted-inner-eye {
  stroke: #21DE9F;
}
#icon-face .line-dotted-outer {
  fill: none;
  stroke-width: 5;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}
#icon-face .line-dotted-inner-mouth {
  fill: none;
  stroke-width: 5;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-dasharray: 0.4863, 9.7265;
}
#icon-face .line-dotted-inner-eye {
  fill: none;
  stroke-width: 5;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-dasharray: 0.481, 9.6204;
}
#icon-face.orange .face {
  fill: #EE5224;
}
#icon-face.orange .line-dotted-outer, #icon-face.orange .line-dotted-inner-mouth, #icon-face.orange .line-dotted-inner-eye {
  stroke: #ffffff;
}
#icon-face.purple .face {
  fill: #4D278E;
}
#icon-face.purple .line-dotted-outer, #icon-face.purple .line-dotted-inner-mouth, #icon-face.purple .line-dotted-inner-eye {
  stroke: #21DE9F;
}

/************************ Full-width Graphics and Images */
.wrapper_full-width-graphic {
  width: 100%;
}
.wrapper_full-width-graphic img, .wrapper_full-width-graphic video {
  display: block;
  width: 100%;
}
.wrapper_full-width-graphic.graphic-anniversary {
  padding: 2rem;
  background-color: #360D36;
}
@media only screen and (min-width: 1480px) {
  .wrapper_full-width-graphic.graphic-anniversary {
    padding: 2.8125rem;
  }
}

/************************ Call to Action */
.wrapper_cta-primary {
  background-image: url(../images/circles_large.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #333073;
  text-align: center;
  padding-top: 5.8125rem;
  padding-bottom: 5.1875rem;
}
.wrapper_cta-primary .max-width {
  position: relative;
}
.wrapper_cta-primary .max-width img {
  width: 7.75rem;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 0;
  border-radius: 50%;
  box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.15);
}
.wrapper_cta-primary h1 {
  font-size: 1.75rem;
  line-height: 2rem;
  color: #B3D9D7;
  font-weight: 800;
  position: relative;
  z-index: 100;
  margin-bottom: 0;
}
.wrapper_cta-primary p {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-style: italic;
  position: relative;
  z-index: 100;
  margin-top: 0.5rem;
}
.wrapper_cta-primary p a {
  color: #ffffff;
}
.wrapper_cta-primary p a:hover {
  color: #B3D9D7;
}
@media only screen and (min-width: 680px) {
  .wrapper_cta-primary {
    padding-top: 7.8125rem;
    padding-bottom: 7.1875rem;
  }
  .wrapper_cta-primary .max-width img {
    width: 8.75rem;
  }
  .wrapper_cta-primary h1 {
    font-size: 2.5rem;
    line-height: 3rem;
  }
  .wrapper_cta-primary p {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
@media only screen and (min-width: 1480px) {
  .wrapper_cta-primary {
    padding-top: 9.8125rem;
    padding-bottom: 9.1875rem;
  }
  .wrapper_cta-primary .max-width img {
    width: 9.75rem;
  }
  .wrapper_cta-primary h1 {
    font-size: 3.75rem;
    line-height: 4.25rem;
  }
  .wrapper_cta-primary p {
    font-size: 1.75rem;
    line-height: 2.25rem;
    margin-top: 1rem;
  }
}

.wrapper_cta_work-samples {
  padding-top: 5.3125rem;
  padding-bottom: 5rem;
}
.wrapper_cta_work-samples .wrapper_16-column {
  row-gap: 3rem;
  -moz-column-gap: 0;
       column-gap: 0;
}
@media only screen and (min-width: 680px) {
  .wrapper_cta_work-samples .wrapper_16-column {
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
}
@media only screen and (min-width: 1170px) {
  .wrapper_cta_work-samples .wrapper_16-column {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
}
.wrapper_cta_work-samples .wrapper_work-card .cta-arrow {
  width: 4.5rem !important;
}
.wrapper_cta_work-samples .wrapper_left {
  grid-column: 1/17;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 2rem;
  padding-bottom: 5rem;
}
.wrapper_cta_work-samples .wrapper_left h1 {
  font-size: 2rem;
  line-height: 2rem;
  text-align: center;
  position: relative;
  z-index: 100;
  max-width: 12.125rem;
}
.wrapper_cta_work-samples .wrapper_left svg {
  position: absolute;
  width: 2.4375rem;
  left: 0;
  right: 0;
  bottom: -5rem;
  margin: auto;
  transform: rotate(90deg);
}
.wrapper_cta_work-samples .wrapper_left svg path {
  fill: none;
  stroke: #B3D9D7;
}
.wrapper_cta_work-samples .wrapper_left img {
  width: 7.75rem;
  display: block;
  position: absolute;
  z-index: 0;
  border-radius: 50%;
  box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.15);
}
@media only screen and (min-width: 1170px) {
  .wrapper_cta_work-samples .wrapper_left {
    grid-column: 1/5;
  }
  .wrapper_cta_work-samples .wrapper_left h1 {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
  .wrapper_cta_work-samples .wrapper_left svg {
    width: 2.4375rem;
    bottom: 0.25em;
    right: -3.4375rem;
    left: auto;
    transform: rotate(0);
  }
}
.wrapper_cta_work-samples .wrapper_middle {
  grid-column: 1/17;
}
@media only screen and (min-width: 680px) {
  .wrapper_cta_work-samples .wrapper_middle {
    grid-column: 1/9;
  }
}
@media only screen and (min-width: 1170px) {
  .wrapper_cta_work-samples .wrapper_middle {
    grid-column: 6/11;
    max-width: 19.875rem;
  }
}
.wrapper_cta_work-samples .wrapper_right {
  grid-column: 1/17;
}
@media only screen and (min-width: 680px) {
  .wrapper_cta_work-samples .wrapper_right {
    grid-column: 9/17;
  }
}
@media only screen and (min-width: 1170px) {
  .wrapper_cta_work-samples .wrapper_right {
    grid-column: 11/16;
    max-width: 19.875rem;
  }
}
.wrapper_cta_work-samples.navy {
  background-color: #333073;
}
.wrapper_cta_work-samples.navy h1 {
  color: #B3D9D7;
}
.wrapper_cta_work-samples.navy .wrapper_work-card .work-client, .wrapper_cta_work-samples.navy .wrapper_work-card .work-title {
  color: #B3D9D7;
}
.wrapper_cta_work-samples.navy .wrapper_work-card:hover .work-client, .wrapper_cta_work-samples.navy .wrapper_work-card:hover .work-title {
  color: #ffffff;
}

/********************* Heros */
.wrapper_hero-home {
  overflow: hidden;
  position: relative;
  z-index: 0;
  height: 70rem;
  padding-top: 13rem;
}
.wrapper_hero-home [class^=bg-gradient] {
  height: 60rem !important;
}
@media only screen and (min-width: 480px) {
  .wrapper_hero-home {
    height: 63rem;
  }
}
@media only screen and (min-width: 680px) {
  .wrapper_hero-home {
    height: 60rem;
  }
}
@media only screen and (min-width: 880px) {
  .wrapper_hero-home {
    height: 58rem;
  }
}
@media only screen and (min-width: 1020px) {
  .wrapper_hero-home {
    height: 56rem;
  }
}
@media only screen and (min-width: 1170px) {
  .wrapper_hero-home {
    height: 56rem;
  }
}
@media only screen and (min-width: 1480px) {
  .wrapper_hero-home {
    height: 56rem;
  }
}
.wrapper_hero-home .hero-container {
  padding-left: 2rem;
  padding-right: 2rem;
}
@media only screen and (min-width: 1170px) {
  .wrapper_hero-home .hero-container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.wrapper_hero-home .bg-gradient1 {
  position: absolute;
  height: 38.7rem;
  top: 0;
  width: 100%;
  opacity: 1;
  z-index: 0;
  background-image: url(../images/bg_hero1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.wrapper_hero-home .bg-gradient2 {
  position: absolute;
  top: 0;
  opacity: 0;
  height: 38.7rem;
  width: 100%;
  background-image: url(../images/bg_hero2.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.wrapper_hero-home .bg-gradient3 {
  position: absolute;
  background-size: 150% 150%;
  opacity: 0;
  height: 38.7rem;
  top: 0;
  width: 100%;
  content: "";
  background: linear-gradient(to bottom, transparent calc(100% - 590px), transparent calc(100% - 589px), rgb(77, 48, 138) 65%), radial-gradient(circle at 5% 12%, rgb(77, 48, 138) 14%, transparent 50%), radial-gradient(circle at 25% 8%, rgb(98.1129032258, 61.1612903226, 175.8387096774) 22%, transparent 55%), radial-gradient(circle at 48% 18%, rgb(109.9596774194, 71.3709677419, 191.1290322581) 16%, transparent 50%), radial-gradient(circle at 70% 6%, rgb(124.9032258065, 90.2903225806, 197.7096774194) 28%, transparent 60%), radial-gradient(circle at 92% 30%, rgb(139.8467741935, 109.2096774194, 204.2903225806) 12%, transparent 45%), radial-gradient(circle at 15% 42%, rgb(154.7903225806, 128.1290322581, 210.8709677419) 26%, transparent 55%), radial-gradient(circle at 38% 33%, rgb(169.7338709677, 147.0483870968, 217.4516129032) 18%, transparent 48%), radial-gradient(circle at 58% 53%, rgb(184.6774193548, 165.9677419355, 224.0322580645) 30%, transparent 60%), radial-gradient(circle at 83% 41%, rgb(199.6209677419, 184.8870967742, 230.6129032258) 14%, transparent 50%), radial-gradient(circle at 18% 65%, rgb(214.564516129, 203.8064516129, 237.1935483871) 20%, transparent 54%), radial-gradient(circle at 47% 78%, rgb(229.5080645161, 222.7258064516, 243.7741935484) 24%, transparent 58%), radial-gradient(circle at 88% 70%, rgb(244.4516129032, 241.6451612903, 250.3548387097) 32%, transparent 62%);
}
.wrapper_hero-home .bg-gradient4 {
  position: absolute;
  background-size: 150% 150%;
  opacity: 0;
  height: 38.7rem;
  top: 0;
  width: 100%;
  content: "";
  background: linear-gradient(to bottom, transparent calc(100% - 590px), transparent calc(100% - 589px), rgb(58, 53, 139) 65%), radial-gradient(circle at 5% 12%, rgb(58, 53, 139) 14%, transparent 50%), radial-gradient(circle at 25% 8%, rgb(73.40625, 67.078125, 175.921875) 22%, transparent 55%), radial-gradient(circle at 48% 18%, rgb(86.453125, 80.1640625, 188.3359375) 16%, transparent 50%), radial-gradient(circle at 70% 6%, rgb(104.25, 98.625, 195.375) 28%, transparent 60%), radial-gradient(circle at 92% 30%, rgb(122.046875, 117.0859375, 202.4140625) 12%, transparent 45%), radial-gradient(circle at 15% 42%, rgb(139.84375, 135.546875, 209.453125) 26%, transparent 55%), radial-gradient(circle at 38% 33%, rgb(157.640625, 154.0078125, 216.4921875) 18%, transparent 48%), radial-gradient(circle at 58% 53%, rgb(175.4375, 172.46875, 223.53125) 30%, transparent 60%), radial-gradient(circle at 83% 41%, rgb(193.234375, 190.9296875, 230.5703125) 14%, transparent 50%), radial-gradient(circle at 18% 65%, rgb(211.03125, 209.390625, 237.609375) 20%, transparent 54%), radial-gradient(circle at 47% 78%, rgb(228.828125, 227.8515625, 244.6484375) 24%, transparent 58%), radial-gradient(circle at 88% 70%, rgb(246.625, 246.3125, 251.6875) 32%, transparent 62%);
}
.wrapper_hero-home .max-width {
  height: 100%;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  z-index: 100;
}
.wrapper_hero-home .max-width-full {
  position: relative;
  height: 100%;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  z-index: 100;
  max-width: 100%;
  transition: all 0.5s ease;
}
.wrapper_hero-home .max-width-full:before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  background: #def6f6;
  z-index: -1;
  transition: all 0.1s ease;
}
@media only screen and (min-width: 1170px) {
  .wrapper_hero-home .max-width-full:before {
    -webkit-mask-image: url("../images/dips-big.svg");
            mask-image: url("../images/dips-big.svg"); /* Your shape */
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: 5000px 464px;
            mask-size: 5000px 464px;
    -webkit-mask-position: center -150px;
            mask-position: center -150px;
  }
  .wrapper_hero-home .max-width-full.one-active:before {
    -webkit-mask-position: calc(50% - 390px) 0px;
            mask-position: calc(50% - 390px) 0px;
    transition: all 0.3s ease;
  }
  .wrapper_hero-home .max-width-full.two-active:before {
    -webkit-mask-position: center 0;
            mask-position: center 0;
    transition: all 0.3s ease;
  }
  .wrapper_hero-home .max-width-full.three-active:before {
    -webkit-mask-position: calc(50% + 385px) 0px;
            mask-position: calc(50% + 385px) 0px;
    transition: all 0.3s ease;
  }
}
.wrapper_hero-home .featured-projects-layer--desktop {
  display: none;
}
.wrapper_hero-home .featured-projects-layer--mobile {
  display: block;
  background: linear-gradient(to bottom, transparent 0 203px, #def6f6 203px 100%);
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scroll-padding-left: 1.5rem;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  cursor: grab;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.wrapper_hero-home .featured-projects-layer--mobile.is-dragging {
  cursor: grabbing;
  scroll-behavior: auto;
  scroll-snap-type: none;
}
.wrapper_hero-home .featured-projects-layer--mobile a,
.wrapper_hero-home .featured-projects-layer--mobile img {
  cursor: inherit;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  user-drag: none;
  -webkit-user-drag: none;
}
.wrapper_hero-home .featured-projects-layer--mobile::-webkit-scrollbar {
  display: none;
}
.wrapper_hero-home .featured-projects-layer--mobile:before {
  display: none;
}
@media only screen and (min-width: 1170px) {
  .wrapper_hero-home .featured-projects-layer--desktop {
    display: block;
  }
  .wrapper_hero-home .featured-projects-layer--mobile {
    display: none;
  }
}
.wrapper_hero-home #dip2 {
  position: absolute;
  left: -170px;
  width: 200%;
  height: 500px;
}
.wrapper_hero-home h1 {
  position: relative;
  text-align: left;
  font-size: 52px;
  line-height: 52px;
  padding-top: 15px;
  min-height: 160px;
  letter-spacing: -0.025em;
  margin-top: 0;
  z-index: 200;
  transition: all 2.5s ease;
  text-transform: lowercase;
}
.wrapper_hero-home h1.one {
  color: #fff;
  transition: all 2.5s ease;
}
.wrapper_hero-home h1.two {
  color: #fff;
  transition: all 2.5s ease;
}
.wrapper_hero-home h1.three {
  color: #fff;
  transition: all 2.5s ease;
}
.wrapper_hero-home h1.four {
  color: #fff;
  transition: all 2.5s ease;
}
.wrapper_hero-home h1.off {
  color: #fff !important;
}
.wrapper_hero-home h1 .ti-cursor {
  margin-left: 8px;
  display: inline-block;
  width: 12px;
  font-size: 64px;
  line-height: 0 !important;
  color: #fff;
  transform: translate(-5px, 6px);
}
@media only screen and (min-width: 1170px) {
  .wrapper_hero-home h1 {
    font-size: 85px;
    line-height: 71px;
    padding-top: 0;
    min-height: 150px;
  }
}
.wrapper_hero-home .hero-half {
  position: relative;
}
.wrapper_hero-home .hero-half h2 {
  padding-top: 0;
  padding-bottom: 10px;
  padding-right: 70px;
  color: #fff;
  font-size: 28px;
  line-height: 32px;
  font-weight: 500;
}
@media only screen and (min-width: 480px) {
  .wrapper_hero-home .hero-half h2 {
    padding-top: 20px;
  }
}
.wrapper_hero-home .wrapper_violator {
  background-color: #CCDB28;
  height: 117px;
  width: 117px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  transform: rotate(-9deg);
  margin-top: 0.5rem;
  box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.016);
  z-index: 100;
  left: -0.5rem;
  top: -5.3rem;
}
.wrapper_hero-home .wrapper_violator p {
  color: #1F1F1F;
  margin: 0;
  font-size: 24px;
  line-height: 24px;
  font-style: italic;
}
.wrapper_hero-home .background-image {
  position: absolute;
  z-index: 0;
}
.wrapper_hero-home .background-image.halftone_a {
  width: 76%;
  left: -10%;
  bottom: -10%;
  opacity: 0.15 !important;
}
@media only screen and (min-width: 880px) {
  .wrapper_hero-home .background-image.halftone_a {
    width: 46%;
    left: -9%;
    bottom: -26%;
  }
}
.wrapper_hero-home .background-image.halftone_b {
  width: 65%;
  right: -6%;
  bottom: -14%;
  opacity: 0.15;
}
@media only screen and (min-width: 880px) {
  .wrapper_hero-home .background-image.halftone_b {
    width: 45%;
    right: 6%;
    bottom: -14%;
  }
}
.wrapper_hero-home .background-image.halftone_c {
  width: 75%;
  left: 5%;
  top: 4%;
  opacity: 0.15;
}
@media only screen and (min-width: 880px) {
  .wrapper_hero-home .background-image.halftone_c {
    width: 35%;
    left: 15%;
    top: 4%;
  }
}
.wrapper_hero-home .background-image.circle_a {
  width: 82%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.15;
  transition: all 10s ease-in-out;
}
@media only screen and (min-width: 880px) {
  .wrapper_hero-home .background-image.circle_a {
    width: 52%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.wrapper_hero-home .background-image.circle_b {
  width: 75%;
  top: -24%;
  left: -24%;
  opacity: 0.15;
  transition: all 10s ease-in-out;
}
@media only screen and (min-width: 880px) {
  .wrapper_hero-home .background-image.circle_b {
    width: 54%;
    top: -24%;
    left: -24%;
  }
}
.wrapper_hero-home .background-image.circle_c {
  width: 75%;
  bottom: -25%;
  right: -17%;
  opacity: 0.15;
}
@media only screen and (min-width: 880px) {
  .wrapper_hero-home .background-image.circle_c {
    width: 58%;
    bottom: -25%;
    right: -17%;
  }
}
.wrapper_hero-home .background-image.circle_d {
  width: 65%;
  bottom: -20%;
  left: 15%;
  opacity: 0.15;
}
@media only screen and (min-width: 880px) {
  .wrapper_hero-home .background-image.circle_d {
    width: 33%;
    bottom: -20%;
    left: 33%;
  }
}
.wrapper_hero-home .background-image.circle_e {
  width: 90%;
  top: -17%;
  right: -34%;
  opacity: 0.15;
}
@media only screen and (min-width: 880px) {
  .wrapper_hero-home .background-image.circle_e {
    width: 54%;
    top: -17%;
    right: -34%;
  }
}
.wrapper_hero-home .background-image.circle_f {
  width: 54%;
  top: -17%;
  left: 5%;
  opacity: 0.15;
}
@media only screen and (min-width: 880px) {
  .wrapper_hero-home .background-image.circle_f {
    width: 24%;
    top: -17%;
    left: -4%;
  }
}
.wrapper_hero-home .background-image.circle_g {
  width: 65%;
  top: -20%;
  left: 50%;
  opacity: 0.15;
}
@media only screen and (min-width: 880px) {
  .wrapper_hero-home .background-image.circle_g {
    width: 33%;
    top: -23%;
    left: 50%;
  }
}
.wrapper_hero-home .background-image.circle_h {
  width: 63%;
  bottom: 15%;
  left: -15%;
  transform: rotate(180deg);
  opacity: 0.15;
}
@media only screen and (min-width: 880px) {
  .wrapper_hero-home .background-image.circle_h {
    width: 33%;
    bottom: -15%;
    left: -15%;
  }
}
.wrapper_hero-home .background-image.circle_i {
  width: 53%;
  top: 28%;
  left: -15%;
  transform: rotate(210deg);
  opacity: 0.15;
}
@media only screen and (min-width: 880px) {
  .wrapper_hero-home .background-image.circle_i {
    width: 33%;
    top: -28%;
    left: 13%;
  }
}
.wrapper_hero-home .background-image.circle_j {
  width: 71%;
  bottom: -10%;
  left: -10%;
  opacity: 0.15;
}
@media only screen and (min-width: 880px) {
  .wrapper_hero-home .background-image.circle_j {
    width: 21%;
    bottom: -10%;
    left: 21%;
  }
}
@media only screen and (min-width: 480px) {
  .wrapper_hero-home .wrapper_circular-link {
    bottom: 2.5rem;
  }
}
@media only screen and (min-width: 680px) {
  .wrapper_hero-home .wrapper_circular-link {
    bottom: 4rem;
  }
}
@media only screen and (min-width: 1020px) {
  .wrapper_hero-home .wrapper_circular-link {
    bottom: 2.5rem;
  }
}
@media only screen and (min-width: 1170px) {
  .wrapper_hero-home .wrapper_circular-link {
    right: 0;
    bottom: 3.5rem;
  }
}

.hero-container {
  margin: 0 auto;
  padding: 0 1.5rem;
  max-width: 1170px;
}
@media only screen and (min-width: 880px) {
  .hero-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
}
@media only screen and (min-width: 1170px) {
  .hero-container {
    min-height: 410px;
  }
}

.featured-container {
  max-width: 1170px;
  min-width: 1170px;
  width: 1170px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-items: center;
  grid-auto-flow: column;
  text-align: center;
  padding: 0;
  position: relative;
  z-index: 0;
}
.featured-container a {
  position: relative;
  margin-top: 33px;
  text-align: center;
  border-radius: 50%;
  transition: all 0.2s ease;
  z-index: 4;
  overflow: hidden;
}
.featured-container a img {
  border-radius: 50%;
  width: 340px;
  height: 340px;
}
.featured-container a .circle.c2 {
  z-index: 10;
}
.featured-container a .wrapper_description {
  position: absolute;
  color: #ffffff;
  opacity: 0;
  text-decoration: none;
  background-color: #CCDB28;
  color: #000000;
  border-radius: 50%;
  width: 14rem;
  height: 14rem;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  top: 50%;
  left: 50%;
  padding: 2rem;
  transform: translate(-50%, -50%) scale(0);
  transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1); /* easeInOutQuart */
}
.featured-container a .wrapper_description h1, .featured-container a .wrapper_description h2 {
  font-family: degular, sans-serif;
  font-style: normal;
  display: block;
  min-height: auto;
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.25rem;
  text-transform: uppercase;
}
.featured-container a:hover {
  margin-top: 39px;
  transition: all 0.3s ease;
  z-index: 3;
}
.featured-container a:hover img {
  box-shadow: none;
}
.featured-container a:hover .wrapper_description {
  opacity: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1); /* easeInOutQuart */
}
.featured-container a:hover .wrapper_description h1, .featured-container a:hover .wrapper_description h2 {
  font-family: degular, sans-serif;
  font-style: normal;
  font-size: 1.25rem;
  line-height: 1.25rem;
  display: block;
  text-align: center;
}
@media only screen and (min-width: 1170px) {
  .featured-container a {
    margin-top: -167px;
  }
  .featured-container a:hover {
    margin-top: -161px;
  }
}

.featured-container--mobile {
  max-width: none;
  min-width: -moz-max-content;
  min-width: max-content;
  width: -moz-max-content;
  width: max-content;
  display: flex;
  grid-template-columns: none;
  grid-auto-flow: initial;
  gap: 2rem;
  margin: 0;
  padding: 0 1.5rem;
  justify-items: initial;
}
.featured-container--mobile a {
  flex: 0 0 340px;
  width: 340px;
  height: 340px;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

.morph-shape {
  position: absolute;
  background-color: #cceffc;
  width: 100%;
  height: 50vh;
  z-index: -2;
  margin: 0;
  padding: 0;
}
.morph-shape svg {
  position: absolute;
  left: 0;
  z-index: 100;
  width: 100%;
}
.morph-shape #end {
  display: none;
}

/* Interior Heros */
.wrapper_hero-interior h1 {
  font-size: 4rem;
  line-height: 3rem;
  margin: 0 0 2rem 0;
}
.wrapper_hero-interior h2 {
  font-size: 1.5rem;
  line-height: 1.75rem;
  max-width: 30rem;
}
.wrapper_hero-interior .wrapper_top {
  grid-column: 1/17;
  padding-top: 5rem;
}
.wrapper_hero-interior .wrapper_left {
  grid-column: 1/17;
  padding-top: 5rem;
  padding-bottom: 2rem;
}
.wrapper_hero-interior .wrapper_right {
  grid-column: 1/17;
  padding-bottom: 4rem;
}
.wrapper_hero-interior .wrapper_left, .wrapper_hero-interior .wrapper_right {
  position: relative;
  z-index: 100;
}
.wrapper_hero-interior .wrapper_left {
  grid-column: 1/17;
  padding-bottom: 2rem;
}
.wrapper_hero-interior .wrapper_right {
  grid-column: 1/17;
  padding-bottom: 4rem;
}
.wrapper_hero-interior.work-page .wrapper_top {
  grid-column: 1/17;
  padding-top: 5rem;
}
.wrapper_hero-interior.work-page .wrapper_left {
  grid-column: 1/17;
  padding-top: 0;
  padding-bottom: 2rem;
}
.wrapper_hero-interior.work-page .wrapper_right {
  grid-column: 1/17;
  padding-bottom: 4rem;
}
@media only screen and (min-width: 680px) {
  .wrapper_hero-interior h1 {
    font-size: 5rem;
    line-height: 4rem;
  }
  .wrapper_hero-interior .wrapper_left {
    grid-column: 1/11;
    padding-top: 8rem;
    padding-bottom: 6.25rem;
  }
  .wrapper_hero-interior .wrapper_right {
    grid-column: 12/17;
    padding-top: 10rem;
    padding-bottom: 6.25rem;
  }
  .wrapper_hero-interior.work-page .wrapper_top {
    padding-top: 8rem;
  }
  .wrapper_hero-interior.work-page .wrapper_left {
    grid-column: 1/11;
    padding-top: 0;
    padding-bottom: 6.25rem;
  }
  .wrapper_hero-interior.work-page .wrapper_right {
    grid-column: 12/17;
    padding-top: 0px;
    padding-bottom: 6.25rem;
  }
}
@media only screen and (min-width: 1020px) {
  .wrapper_hero-interior h1 {
    font-size: 7rem;
    line-height: 6rem;
  }
  .wrapper_hero-interior h2 {
    font-size: 1.875rem;
    line-height: 2.5rem;
    max-width: 35rem;
  }
}
@media only screen and (min-width: 1480px) {
  .wrapper_hero-interior h1 {
    font-size: 10rem;
    line-height: 7rem;
    margin: 0 0 4rem 0;
  }
  .wrapper_hero-interior h2 {
    font-size: 1.875rem;
    line-height: 2.5rem;
    max-width: 35rem;
  }
  .wrapper_hero-interior .wrapper_left {
    grid-column: 1/10;
    padding-top: 11rem;
    padding-bottom: 6.25rem;
  }
  .wrapper_hero-interior .wrapper_right {
    grid-column: 12/17;
    padding-top: 11rem;
    padding-bottom: 6.25rem;
  }
  .wrapper_hero-interior.work-page .wrapper_top {
    padding-top: 11rem;
  }
  .wrapper_hero-interior.work-page .wrapper_left {
    grid-column: 1/10;
    padding-top: 0;
    padding-bottom: 6.25rem;
  }
  .wrapper_hero-interior.work-page .wrapper_right {
    grid-column: 12/17;
    padding-top: 0;
    padding-bottom: 6.25rem;
  }
}
.wrapper_hero-interior {
  /* General Page Heros */
}
.wrapper_hero-interior.hero_a {
  position: relative;
  overflow: hidden;
}
.wrapper_hero-interior.hero_a img {
  position: absolute;
  z-index: 0;
}
.wrapper_hero-interior.hero_a {
  /* Our Work hero */
}
.wrapper_hero-interior.hero_a.work-page h1 {
  color: #333073;
}
.wrapper_hero-interior.hero_a.work-page h2 {
  color: #EE5224;
}
.wrapper_hero-interior.hero_a.work-page .hero-halftone_a-1 {
  width: 15rem;
  top: 5rem;
  left: -7rem;
  opacity: 0.025;
}
.wrapper_hero-interior.hero_a.work-page .hero-halftone_a-2 {
  width: 10rem;
  top: -5rem;
  right: 2rem;
  opacity: 0.1;
}
.wrapper_hero-interior.hero_a.work-page .hero-halftone_b-1 {
  width: 15rem;
  top: -5rem;
  left: 3rem;
  opacity: 0.05;
}
.wrapper_hero-interior.hero_a.work-page .hero-halftone_b-2 {
  width: 15rem;
  top: 5rem;
  right: 5rem;
  opacity: 0.1;
}
@media only screen and (min-width: 680px) {
  .wrapper_hero-interior.hero_a.work-page .hero-halftone_a-1 {
    width: 20rem;
    top: 0;
    left: -5rem;
  }
  .wrapper_hero-interior.hero_a.work-page .hero-halftone_a-2 {
    width: 20rem;
    top: -10rem;
    right: -5rem;
  }
  .wrapper_hero-interior.hero_a.work-page .hero-halftone_b-1 {
    width: 20rem;
    top: -10rem;
    left: 5rem;
  }
  .wrapper_hero-interior.hero_a.work-page .hero-halftone_b-2 {
    width: 20rem;
    top: 5rem;
    right: 10rem;
  }
}
@media only screen and (min-width: 880px) {
  .wrapper_hero-interior.hero_a.work-page .hero-halftone_a-1 {
    width: 30rem;
    top: -5rem;
    left: -15rem;
  }
  .wrapper_hero-interior.hero_a.work-page .hero-halftone_a-2 {
    width: 30rem;
    top: -20rem;
    right: -8rem;
  }
  .wrapper_hero-interior.hero_a.work-page .hero-halftone_b-1 {
    width: 30rem;
    top: -20rem;
    left: 10rem;
  }
  .wrapper_hero-interior.hero_a.work-page .hero-halftone_b-2 {
    width: 20rem;
    top: 5rem;
    right: 15rem;
  }
}
@media only screen and (min-width: 1170px) {
  .wrapper_hero-interior.hero_a.work-page .hero-halftone_a-1 {
    width: 40rem;
    top: -5rem;
    left: -20rem;
  }
  .wrapper_hero-interior.hero_a.work-page .hero-halftone_a-2 {
    width: 40rem;
    top: -30rem;
    right: -10rem;
  }
  .wrapper_hero-interior.hero_a.work-page .hero-halftone_b-1 {
    width: 40rem;
    top: -30rem;
    left: 10rem;
  }
  .wrapper_hero-interior.hero_a.work-page .hero-halftone_b-2 {
    width: 30rem;
    top: 4rem;
    right: 20rem;
  }
}
@media only screen and (min-width: 1480px) {
  .wrapper_hero-interior.hero_a.work-page .hero-halftone_a-1 {
    width: 50rem;
    top: -10rem;
    left: -25rem;
  }
  .wrapper_hero-interior.hero_a.work-page .hero-halftone_a-2 {
    width: 50rem;
    top: -40rem;
    right: -10rem;
  }
  .wrapper_hero-interior.hero_a.work-page .hero-halftone_b-1 {
    width: 45rem;
    top: -30rem;
    left: 10rem;
  }
  .wrapper_hero-interior.hero_a.work-page .hero-halftone_b-2 {
    width: 30rem;
    top: 5rem;
    right: 30rem;
  }
}
.wrapper_hero-interior.hero_a.about-page {
  background-color: #4E1F4E;
  background-image: url("../images/hero_background_about.jpg");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
  position: relative;
}
.wrapper_hero-interior.hero_a.about-page .wrapper_16-column {
  align-content: center;
  align-items: center;
}
.wrapper_hero-interior.hero_a.about-page .wrapper_left {
  grid-column: 1/17;
  padding-bottom: 0;
}
.wrapper_hero-interior.hero_a.about-page .wrapper_right {
  grid-column: 1/17;
  padding-bottom: 8rem;
}
.wrapper_hero-interior.hero_a.about-page h1 {
  font-size: 4rem;
  line-height: 3rem;
  color: #D5B0D5;
}
.wrapper_hero-interior.hero_a.about-page h2 {
  font-size: 1.5rem;
  line-height: 1.75rem;
  max-width: 30rem;
  font-weight: 500;
  color: #ffffff;
}
@media only screen and (min-width: 680px) {
  .wrapper_hero-interior.hero_a.about-page h1 {
    font-size: 5rem;
    line-height: 4rem;
  }
  .wrapper_hero-interior.hero_a.about-page .wrapper_left {
    grid-column: 1/17;
    padding-top: 8rem;
  }
  .wrapper_hero-interior.hero_a.about-page .wrapper_right {
    grid-column: 1/17;
    padding-top: 0;
    padding-bottom: 6.25rem;
  }
}
@media only screen and (min-width: 1020px) {
  .wrapper_hero-interior.hero_a.about-page .wrapper_left {
    grid-column: 1/10;
    padding-bottom: 17.5rem;
  }
  .wrapper_hero-interior.hero_a.about-page .wrapper_right {
    grid-column: 10/17;
    padding-top: 10rem;
    padding-bottom: 17.5rem;
    padding-left: 2.8125rem;
  }
  .wrapper_hero-interior.hero_a.about-page h1 {
    font-size: 8rem;
    line-height: 6rem;
    margin: 0;
  }
  .wrapper_hero-interior.hero_a.about-page h2 {
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin: 2rem 0 1.5rem 0;
  }
}
@media only screen and (min-width: 1170px) {
  .wrapper_hero-interior.hero_a.about-page h1 {
    font-size: 10rem;
    line-height: 6rem;
  }
  .wrapper_hero-interior.hero_a.about-page h2 {
    font-size: 1.75rem;
    line-height: 2rem;
  }
}
.wrapper_hero-interior.hero_a {
  /* Contact hero */
  /* Shaun use these rules below 2/21 */
}
.wrapper_hero-interior.hero_a.contact-page h1 {
  color: #0763AE;
}
.wrapper_hero-interior.hero_a.contact-page h2 {
  color: #242424;
}
.wrapper_hero-interior.hero_a.contact-page .wrapper_left {
  grid-column: 1/17;
}
.wrapper_hero-interior.hero_a.contact-page .wrapper_left h2 {
  max-width: 30rem;
}
@media only screen and (min-width: 880px) {
  .wrapper_hero-interior.hero_a.contact-page .wrapper_left h2 {
    max-width: 34.6875rem;
  }
}
.wrapper_hero-interior.hero_a {
  /* Careers hero */
  /* Shaun use these rules below 2/21 */
}
.wrapper_hero-interior.hero_a.careers-page {
  background-color: transparent;
}
.wrapper_hero-interior.hero_a.careers-page h1 {
  color: #8AC2C3;
}
.wrapper_hero-interior.hero_a.careers-page h2 {
  color: #ffffff;
}
.wrapper_hero-interior.hero_a.careers-page h2 a {
  text-decoration: underline;
}
.wrapper_hero-interior.hero_a.careers-page .wrapper_left {
  grid-column: 1/17;
}
.wrapper_hero-interior.hero_a.careers-page .wrapper_left h2 {
  max-width: 35rem;
}
@media only screen and (min-width: 880px) {
  .wrapper_hero-interior.hero_a.careers-page .wrapper_left h2 {
    max-width: 34.6875rem;
  }
}
@media only screen and (min-width: 1170px) {
  .wrapper_hero-interior.hero_a.careers-page .wrapper_left h2 {
    max-width: 40.75rem;
  }
}
.wrapper_hero-interior {
  /* Project hero */
}
.wrapper_hero-interior.hero_b {
  background-color: #2F2F2F;
  color: #ffffff;
  padding-bottom: 8rem;
}
.wrapper_hero-interior.hero_b h2 {
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin-bottom: 0;
}
.wrapper_hero-interior.hero_b h1 {
  font-size: 3rem;
  line-height: 2.75rem;
  margin-bottom: 0;
}
.wrapper_hero-interior.hero_b p {
  margin-bottom: 1rem;
  font-size: 1rem;
}
.wrapper_hero-interior.hero_b .wrapper_top {
  grid-column: 1/17;
  padding-top: 6rem;
}
.wrapper_hero-interior.hero_b .wrapper_left {
  grid-column: 1/17;
  padding-top: 1rem;
  padding-bottom: 0;
}
.wrapper_hero-interior.hero_b .wrapper_right {
  grid-column: 1/17;
  padding-top: 1rem;
}
.wrapper_hero-interior.hero_b .wrapper_right.sidebar.sidebar-filter {
  padding-bottom: 2rem;
}
.wrapper_hero-interior.hero_b .wrapper_right.sidebar.sidebar-filter h2 {
  font-family: degular, sans-serif;
  color: #ffffff;
  font-size: 1rem;
  line-height: normal;
  font-weight: 600;
  opacity: 0.5 !important;
  margin-bottom: 0.25rem;
}
.wrapper_hero-interior.hero_b .wrapper_right.sidebar.sidebar-filter ul li {
  font-size: 1rem;
  line-height: 1rem;
}
@media only screen and (min-width: 480px) {
  .wrapper_hero-interior.hero_b .wrapper_top {
    grid-column: 1/14;
  }
  .wrapper_hero-interior.hero_b .wrapper_left {
    grid-column: 1/14;
  }
}
@media only screen and (min-width: 680px) {
  .wrapper_hero-interior.hero_b {
    padding-bottom: 15rem;
  }
  .wrapper_hero-interior.hero_b h2 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .wrapper_hero-interior.hero_b h1 {
    font-size: 4rem;
    line-height: 3.75rem;
    margin-bottom: 0;
  }
  .wrapper_hero-interior.hero_b p {
    margin-bottom: 2rem;
    max-width: 45rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .wrapper_hero-interior.hero_b .wrapper_top {
    grid-column: 1/16;
    padding-top: 8rem;
  }
  .wrapper_hero-interior.hero_b .wrapper_left {
    grid-column: 1/12;
    padding-top: 2rem;
    padding-bottom: 3rem;
  }
  .wrapper_hero-interior.hero_b .wrapper_left p:first-of-type {
    margin-top: 0;
  }
  .wrapper_hero-interior.hero_b .wrapper_right {
    grid-column: 13/17;
    padding-top: 2rem;
  }
  .wrapper_hero-interior.hero_b .wrapper_right.sidebar.sidebar-filter ul li {
    font-size: 1rem;
    line-height: 1.25rem;
    margin-bottom: 0.125rem;
  }
}
@media only screen and (min-width: 1020px) {
  .wrapper_hero-interior.hero_b h1 {
    font-size: 5rem;
    line-height: 4.75rem;
  }
  .wrapper_hero-interior.hero_b .wrapper_top {
    grid-column: 1/16;
  }
}
@media only screen and (min-width: 1170px) {
  .wrapper_hero-interior.hero_b {
    padding-bottom: 25rem;
  }
  .wrapper_hero-interior.hero_b h2 {
    font-size: 1.875rem;
    line-height: 2.5rem;
  }
  .wrapper_hero-interior.hero_b h1 {
    font-size: 7.5rem;
    line-height: 7rem;
  }
  .wrapper_hero-interior.hero_b .wrapper_top {
    grid-column: 1/16;
    padding-top: 9rem;
    padding-bottom: 3rem;
  }
  .wrapper_hero-interior.hero_b .wrapper_left {
    grid-column: 1/12;
    padding-top: 0;
    padding-bottom: 3rem;
  }
  .wrapper_hero-interior.hero_b .wrapper_right {
    grid-column: 13/17;
    padding-top: 0;
  }
}
.wrapper_hero-interior.hero_b.wrapper_divider {
  background-color: #782224;
}
.wrapper_hero-interior.hero_b.wrapper_divider.two {
  background-color: #5C95AC;
}
.wrapper_hero-interior.hero_b.wrapper_divider .wrapper_top {
  grid-column: 1/17;
  padding-top: 4rem;
}
.wrapper_hero-interior.hero_b.wrapper_divider .wrapper_top h1 {
  font-size: 2rem;
  line-height: 1.5rem;
  margin-bottom: 1.5rem;
  color: #ffffff;
}
.wrapper_hero-interior.hero_b.wrapper_divider .wrapper_bottom {
  grid-column: 1/17;
  padding-bottom: 2rem;
}
.wrapper_hero-interior.hero_b.wrapper_divider .wrapper_bottom p {
  font-size: 1.125rem;
  line-height: 1.6rem;
}
@media only screen and (min-width: 480px) {
  .wrapper_hero-interior.hero_b.wrapper_divider .wrapper_bottom {
    grid-column: 1/14;
  }
}
@media only screen and (min-width: 680px) {
  .wrapper_hero-interior.hero_b.wrapper_divider .wrapper_top {
    grid-column: 2/16;
    padding-top: 5rem;
  }
  .wrapper_hero-interior.hero_b.wrapper_divider .wrapper_top h1 {
    font-size: 3rem;
    line-height: 2.75rem;
    margin-bottom: 2.5rem;
  }
  .wrapper_hero-interior.hero_b.wrapper_divider .wrapper_bottom {
    grid-column: 6/16;
  }
}
@media only screen and (min-width: 1020px) {
  .wrapper_hero-interior.hero_b.wrapper_divider .wrapper_top h1 {
    font-size: 4rem;
    line-height: 3.75rem;
  }
}
@media only screen and (min-width: 1170px) {
  .wrapper_hero-interior.hero_b.wrapper_divider .wrapper_top {
    grid-column: 2/11;
    padding-top: 6.25rem;
    padding-bottom: 0;
  }
  .wrapper_hero-interior.hero_b.wrapper_divider .wrapper_top h1 {
    font-size: 5.625rem;
    line-height: 5rem;
  }
  .wrapper_hero-interior.hero_b.wrapper_divider .wrapper_bottom {
    grid-column: 8/14;
    padding-bottom: 0;
  }
}

/************************ Introduction / Large Section Wrapper */
.wrapper_intro .wrapper_content-featured {
  height: 17rem;
  margin-top: -8.5rem;
  position: relative;
  z-index: 500;
  display: flex;
  align-items: center;
  width: 100%;
}
@media only screen and (min-width: 680px) {
  .wrapper_intro .wrapper_content-featured {
    height: 20rem;
  }
}
@media only screen and (min-width: 1170px) {
  .wrapper_intro .wrapper_content-featured {
    height: 23rem;
  }
}
@media only screen and (min-width: 1480px) {
  .wrapper_intro .wrapper_content-featured {
    height: 28rem;
  }
}
.wrapper_intro .wrapper_content-featured {
  /************************ Home Featured Thumbnails */
}
.wrapper_intro .wrapper_content-featured .wrapper_row-featured-thumbs.mobile {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 2rem;
  justify-content: space-between;
  overflow: scroll;
  height: 100%;
}
.wrapper_intro .wrapper_content-featured .wrapper_row-featured-thumbs.mobile a {
  display: flex;
  position: relative;
  width: 14rem;
  height: 14rem;
  justify-content: center;
  align-content: center;
}
.wrapper_intro .wrapper_content-featured .wrapper_row-featured-thumbs.mobile a img {
  width: 14rem;
  height: 14rem;
  border-radius: 50%;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.15);
}
.wrapper_intro .wrapper_content-featured .wrapper_row-featured-thumbs.mobile a .wrapper_description {
  position: absolute;
  display: none;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  background-color: #CCDB28;
  color: #000000;
  text-decoration: none;
  width: 14rem;
  height: 14rem;
  padding: 2rem;
  border-radius: 50%;
  text-align: center;
  align-self: center;
  transform: scale(0);
}
.wrapper_intro .wrapper_content-featured .wrapper_row-featured-thumbs.mobile a .wrapper_description h1, .wrapper_intro .wrapper_content-featured .wrapper_row-featured-thumbs.mobile a .wrapper_description h2 {
  font-family: degular, sans-serif;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.125rem;
  margin: 0;
  width: 100%;
  text-transform: uppercase;
}
.wrapper_intro .wrapper_content-featured .wrapper_row-featured-thumbs.mobile a .wrapper_description h1 {
  margin-bottom: 0.75rem;
}
.wrapper_intro .wrapper_content-featured .wrapper_row-featured-thumbs.mobile a:hover img {
  box-shadow: none;
}
.wrapper_intro .wrapper_content-featured .wrapper_row-featured-thumbs.mobile a:hover .wrapper_description {
  transform: scale(1);
}
@media only screen and (min-width: 680px) {
  .wrapper_intro .wrapper_content-featured .wrapper_row-featured-thumbs.mobile a {
    width: 17rem;
    height: 17rem;
  }
  .wrapper_intro .wrapper_content-featured .wrapper_row-featured-thumbs.mobile a img {
    width: 17rem;
    height: 17rem;
  }
}
@media only screen and (min-width: 1020px) {
  .wrapper_intro .wrapper_content-featured .wrapper_row-featured-thumbs.mobile {
    display: none;
  }
}
.wrapper_intro .wrapper_content-featured .wrapper_row-featured-thumbs.desktop {
  display: none;
  width: 100%;
  align-items: center;
  gap: 2rem;
  overflow: scroll;
  height: 100%;
  padding-right: 0rem !important;
  padding-left: 0rem !important;
}
.wrapper_intro .wrapper_content-featured .wrapper_row-featured-thumbs.desktop a {
  display: flex;
  position: relative;
  justify-content: center;
  align-content: center;
}
.wrapper_intro .wrapper_content-featured .wrapper_row-featured-thumbs.desktop a img {
  border-radius: 50%;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.15);
}
.wrapper_intro .wrapper_content-featured .wrapper_row-featured-thumbs.desktop a .wrapper_description {
  position: absolute;
  display: none;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  background-color: #CCDB28;
  color: #000000;
  text-decoration: none;
  width: 14rem;
  height: 14rem;
  padding: 2rem;
  border-radius: 50%;
  text-align: center;
  align-self: center;
  transform: scale(0);
}
.wrapper_intro .wrapper_content-featured .wrapper_row-featured-thumbs.desktop a .wrapper_description h1, .wrapper_intro .wrapper_content-featured .wrapper_row-featured-thumbs.desktop a .wrapper_description h2 {
  font-family: degular, sans-serif;
  font-style: normal;
  margin: 0;
  width: 100%;
  text-transform: uppercase;
}
.wrapper_intro .wrapper_content-featured .wrapper_row-featured-thumbs.desktop a .wrapper_description h1 {
  margin-bottom: 0.75rem;
}
.wrapper_intro .wrapper_content-featured .wrapper_row-featured-thumbs.desktop a:hover img {
  box-shadow: none;
}
.wrapper_intro .wrapper_content-featured .wrapper_row-featured-thumbs.desktop a:hover .wrapper_description {
  transform: scale(1);
}
@media only screen and (min-width: 1020px) {
  .wrapper_intro .wrapper_content-featured .wrapper_row-featured-thumbs.desktop {
    display: flex;
    justify-content: center;
  }
  .wrapper_intro .wrapper_content-featured .wrapper_row-featured-thumbs.desktop a {
    width: 280px;
    height: 280px;
  }
  .wrapper_intro .wrapper_content-featured .wrapper_row-featured-thumbs.desktop a img {
    width: 280px;
    height: 280px;
  }
  .wrapper_intro .wrapper_content-featured .wrapper_row-featured-thumbs.desktop a .wrapper_description {
    width: 70%;
    height: 70%;
    display: flex;
    padding: 1rem;
  }
  .wrapper_intro .wrapper_content-featured .wrapper_row-featured-thumbs.desktop a .wrapper_description h1, .wrapper_intro .wrapper_content-featured .wrapper_row-featured-thumbs.desktop a .wrapper_description h2 {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media only screen and (min-width: 1170px) {
  .wrapper_intro .wrapper_content-featured .wrapper_row-featured-thumbs.desktop {
    padding-right: 2rem;
    padding-left: 2rem;
  }
  .wrapper_intro .wrapper_content-featured .wrapper_row-featured-thumbs.desktop a {
    width: 300px;
    height: 300px;
  }
  .wrapper_intro .wrapper_content-featured .wrapper_row-featured-thumbs.desktop a img {
    width: 300px;
    height: 300px;
  }
  .wrapper_intro .wrapper_content-featured .wrapper_row-featured-thumbs.desktop a .wrapper_description {
    padding: 2rem;
  }
  .wrapper_intro .wrapper_content-featured .wrapper_row-featured-thumbs.desktop a .wrapper_description h1, .wrapper_intro .wrapper_content-featured .wrapper_row-featured-thumbs.desktop a .wrapper_description h2 {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media only screen and (min-width: 1480px) {
  .wrapper_intro .wrapper_content-featured .wrapper_row-featured-thumbs.desktop a {
    width: 340px;
    height: 340px;
  }
  .wrapper_intro .wrapper_content-featured .wrapper_row-featured-thumbs.desktop a img {
    width: 340px;
    height: 340px;
  }
}
.wrapper_intro .wrapper_circular-link {
  justify-content: flex-end;
  margin-top: 5%;
}
.wrapper_intro .wrapper_intro-services {
  padding-top: 3rem;
  padding-bottom: 5rem;
  grid-row-gap: 3rem;
}
@media only screen and (min-width: 680px) {
  .wrapper_intro .wrapper_intro-services {
    padding-top: 0;
    padding-bottom: 8rem;
  }
}
@media only screen and (min-width: 1480px) {
  .wrapper_intro .wrapper_intro-services {
    padding-bottom: 12.5rem;
  }
}
.wrapper_intro .wrapper_intro-services .wrapper_left {
  grid-column: 1/17;
}
.wrapper_intro .wrapper_intro-services .wrapper_left .wrapper_circular-link {
  justify-content: flex-start;
}
.wrapper_intro .wrapper_intro-services .wrapper_left h1 {
  font-size: 2rem;
  line-height: 2.15rem;
  font-weight: 600;
  color: #4D278E;
  margin-bottom: 1.5rem;
}
.wrapper_intro .wrapper_intro-services .wrapper_left h2 {
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #4D278E;
  font-family: charter, serif;
  font-weight: normal;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 680px) {
  .wrapper_intro .wrapper_intro-services .wrapper_left {
    grid-column: 2/12;
  }
  .wrapper_intro .wrapper_intro-services .wrapper_left h1, .wrapper_intro .wrapper_intro-services .wrapper_left h2 {
    max-width: 35rem;
  }
}
@media only screen and (min-width: 880px) {
  .wrapper_intro .wrapper_intro-services .wrapper_left h1 {
    font-size: 2.15rem;
    line-height: 2.4rem;
  }
  .wrapper_intro .wrapper_intro-services .wrapper_left h2 {
    font-size: 1.35rem;
    line-height: 2rem;
  }
}
@media only screen and (min-width: 1020px) {
  .wrapper_intro .wrapper_intro-services .wrapper_left h1 {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
  .wrapper_intro .wrapper_intro-services .wrapper_left h2 {
    font-size: 1.5rem;
    line-height: 2.125rem;
  }
  .wrapper_intro .wrapper_intro-services .wrapper_left h1, .wrapper_intro .wrapper_intro-services .wrapper_left h2 {
    max-width: 34.6875rem;
  }
}
@media only screen and (min-width: 1170px) {
  .wrapper_intro .wrapper_intro-services .wrapper_left {
    grid-column: 1/10;
  }
}
@media only screen and (min-width: 1480px) {
  .wrapper_intro .wrapper_intro-services .wrapper_left h1 {
    font-size: 2.5rem;
    line-height: 2.875rem;
    margin-bottom: 1.5rem;
  }
  .wrapper_intro .wrapper_intro-services .wrapper_left h2 {
    font-size: 1.6875rem;
    line-height: 2rem;
    margin-bottom: 4.5rem;
  }
}
.wrapper_intro .wrapper_intro-services .wrapper_right {
  grid-column: 1/17;
  min-width: 0;
}
@media only screen and (min-width: 680px) {
  .wrapper_intro .wrapper_intro-services .wrapper_right {
    grid-column: 12/17;
    padding-left: 2rem;
  }
}
@media only screen and (min-width: 1170px) {
  .wrapper_intro .wrapper_intro-services .wrapper_right {
    grid-column: 12/17;
  }
}

/************************ Our Work */
.wrapper_work-feed {
  padding-bottom: 5rem;
  row-gap: 2rem;
}
.wrapper_work-feed .featured-card {
  grid-column: 1/17;
}
.wrapper_work-feed .wrapper_offest {
  row-gap: 2rem;
  grid-column: 1/17;
  display: grid;
  grid-template-columns: 1fr;
  align-items: start;
}
.wrapper_work-feed .wrapper_archive {
  row-gap: 2rem;
  grid-column: 1/17;
  display: grid;
  grid-template-columns: 1fr;
  align-items: start;
}
.wrapper_work-feed .wrapper_archive.extras {
  display: none;
}
.wrapper_work-feed .wrapper_archive.extras.loaded {
  display: grid;
}
@media only screen and (min-width: 480px) {
  .wrapper_work-feed .wrapper_offest {
    grid-column: 1/17;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
  .wrapper_work-feed .wrapper_offest a:last-of-type {
    margin-top: 8rem;
  }
  .wrapper_work-feed .wrapper_archive {
    grid-column: 3/15;
    grid-template-columns: 1fr;
  }
}
@media only screen and (min-width: 680px) {
  .wrapper_work-feed .wrapper_archive {
    grid-column: 1/17;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
}
@media only screen and (min-width: 880px) {
  .wrapper_work-feed .wrapper_offest a:last-of-type {
    margin-top: 10rem;
  }
}
@media only screen and (min-width: 1170px) {
  .wrapper_work-feed {
    row-gap: 3rem;
  }
  .wrapper_work-feed .featured-card {
    grid-column: 1/17;
  }
  .wrapper_work-feed .wrapper_offest {
    grid-column: 1/17;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 3rem;
         column-gap: 3rem;
    height: 48rem;
  }
  .wrapper_work-feed .wrapper_offest a:last-of-type {
    margin-top: 0;
    align-self: end;
  }
  .wrapper_work-feed .wrapper_archive {
    margin-bottom: 2rem;
    grid-column: 1/17;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }
}
@media only screen and (min-width: 1480px) {
  .wrapper_work-feed .wrapper_archive {
    margin-bottom: 2rem;
    grid-column: 1/17;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }
}

.wrapper_work-card {
  display: block;
  text-decoration: none;
}
.wrapper_work-card .wrapper_work-thumb {
  position: relative;
  overflow: hidden;
}
.wrapper_work-card .wrapper_work-thumb img {
  display: block;
  width: 100%;
}
.wrapper_work-card p {
  font-family: degular, sans-serif;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1.25rem;
  font-weight: 500;
  margin-top: 0.75rem;
  color: #2F2F2F;
}
.wrapper_work-card p .work-client {
  font-weight: 800;
}
.wrapper_work-card p .work-client::after {
  content: "  : :  ";
  padding-right: 0.25rem;
  padding-left: 0.25rem;
}
.wrapper_work-card .wrapper_cta {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120%;
  height: auto;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #3DB87D;
  left: 100%;
  top: 50%;
  transform: translate(0rem, -50%);
  opacity: 0.9;
}
.wrapper_work-card .cta-arrow {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6rem !important;
  left: 200%;
  top: 50%;
  transform: translate(0rem, -50%);
  z-index: 5;
}
.wrapper_work-card:hover {
  text-decoration: none !important;
}
.wrapper_work-card:hover p {
  color: #3DB87D;
}
.wrapper_work-card:hover .wrapper_cta {
  left: 65%;
}
.wrapper_work-card:hover .cta-arrow {
  left: 70%;
}
/************************ Project Page */
/* Featured Image */
.wrapper_featured-image-row {
  padding-bottom: 4rem;
}
.wrapper_featured-image-row .wrapper_featured-image {
  grid-column: 1/17;
  margin-top: -8rem;
}
.wrapper_featured-image-row .wrapper_featured-image img {
  display: block;
  width: 100%;
}
@media only screen and (min-width: 680px) {
  .wrapper_featured-image-row .wrapper_featured-image {
    margin-top: -15rem;
  }
}
@media only screen and (min-width: 1170px) {
  .wrapper_featured-image-row {
    padding-bottom: 8rem;
  }
  .wrapper_featured-image-row .wrapper_featured-image {
    margin-top: -25rem;
  }
}

/* Divider Featured Image */
.wrapper_featured-image-row.wrapper_divider {
  background-color: #782224;
  padding-bottom: 2rem;
}
@media only screen and (min-width: 1170px) {
  .wrapper_featured-image-row.wrapper_divider {
    padding: 4rem 0;
  }
}

/* Full-Width Image */
.wrapper_full-width-project {
  padding: 4rem 0;
}
.wrapper_full-width-project img {
  display: block;
  max-width: 100%;
  width: 100%;
  margin: 4rem auto 0 auto;
}
.wrapper_full-width-project img:first-of-type {
  margin-top: 0;
}
@media only screen and (min-width: 1170px) {
  .wrapper_full-width-project {
    padding: 8rem 0;
  }
  .wrapper_full-width-project img {
    margin: 8rem auto 0 auto;
  }
}

/* Full-Width Image with no padding */
.wrapper_full-width-project.no-padding {
  padding: 0;
}

/* Max-Width Image */
.wrapper_max-width-project {
  padding: 4rem 0;
}
.wrapper_max-width-project img {
  display: block;
  max-width: 100%;
  margin-top: 3rem;
}
.wrapper_max-width-project img:first-of-type {
  margin-top: 0;
}
.wrapper_max-width-project.wrapper_negative-overlap_bottom {
  padding-bottom: 0;
}
.wrapper_max-width-project.wrapper_negative-overlap_bottom .wrapper_negative-overlap-row {
  height: 11.875rem;
  margin-top: -11.875rem;
  background-color: #e983b5;
}
.wrapper_max-width-project.wrapper_negative-overlap_top {
  padding-top: 0;
}
.wrapper_max-width-project.wrapper_negative-overlap_top .wrapper_negative-overlap-row {
  height: 11.875rem;
  background-color: #e983b5;
}
.wrapper_max-width-project.wrapper_negative-overlap_top .max-width {
  margin-top: -11.875rem;
}
.wrapper_max-width-project.wrapper_background-image {
  background-image: url("../images/lark_max_width_background_pattern.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 680px) {
  .wrapper_max-width-project img {
    margin-top: 4.5rem;
  }
}
@media only screen and (min-width: 1170px) {
  .wrapper_max-width-project {
    padding: 8rem 0;
  }
  .wrapper_max-width-project img {
    margin-top: 6rem;
  }
}

/* Full-Width Image 50/50 */
.wrapper_full-width-fifty-fifty {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  align-items: center;
  padding: 1rem 0;
}
.wrapper_full-width-fifty-fifty img {
  display: block;
  max-width: 100%;
  width: 100%;
}
.wrapper_full-width-fifty-fifty.padding_zero {
  grid-column-gap: 0rem;
}
@media only screen and (min-width: 1170px) {
  .wrapper_full-width-fifty-fifty {
    padding: 4rem 0;
    gap: 4rem;
  }
}

.wrapper_max-width-2-3 {
  padding: 4rem 0;
}
.wrapper_max-width-2-3.background-image {
  background-image: url("../images/youth_2_3_background.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.wrapper_max-width-2-3 .max-width {
  display: grid;
  gap: 2rem;
  align-items: center;
}
.wrapper_max-width-2-3 .max-width h1 {
  text-transform: uppercase;
  font-size: 1.125rem;
  line-height: 1.4375rem;
}
.wrapper_max-width-2-3 .max-width.image-left, .wrapper_max-width-2-3 .max-width.image-right {
  grid-template-columns: 1fr;
  grid-template-areas: "image" "text";
}
.wrapper_max-width-2-3 .max-width {
  /* Shaun make sure this is added */
}
.wrapper_max-width-2-3 .max-width.image-left img {
  grid-area: image;
}
.wrapper_max-width-2-3 .max-width.image-left .description-block {
  grid-area: text;
  padding-bottom: 4rem;
}
.wrapper_max-width-2-3 .max-width {
  /* Shaun make sure this is added */
}
.wrapper_max-width-2-3 .max-width.image-right img {
  grid-area: image;
}
.wrapper_max-width-2-3 .max-width.image-right .description-block {
  grid-area: text;
}
.wrapper_max-width-2-3 img {
  display: block;
  max-width: 100%;
}
@media only screen and (min-width: 880px) {
  .wrapper_max-width-2-3 .max-width {
    padding-bottom: 4rem;
    /* Shaun make sure this is added */
  }
  .wrapper_max-width-2-3 .max-width.image-left {
    grid-template-columns: 2fr 1fr;
    grid-template-areas: "image text";
  }
  .wrapper_max-width-2-3 .max-width.image-left .description-block {
    padding-bottom: 0;
  }
  .wrapper_max-width-2-3 .max-width {
    /* Shaun make sure this is added */
  }
  .wrapper_max-width-2-3 .max-width.image-right {
    grid-template-columns: 1fr 2fr;
    grid-template-areas: "text image";
  }
  .wrapper_max-width-2-3 .max-width.image-right .description-block {
    text-align: right;
  }
  .wrapper_max-width-2-3 .max-width:last-of-type {
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 1170px) {
  .wrapper_max-width-2-3 {
    padding: 8rem 0;
  }
  .wrapper_max-width-2-3 .max-width {
    gap: 4rem;
  }
}

/* Max-Width Image 50/50 */
.wrapper_max-width-fifty-fifty {
  padding: 4rem 0;
}
.wrapper_max-width-fifty-fifty.padding_zero {
  padding: 0;
}
.wrapper_max-width-fifty-fifty.sans-top-padding {
  padding-top: 0;
}
.wrapper_max-width-fifty-fifty.background-image {
  background-image: url("../images/lark_max_width_background_pattern.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.wrapper_max-width-fifty-fifty.with-vertical-rule .max-width {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  align-items: start;
}
.wrapper_max-width-fifty-fifty.mobile-stack .max-width {
  grid-template-columns: 1fr;
  gap: 4rem;
}
@media only screen and (min-width: 880px) {
  .wrapper_max-width-fifty-fifty.mobile-stack .max-width {
    grid-template-columns: 1fr 1fr;
  }
}
.wrapper_max-width-fifty-fifty .max-width {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  align-items: center;
}
.wrapper_max-width-fifty-fifty img {
  display: block;
  max-width: 100%;
}
@media only screen and (min-width: 1170px) {
  .wrapper_max-width-fifty-fifty {
    padding: 8rem 0;
  }
  .wrapper_max-width-fifty-fifty .max-width {
    gap: 8rem;
  }
}

/* Image Offset */
.wrapper_image-offset {
  padding: 2rem 0;
  background-color: #2F2F2F;
}
.wrapper_image-offset .max-width {
  display: grid;
  grid-template-columns: 1fr;
}
.wrapper_image-offset .max-width img {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 2rem;
}
.wrapper_image-offset .max-width img:first-of-type {
  margin-top: 0;
}
.wrapper_image-offset .max-width img:nth-child(even) {
  justify-self: end;
}
@media only screen and (min-width: 480px) {
  .wrapper_image-offset img {
    max-width: 25rem;
  }
}
@media only screen and (min-width: 680px) {
  .wrapper_image-offset img {
    max-width: 30rem;
  }
}
@media only screen and (min-width: 880px) {
  .wrapper_image-offset img {
    max-width: 35rem;
  }
}
@media only screen and (min-width: 1020px) {
  .wrapper_image-offset .max-width img {
    margin-top: 5rem;
    max-width: 40.9375rem;
  }
}
@media only screen and (min-width: 1170px) {
  .wrapper_image-offset {
    padding: 4rem 0;
  }
}

/* 50/50 Split */
.wrapper_fifty-fifty {
  display: grid;
  -moz-column-gap: 0;
       column-gap: 0;
  grid-template-columns: repeat(2, 1fr);
}
.wrapper_fifty-fifty.image-text {
  grid-template-areas: "wrapper_image wrapper_image" "wrapper_description wrapper_description";
}
.wrapper_fifty-fifty.image-text .description-block {
  padding: 2rem;
}
@media only screen and (min-width: 1020px) {
  .wrapper_fifty-fifty.image-text .description-block {
    padding-left: 3rem;
  }
}
@media only screen and (min-width: 1480px) {
  .wrapper_fifty-fifty.image-text .description-block {
    padding-left: 4rem;
  }
}
.wrapper_fifty-fifty.image-text .image-block {
  display: flex;
}
.wrapper_fifty-fifty.text-image {
  grid-template-areas: "wrapper_description wrapper_description" "wrapper_image wrapper_image";
}
.wrapper_fifty-fifty.text-image .description-block {
  padding: 2rem;
}
@media only screen and (min-width: 1480px) {
  .wrapper_fifty-fifty.text-image .description-block {
    padding-left: 0;
  }
}
.wrapper_fifty-fifty.text-image .image-block {
  display: flex;
}
.wrapper_fifty-fifty.no-padding .image-block {
  max-width: 100%;
}
.wrapper_fifty-fifty.no-padding .description-block {
  max-width: 36.5625rem;
}
.wrapper_fifty-fifty.no-padding img {
  width: 100%;
  max-width: 100%;
}
.wrapper_fifty-fifty {
  /* Shaun add the below */
}
.wrapper_fifty-fifty.mobile-swap.image-text {
  grid-template-areas: "wrapper_description wrapper_description" "wrapper_image wrapper_image";
}
@media only screen and (min-width: 680px) {
  .wrapper_fifty-fifty.mobile-swap.image-text {
    grid-template-areas: "wrapper_image wrapper_description";
  }
}
.wrapper_fifty-fifty .image-block, .wrapper_fifty-fifty .description-block {
  max-width: 36.5625rem;
}
.wrapper_fifty-fifty .description-block {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.wrapper_fifty-fifty .wrapper_image {
  grid-area: wrapper_image;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.wrapper_fifty-fifty .wrapper_description {
  background-color: #ffffff;
  grid-area: wrapper_description;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
}
.wrapper_fifty-fifty img {
  display: block;
  width: 100%;
  max-width: 36.25rem;
}
.wrapper_fifty-fifty header, .wrapper_fifty-fifty h1, .wrapper_fifty-fifty h2, .wrapper_fifty-fifty p {
  margin-top: 0;
  width: 100%;
}
.wrapper_fifty-fifty h1 {
  font-size: 1.125rem;
  line-height: 1.4375rem;
  text-transform: uppercase;
  color: #072752;
}
.wrapper_fifty-fifty h2 {
  font-size: 1.5rem;
  line-height: 1.75rem;
  color: #51C0EA;
}
.wrapper_fifty-fifty p {
  font-size: 1rem;
  line-height: 1.375rem;
  color: #333B40;
}
@media only screen and (min-width: 680px) {
  .wrapper_fifty-fifty.image-text {
    grid-template-areas: "wrapper_image wrapper_description";
  }
  .wrapper_fifty-fifty.image-text .wrapper_image {
    justify-content: flex-end;
  }
  .wrapper_fifty-fifty.image-text .wrapper_description {
    justify-content: flex-start;
  }
  .wrapper_fifty-fifty.text-image {
    grid-template-areas: "wrapper_description wrapper_image";
  }
  .wrapper_fifty-fifty.text-image .wrapper_image {
    justify-content: flex-start;
  }
  .wrapper_fifty-fifty.text-image .wrapper_description {
    justify-content: flex-end;
  }
  .wrapper_fifty-fifty header, .wrapper_fifty-fifty h1, .wrapper_fifty-fifty h2, .wrapper_fifty-fifty p {
    max-width: 28.75rem;
  }
}
@media only screen and (min-width: 1170px) {
  .wrapper_fifty-fifty h2 {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

/* Image Gallery */
.wrapper_image-gallery {
  padding: 3rem 0;
}
@media only screen and (min-width: 1170px) {
  .wrapper_image-gallery {
    padding: 6rem 0;
  }
}
.wrapper_image-gallery .focus-image {
  display: flex;
  align-items: center;
  grid-area: image;
}
.wrapper_image-gallery .focus-image img {
  display: block;
  width: 100%;
  max-width: 67rem;
  margin: 0 auto;
  padding-bottom: 1rem;
}
@media only screen and (min-width: 1170px) {
  .wrapper_image-gallery .focus-image img {
    width: 100%;
  }
}

.pagination-arrow {
  grid-area: previous;
  text-decoration: none;
  display: none;
  align-items: center;
  justify-content: flex-start;
}
.pagination-arrow svg {
  width: 5%;
  max-width: 1.875rem;
  fill: none;
  stroke: #51c0ea;
}
@media only screen and (min-width: 1170px) {
  .pagination-arrow svg {
    width: 100%;
  }
}
.pagination-arrow:hover {
  transform: translateX(-0.5rem);
}
.pagination-arrow.next {
  grid-area: next;
  justify-content: flex-end;
}
.pagination-arrow.next svg {
  transform: rotate(180deg);
}
.pagination-arrow.next:hover {
  transform: translateX(0.5rem);
}
@media only screen and (min-width: 680px) {
  .pagination-arrow {
    display: flex;
  }
}

.wrapper_gallery-thumbs {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding-top: 1rem;
}
.wrapper_gallery-thumbs a {
  display: block;
  width: 3rem;
}
.wrapper_gallery-thumbs a img {
  display: block;
  width: 100%;
}
.wrapper_gallery-thumbs a:hover {
  transform: translateY(-0.5rem);
}
.wrapper_gallery-thumbs a.active {
  transform: translateY(-0.5rem);
  border-bottom: 2px solid #CCC;
}
@media only screen and (min-width: 480px) {
  .wrapper_gallery-thumbs a {
    width: 5rem;
  }
}
@media only screen and (min-width: 880px) {
  .wrapper_gallery-thumbs a {
    width: 7rem;
  }
}
@media only screen and (min-width: 1170px) {
  .wrapper_gallery-thumbs {
    gap: 1.25rem;
    padding: 1rem 3.75rem 0 3.75rem;
  }
  .wrapper_gallery-thumbs a {
    width: 9.195rem;
  }
}

/* Large Quote */
.wrapper_quote-large {
  background-color: #939393;
  padding-top: 2.5rem;
  padding-bottom: 3rem;
  text-align: center;
}
.wrapper_quote-large .wrapper_content {
  max-width: 90%;
  margin: 0 auto;
}
.wrapper_quote-large h1 {
  font-size: 1.125rem;
  line-height: 1.4375rem;
  text-transform: uppercase;
  font-weight: 700;
  color: #072752;
}
.wrapper_quote-large p {
  font-family: degular, sans-serif;
  font-size: 1.5rem;
  line-height: 1.6875rem;
  font-weight: 500;
  color: #51C0EA;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 680px) {
  .wrapper_quote-large {
    padding-top: 4rem;
    padding-bottom: 4.5rem;
  }
  .wrapper_quote-large .wrapper_content {
    max-width: 80%;
  }
  .wrapper_quote-large p {
    font-size: 2rem;
    line-height: 2.25rem;
  }
}
@media only screen and (min-width: 1170px) {
  .wrapper_quote-large {
    padding-top: 5rem;
    padding-bottom: 7.1875rem;
  }
  .wrapper_quote-large .wrapper_content {
    max-width: 50.6875rem;
  }
  .wrapper_quote-large h1 {
    font-size: 1.125rem;
    line-height: 1.4375rem;
  }
  .wrapper_quote-large p {
    font-size: 2.5rem;
    line-height: 2.6875rem;
  }
}

/* Image Thirds */
.wrapper_image-thirds {
  display: grid;
  grid-template-columns: 0.27fr 0.45fr 0.27fr;
  grid-gap: 1rem;
  justify-content: space-between;
  padding: 2rem 0;
  background-color: #2F2F2F;
}
@media only screen and (min-width: 680px) {
  .wrapper_image-thirds {
    padding: 4rem 0;
  }
}
@media only screen and (min-width: 1170px) {
  .wrapper_image-thirds {
    padding: 8rem 0;
    padding: 5rem 0;
  }
}
.wrapper_image-thirds img {
  display: block;
  width: 100%;
}

/* Project Footer  */
.wrapper_project-footer header h1 {
  font-size: 1.75rem;
  line-height: 1.75rem;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 1.25rem;
}
.wrapper_project-footer .max-width {
  padding-top: 2.5rem;
  padding-bottom: 1.5rem;
}
@media only screen and (min-width: 680px) {
  .wrapper_project-footer .max-width {
    padding-top: 3.5rem;
    padding-bottom: 2.5rem;
  }
}
@media only screen and (min-width: 1170px) {
  .wrapper_project-footer .max-width {
    padding-top: 4.5rem;
    padding-bottom: 2.5rem;
  }
}
.wrapper_project-footer {
  /*  Top Row  */
}
.wrapper_project-footer .wrapper_row-lists ul {
  list-style: none;
  margin: 0;
}
.wrapper_project-footer .wrapper_row-lists ul li {
  margin: 0;
}
.wrapper_project-footer .wrapper_row-lists ul li a {
  font-family: charter, serif;
  font-style: normal;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #ffffff;
}
.wrapper_project-footer .wrapper_row-lists ul li a:hover {
  color: #3DB87D;
}
.wrapper_project-footer .wrapper_row-lists .max-width {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3rem;
  padding-bottom: 4.5rem;
  border-bottom: 1px solid #51C0EA;
}
@media only screen and (min-width: 680px) {
  .wrapper_project-footer .wrapper_row-lists .max-width {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 1170px) {
  .wrapper_project-footer .wrapper_row-lists .max-width {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.wrapper_project-footer .wrapper_row-lists .max-width .wrapper_left ul li a, .wrapper_project-footer .wrapper_row-lists .max-width .wrapper_middle ul li a {
  text-decoration: none;
}
.wrapper_project-footer .wrapper_row-lists .max-width .wrapper_left ul li a:hover, .wrapper_project-footer .wrapper_row-lists .max-width .wrapper_middle ul li a:hover {
  text-decoration: underline;
}
.wrapper_project-footer {
  /*  Middle Row  */
}
.wrapper_project-footer .wrapper_row-similar {
  background-color: #072752;
}
.wrapper_project-footer .wrapper_row-similar .wrapper_archive {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}
@media only screen and (min-width: 680px) {
  .wrapper_project-footer .wrapper_row-similar .wrapper_archive {
    grid-template-columns: 1fr 1fr;
  }
}
.wrapper_project-footer .wrapper_row-similar .wrapper_archive p {
  color: #ffffff;
}
.wrapper_project-footer {
  /*  Bottom Row  */
}
.wrapper_project-footer .wrapper_pagination-project .max-width {
  border-top: 1px solid #51C0EA;
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  padding-top: 1.5rem;
  padding-bottom: 2.5rem;
}
.wrapper_project-footer .wrapper_pagination-project .max-width a {
  display: block;
  text-decoration: none;
  color: var(--project-header-color, #3DB87D);
}
.wrapper_project-footer .wrapper_pagination-project .max-width a p {
  font-family: degular, sans-serif;
  font-size: 1.875rem;
  font-weight: 600;
  font-style: normal;
  margin: 0;
}
.wrapper_project-footer .wrapper_pagination-project .max-width a:hover {
  color: #ffffff;
  text-decoration: underline;
}
.wrapper_project-footer .wrapper_pagination-project .max-width a:hover p {
  text-decoration: none;
}
@media only screen and (min-width: 680px) {
  .wrapper_project-footer .wrapper_pagination-project .max-width {
    padding-top: 2.5rem;
    padding-bottom: 3.5rem;
  }
  .wrapper_project-footer .wrapper_pagination-project .max-width a p {
    font-size: 1.875rem;
  }
}
@media only screen and (min-width: 1170px) {
  .wrapper_project-footer .wrapper_pagination-project .max-width {
    padding-top: 3.5rem;
    padding-bottom: 5.5rem;
  }
  .wrapper_project-footer .wrapper_pagination-project .max-width a p {
    font-size: 1.875rem;
  }
}
.wrapper_project-footer .wrapper_pagination-project .max-width .wrapper_left {
  display: flex;
  justify-content: flex-start;
}
.wrapper_project-footer .wrapper_pagination-project .max-width .wrapper_right {
  display: flex;
  justify-content: flex-end;
}

.wrapper_general-text.center-aligned .wrapper_content {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.wrapper_general-text .wrapper_content {
  padding-top: 5rem;
  padding-bottom: 5rem;
  max-width: 40rem;
}
.wrapper_general-text .wrapper_content h1 {
  text-transform: uppercase;
  font-size: 1.125rem;
  line-height: 1.4375rem;
}
.wrapper_general-text .wrapper_content p {
  font-size: 1rem;
  line-height: 1.5rem;
}
@media only screen and (min-width: 680px) {
  .wrapper_general-text .wrapper_content p {
    font-size: 1.125rem;
    line-height: 1.6rem;
  }
}

.with-captions.center-aligned {
  text-align: center;
}
.with-captions p {
  font-size: 0.75rem;
  line-height: 1rem;
}
@media only screen and (min-width: 680px) {
  .with-captions {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
.with-captions .max-width {
  align-items: start;
}
.with-captions .max-width p {
  font-size: 0.75rem;
  line-height: 1rem;
}
@media only screen and (min-width: 680px) {
  .with-captions .max-width {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}

/* Alternating Image Alignment */
/** Shaun I think this needs to be added/updated */
.wrapper_alternating-image-alignment .max-width {
  display: grid;
}
.wrapper_alternating-image-alignment img {
  display: block;
  width: 100%;
  max-width: 80%;
  margin-bottom: 2.5rem;
}
@media only screen and (min-width: 880px) {
  .wrapper_alternating-image-alignment img {
    margin-bottom: 5rem;
  }
}
.wrapper_alternating-image-alignment img:nth-child(even) {
  justify-self: end;
}
.wrapper_alternating-image-alignment img:nth-last-child(1) {
  margin-bottom: 0;
}

/* Max-Width Image with Text and Padding */
/** Shaun I think this needs to be added/updated */
.wrapper_max-width-with-padding {
  padding: 1rem;
}
.wrapper_max-width-with-padding.itf {
  padding-bottom: 0;
}
.wrapper_max-width-with-padding.itf .wrapper_padding {
  padding-bottom: 0;
}
.wrapper_max-width-with-padding .wrapper_padding {
  padding: 1rem;
}
.wrapper_max-width-with-padding .wrapper_padding .wrapper_content-text {
  margin-bottom: 5rem;
}
.wrapper_max-width-with-padding .wrapper_padding .wrapper_content-text.centered {
  text-align: center;
}
.wrapper_max-width-with-padding .wrapper_padding img {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 2rem;
}
.wrapper_max-width-with-padding .wrapper_padding img:nth-last-child(1) {
  margin-bottom: 0;
}
@media only screen and (min-width: 880px) {
  .wrapper_max-width-with-padding {
    padding: 6rem;
  }
  .wrapper_max-width-with-padding .wrapper_padding {
    padding: 4rem;
  }
}

/* Spacers */
/** Shaun I think this needs to be added/updated */
.large-spacer {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

/* Single Image Row */
/** Shaun I think this needs to be added/updated */
.wrapper_single-image img {
  display: block;
  width: 100%;
}
@media only screen and (min-width: 880px) {
  .wrapper_single-image img {
    width: 75%;
  }
}
.wrapper_single-image.right-aligned img {
  margin-right: 0;
  margin-left: auto;
}

/* Mockups Dropshadow */
/** Shaun I think this needs to be added/updated */
.work-dropshadow {
  box-shadow: -5px 5px 22px 0px rgba(0, 0, 0, 0.35);
}

/* Two Column Offset */
/** Shaun I think this needs to be added/updated */
.wrapper_two-column-offset .max-width {
  display: grid;
  grid-gap: 3rem;
}
.wrapper_two-column-offset .max-width img {
  display: block;
  width: 100%;
}
@media only screen and (min-width: 880px) {
  .wrapper_two-column-offset .max-width {
    grid-template-columns: 1fr 1fr;
    grid-gap: 4rem;
  }
}
@media only screen and (min-width: 880px) {
  .wrapper_two-column-offset.right-offset .wrapper_right {
    padding-top: 10rem;
  }
}

/************************ About Us Page */
.wrapper_services, .wrapper_our-process, .wrapper_our-clients, .wrapper_why-bark, .wrapper_our-team {
  padding-top: 3rem;
  padding-bottom: 2rem;
}
.wrapper_services h1, .wrapper_our-process h1, .wrapper_our-clients h1, .wrapper_why-bark h1, .wrapper_our-team h1 {
  color: #EE5224;
}
@media only screen and (min-width: 680px) {
  .wrapper_services, .wrapper_our-process, .wrapper_our-clients, .wrapper_why-bark, .wrapper_our-team {
    padding-top: 3.1875rem;
    padding-bottom: 2.1875rem;
  }
}
@media only screen and (min-width: 1170px) {
  .wrapper_services, .wrapper_our-process, .wrapper_our-clients, .wrapper_why-bark, .wrapper_our-team {
    padding-top: 6.1875rem;
    padding-bottom: 5.1875rem;
  }
}

.wrapper_about-intro {
  background: rgb(255, 255, 255);
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(250, 240, 250) 100%);
}
.wrapper_about-intro .wrapper_intro-block {
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
}
.wrapper_about-intro .wrapper_intro-block .wrapper_spaces-content-block {
  background-image: url("../images/ellipse-graphic.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-align: center;
  position: relative;
  z-index: 10;
  display: inline-block;
  margin-top: -6rem;
  padding: 2rem 3rem 5rem 3rem;
}
.wrapper_about-intro .wrapper_intro-block .wrapper_spaces-content-block h1 {
  font-size: 1.75rem;
  line-height: 2rem;
  font-weight: 600;
  max-width: 21.875rem;
  color: #B486B4;
  margin-top: 1rem;
}
.wrapper_about-intro .wrapper_intro-block .wrapper_spaces-content-block h1 span {
  color: #4E1F4E;
  font-weight: 700;
}
.wrapper_about-intro .wrapper_intro-block .wrapper_spaces-content-block img {
  display: inline-block;
  width: 6rem;
}
.wrapper_about-intro .wrapper_intro-block .wrapper_spaces-content-block img.cursor_about {
  width: 0.65rem;
  transform: translate(8px, 4px);
}
@media only screen and (min-width: 680px) {
  .wrapper_about-intro .wrapper_intro-block .wrapper_spaces-content-block {
    margin-top: -5rem;
    padding: 2.5rem 5rem 6rem 5rem;
  }
  .wrapper_about-intro .wrapper_intro-block .wrapper_spaces-content-block h1 {
    font-size: 2rem;
    line-height: 2.25rem;
    max-width: 23rem;
  }
  .wrapper_about-intro .wrapper_intro-block .wrapper_spaces-content-block img {
    width: 6rem;
  }
  .wrapper_about-intro .wrapper_intro-block .wrapper_spaces-content-block img.cursor_about {
    width: 0.75rem;
    transform: translate(9px, 5px);
  }
}
@media only screen and (min-width: 1020px) {
  .wrapper_about-intro .wrapper_intro-block .wrapper_spaces-content-block {
    margin-top: -10rem;
    padding: 4rem 8rem 8rem 8rem;
  }
  .wrapper_about-intro .wrapper_intro-block .wrapper_spaces-content-block h1 {
    font-size: 2.75rem;
    line-height: 3.375rem;
    margin-top: 3rem;
    max-width: 35.0625rem;
  }
  .wrapper_about-intro .wrapper_intro-block .wrapper_spaces-content-block img {
    width: 10.5rem;
  }
  .wrapper_about-intro .wrapper_intro-block .wrapper_spaces-content-block img.cursor_about {
    width: 0.9rem;
    transform: translate(11px, 6px);
  }
}
@media only screen and (min-width: 1170px) {
  .wrapper_about-intro .wrapper_intro-block .wrapper_spaces-content-block {
    margin-top: -15rem;
    padding: 9rem 8rem 12rem 8rem;
  }
  .wrapper_about-intro .wrapper_intro-block .wrapper_spaces-content-block h1 {
    font-size: 3.75rem;
    line-height: 4.375rem;
    margin-top: 3rem;
    max-width: 35.0625rem;
  }
  .wrapper_about-intro .wrapper_intro-block .wrapper_spaces-content-block img {
    width: 12.5rem;
  }
  .wrapper_about-intro .wrapper_intro-block .wrapper_spaces-content-block img.cursor_about {
    width: 1rem;
    transform: translate(12px, 7px);
  }
}

/* Our Services */
.wrapper_services {
  padding-top: 2rem;
  padding-bottom: 20rem;
}
.wrapper_services header {
  margin-bottom: 2rem;
}
.wrapper_services h2 {
  margin-bottom: 0;
  color: #4E1F4E;
}
.wrapper_services ul {
  list-style: none;
  margin-top: 0.25rem;
  margin-bottom: 1.5rem;
  text-indent: 0;
  padding-left: 0;
}
.wrapper_services ul li {
  font-family: charter, serif;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #4E1F4E;
  display: inline;
}
@media only screen and (min-width: 680px) {
  .wrapper_services ul {
    margin-bottom: 2rem;
  }
  .wrapper_services ul li {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
@media only screen and (min-width: 1170px) {
  .wrapper_services ul {
    margin-top: 0.5rem;
    margin-bottom: 2.5rem;
  }
  .wrapper_services ul li {
    font-size: 1.6875rem;
    line-height: 2rem;
  }
}
.wrapper_services ul li::after {
  content: " • ";
}
.wrapper_services ul li:last-of-type::after {
  content: "";
}
.wrapper_services .wrapper_circular-link .circular-link p {
  color: #EE5224;
}
.wrapper_services .wrapper_circular-link .circular-link:hover p {
  color: #4E1F4E;
}
.wrapper_services .wrapper_circular-link .circular-link:hover svg {
  stroke: #4E1F4E;
}
@media only screen and (min-width: 1170px) {
  .wrapper_services {
    padding-bottom: 25rem;
  }
}

/* Our Beliefs */
.wrapper_our-beliefs .max-width {
  display: grid;
  justify-items: center;
}
.wrapper_our-beliefs .wrapper_content-block {
  background-image: url("../images/ellipse-purple.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  padding: 6.5rem 3.5rem 7rem 3.5rem;
  text-align: center;
  display: grid;
  justify-items: center;
  grid-gap: 0;
  position: relative;
  margin-top: -15rem;
  margin-bottom: 2rem;
}
.wrapper_our-beliefs .wrapper_content-block h1 {
  font-family: degular, sans-serif;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.75rem;
  color: #EE5224;
}
.wrapper_our-beliefs .wrapper_content-block p {
  font-size: 1rem;
  line-height: 1.25rem;
  max-width: 20rem;
  margin-top: 0;
  margin-bottom: 0;
  color: #ffffff;
}
.wrapper_our-beliefs .wrapper_content-block p:last-of-type {
  max-width: 14.375rem;
}
.wrapper_our-beliefs .wrapper_content-block .rule {
  display: block;
  fill: #EE5224;
  margin: 1rem 0 0.75rem 0;
}
.wrapper_our-beliefs #icon-face {
  width: 7rem;
  position: absolute;
  top: -1rem;
}
.wrapper_our-beliefs #icon-face .face {
  fill: #EE5224;
}
.wrapper_our-beliefs #icon-face .line-dotted-outer, .wrapper_our-beliefs #icon-face .line-dotted-inner-mouth, .wrapper_our-beliefs #icon-face .line-dotted-inner-eye {
  stroke: #ffffff;
}
.wrapper_our-beliefs #icon-face .line-dotted-outer {
  fill: none;
  stroke-width: 5;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}
.wrapper_our-beliefs #icon-face .line-dotted-inner-mouth {
  fill: none;
  stroke-width: 5;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-dasharray: 0.4863, 9.7265;
}
.wrapper_our-beliefs #icon-face .line-dotted-inner-eye {
  fill: none;
  stroke-width: 5;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-dasharray: 0.481, 9.6204;
}
@media only screen and (min-width: 480px) {
  .wrapper_our-beliefs .wrapper_content-block {
    padding: 6.5rem 3rem 6rem 3rem;
  }
  .wrapper_our-beliefs .wrapper_content-block h1 {
    font-size: 1.75rem;
    line-height: 2rem;
  }
  .wrapper_our-beliefs .wrapper_content-block p {
    font-size: 1.25rem;
    line-height: 1.5rem;
    max-width: 20rem;
  }
}
@media only screen and (min-width: 680px) {
  .wrapper_our-beliefs {
    margin-bottom: 2rem;
  }
}
@media only screen and (min-width: 1170px) {
  .wrapper_our-beliefs {
    margin-bottom: 5rem;
  }
  .wrapper_our-beliefs .wrapper_content-block {
    padding: 6rem 4.5rem 4.5rem 4.5rem;
  }
  .wrapper_our-beliefs .wrapper_content-block h1 {
    font-size: 1.875rem;
    line-height: 2rem;
  }
  .wrapper_our-beliefs .wrapper_content-block p {
    font-size: 1.5rem;
    line-height: 1.75rem;
    max-width: 19.6875rem;
  }
  .wrapper_our-beliefs #icon-face {
    width: 10rem;
    top: -5rem;
  }
}

/* Our Process */
.wrapper_our-process {
  padding-top: 0;
}
.wrapper_our-process h5 {
  max-width: 32.625rem;
  color: #4E1F4E;
  margin-bottom: 3.125rem;
}
.wrapper_our-process h5 strong {
  color: #EE5224;
}
.wrapper_our-process .wrapper_16-column {
  row-gap: 3rem;
}
.wrapper_our-process .wrapper_left {
  grid-column: 1/17;
}
.wrapper_our-process .wrapper_left header {
  margin-bottom: 3rem;
}
.wrapper_our-process .wrapper_left .wrapper_full-width-graphic img {
  max-width: 32rem;
}
.wrapper_our-process .wrapper_right {
  grid-column: 1/17;
  max-width: 39rem;
}
.wrapper_our-process .wrapper_right p {
  color: #4E1F4E;
}
.wrapper_our-process .wrapper_right .wrapper_process-list {
  list-style: none;
  margin-top: 2rem;
}
.wrapper_our-process .wrapper_right .wrapper_process-list li {
  margin-bottom: 0;
}
.wrapper_our-process .wrapper_right .wrapper_process-list h3 {
  line-height: 1.5rem;
  margin-bottom: 0;
  color: #4E1F4E;
}
.wrapper_our-process .wrapper_right .wrapper_process-list p {
  margin-top: 0.25rem;
  color: #4E1F4E;
}
@media only screen and (min-width: 880px) {
  .wrapper_our-process {
    padding-top: 0;
  }
  .wrapper_our-process .wrapper_left {
    grid-column: 1/8;
  }
  .wrapper_our-process .wrapper_left header {
    margin-bottom: 5.625rem;
  }
  .wrapper_our-process .wrapper_right {
    grid-column: 9/17;
    max-width: 28.125rem;
  }
  .wrapper_our-process .wrapper_right .wrapper_process-list h3 {
    line-height: 2rem;
  }
}
@media only screen and (min-width: 1170px) {
  .wrapper_our-process .wrapper_right .wrapper_process-list {
    margin-top: 3rem;
  }
  .wrapper_our-process .wrapper_right .wrapper_process-list li {
    margin-bottom: 1.875rem;
  }
  .wrapper_our-process .wrapper_right .wrapper_process-list h3 {
    line-height: 2.5rem;
  }
}
.wrapper_our-process {
  /* Image Offset */
}
.wrapper_our-process .wrapper_2-column {
  margin-top: 3.75rem;
}
.wrapper_our-process .wrapper_2-column .wrapper_left {
  grid-column: 1/3;
}
.wrapper_our-process .wrapper_2-column .wrapper_right {
  grid-column: 1/3;
  margin-top: 2rem;
  max-width: 100%;
}
@media only screen and (min-width: 680px) {
  .wrapper_our-process .wrapper_2-column {
    margin-top: 4.75rem;
  }
  .wrapper_our-process .wrapper_2-column .wrapper_left {
    grid-column: 1/2;
  }
  .wrapper_our-process .wrapper_2-column .wrapper_right {
    grid-column: 2/3;
    margin-top: 5rem;
  }
}
@media only screen and (min-width: 1170px) {
  .wrapper_our-process .wrapper_2-column {
    margin-top: 8.75rem;
  }
}

/* Our Clients */
.wrapper_our-clients {
  background-color: #4E1F4E;
}
.wrapper_our-clients h5 {
  max-width: 34.125rem;
  color: #D5B0D5;
}
.wrapper_our-clients p, .wrapper_our-clients li {
  color: #ffffff;
  font-family: charter, serif;
}
.wrapper_our-clients li {
  margin: 0;
}
.wrapper_our-clients .wrapper_2-column {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.wrapper_our-clients .wrapper_2-column .wrapper_left {
  grid-column: 1/3;
  padding-bottom: 1.5rem;
  max-width: 35rem;
}
.wrapper_our-clients .wrapper_logo-grid {
  margin-top: 4rem;
  list-style: none;
  padding: 0;
}
.wrapper_our-clients .wrapper_logo-grid li {
  display: block;
  width: 100%;
  height: 100%;
}
.wrapper_our-clients .wrapper_logo-grid li img {
  display: block;
  width: 100%;
  max-width: 11.875rem;
}
@media only screen and (min-width: 680px) {
  .wrapper_our-clients .wrapper_logo-grid {
    margin-bottom: 2rem;
  }
}
@media only screen and (min-width: 1170px) {
  .wrapper_our-clients .wrapper_logo-grid {
    margin-top: 6.25rem;
    margin-bottom: 5rem;
  }
}

/* Our Team */
.wrapper_our-team h5 {
  max-width: 34.125rem;
  color: #4E1F4E;
}
.wrapper_our-team .wrapper_team-grid {
  text-align: center;
  margin-top: 3.75rem;
}
@media only screen and (min-width: 1170px) {
  .wrapper_our-team .wrapper_team-grid {
    margin-top: 6.75rem;
  }
}
.wrapper_our-team .wrapper_team-grid.wrapper_3-column {
  grid-template-columns: 1fr;
  row-gap: 2rem;
}
.wrapper_our-team .wrapper_team-grid.wrapper_3-column .wrapper_team img {
  display: block;
  margin: 0 auto 1rem auto;
  width: 70%;
  max-width: 18.75rem;
  border-radius: 50%;
  filter: drop-shadow(8px 8px 12px rgba(0, 0, 0, 0.16));
  position: relative;
  z-index: 100;
}
.wrapper_our-team .wrapper_team-grid.wrapper_3-column .wrapper_team h1, .wrapper_our-team .wrapper_team-grid.wrapper_3-column .wrapper_team h2 {
  font-weight: 500;
  color: #4E1F4E;
  margin: 0;
}
.wrapper_our-team .wrapper_team-grid.wrapper_3-column .wrapper_team h1 {
  font-size: 1.125rem;
  line-height: 1.6rem;
}
.wrapper_our-team .wrapper_team-grid.wrapper_3-column .wrapper_team h2 {
  font-size: 0.875rem;
  line-height: 1rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 480px) {
  .wrapper_our-team .wrapper_team-grid.wrapper_3-column {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 3.125rem;
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }
}
@media only screen and (min-width: 680px) {
  .wrapper_our-team .wrapper_team-grid.wrapper_3-column {
    grid-template-columns: repeat(3, 1fr);
    row-gap: 4.125rem;
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }
  .wrapper_our-team .wrapper_team-grid.wrapper_3-column .wrapper_team img {
    width: 90%;
  }
}
@media only screen and (min-width: 880px) {
  .wrapper_our-team .wrapper_team-grid.wrapper_3-column .wrapper_team img {
    width: 80%;
  }
}
@media only screen and (min-width: 1170px) {
  .wrapper_our-team .wrapper_team-grid.wrapper_3-column {
    row-gap: 4.125rem;
    -moz-column-gap: 5.25rem;
         column-gap: 5.25rem;
  }
  .wrapper_our-team .wrapper_team-grid.wrapper_3-column .wrapper_team img {
    margin: 0 auto 1.5rem auto;
    width: 100%;
  }
}

/* Why Bark */
/* This isn't included any longer?? But kept it incase they add it back */
.wrapper_why-bark {
  background-color: #4E1F4E;
}
.wrapper_why-bark .wrapper_2-column {
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  row-gap: 4rem;
}
.wrapper_why-bark h5, .wrapper_why-bark p {
  color: #ffffff;
}
.wrapper_why-bark h5 {
  margin-bottom: 0.5rem;
}
.wrapper_why-bark p {
  margin-top: 2rem;
  margin-bottom: 0;
}
.wrapper_why-bark p:first-of-type {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.wrapper_why-bark p:last-of-type {
  margin-top: 0;
}
.wrapper_why-bark h5:first-of-type {
  color: #D5B0D5;
}
@media only screen and (min-width: 1170px) {
  .wrapper_why-bark p {
    margin-top: 3rem;
    margin-bottom: 0;
  }
}
.wrapper_why-bark .wrapper_left {
  grid-column: 1/3;
}
.wrapper_why-bark .wrapper_left img {
  display: block;
  width: 75%;
  max-width: 29.6875rem;
  margin: 0 auto;
  filter: drop-shadow(8px 8px 12px rgba(0, 0, 0, 0.16));
}
.wrapper_why-bark .wrapper_right {
  grid-column: 1/3;
  max-width: 35rem;
}
@media only screen and (min-width: 480px) {
  .wrapper_why-bark .wrapper_left img {
    width: 50%;
  }
}
@media only screen and (min-width: 680px) {
  .wrapper_why-bark .wrapper_left {
    grid-column: 1/2;
  }
  .wrapper_why-bark .wrapper_left img {
    width: 90%;
    margin: 0;
  }
  .wrapper_why-bark .wrapper_right {
    grid-column: 2/3;
    max-width: 24.375rem;
  }
}
@media only screen and (min-width: 880px) {
  .wrapper_why-bark .wrapper_left img {
    width: 80%;
  }
}
@media only screen and (min-width: 1170px) {
  .wrapper_why-bark .wrapper_left img {
    width: 100%;
  }
}

/* Image Gallery */
.wrapper_about-image-gallery {
  padding-top: 3rem;
  padding-bottom: 3rem;
  overflow: hidden;
  width: 100%;
  position: relative;
}
.wrapper_about-image-gallery .wrapper_row-1,
.wrapper_about-image-gallery .wrapper_row-2 {
  width: -moz-max-content;
  width: max-content;
  display: flex;
}
.wrapper_about-image-gallery .wrapper_image {
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}
.wrapper_about-image-gallery .wrapper_image.image-a {
  position: relative;
  width: 20.625rem;
  height: 18.75rem;
  margin-top: 1.875rem;
  background-image: url("../images/about_image_a.jpg");
}
.wrapper_about-image-gallery .wrapper_image.image-b {
  position: relative;
  width: 17.3125rem;
  height: 19.5625rem;
  margin-top: 1.875rem;
  margin-left: 3.375rem;
  background-image: url("../images/about_image_b.jpg");
}
.wrapper_about-image-gallery .wrapper_image.image-c {
  position: relative;
  width: 19.1875rem;
  height: 25.5625rem;
  margin-left: 3.375rem;
  background-image: url("../images/about_image_c.jpg");
}
.wrapper_about-image-gallery .wrapper_image.image-d {
  position: relative;
  width: 22.375rem;
  height: 29.8125rem;
  margin-top: 2.3125rem;
  margin-left: 2.125rem;
  background-image: url("../images/about_image_d.jpg");
}
.wrapper_about-image-gallery .wrapper_image.image-e {
  position: relative;
  z-index: 100;
  width: 16.3125rem;
  height: 21.0625rem;
  margin-left: 2.875rem;
  background-image: url("../images/about_image_e.jpg");
}
.wrapper_about-image-gallery .wrapper_image.image-f {
  position: relative;
  z-index: 100;
  width: 25.375rem;
  height: 25.1875rem;
  margin-top: 0.875rem;
  margin-left: 5.9375rem;
  background-image: url("../images/about_image_f.jpg");
}
.wrapper_about-image-gallery .wrapper_image.image-g {
  position: relative;
  width: 18.1875rem;
  height: 24.25rem;
  margin-left: 4.375rem;
  background-image: url("../images/about_image_g.jpg");
}
.wrapper_about-image-gallery .wrapper_image.image-h {
  position: relative;
  z-index: 100;
  width: 16.6875rem;
  height: 17.375rem;
  margin-top: -6.125rem;
  margin-left: 1.5625rem;
  background-image: url("../images/about_image_h.jpg");
}
.wrapper_about-image-gallery .wrapper_image.image-i {
  position: relative;
  z-index: 0;
  width: 18.125rem;
  height: 24.125rem;
  margin-top: -10.75rem;
  margin-left: -2.25rem;
  background-image: url("../images/about_image_i.jpg");
}
.wrapper_about-image-gallery .wrapper_image.image-j {
  position: relative;
  width: 15.1875rem;
  height: 20.25rem;
  margin-top: -9.0625rem;
  margin-left: 1.8125rem;
  background-image: url("../images/about_image_j.jpg");
}
.wrapper_about-image-gallery .wrapper_image.image-k {
  position: relative;
  width: 16.9375rem;
  height: 17.3125rem;
  margin-top: -2.9375rem;
  margin-left: 1.8125rem;
  background-image: url("../images/about_image_k.jpg");
}
.wrapper_about-image-gallery .wrapper_image.image-l {
  position: relative;
  width: 18.875rem;
  height: 24.125rem;
  margin-top: -9.25rem;
  margin-left: 5.625rem;
  background-image: url("../images/about_image_l.jpg");
}
.wrapper_about-image-gallery .wrapper_image.image-m {
  position: relative;
  z-index: 0;
  width: 34.5rem;
  height: 25.875rem;
  margin-top: -12.5rem;
  margin-left: 2.8125rem;
  background-image: url("../images/about_image_m.jpg");
}
.wrapper_about-image-gallery .wrapper_image.image-n {
  position: relative;
  z-index: 0;
  width: 17.5rem;
  height: 23.375rem;
  margin-top: -12.125rem;
  margin-left: 2.375rem;
  background-image: url("../images/about_image_n.jpg");
}

/************************ Contact Us Page */
.wrapper_contact-page .wrapper_left {
  grid-column: 1/17;
  padding-bottom: 3.9375rem;
}
@media only screen and (min-width: 880px) {
  .wrapper_contact-page .wrapper_left {
    grid-column: 1/9;
    padding-bottom: 5.9375rem;
  }
}
.wrapper_contact-page .wrapper_right {
  grid-column: 1/17;
  padding-top: 1rem;
  padding-bottom: 3.5rem;
}
.wrapper_contact-page .wrapper_right h5 {
  font-size: 1.125rem;
  line-height: 1.4375rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.wrapper_contact-page .wrapper_right p {
  margin: 0;
}
.wrapper_contact-page .wrapper_right p a {
  font-family: degular, sans-serif;
  font-size: 1.5rem;
  line-height: 1.8125rem;
  font-weight: 600;
  color: #0763AE;
  text-decoration: none;
}
.wrapper_contact-page .wrapper_right p a:hover {
  color: #3DB87D;
  text-decoration: underline;
}
.wrapper_contact-page .wrapper_right p:last-of-type a {
  font-size: 1.5rem;
  line-height: 1.8125rem;
}
.wrapper_contact-page .wrapper_right .wrapper_graphic {
  padding-top: 0 !important;
  padding-bottom: 1.5rem;
}
.wrapper_contact-page .wrapper_right .wrapper_graphic img {
  display: inline-block;
  max-width: 4.5rem;
  margin-right: 1rem;
}
.wrapper_contact-page .wrapper_right .wrapper_graphic .contact-dog {
  display: inline-block;
  width: 139px;
  height: 120px;
  background-repeat: no-repeat;
  background-size: cover;
}
.wrapper_contact-page .wrapper_right .wrapper_graphic .contact-dog.jonny {
  background-image: url("../images/dogs_jonny_head.png"), url("../images/dogs_jonny_ears.png");
}
.wrapper_contact-page .wrapper_right .wrapper_graphic .contact-dog.jonny:hover {
  background-image: url("../images/dogs_jonny_head.png"), url("../images/dogs_jonny_ears_active.png");
  transform: rotate(-2deg);
}
.wrapper_contact-page .wrapper_right .wrapper_graphic .contact-dog.atti {
  background-image: url("../images/dogs_atti_head.png"), url("../images/dogs_atti_ears.png");
}
.wrapper_contact-page .wrapper_right .wrapper_graphic .contact-dog.atti:hover {
  background-image: url("../images/dogs_atti_head.png"), url("../images/dogs_atti_ears_active.png");
}
.wrapper_contact-page .wrapper_right .wrapper_graphic .contact-dog.otto {
  background-image: url("../images/dogs_otto_head.png"), url("../images/dogs_otto_ears.png");
}
.wrapper_contact-page .wrapper_right .wrapper_graphic .contact-dog.otto:hover {
  background-image: url("../images/dogs_otto_head.png"), url("../images/dogs_otto_ears_active.png");
}
.wrapper_contact-page .wrapper_right .wrapper_graphic .contact-dog.glady {
  background-image: url("../images/dogs_glady_head.png"), url("../images/dogs_glady_ears.png");
}
.wrapper_contact-page .wrapper_right .wrapper_graphic .contact-dog.glady:hover {
  background-image: url("../images/dogs_glady_head.png"), url("../images/dogs_glady_ears_active.png");
  transform: rotate(3deg);
}
.wrapper_contact-page .wrapper_right .wrapper_graphic .contact-dog.bird {
  background-image: url("../images/dogs_bird_head.png"), url("../images/dogs_bird_ears.png");
}
.wrapper_contact-page .wrapper_right .wrapper_graphic .contact-dog.bird:hover {
  background-image: url("../images/dogs_bird_head.png"), url("../images/dogs_bird_ears_active.png");
}
@media only screen and (min-width: 880px) {
  .wrapper_contact-page .wrapper_right {
    grid-column: 10/17;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 1170px) {
  .wrapper_contact-page .wrapper_right p a {
    font-size: 2.5rem;
    line-height: 2.8125rem;
  }
  .wrapper_contact-page .wrapper_right p:last-of-type a {
    font-size: 1.5625rem;
    line-height: 1.75rem;
  }
  .wrapper_contact-page .wrapper_right .wrapper_graphic {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .wrapper_contact-page .wrapper_right .wrapper_graphic img {
    max-width: 7.5rem;
    margin-right: 1rem;
  }
}
.wrapper_contact-page .wrapper_map {
  width: 100%;
  height: 26.875rem;
  background-color: #E2F2F0;
  overflow: hidden;
}
.wrapper_contact-page .wrapper_map img {
  max-height: 100%;
}
.wrapper_contact-page .wrapper_map #contact-map {
  width: 100%;
  height: 100%;
}
.wrapper_contact-page .wrapper_map .gm-style .gm-style-iw-c {
  background: #0763AE;
  border-radius: 999px;
  box-shadow: 0 0.75rem 2rem rgba(0, 0, 0, 0.18);
  padding: 0 !important;
}
.wrapper_contact-page .wrapper_map .gm-style .gm-style-iw-chr {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
.wrapper_contact-page .wrapper_map .gm-style .gm-style-iw-d {
  overflow: visible !important;
}
.wrapper_contact-page .wrapper_map .gm-style .gm-style-iw-tc {
  filter: drop-shadow(0 0.35rem 0.5rem rgba(0, 0, 0, 0.12));
}
.wrapper_contact-page .wrapper_map .gm-style .gm-style-iw-tc:after {
  background: #0763AE;
}
.wrapper_contact-page .wrapper_map .gm-style .gm-ui-hover-effect {
  top: 0.45rem !important;
  right: 0.45rem !important;
  width: 2rem !important;
  height: 2rem !important;
  border-radius: 50%;
}
.wrapper_contact-page .wrapper_map .bark-map-info-window {
  padding: 1rem 2rem;
  min-width: 14rem;
  color: #51C0EA;
  font-family: degular, sans-serif;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 500;
  white-space: nowrap;
  text-align: center;
}
.wrapper_contact-page .wrapper_map .bark-map-info-window strong {
  display: inline-block;
  margin-bottom: 0.15rem;
  color: #ffffff;
  font-size: 1.15rem;
  line-height: 1.25rem;
  font-weight: 700;
  text-transform: none;
}
.wrapper_contact-page .wrapper_map .bark-map-info-window span {
  display: inline-block;
  margin-top: 0.25rem;
  color: #ffffff;
  font-weight: 700;
  text-transform: none;
}
.wrapper_contact-page .wrapper_map .gm-style-iw-chr {
  display: none !important;
}

/************************ Careers Page */
.wrapper_careers-page {
  background-color: #5643BE;
}
.wrapper_careers-page .wrapper_content-list {
  grid-column: 1/17;
  padding-bottom: 7rem;
}
.wrapper_careers-page .wrapper_content-list h5 {
  color: #8AC2C3;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 880px) {
  .wrapper_careers-page .wrapper_content-list {
    grid-column: 1/15;
    padding-bottom: 19rem;
  }
  .wrapper_careers-page .wrapper_content-list h5 {
    margin-bottom: 3rem;
  }
}
.wrapper_careers-page .wrapper_content-list .wrapper_accordion {
  border-top: 1px solid #ffffff;
}
.wrapper_careers-page .wrapper_content-list .wrapper_accordion .header {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  height: 4rem;
  text-decoration: none;
}
.wrapper_careers-page .wrapper_content-list .wrapper_accordion .header:hover {
  padding-right: 2rem;
  padding-left: 2rem;
  background-color: #513FB5;
}
.wrapper_careers-page .wrapper_content-list .wrapper_accordion .header:hover svg {
  fill: #ffffff;
}
.wrapper_careers-page .wrapper_content-list .wrapper_accordion .header h1 {
  font-size: 1.5rem;
  line-height: 1.5rem;
  font-weight: 600;
  margin: 0 0 0.5rem 0;
  color: #ffffff;
}
.wrapper_careers-page .wrapper_content-list .wrapper_accordion .header svg {
  fill: #8AC2C3;
  width: 1rem;
}
.wrapper_careers-page .wrapper_content-list .wrapper_accordion .header svg.icon_close {
  display: none;
}
.wrapper_careers-page .wrapper_content-list .wrapper_accordion .header svg.icon_open {
  display: block;
}
.wrapper_careers-page .wrapper_content-list .wrapper_accordion .wrapper_description {
  max-width: 52rem;
  color: #C3E4E6;
  display: none;
  padding-bottom: 2rem;
}
.wrapper_careers-page .wrapper_content-list .wrapper_accordion .wrapper_description p a {
  color: #ffffff;
}
.wrapper_careers-page .wrapper_content-list .wrapper_accordion .wrapper_description h6 {
  font-size: 1.125rem;
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 0;
}
.wrapper_careers-page .wrapper_content-list .wrapper_accordion .wrapper_description p:first-of-type {
  margin-top: 0;
}
.wrapper_careers-page .wrapper_content-list .wrapper_accordion .wrapper_description p:last-of-type {
  margin-top: 0;
}
.wrapper_careers-page .wrapper_content-list .wrapper_accordion .wrapper_description ul {
  margin: 0 0 1rem 0;
  list-style-type: "– ";
}
.wrapper_careers-page .wrapper_content-list .wrapper_accordion .wrapper_description ul li {
  font-family: charter, serif;
  margin: 0;
  font-size: 1.125rem;
  line-height: 1.375rem;
}
.wrapper_careers-page .wrapper_content-list .wrapper_accordion.active .header svg.icon_close {
  display: block;
}
.wrapper_careers-page .wrapper_content-list .wrapper_accordion.active .header svg.icon_open {
  display: none;
}
.wrapper_careers-page .wrapper_content-list .wrapper_accordion.active .wrapper_description {
  display: block;
}
@media only screen and (min-width: 680px) {
  .wrapper_careers-page .wrapper_content-list .wrapper_accordion .header {
    height: 5.5rem;
  }
  .wrapper_careers-page .wrapper_content-list .wrapper_accordion .header h1 {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
  .wrapper_careers-page .wrapper_content-list .wrapper_accordion .header svg {
    width: 1.75rem;
  }
  .wrapper_careers-page .wrapper_content-list .wrapper_accordion .wrapper_description {
    padding-bottom: 4rem;
  }
}

/************************ Footer */
footer .wrapper_footer {
  background-color: #B5D9D9;
  background-image: url("../images/ellipse_footer-home.svg");
  background-repeat: no-repeat;
  background-position: center bottom -25rem;
  background-size: 45rem;
  overflow: hidden;
}
footer .wrapper_footer.footer-bg-locked {
  transition: none;
}
footer .wrapper_footer.interior {
  background-image: url("../images/ellipse_footer-interior.svg");
}
footer .wrapper_footer.interior .wrapper_left h1, footer .wrapper_footer.interior .wrapper_left p, footer .wrapper_footer.interior .wrapper_left a, footer .wrapper_footer.interior .wrapper_left ul, footer .wrapper_footer.interior .wrapper_left li, footer .wrapper_footer.interior .wrapper_middle h1, footer .wrapper_footer.interior .wrapper_middle p, footer .wrapper_footer.interior .wrapper_middle a, footer .wrapper_footer.interior .wrapper_middle ul, footer .wrapper_footer.interior .wrapper_middle li, footer .wrapper_footer.interior .wrapper_right h1, footer .wrapper_footer.interior .wrapper_right p, footer .wrapper_footer.interior .wrapper_right a, footer .wrapper_footer.interior .wrapper_right ul, footer .wrapper_footer.interior .wrapper_right li, footer .wrapper_footer.interior .wrapper_bottom-row h1, footer .wrapper_footer.interior .wrapper_bottom-row p, footer .wrapper_footer.interior .wrapper_bottom-row a, footer .wrapper_footer.interior .wrapper_bottom-row ul, footer .wrapper_footer.interior .wrapper_bottom-row li {
  color: #4E1F4E;
}
footer .wrapper_footer.interior .wrapper_right h1, footer .wrapper_footer.interior .wrapper_right p, footer .wrapper_footer.interior .wrapper_right a {
  color: #4E1F4E;
}
footer .wrapper_footer.interior .wrapper_right img.interior {
  display: block;
}
footer .wrapper_footer.interior .wrapper_right img.home {
  display: none;
}
footer .wrapper_footer.right-hover {
  background-position: 180% center;
}
@media only screen and (min-width: 480px) {
  footer .wrapper_footer {
    background-position: center bottom -65rem;
    background-size: 85rem;
  }
  footer .wrapper_footer.right-hover {
    background-position: center bottom -65rem;
  }
}
@media only screen and (min-width: 680px) {
  footer .wrapper_footer {
    background-position: left -40rem bottom -87rem;
    background-size: 105rem;
  }
  footer .wrapper_footer.right-hover {
    background-position: left -40rem bottom -87rem;
  }
}
@media only screen and (min-width: 880px) {
  footer .wrapper_footer {
    background-position: 300% center;
    background-size: 80%;
  }
  footer .wrapper_footer.right-hover {
    background-position: 297% center;
  }
}
@media only screen and (min-width: 1020px) {
  footer .wrapper_footer {
    background-position: 290% center;
    background-size: 80%;
  }
  footer .wrapper_footer.right-hover {
    background-position: 287% center;
  }
}
@media only screen and (min-width: 1170px) {
  footer .wrapper_footer {
    background-position: 185% center;
    background-size: 70%;
  }
  footer .wrapper_footer.right-hover {
    background-position: 182% center;
  }
}
@media only screen and (min-width: 1480px) {
  footer .wrapper_footer {
    background-position: 180% center;
    background-size: 70%;
  }
  footer .wrapper_footer.right-hover {
    background-position: 178% center;
  }
}
footer .wrapper_footer .wrapper_16-column {
  max-width: 1170px;
  margin: 0 auto;
  padding-left: 2rem;
}
footer .wrapper_footer .wrapper_left, footer .wrapper_footer .wrapper_middle, footer .wrapper_footer .wrapper_right {
  padding-top: 2rem;
}
@media only screen and (min-width: 1480px) {
  footer .wrapper_footer .wrapper_left, footer .wrapper_footer .wrapper_middle, footer .wrapper_footer .wrapper_right {
    padding-top: 5.8125rem;
  }
}
footer .wrapper_footer .wrapper_left {
  grid-column: 1/17;
}
@media only screen and (min-width: 480px) {
  footer .wrapper_footer .wrapper_left {
    grid-column: 1/9;
  }
}
@media only screen and (min-width: 680px) {
  footer .wrapper_footer .wrapper_left {
    grid-column: 1/5;
  }
}
footer .wrapper_footer .wrapper_left ul {
  list-style: none;
  margin-top: 0;
}
footer .wrapper_footer .wrapper_left ul li {
  font-family: degular, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 2rem;
  line-height: 2rem;
  margin-bottom: 0.5rem;
}
footer .wrapper_footer .wrapper_left ul li a {
  color: #4D278E;
  text-decoration: none;
}
footer .wrapper_footer .wrapper_left ul li a:hover {
  text-decoration: underline;
}
footer .wrapper_footer .wrapper_left ul li:first-of-type {
  margin-top: 0;
}
footer .wrapper_footer .wrapper_middle {
  grid-column: 1/17;
  padding-right: 2rem;
  padding-bottom: 4.5rem;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.5rem;
}
footer .wrapper_footer .wrapper_middle img {
  display: block;
  width: 100%;
  max-width: 4.5rem;
}
footer .wrapper_footer .wrapper_middle p {
  font-family: degular, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.375rem;
  line-height: 1.375rem;
  color: #4D278E;
  margin: 0;
  max-width: 12.5rem;
}
footer .wrapper_footer .wrapper_middle p a {
  text-transform: uppercase;
}
footer .wrapper_footer .wrapper_middle ul {
  list-style: none;
}
footer .wrapper_footer .wrapper_middle li a {
  font-size: 1.375rem;
  line-height: 1.375rem;
  color: #4D278E;
}
footer .wrapper_footer .wrapper_middle li a:hover {
  text-decoration: underline;
}
@media only screen and (min-width: 680px) {
  footer .wrapper_footer .wrapper_middle {
    grid-column: 6/17;
    grid-template-columns: 4.375rem 1fr;
  }
}
@media only screen and (min-width: 880px) {
  footer .wrapper_footer .wrapper_middle {
    grid-column: 5/10;
    padding-right: 0;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 1020px) {
  footer .wrapper_footer .wrapper_middle {
    grid-column: 5/10;
  }
}
footer .wrapper_footer .wrapper_right {
  grid-column: 1/17;
  position: relative;
  padding-right: 1rem;
}
footer .wrapper_footer .wrapper_right h1, footer .wrapper_footer .wrapper_right p {
  color: #ffffff;
  position: relative;
  z-index: 10;
}
footer .wrapper_footer .wrapper_right h1 {
  font-size: 2rem;
  line-height: 1.75rem;
  font-weight: 600;
}
footer .wrapper_footer .wrapper_right p {
  font-family: degular, sans-serif;
  font-size: 1.5625rem;
  font-weight: 500;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
footer .wrapper_footer .wrapper_right p a {
  text-decoration: none;
  position: block;
  margin-right: 0.5rem;
}
footer .wrapper_footer .wrapper_right p svg {
  position: block;
  stroke: #97CA3D;
  height: 1.5rem;
}
footer .wrapper_footer .wrapper_right p:hover a {
  text-decoration: underline;
  margin-right: 0.75rem;
}
footer .wrapper_footer .wrapper_right img {
  display: block;
  position: absolute;
  z-index: 0;
  opacity: 0.5;
  width: 8.375rem;
  top: 0;
  left: -1.75rem;
}
footer .wrapper_footer .wrapper_right img.interior {
  display: none;
}
@media only screen and (min-width: 480px) {
  footer .wrapper_footer .wrapper_right h1 {
    font-size: 2rem;
    line-height: 1.75rem;
  }
  footer .wrapper_footer .wrapper_right img {
    width: 9.375rem;
    top: 0.25rem;
    left: -3rem;
  }
}
@media only screen and (min-width: 880px) {
  footer .wrapper_footer .wrapper_right {
    grid-column: 11/17;
  }
  footer .wrapper_footer .wrapper_right h1 {
    font-size: 2.5rem;
    line-height: 2.75rem;
    max-width: 18rem;
  }
  footer .wrapper_footer .wrapper_right img {
    width: 7.375rem;
    top: 1rem;
    left: -1.5rem;
  }
}
@media only screen and (min-width: 1170px) {
  footer .wrapper_footer .wrapper_right h1 {
    font-size: 2.75rem;
    line-height: 3rem;
    max-width: 20rem;
  }
  footer .wrapper_footer .wrapper_right img {
    width: 7.375rem;
    top: 1rem;
    left: -3rem;
  }
}
@media only screen and (min-width: 1480px) {
  footer .wrapper_footer .wrapper_right h1 {
    font-size: 3.4375rem;
    line-height: 3.5rem;
    max-width: 100%;
  }
  footer .wrapper_footer .wrapper_right img {
    width: 9.375rem;
    top: 4rem;
    left: -3rem;
  }
}
footer .wrapper_footer .wrapper_bottom-row {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  align-items: center;
  flex-wrap: wrap;
}
footer .wrapper_footer .wrapper_bottom-row p {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-family: degular, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  color: #ffffff;
  margin: 0;
}
footer .wrapper_footer .wrapper_bottom-row p span {
  font-weight: 700;
}
@media only screen and (min-width: 880px) {
  footer .wrapper_footer .wrapper_bottom-row p {
    color: #4D278E;
  }
}
@media only screen and (min-width: 1480px) {
  footer .wrapper_footer .wrapper_bottom-row {
    padding-top: 3.5rem;
    flex-wrap: nowrap;
  }
}

main[data-barba-namespace=privacy] .left li {
  font-family: charter, serif;
  font-weight: normal;
  font-style: normal;
}

#contact-map,
#contact-map * {
  transition: none !important;
}

main {
  width: 100%;
}

.loader {
  position: fixed;
  width: 38px;
  height: 38px;
  pointer-events: none;
  background-color: black;
  z-index: 19000;
  opacity: 1;
  visibility: hidden;
  border-radius: 100%;
  transform: scale(75);
}
@media only screen and (min-width: 1020px) {
  .loader {
    width: 48px;
    height: 48px;
  }
}

.is-transitioning {
  pointer-events: none;
  cursor: progress;
}

.back-to-work {
  margin-bottom: 1.5rem;
}
.back-to-work a {
  font-family: degular, sans-serif;
  color: #ffffff;
  font-weight: 600;
  text-decoration: none;
  opacity: 0.5 !important;
}
.back-to-work a:hover {
  text-decoration: underline;
  opacity: 1 !important;
}
.back-to-work.archive a {
  color: #282828;
}

.project-template-accent-text .back-to-work a {
  color: var(--project-accent-color, #008065);
  opacity: 1 !important;
}
.project-template-accent-text .wrapper_hero-interior.hero_b .wrapper_right.sidebar.sidebar-filter h2 {
  color: var(--project-accent-color, #008065) !important;
  opacity: 1 !important;
}
.project-template-accent-text .wrapper_project-footer .wrapper_row-lists header h1,
.project-template-accent-text .wrapper_project-footer .wrapper_row-lists ul li a {
  color: var(--project-accent-color, #008065) !important;
}
.project-template-accent-text .wrapper_project-footer .wrapper_row-lists ul li a:hover {
  color: var(--project-accent-color, #008065) !important;
  text-decoration: underline;
}
.project-template-accent-text .wrapper_project-footer .wrapper_row-similar header h1,
.project-template-accent-text .wrapper_project-footer .wrapper_row-similar .wrapper_archive p,
.project-template-accent-text .wrapper_project-footer .wrapper_row-similar .wrapper_archive .wrapper_work-card p,
.project-template-accent-text .wrapper_project-footer .wrapper_row-similar .wrapper_archive .wrapper_work-card .work-client,
.project-template-accent-text .wrapper_project-footer .wrapper_row-similar .wrapper_archive .wrapper_work-card .work-title {
  color: var(--project-accent-color, #008065) !important;
}
.project-template-accent-text .wrapper_project-footer .wrapper_row-similar .wrapper_archive .wrapper_work-card:hover .work-client,
.project-template-accent-text .wrapper_project-footer .wrapper_row-similar .wrapper_archive .wrapper_work-card:hover .work-title {
  color: var(--project-accent-color, #008065) !important;
}

/************************ Individual Project Posts */
.project-post p a {
  text-decoration: underline;
  text-underline-offset: 0.12em;
}
.project-post .sans-padding {
  padding: 0;
}
.project-post .spacer-row {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.project-post .spacer-row.double {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.project-post .spacer-row.small {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.project-post .spacer-row.lark.adjustment-1 {
  padding-top: 0rem;
  padding-bottom: 0rem;
}
@media only screen and (min-width: 680px) {
  .project-post .spacer-row.lark.adjustment-1 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media only screen and (min-width: 1020px) {
  .project-post .spacer-row.ccc.adjustment-1 {
    display: none;
  }
}
@media only screen and (min-width: 680px) {
  .project-post .spacer-row {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }
  .project-post .spacer-row.double {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }
}
@media only screen and (min-width: 1020px) {
  .project-post .spacer-row {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .project-post .spacer-row.double {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
.project-post .bottom-aligned .max-width {
  align-items: end;
}
.project-post .negative-top {
  margin-top: -0.125rem;
}
.project-post .background-black {
  background-color: #000000;
}
.project-post .background-black.with-captions p {
  color: #808080;
}
.project-post .background-white {
  background-color: #ffffff;
}
.project-post .wrapper_two-column-offset.mobile-switch.right-offset .wrapper_left {
  display: grid;
  grid-template-areas: "text" "image";
}
.project-post .wrapper_two-column-offset.mobile-switch.right-offset .wrapper_left img {
  grid-area: image;
}
.project-post .wrapper_two-column-offset.mobile-switch.right-offset .wrapper_left h5 {
  grid-area: text;
  margin-top: 0;
  margin-bottom: 4rem;
}
@media only screen and (min-width: 880px) {
  .project-post .wrapper_two-column-offset.mobile-switch.right-offset .wrapper_left {
    grid-template-areas: "image" "text";
  }
  .project-post .wrapper_two-column-offset.mobile-switch.right-offset .wrapper_left h5 {
    margin-top: 3rem;
    margin-bottom: 0;
  }
}
.project-post .wrapper_two-column-offset.mobile-switch.with-general-text .max-width {
  grid-template-areas: "right" "left";
}
.project-post .wrapper_two-column-offset.mobile-switch.with-general-text .max-width .wrapper_left {
  grid-area: left;
}
.project-post .wrapper_two-column-offset.mobile-switch.with-general-text .max-width .wrapper_right {
  grid-area: right;
}
@media only screen and (min-width: 880px) {
  .project-post .wrapper_two-column-offset.mobile-switch.with-general-text .max-width {
    grid-template-areas: "left right";
  }
}
.project-post .wrapper_two-column-offset.mobile-switch.wrapper_max-width-2-3 .max-width {
  grid-template-areas: "text" "image";
}
.project-post .wrapper_two-column-offset.mobile-switch.wrapper_max-width-2-3 .max-width img {
  grid-area: image;
}
.project-post .wrapper_two-column-offset.mobile-switch.wrapper_max-width-2-3 .max-width .wrapper_description {
  grid-area: text;
}
@media only screen and (min-width: 880px) {
  .project-post .wrapper_two-column-offset.mobile-switch.wrapper_max-width-2-3 .max-width {
    grid-template-columns: 2fr 1fr;
    grid-template-areas: "image text";
  }
}
.project-post {
  /** Shaun this is new */
}
.project-post .wrapper_video-row {
  display: flex;
  justify-content: center;
}
.project-post .wrapper_video-row video {
  width: 100%;
  max-width: 125rem;
  height: auto;
  aspect-ratio: 16/9;
}
.project-post .wrapper_video-row video img {
  display: none;
}
.project-post .wrapper_featured-image-row video {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
.project-post .wrapper_featured-image-row video img {
  display: none;
}
.project-post {
  /************************ In Project Testimonials */
  /** ABC State of Our Youth */
}
.project-post.sooy .wrapper_testimonial.project-page {
  background-color: #0f173f;
}
.project-post.sooy .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #circle {
  fill: #57c1e9;
}
.project-post.sooy .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #mouth .line-dotted-outer, .project-post.sooy .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #mouth .line-dotted-inner-eye, .project-post.sooy .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #mouth .line-dotted-outer, .project-post.sooy .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #mouth .line-dotted-inner-mouth, .project-post.sooy .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #eye-left .line-dotted-outer, .project-post.sooy .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #eye-left .line-dotted-inner-eye, .project-post.sooy .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #eye-left .line-dotted-outer, .project-post.sooy .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #eye-left .line-dotted-inner-mouth, .project-post.sooy .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #eye-right .line-dotted-outer, .project-post.sooy .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #eye-right .line-dotted-inner-eye, .project-post.sooy .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #eye-right .line-dotted-outer, .project-post.sooy .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #eye-right .line-dotted-inner-mouth {
  stroke: #0f173f;
}
.project-post.sooy .wrapper_testimonial.project-page .wrapper_left p {
  color: #ffffff;
}
.project-post.sooy .wrapper_testimonial.project-page .wrapper_left .quote-name {
  color: #57c1e9;
}
.project-post.sooy .wrapper_testimonial.project-page .wrapper_right .icon-quote {
  fill: #57c1e9;
  opacity: 0.2;
}
.project-post.sooy .wrapper_testimonial.project-page .wrapper_right q {
  color: #ffffff;
}
.project-post {
  /** ASM Lutz */
}
.project-post.asm-lutz .wrapper_testimonial.project-page {
  background-color: #452e78;
}
.project-post.asm-lutz .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #circle {
  fill: #552f94;
}
.project-post.asm-lutz .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #mouth .line-dotted-outer, .project-post.asm-lutz .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #mouth .line-dotted-inner-eye, .project-post.asm-lutz .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #mouth .line-dotted-outer, .project-post.asm-lutz .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #mouth .line-dotted-inner-mouth, .project-post.asm-lutz .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #eye-left .line-dotted-outer, .project-post.asm-lutz .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #eye-left .line-dotted-inner-eye, .project-post.asm-lutz .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #eye-left .line-dotted-outer, .project-post.asm-lutz .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #eye-left .line-dotted-inner-mouth, .project-post.asm-lutz .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #eye-right .line-dotted-outer, .project-post.asm-lutz .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #eye-right .line-dotted-inner-eye, .project-post.asm-lutz .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #eye-right .line-dotted-outer, .project-post.asm-lutz .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #eye-right .line-dotted-inner-mouth {
  stroke: #fadb33;
}
.project-post.asm-lutz .wrapper_testimonial.project-page .wrapper_left p {
  color: #ffffff;
}
.project-post.asm-lutz .wrapper_testimonial.project-page .wrapper_left .quote-name {
  color: #fadb33;
}
.project-post.asm-lutz .wrapper_testimonial.project-page .wrapper_right .icon-quote {
  fill: #552f94;
}
.project-post.asm-lutz .wrapper_testimonial.project-page .wrapper_right q {
  color: #ffffff;
}
.project-post {
  /** ASM Gately */
}
.project-post.asm-gately .wrapper_testimonial.project-page {
  background-color: #452e78;
}
.project-post.asm-gately .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #circle {
  fill: #552f94;
}
.project-post.asm-gately .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #mouth .line-dotted-outer, .project-post.asm-gately .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #mouth .line-dotted-inner-eye, .project-post.asm-gately .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #mouth .line-dotted-outer, .project-post.asm-gately .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #mouth .line-dotted-inner-mouth, .project-post.asm-gately .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #eye-left .line-dotted-outer, .project-post.asm-gately .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #eye-left .line-dotted-inner-eye, .project-post.asm-gately .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #eye-left .line-dotted-outer, .project-post.asm-gately .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #eye-left .line-dotted-inner-mouth, .project-post.asm-gately .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #eye-right .line-dotted-outer, .project-post.asm-gately .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #eye-right .line-dotted-inner-eye, .project-post.asm-gately .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #eye-right .line-dotted-outer, .project-post.asm-gately .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #eye-right .line-dotted-inner-mouth {
  stroke: #00b8b5;
}
.project-post.asm-gately .wrapper_testimonial.project-page .wrapper_left p {
  color: #00b8b5;
}
.project-post.asm-gately .wrapper_testimonial.project-page .wrapper_left .quote-name {
  color: #00b8b5;
}
.project-post.asm-gately .wrapper_testimonial.project-page .wrapper_right .icon-quote {
  fill: #552f94;
}
.project-post.asm-gately .wrapper_testimonial.project-page .wrapper_right q {
  color: #00b8b5;
}
.project-post {
  /** NSCDS Mural */
}
.project-post.nscds-mural .wrapper_testimonial.project-page {
  background-color: #3c2660;
}
.project-post.nscds-mural .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #circle {
  fill: #7368af;
}
.project-post.nscds-mural .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #mouth .line-dotted-outer, .project-post.nscds-mural .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #mouth .line-dotted-inner-eye, .project-post.nscds-mural .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #mouth .line-dotted-outer, .project-post.nscds-mural .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #mouth .line-dotted-inner-mouth, .project-post.nscds-mural .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #eye-left .line-dotted-outer, .project-post.nscds-mural .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #eye-left .line-dotted-inner-eye, .project-post.nscds-mural .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #eye-left .line-dotted-outer, .project-post.nscds-mural .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #eye-left .line-dotted-inner-mouth, .project-post.nscds-mural .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #eye-right .line-dotted-outer, .project-post.nscds-mural .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #eye-right .line-dotted-inner-eye, .project-post.nscds-mural .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #eye-right .line-dotted-outer, .project-post.nscds-mural .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #eye-right .line-dotted-inner-mouth {
  stroke: #8ec1e5;
}
.project-post.nscds-mural .wrapper_testimonial.project-page .wrapper_left p {
  color: #8ec1e5;
}
.project-post.nscds-mural .wrapper_testimonial.project-page .wrapper_left .quote-name {
  color: #8ec1e5;
}
.project-post.nscds-mural .wrapper_testimonial.project-page .wrapper_right .icon-quote {
  fill: #7368af;
}
.project-post.nscds-mural .wrapper_testimonial.project-page .wrapper_right q {
  color: #8ec1e5;
}
.project-post {
  /** City College */
}
.project-post.ccc .wrapper_testimonial.project-page {
  background-color: #072752;
}
.project-post.ccc .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #circle {
  fill: #0D3264;
}
.project-post.ccc .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #mouth .line-dotted-outer, .project-post.ccc .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #mouth .line-dotted-inner-eye, .project-post.ccc .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #mouth .line-dotted-outer, .project-post.ccc .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #mouth .line-dotted-inner-mouth, .project-post.ccc .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #eye-left .line-dotted-outer, .project-post.ccc .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #eye-left .line-dotted-inner-eye, .project-post.ccc .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #eye-left .line-dotted-outer, .project-post.ccc .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #eye-left .line-dotted-inner-mouth, .project-post.ccc .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #eye-right .line-dotted-outer, .project-post.ccc .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #eye-right .line-dotted-inner-eye, .project-post.ccc .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #eye-right .line-dotted-outer, .project-post.ccc .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #eye-right .line-dotted-inner-mouth {
  stroke: #51C0EA;
}
.project-post.ccc .wrapper_testimonial.project-page .wrapper_left p {
  color: #51C0EA;
}
.project-post.ccc .wrapper_testimonial.project-page .wrapper_left .quote-name {
  color: #51C0EA;
}
.project-post.ccc .wrapper_testimonial.project-page .wrapper_right .icon-quote {
  fill: #0D3264;
}
.project-post.ccc .wrapper_testimonial.project-page .wrapper_right q {
  color: #51C0EA;
}
.project-post {
  /** In The Field */
}
.project-post.itf .wrapper_testimonial.project-page {
  background-color: #476d65;
}
.project-post.itf .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #circle {
  fill: #425b57;
}
.project-post.itf .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #mouth .line-dotted-outer, .project-post.itf .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #mouth .line-dotted-inner-eye, .project-post.itf .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #mouth .line-dotted-outer, .project-post.itf .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #mouth .line-dotted-inner-mouth, .project-post.itf .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #eye-left .line-dotted-outer, .project-post.itf .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #eye-left .line-dotted-inner-eye, .project-post.itf .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #eye-left .line-dotted-outer, .project-post.itf .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #eye-left .line-dotted-inner-mouth, .project-post.itf .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #eye-right .line-dotted-outer, .project-post.itf .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #eye-right .line-dotted-inner-eye, .project-post.itf .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #eye-right .line-dotted-outer, .project-post.itf .wrapper_testimonial.project-page .wrapper_left .icon-testimonial-face #eye-right .line-dotted-inner-mouth {
  stroke: #ffffff;
}
.project-post.itf .wrapper_testimonial.project-page .wrapper_left p {
  color: #ffffff;
}
.project-post.itf .wrapper_testimonial.project-page .wrapper_left .quote-name {
  color: #ffff00;
}
.project-post.itf .wrapper_testimonial.project-page .wrapper_right .icon-quote {
  fill: #425b57;
}
.project-post.itf .wrapper_testimonial.project-page .wrapper_right q {
  color: #ffffff;
}
.project-post {
  /************************ In Project Testimonials NEW*/
}
.project-post .wrapper_in-project-testimonial {
  display: grid;
}
.project-post .wrapper_in-project-testimonial .quote-block {
  width: 90%;
}
.project-post .wrapper_in-project-testimonial p {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.project-post .wrapper_in-project-testimonial p:first-of-type {
  margin-top: 0rem;
}
.project-post .wrapper_in-project-testimonial h1 {
  font-size: 1.125rem;
  line-height: 1.25rem;
  font-weight: 500;
  margin-top: 0rem;
  margin-bottom: 0.25rem;
}
.project-post .wrapper_in-project-testimonial h2 {
  font-size: 0.875rem;
  line-height: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-top: 0rem;
  margin-bottom: 0.75rem;
}
@media only screen and (min-width: 680px) {
  .project-post .wrapper_in-project-testimonial .quote-block {
    width: 80%;
  }
}
@media only screen and (min-width: 880px) {
  .project-post .wrapper_in-project-testimonial .quote-block {
    width: 70%;
  }
  .project-post .wrapper_in-project-testimonial p {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .project-post .wrapper_in-project-testimonial h1 {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
@media only screen and (min-width: 1020px) {
  .project-post .wrapper_in-project-testimonial .quote-block {
    width: 50%;
  }
  .project-post .wrapper_in-project-testimonial p {
    font-size: 1.875rem;
    line-height: 2.5rem;
  }
  .project-post .wrapper_in-project-testimonial h1 {
    font-size: 1.4375rem;
    line-height: 1.4375rem;
  }
}
.project-post {
  /** TCP Website */
}
.project-post.tcp-web .wrapper_in-project-testimonial .quote-block {
  justify-self: start;
  padding-bottom: 2rem;
  width: 95%;
}
.project-post.tcp-web .wrapper_in-project-testimonial p, .project-post.tcp-web .wrapper_in-project-testimonial h1, .project-post.tcp-web .wrapper_in-project-testimonial h2 {
  color: #423838;
}
@media only screen and (min-width: 680px) {
  .project-post.tcp-web .wrapper_in-project-testimonial .quote-block {
    justify-self: end;
    width: 68%;
  }
}
@media only screen and (min-width: 1020px) {
  .project-post.tcp-web .wrapper_in-project-testimonial .quote-block {
    width: 75%;
  }
}
@media only screen and (min-width: 1170px) {
  .project-post.tcp-web .wrapper_in-project-testimonial .quote-block {
    padding-bottom: 8rem;
    width: 68%;
  }
}
.project-post {
  /** Field Annuals */
}
.project-post.field-annuals .wrapper_in-project-testimonial .quote-block {
  justify-self: center;
  width: 100%;
}
.project-post.field-annuals .wrapper_in-project-testimonial p, .project-post.field-annuals .wrapper_in-project-testimonial h1, .project-post.field-annuals .wrapper_in-project-testimonial h2 {
  color: #000000;
  text-align: center;
}
@media only screen and (min-width: 680px) {
  .project-post.field-annuals .wrapper_in-project-testimonial .quote-block {
    width: 100%;
  }
}
@media only screen and (min-width: 880px) {
  .project-post.field-annuals .wrapper_in-project-testimonial .quote-block {
    width: 90%;
  }
}
@media only screen and (min-width: 1020px) {
  .project-post.field-annuals .wrapper_in-project-testimonial .quote-block {
    width: 95%;
  }
}
@media only screen and (min-width: 1480px) {
  .project-post.field-annuals .wrapper_in-project-testimonial .quote-block {
    width: 95%;
  }
}
.project-post {
  /** Hopecoming 2025 */
}
.project-post.hope-twentyfive .wrapper_in-project-testimonial .quote-block {
  justify-self: start;
}
.project-post.hope-twentyfive .wrapper_in-project-testimonial p, .project-post.hope-twentyfive .wrapper_in-project-testimonial h1, .project-post.hope-twentyfive .wrapper_in-project-testimonial h2 {
  color: #faa21b;
}
@media only screen and (min-width: 1020px) {
  .project-post.hope-twentyfive .wrapper_in-project-testimonial .quote-block {
    width: 65%;
  }
}
@media only screen and (min-width: 1480px) {
  .project-post.hope-twentyfive .wrapper_in-project-testimonial .quote-block {
    width: 65%;
  }
}
.project-post {
  /** BHPN */
}
.project-post.bhpn .wrapper_in-project-testimonial .quote-block {
  justify-self: center;
  width: 100%;
}
.project-post.bhpn .wrapper_in-project-testimonial p, .project-post.bhpn .wrapper_in-project-testimonial h1, .project-post.bhpn .wrapper_in-project-testimonial h2 {
  color: #FEC501;
  text-align: center;
}
@media only screen and (min-width: 680px) {
  .project-post.bhpn .wrapper_in-project-testimonial .quote-block {
    width: 100%;
  }
}
@media only screen and (min-width: 880px) {
  .project-post.bhpn .wrapper_in-project-testimonial .quote-block {
    width: 90%;
  }
}
@media only screen and (min-width: 1020px) {
  .project-post.bhpn .wrapper_in-project-testimonial .quote-block {
    width: 85%;
  }
}
@media only screen and (min-width: 1480px) {
  .project-post.bhpn .wrapper_in-project-testimonial .quote-block {
    width: 75%;
  }
}
.project-post {
  /************************ Project Posts */
  /** WasteNot */
}
.project-post.wastenot .accent-color-white {
  color: #ffffff;
}
.project-post.wastenot .accent-color-green {
  color: #59B756;
}
.project-post.wastenot .accent-color-dark-blue {
  color: #0C303C;
}
.project-post.wastenot .background-color-light-grey {
  background-color: #EDEDED;
}
.project-post.wastenot .background-color-dark-blue {
  background-color: #0C303C;
  color: #ffffff;
}
.project-post.wastenot .background-gradient-white-grey {
  background: #FFFFFF;
  background: linear-gradient(180deg, rgb(255, 255, 255) 50%, rgb(237, 237, 237) 50%);
}
.project-post.wastenot .wrapper_hero-interior {
  background-color: #0C303C;
}
.project-post.wastenot .wrapper_hero-interior .wrapper_top h1 {
  color: #ffffff;
}
.project-post.wastenot .wrapper_hero-interior .wrapper_top h2 {
  color: #59B756;
}
.project-post.wastenot .wrapper_hero-interior .wrapper_left p {
  color: #ffffff;
}
.project-post.wastenot .wrapper_hero-interior .sidebar-filter ul li a {
  color: #59B756;
}
.project-post.wastenot .wrapper_hero-interior .sidebar-filter ul li a:hover {
  color: #ffffff;
}
.project-post.wastenot .wrapper_general-text.first-adjustment .wrapper_content {
  max-width: 55rem;
}
.project-post {
  /** NORC */
}
.project-post.norc .accent-color-dark-teal {
  color: #025C6E;
}
.project-post.norc .accent-color-light-teal {
  color: #7ACCC1;
}
.project-post.norc .background-color-dark-teal {
  background-color: #025C6E;
  color: #ffffff;
}
.project-post.norc .background-color-light-tan {
  background-color: #FDFBF8;
}
.project-post.norc .background-image-dark-teal {
  background-color: #025C6E;
  color: #ffffff;
  background-image: url("../../assets/images/norc/norc_background_star_dark_teal.png");
  background-repeat: no-repeat;
  background-position: left -50% top 2%;
  background-size: 70%;
}
.project-post.norc .wrapper_hero-interior {
  background-color: #025C6E;
}
.project-post.norc .wrapper_hero-interior .wrapper_top h1 {
  color: #ffffff;
}
.project-post.norc .wrapper_hero-interior .wrapper_top h2 {
  color: #7ACCC1;
}
.project-post.norc .wrapper_hero-interior .wrapper_left p {
  color: #ffffff;
}
.project-post.norc .wrapper_hero-interior .sidebar-filter ul li a {
  color: #7ACCC1;
}
.project-post.norc .wrapper_hero-interior .sidebar-filter ul li a:hover {
  color: #ffffff;
}
.project-post.norc .wrapper_featured-image-row {
  background-color: #FDFBF8;
  padding-bottom: 2rem;
}
@media only screen and (min-width: 680px) {
  .project-post.norc .wrapper_fifty-fifty .wrapper_description {
    align-content: start;
  }
  .project-post.norc .wrapper_fifty-fifty .wrapper_description .description-block h2 {
    margin-top: 1.5rem;
  }
}
.project-post.norc .wrapper_image-gallery {
  padding-top: 0rem;
}
.project-post.norc .pagination-arrow svg {
  stroke: #7ACCC1;
}
.project-post.norc .wrapper_general-text.first-adjustment .wrapper_content {
  max-width: 35rem;
}
.project-post.norc .wrapper_general-text.second-adjustment .wrapper_content {
  max-width: 35rem;
}
.project-post.norc .wrapper_general-text.third-adjustment .wrapper_content {
  max-width: 45rem;
}
.project-post {
  /** BHPN */
}
.project-post.bhpn .wrapper_fifty-fifty .wrapper_image {
  align-items: center;
}
.project-post.bhpn .dropshadow {
  filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.25));
}
.project-post.bhpn .background-light-grey {
  background-color: #EDEDED;
}
.project-post.bhpn .background-teal {
  background-color: #137CA1;
}
.project-post.bhpn .accent-color-teal {
  color: #137CA1;
}
.project-post.bhpn .accent-color-yellow {
  color: #FEC501;
}
.project-post.bhpn .accent-color-orange {
  color: #F06F19;
}
.project-post.bhpn .accent-color-purple {
  color: #5C0E8C;
}
.project-post.bhpn .background-image-one {
  background-color: #EDEDED;
  background-image: url("../../assets/images/bhpn/background_image_a.png"), url("../../assets/images/bhpn/background_image_a.png");
  background-repeat: no-repeat;
  background-position: right -100% top, left -50% bottom;
  background-size: 75%, 50%;
}
.project-post.bhpn .background-image-one .wrapper_fifty-fifty .wrapper_description {
  background-color: transparent;
}
.project-post.bhpn .background-image-two {
  background-color: #137CA1;
  background-image: url("../../assets/images/bhpn/background_image_c.png");
  background-repeat: no-repeat;
  background-position: left -50% bottom 1rem;
  background-size: 50%;
}
.project-post.bhpn .background-image-three {
  background-image: url("../../assets/images/bhpn/background_image_b.png"), url("../../assets/images/bhpn/background_image_b.png");
  background-repeat: no-repeat;
  background-position: left -50% top -25%, right -40% bottom 40%;
  background-size: 75%, 50%;
}
.project-post.bhpn .background-image-three .wrapper_fifty-fifty .wrapper_description {
  background-color: transparent;
}
.project-post.bhpn .background-image-four {
  background-color: #EDEDED;
  background-image: url("../../assets/images/bhpn/background_image_a.png"), url("../../assets/images/bhpn/background_image_a.png");
  background-repeat: no-repeat;
  background-position: left -100% top 2%, right -40% bottom 50%;
  background-size: 75%, 60%;
}
.project-post.bhpn .background-gradient-one {
  background: #EDEDED;
  background: linear-gradient(180deg, rgb(237, 237, 237) 80%, rgb(19, 124, 161) 80%);
}
.project-post.bhpn .wrapper_hero-interior {
  background-color: #137CA1;
}
.project-post.bhpn .wrapper_hero-interior .wrapper_top h1 {
  color: #ffffff;
}
.project-post.bhpn .wrapper_hero-interior .wrapper_top h2 {
  color: #FEC501;
}
.project-post.bhpn .wrapper_hero-interior .wrapper_left p {
  color: #ffffff;
}
.project-post.bhpn .wrapper_hero-interior .sidebar-filter ul li a {
  color: #FEC501;
}
.project-post.bhpn .wrapper_hero-interior .sidebar-filter ul li a:hover {
  color: #ffffff;
}
.project-post.bhpn .pagination-arrow svg {
  stroke: #FEC501;
}
.project-post {
  /** TCP Web */
}
.project-post.tcp-web .background-brown {
  background-color: #423838;
}
.project-post.tcp-web .background-light-grey {
  background-color: #f4fbff;
}
.project-post.tcp-web .background-light-yellow {
  background-color: #fbf8e6;
}
.project-post.tcp-web .accent-color-yellow {
  color: #f6e378;
}
.project-post.tcp-web .accent-color-brown {
  color: #423838;
}
.project-post.tcp-web .background-image-one {
  background-color: #fbf8e6;
  background-image: url("../../assets/images/tcp-website/tcp_website_background_shape.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 75%;
}
.project-post.tcp-web .background-image-two {
  background-color: #f2fbff;
  background-image: url("../../assets/images/tcp-website/tcp_website_background_shape.png");
  background-repeat: no-repeat;
  background-position: right top 15%;
  background-size: 75%;
}
.project-post.tcp-web .background-image-three {
  background-color: #423838;
  background-image: url("../../assets/images/tcp-website/tcp_website_background_shape.png");
  background-repeat: no-repeat;
  background-position: left top 15%;
  background-size: 75%;
}
.project-post.tcp-web .wrapper_hero-interior {
  background-color: #423838;
}
.project-post.tcp-web .wrapper_hero-interior .wrapper_top h1 {
  color: #ffffff;
}
.project-post.tcp-web .wrapper_hero-interior .wrapper_top h2 {
  color: #f6e378;
}
.project-post.tcp-web .wrapper_hero-interior .wrapper_left p {
  color: #ffffff;
}
.project-post.tcp-web .wrapper_hero-interior .sidebar-filter ul li a {
  color: #f6e378;
}
.project-post.tcp-web .wrapper_hero-interior .sidebar-filter ul li a:hover {
  color: #ffffff;
}
.project-post.tcp-web .wrapper_quote-large {
  background-color: transparent;
}
.project-post.tcp-web .wrapper_quote-large p {
  margin-top: 0;
}
.project-post.tcp-web .wrapper_max-width-fifty-fifty .max-width {
  align-items: start;
  grid-gap: 4rem;
}
.project-post.tcp-web .wrapper_max-width-fifty-fifty .max-width div {
  z-index: 100;
}
.project-post.tcp-web .wrapper_max-width-fifty-fifty .max-width div:last-of-type {
  margin-top: 12rem;
}
@media only screen and (min-width: 1170px) {
  .project-post.tcp-web .wrapper_max-width-fifty-fifty .max-width div:last-of-type {
    margin-top: 20rem;
  }
}
@media only screen and (min-width: 1480px) {
  .project-post.tcp-web .wrapper_max-width-fifty-fifty .max-width div:last-of-type {
    margin-top: 25rem;
  }
}
.project-post.tcp-web .wrapper_full-width-project.first-instance {
  margin-top: -15rem;
  z-index: 0;
}
@media only screen and (min-width: 1170px) {
  .project-post.tcp-web .wrapper_full-width-project.first-instance {
    margin-top: -30rem;
  }
}
@media only screen and (min-width: 1480px) {
  .project-post.tcp-web .wrapper_full-width-project.first-instance {
    margin-top: -40rem;
  }
}
.project-post.tcp-web .wrapper_two-column-offset.with-general-text img {
  margin-left: auto;
  margin-right: auto;
  max-width: 80%;
}
@media only screen and (min-width: 880px) {
  .project-post.tcp-web .wrapper_two-column-offset.with-general-text img {
    max-width: 100%;
  }
}
.project-post.tcp-web .wrapper_two-column-offset.with-general-text .wrapper_general-text .wrapper_content {
  margin-top: 2rem;
  margin-bottom: 4rem;
}
.project-post.tcp-web .wrapper_two-column-offset.with-general-text .wrapper_general-text .wrapper_content h5 {
  font-size: 1.5rem;
  line-height: 1.6875rem;
}
@media only screen and (min-width: 680px) {
  .project-post.tcp-web .wrapper_two-column-offset.with-general-text .wrapper_general-text .wrapper_content {
    max-width: 40rem;
    margin-top: 3rem;
    margin-bottom: 5rem;
  }
  .project-post.tcp-web .wrapper_two-column-offset.with-general-text .wrapper_general-text .wrapper_content h5 {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}
@media only screen and (min-width: 1480px) {
  .project-post.tcp-web .wrapper_two-column-offset.with-general-text .wrapper_general-text .wrapper_content {
    max-width: 30rem;
    margin-top: 5rem;
    margin-bottom: 6rem;
  }
  .project-post.tcp-web .wrapper_two-column-offset.with-general-text .wrapper_general-text .wrapper_content h5 {
    font-size: 2.5rem;
    line-height: 3rem;
  }
}
.project-post.tcp-web .wrapper_two-column-offset.with-general-text .wrapper_left .wrapper_general-text {
  display: block;
}
.project-post.tcp-web .wrapper_two-column-offset.with-general-text .wrapper_right .wrapper_general-text {
  display: none;
}
@media only screen and (min-width: 1170px) {
  .project-post.tcp-web .wrapper_two-column-offset.with-general-text .wrapper_left .wrapper_general-text {
    display: none;
  }
  .project-post.tcp-web .wrapper_two-column-offset.with-general-text .wrapper_right .wrapper_general-text {
    display: block;
  }
}
.project-post.tcp-rf .accent-color-white {
  color: #ffffff;
}
.project-post.tcp-rf .accent-color-green {
  color: #bacd35;
}
.project-post.tcp-rf .accent-color-yellow {
  color: #fcd903;
}
.project-post.tcp-rf .accent-color-black {
  color: #000000;
}
.project-post.tcp-rf .background-color-black {
  background-color: #000000;
  color: #cccccc;
}
.project-post.tcp-rf .background-image-a {
  background-color: transparent;
  background-image: url("../../assets/images/tcp-rhythm-fest/tcp_rf_background_a.jpg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
}
.project-post.tcp-rf .background-image-b {
  background-color: #000000;
  color: #ffffff;
  background-image: url("../../assets/images/tcp-rhythm-fest/tcp_rf_background_b.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 125%;
}
.project-post.tcp-rf .wrapper_hero-interior {
  background-color: #000000;
}
.project-post.tcp-rf .wrapper_hero-interior .wrapper_top h1 {
  color: #ffffff;
}
.project-post.tcp-rf .wrapper_hero-interior .wrapper_top h2 {
  color: #fcd903;
}
.project-post.tcp-rf .wrapper_hero-interior .wrapper_left p {
  color: #ffffff;
}
.project-post.tcp-rf .wrapper_hero-interior .sidebar-filter ul li a {
  color: #fcd903;
}
.project-post.tcp-rf .wrapper_hero-interior .sidebar-filter ul li a:hover {
  color: #ffffff;
}
.project-post.tcp-rf .wrapper_featured-image-row {
  background-color: #000000;
}
.project-post.tcp-rf .wrapper_image-gallery .pagination-arrow svg {
  stroke: #fcd903;
}
.project-post.tcp-rf .wrapper_fifty-fifty-callout {
  position: relative;
}
.project-post.tcp-rf .wrapper_fifty-fifty-callout .image-a {
  position: absolute;
  width: 65%;
  top: 18rem;
  left: 0;
}
.project-post.tcp-rf .wrapper_fifty-fifty-callout .max-width {
  position: relative;
  display: grid;
  justify-items: end;
}
.project-post.tcp-rf .wrapper_fifty-fifty-callout .max-width .image-b {
  width: 70%;
  margin-bottom: 28rem;
}
.project-post.tcp-rf .wrapper_fifty-fifty-callout .max-width h2 {
  width: 70%;
  font-size: 1.5rem;
  line-height: 1.75rem;
}
@media only screen and (min-width: 480px) {
  .project-post.tcp-rf .wrapper_fifty-fifty-callout .image-a {
    width: 60%;
    top: 17rem;
  }
  .project-post.tcp-rf .wrapper_fifty-fifty-callout .max-width .image-b {
    width: 60%;
    margin-bottom: 25rem;
  }
  .project-post.tcp-rf .wrapper_fifty-fifty-callout .max-width h2 {
    width: 60%;
  }
}
@media only screen and (min-width: 680px) {
  .project-post.tcp-rf .wrapper_fifty-fifty-callout .image-a {
    width: 55%;
    top: 14rem;
  }
  .project-post.tcp-rf .wrapper_fifty-fifty-callout .max-width .image-b {
    width: 55%;
    margin-bottom: 20rem;
  }
  .project-post.tcp-rf .wrapper_fifty-fifty-callout .max-width h2 {
    width: 55%;
  }
}
@media only screen and (min-width: 880px) {
  .project-post.tcp-rf .wrapper_fifty-fifty-callout .image-a {
    width: 50%;
    top: 10rem;
  }
  .project-post.tcp-rf .wrapper_fifty-fifty-callout .max-width .image-b {
    margin-bottom: 15rem;
  }
}
@media only screen and (min-width: 1020px) {
  .project-post.tcp-rf .wrapper_fifty-fifty-callout .image-a {
    top: 10rem;
  }
  .project-post.tcp-rf .wrapper_fifty-fifty-callout .max-width .image-b {
    width: 50%;
    margin-bottom: 15rem;
  }
}
@media only screen and (min-width: 1170px) {
  .project-post.tcp-rf .wrapper_fifty-fifty-callout .image-a {
    width: 55%;
    top: 6rem;
  }
  .project-post.tcp-rf .wrapper_fifty-fifty-callout .max-width .image-b {
    width: 50%;
    margin-bottom: 21rem;
  }
  .project-post.tcp-rf .wrapper_fifty-fifty-callout .max-width h2 {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}
@media only screen and (min-width: 1480px) {
  .project-post.tcp-rf .wrapper_fifty-fifty-callout .image-a {
    max-width: 62.5rem;
    top: 0;
    left: 0;
  }
  .project-post.tcp-rf .wrapper_fifty-fifty-callout .max-width .image-b {
    width: 50%;
    margin-bottom: 25rem;
  }
}
.project-post {
  /** IMAN */
}
.project-post.iman-web .background-black {
  background-color: #000000;
}
.project-post.iman-web .background-gold {
  background-color: #BF9530;
}
.project-post.iman-web .accent-color-gold {
  color: #BF9530;
}
.project-post.iman-web .wrapper_background-a {
  background-color: #BF9530;
  background-image: url("../../assets/images/iman/iman_black_cut.png"), url("../../assets/images/iman/iman_background_gold.jpg");
  background-repeat: no-repeat;
  background-position: center bottom, center top;
  background-size: 100% auto, cover;
}
.project-post.iman-web .wrapper_background-b {
  background-color: #000000;
  background-image: url("../../assets/images/iman/iman_background_black.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  margin-bottom: -0.125rem;
}
.project-post.iman-web .wrapper_hero-interior {
  background-color: #000000;
  background-image: url("../../assets/images/iman/iman_gold_cut.png");
  background-repeat: no-repeat;
  background-position: center bottom -1%;
  background-size: 100% auto;
}
.project-post.iman-web .wrapper_hero-interior .wrapper_top h1 {
  color: #ffffff;
}
.project-post.iman-web .wrapper_hero-interior .wrapper_top h2 {
  color: #BF9530;
}
.project-post.iman-web .wrapper_hero-interior .wrapper_left p {
  color: #ffffff;
}
.project-post.iman-web .wrapper_hero-interior .sidebar-filter ul li a {
  color: #BF9530;
}
.project-post.iman-web .wrapper_hero-interior .sidebar-filter ul li a:hover {
  color: #ffffff;
}
.project-post.iman-web .wrapper_featured-image-row {
  margin-top: -0.25rem;
}
.project-post.iman-web .wrapper_fifty-fifty .wrapper_image {
  align-items: center;
}
.project-post.iman-web .wrapper_fifty-fifty .wrapper_description {
  background-color: transparent;
}
.project-post.iman-web .wrapper_fifty-fifty .wrapper_description h1 {
  color: #ffffff;
}
.project-post.iman-web .wrapper_fifty-fifty .wrapper_description p, .project-post.iman-web .wrapper_fifty-fifty .wrapper_description h2 {
  color: #000000;
}
.project-post.iman-web .adjustment-1.wrapper_max-width-project {
  padding-top: 0rem;
}
@media only screen and (min-width: 680px) {
  .project-post.iman-web .adjustment-1.wrapper_max-width-project {
    padding-top: 2rem;
  }
}
@media only screen and (min-width: 880px) {
  .project-post.iman-web .adjustment-1.wrapper_max-width-project {
    padding-top: 4rem;
  }
}
.project-post.iman-web .wrapper_video-row img {
  width: 100%;
}
.project-post {
  /** Field Annuals */
}
.project-post.field-annuals .background-24 {
  background-color: #D7C4A6;
}
.project-post.field-annuals .background-23 {
  background-color: #89A1B1;
}
.project-post.field-annuals .pagination-arrow svg {
  stroke: #ffffff;
}
.project-post.field-annuals .wrapper_hero-interior {
  background-color: #2F2F2F;
}
.project-post.field-annuals .wrapper_hero-interior .wrapper_top h1 {
  color: #ffffff;
  max-width: 52rem;
}
.project-post.field-annuals .wrapper_hero-interior .wrapper_top h2 {
  color: #ffffff;
}
.project-post.field-annuals .wrapper_hero-interior .wrapper_left p {
  color: #ffffff;
}
.project-post.field-annuals .wrapper_hero-interior .sidebar-filter ul li a {
  color: #ffffff;
}
.project-post.field-annuals .wrapper_hero-interior .sidebar-filter ul li a:hover {
  color: #ffffff;
}
.project-post.field-annuals .wrapper_hero-interior.wrapper_divider {
  padding-bottom: 0;
}
.project-post.field-annuals .wrapper_hero-interior.wrapper_divider.background-24 {
  background-color: #D7C4A6;
}
.project-post.field-annuals .wrapper_hero-interior.wrapper_divider.background-24 p {
  color: #000000;
}
.project-post.field-annuals .wrapper_hero-interior.wrapper_divider .wrapper_max-width-project img {
  max-width: 43.125rem;
}
.project-post.field-annuals .wrapper_hero-interior.wrapper_divider.background-23 {
  background-color: #89A1B1;
}
.project-post.field-annuals .wrapper_hero-interior.wrapper_divider.background-22 {
  background-color: #59B9E8;
}
.project-post.field-annuals .wrapper_hero-interior.wrapper_divider.background-21 {
  background-color: #84282A;
}
.project-post.field-annuals .wrapper_hero-interior.wrapper_divider.background-20 {
  background-color: #476C74;
}
.project-post.field-annuals .wrapper_hero-interior.wrapper_divider.background-19 {
  background-color: #6B7268;
}
.project-post.field-annuals .wrapper_hero-interior.wrapper_divider.background-group {
  background-color: #2F2F2F;
}
.project-post {
  /** Nature Conservancy */
}
.project-post.nature-conserv .background-black {
  background-color: #00150F;
}
.project-post.nature-conserv .background-light-green {
  background-color: #CCE6BC;
}
.project-post.nature-conserv .background-light-yellow {
  background-color: #F4ECBA;
}
.project-post.nature-conserv .background-dark-green {
  background-color: #00291F;
}
.project-post.nature-conserv .background-gradient-a {
  background: #00150F;
  background: linear-gradient(180deg, rgb(0, 21, 15) 50%, rgb(204, 230, 188) 50%);
}
.project-post.nature-conserv .background-gradient-b {
  background: #CCE6BC;
  background: linear-gradient(180deg, rgb(204, 230, 188) 50%, rgb(244, 236, 186) 50%);
}
.project-post.nature-conserv .accent-color-bright-green {
  color: #48AA03;
}
.project-post.nature-conserv .accent-color-dark-green {
  color: #00291F;
}
.project-post.nature-conserv .background-image-a {
  background-image: url("../../assets/images/nature-conservency/background_leaf_green.png");
  background-repeat: no-repeat;
  background-position: right -10% top;
  background-size: auto 30%;
}
@media only screen and (min-width: 680px) {
  .project-post.nature-conserv .background-image-a {
    background-position: right -10% center;
    background-size: auto 50%;
  }
}
@media only screen and (min-width: 880px) {
  .project-post.nature-conserv .background-image-a {
    background-position: right -10% center;
    background-size: auto 80%;
  }
}
.project-post.nature-conserv .background-image-b {
  background-image: url("../../assets/images/nature-conservency/background_leaf_green.png");
  background-repeat: no-repeat;
  background-position: right -5% center;
  background-size: auto 100%;
}
.project-post.nature-conserv .background-image-c {
  background-image: url("../../assets/images/nature-conservency/background_leaf_green.png");
  background-repeat: no-repeat;
  background-position: left -15% bottom;
  background-size: auto 15%;
}
.project-post.nature-conserv .background-image-d {
  background-image: url("../../assets/images/nature-conservency/backgrounad_leaf_yellow.png");
  background-repeat: no-repeat;
  background-position: left 5% top;
  background-size: auto 95%;
}
.project-post.nature-conserv .wrapper_hero-interior {
  background-color: #00150F;
}
.project-post.nature-conserv .wrapper_hero-interior .wrapper_top .br {
  display: none;
}
@media only screen and (min-width: 1020px) {
  .project-post.nature-conserv .wrapper_hero-interior .wrapper_top .br {
    display: block;
  }
}
.project-post.nature-conserv .wrapper_hero-interior .wrapper_top h1 {
  color: #ffffff;
  max-width: 50rem;
}
.project-post.nature-conserv .wrapper_hero-interior .wrapper_top h2 {
  color: #48AA03;
}
.project-post.nature-conserv .wrapper_hero-interior .wrapper_left p {
  color: #ffffff;
}
.project-post.nature-conserv .wrapper_hero-interior .sidebar-filter ul li a {
  color: #48AA03;
}
.project-post.nature-conserv .wrapper_hero-interior .sidebar-filter ul li a:hover {
  color: #ffffff;
}
.project-post.nature-conserv .with-text-overlay {
  position: relative;
}
.project-post.nature-conserv .with-text-overlay .max-width {
  display: flex;
}
@media only screen and (min-width: 880px) {
  .project-post.nature-conserv .with-text-overlay .max-width {
    justify-content: flex-end;
  }
}
.project-post.nature-conserv .with-text-overlay .wrapper_content {
  max-width: 30rem;
  margin-top: 3rem;
}
@media only screen and (min-width: 880px) {
  .project-post.nature-conserv .with-text-overlay .wrapper_content {
    max-width: 25rem;
    margin-top: -10rem;
  }
}
@media only screen and (min-width: 1020px) {
  .project-post.nature-conserv .with-text-overlay .wrapper_content {
    max-width: 32rem;
    margin-top: -20rem;
  }
}
@media only screen and (min-width: 1480px) {
  .project-post.nature-conserv .with-text-overlay .wrapper_content {
    margin-top: -30rem;
  }
}
.project-post {
  /** Field Annuals */
}
.project-post.field-annuals .background-24 {
  background-color: #D7C4A6;
}
.project-post.field-annuals .background-23 {
  background-color: #89A1B1;
}
.project-post.field-annuals .pagination-arrow svg {
  stroke: #ffffff;
}
.project-post.field-annuals .wrapper_hero-interior {
  background-color: #2F2F2F;
}
.project-post.field-annuals .wrapper_hero-interior .wrapper_top h1 {
  color: #ffffff;
  max-width: 52rem;
}
.project-post.field-annuals .wrapper_hero-interior .wrapper_top h2 {
  color: #ffffff;
}
.project-post.field-annuals .wrapper_hero-interior .wrapper_left p {
  color: #ffffff;
}
.project-post.field-annuals .wrapper_hero-interior .sidebar-filter ul li a {
  color: #ffffff;
}
.project-post.field-annuals .wrapper_hero-interior .sidebar-filter ul li a:hover {
  color: #ffffff;
}
.project-post.field-annuals .wrapper_hero-interior.wrapper_divider {
  padding-bottom: 0;
}
.project-post.field-annuals .wrapper_hero-interior.wrapper_divider.background-24 {
  background-color: #D7C4A6;
}
.project-post.field-annuals .wrapper_hero-interior.wrapper_divider.background-24 p {
  color: #000000;
}
.project-post.field-annuals .wrapper_hero-interior.wrapper_divider .wrapper_max-width-project img {
  max-width: 43.125rem;
  width: 100%;
}
.project-post.field-annuals .wrapper_hero-interior.wrapper_divider.background-23 {
  background-color: #89A1B1;
}
.project-post.field-annuals .wrapper_hero-interior.wrapper_divider.background-22 {
  background-color: #59B9E8;
}
.project-post.field-annuals .wrapper_hero-interior.wrapper_divider.background-21 {
  background-color: #84282A;
}
.project-post.field-annuals .wrapper_hero-interior.wrapper_divider.background-20 {
  background-color: #476C74;
}
.project-post.field-annuals .wrapper_hero-interior.wrapper_divider.background-19 {
  background-color: #6B7268;
}
.project-post.field-annuals .wrapper_hero-interior.wrapper_divider.background-group {
  background-color: #2F2F2F;
}
.project-post {
  /** Pillars */
}
.project-post.pillars .sans-margin {
  margin: 0;
}
.project-post.pillars .background-dark-blue {
  background-color: #0b1933;
}
.project-post.pillars .background-medium-blue {
  background-color: #004f67;
}
.project-post.pillars .background-green {
  background-color: #66c299;
}
.project-post.pillars .accent-color-dark-blue {
  color: #0b1933;
}
.project-post.pillars .accent-color-green {
  color: #66c299;
}
.project-post.pillars .background-gradient-a {
  background: #66C299;
  background: linear-gradient(0deg, rgb(102, 194, 153) 50%, rgb(255, 255, 255) 50%);
}
.project-post.pillars .background-gradient-b {
  background: #0B1933;
  background: linear-gradient(180deg, rgb(11, 25, 51) 25%, rgb(255, 255, 255) 25%);
}
.project-post.pillars .background-image-a {
  background-image: url("../../assets/images/pillars/pillars_background-a.png");
  background-repeat: no-repeat;
  background-position: right 10% center;
  background-size: auto 80%;
}
.project-post.pillars .background-image-b {
  background-image: url("../../assets/images/pillars/pillars_background-a.png");
  background-repeat: no-repeat;
  background-position: left 10% center;
  background-size: auto 80%;
}
.project-post.pillars .wrapper_hero-interior {
  background-color: #0b1933;
}
.project-post.pillars .wrapper_hero-interior .wrapper_top h1 {
  color: #ffffff;
  max-width: 52rem;
}
.project-post.pillars .wrapper_hero-interior .wrapper_top h2 {
  color: #66c299;
}
.project-post.pillars .wrapper_hero-interior .wrapper_left p {
  color: #ffffff;
}
.project-post.pillars .wrapper_hero-interior .sidebar-filter ul li a {
  color: #66c299;
}
.project-post.pillars .wrapper_hero-interior .sidebar-filter ul li a:hover {
  color: #ffffff;
}
.project-post.pillars .wrapper_max-width-project .max-width img {
  margin-left: auto;
  margin-right: auto;
}
.project-post.pillars .wrapper_max-width-project.first-instance img {
  max-width: 62rem;
  width: 100%;
}
.project-post.pillars .wrapper_max-width-project.second-instance img {
  max-width: 45rem;
  width: 100%;
}
.project-post.pillars .wrapper_max-width-project.third-instance img {
  max-width: 60rem;
  width: 100%;
}
.project-post.pillars .wrapper_max-width-fifty-fifty .max-width {
  grid-gap: 1rem;
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 880px) {
  .project-post.pillars .wrapper_max-width-fifty-fifty .max-width {
    grid-template-columns: 1fr 1fr;
    grid-gap: 2rem;
  }
}
.project-post {
  /** Lark */
}
.project-post.lark .background-light-grey {
  background-color: #e7e7e8;
}
.project-post.lark .background-green {
  background-color: #3c5f38;
}
.project-post.lark .background-pink {
  background-color: #e983b5;
}
.project-post.lark .background-gold {
  background-color: #d7bb2e;
}
.project-post.lark .accent-color-green {
  color: #3c5f38;
}
.project-post.lark .wrapper_hero-interior {
  background-color: #d7bb2e;
}
.project-post.lark .wrapper_hero-interior .wrapper_top h1 {
  color: #ffffff;
  max-width: 52rem;
}
.project-post.lark .wrapper_hero-interior .wrapper_top h2 {
  color: #3c5f38;
}
.project-post.lark .wrapper_hero-interior .wrapper_left p {
  color: #3c5f38;
}
.project-post.lark .wrapper_hero-interior .sidebar-filter ul li a {
  color: #3c5f38;
}
.project-post.lark .wrapper_hero-interior .sidebar-filter ul li a:hover {
  color: #ffffff;
}
.project-post.lark .margin-bottom-none {
  margin-bottom: 0;
}
.project-post.lark .background-image-a {
  background-image: url("../../assets/images/lark/lark_bkimage-a.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.project-post.lark .background-image-b {
  background-image: url("../../assets/images/lark/lark_bkimage-b.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.project-post.lark .background-gradient-a {
  background: #E983B5;
  background: linear-gradient(180deg, rgb(233, 131, 181) 20%, rgb(231, 231, 232) 20%);
}
.project-post.lark .empty-row {
  height: 10rem;
}
.project-post.lark .empty-row.neg-top {
  margin-top: -5rem;
}
.project-post.lark .empty-row.neg-bottom {
  margin-bottom: -5rem;
}
.project-post.lark .empty-row.pink {
  background-color: #e983b5;
}
.project-post {
  /** City Fund */
}
.project-post.city-fund .background-dark-blue {
  background-color: #2E4058;
}
.project-post.city-fund .background-medium-blue {
  background-color: #186999;
}
.project-post.city-fund .background-light-blue {
  background-color: #01a7cd;
}
.project-post.city-fund .accent-color-dark-blue {
  color: #2E4058;
}
.project-post.city-fund .accent-color-light-blue {
  color: #01a7cd;
}
.project-post.city-fund .accent-color-light-green {
  color: #83E9BA;
}
.project-post.city-fund .wrapper_hero-interior {
  background-color: #2E4058;
}
.project-post.city-fund .wrapper_hero-interior .wrapper_top h1 {
  color: #ffffff;
}
.project-post.city-fund .wrapper_hero-interior .wrapper_top h2 {
  color: #01a7cd;
}
.project-post.city-fund .wrapper_hero-interior .sidebar-filter ul li a {
  color: #01a7cd;
}
.project-post.city-fund .wrapper_hero-interior .sidebar-filter ul li a:hover {
  color: #ffffff;
}
.project-post.city-fund .wrapper_fifty-fifty .wrapper_image {
  align-items: center;
}
.project-post.city-fund .wrapper_fifty-fifty .wrapper_image .image-block {
  max-width: 100%;
}
.project-post.city-fund .wrapper_fifty-fifty .wrapper_image .image-block img {
  max-width: 100%;
}
@media only screen and (min-width: 680px) {
  .project-post.city-fund .wrapper_fifty-fifty.image-text {
    grid-template-areas: "wrapper_description wrapper_description" "wrapper_image wrapper_image";
  }
}
@media only screen and (min-width: 880px) {
  .project-post.city-fund .wrapper_fifty-fifty.image-text {
    grid-template-areas: "wrapper_image wrapper_description";
  }
  .project-post.city-fund .wrapper_fifty-fifty.image-text .wrapper_description {
    justify-content: flex-start;
  }
  .project-post.city-fund .wrapper_fifty-fifty.text-image {
    grid-template-areas: "wrapper_description wrapper_image";
  }
  .project-post.city-fund .wrapper_fifty-fifty.text-image .wrapper_description {
    justify-content: flex-end;
  }
  .project-post.city-fund .wrapper_fifty-fifty header, .project-post.city-fund .wrapper_fifty-fifty h1, .project-post.city-fund .wrapper_fifty-fifty h2, .project-post.city-fund .wrapper_fifty-fifty p {
    max-width: 28.75rem;
  }
}
.project-post {
  /** Cedille */
}
.project-post.cedille .accent-color-dark-blue {
  color: #008065;
}
.project-post.cedille .wrapper_hero-interior {
  background-color: #e7fee1;
}
.project-post.cedille .wrapper_hero-interior .wrapper_top h1 {
  color: #000000;
}
.project-post.cedille .wrapper_hero-interior .wrapper_top h2 {
  color: #008065;
}
.project-post.cedille .wrapper_hero-interior .wrapper_left p {
  color: #000000;
}
.project-post.cedille .wrapper_hero-interior .sidebar-filter ul li a {
  color: #008065;
}
.project-post.cedille .wrapper_hero-interior .sidebar-filter ul li a:hover {
  color: #000000;
}
.project-post.cedille .wrapper_album-block .wrapper_general-text .wrapper_content p {
  margin-bottom: 0;
}
.project-post.cedille .wrapper_album-block.difficult-grace {
  background-color: #7cbfbe;
}
.project-post.cedille .wrapper_album-block.difficult-grace .pagination-arrow svg {
  stroke: #ffffff;
}
.project-post.cedille .wrapper_album-block.eighth-bb {
  background-color: #dfeae6;
}
.project-post.cedille .wrapper_album-block.eighth-bb .pagination-arrow svg {
  stroke: #a0d1ce;
}
.project-post.cedille .wrapper_album-block.archetypes {
  background-color: #e2c1bf;
}
.project-post.cedille .wrapper_album-block.archetypes .pagination-arrow svg {
  stroke: #ef9a86;
}
.project-post.cedille .wrapper_album-block.songs-in-flight {
  background-color: #ffffff;
}
.project-post.cedille .wrapper_album-block.songs-in-flight .pagination-arrow svg {
  stroke: #c8c8c8;
}
.project-post.cedille .wrapper_album-block.dreams-new-day {
  background-color: #f0e3cb;
}
.project-post.cedille .wrapper_album-block.dreams-new-day .pagination-arrow svg {
  stroke: #cb9e67;
}
.project-post {
  /** City College */
}
.project-post.ccc .background-dark-blue {
  background-color: #072752;
}
.project-post.ccc .background-dark-blue p {
  color: #ffffff;
}
.project-post.ccc .background-medium-blue {
  background-color: #386DAA;
}
.project-post.ccc .accent-color-dark-blue {
  color: #072752;
}
.project-post.ccc .accent-color-light-blue {
  color: #51C0EA;
}
.project-post.ccc .wrapper_hero-interior {
  background-color: #072752;
}
.project-post.ccc .wrapper_hero-interior .wrapper_top h1 {
  color: #ffffff;
}
.project-post.ccc .wrapper_hero-interior .wrapper_top h2 {
  color: #51C0EA;
}
.project-post.ccc .wrapper_hero-interior .sidebar-filter ul li a {
  color: #51C0EA;
}
.project-post.ccc .wrapper_hero-interior .sidebar-filter ul li a:hover {
  color: #ffffff;
}
.project-post.ccc .wrapper_two-column-offset.first-instance .max-width {
  align-items: end;
}
.project-post.ccc .wrapper_two-column-offset.first-instance .wrapper_right {
  padding-right: 5rem;
}
@media only screen and (min-width: 880px) {
  .project-post.ccc .wrapper_two-column-offset.first-instance .wrapper_right {
    padding-bottom: 3rem;
  }
}
.project-post.ccc .wrapper_two-column-offset.first-instance h5 {
  margin-top: 0;
}
@media only screen and (min-width: 1170px) {
  .project-post.ccc .wrapper_two-column-offset.first-instance h5 {
    font-size: 2.5rem;
    line-height: 2.6875rem;
  }
}
.project-post.ccc .wrapper_general-text.first-instance .wrapper_content {
  max-width: 50rem;
}
@media only screen and (min-width: 1170px) {
  .project-post.ccc .wrapper_general-text.first-instance .wrapper_content h5 {
    font-size: 2.5rem;
    line-height: 2.6875rem;
  }
}
.project-post.ccc .wrapper_full-width-project.size-adjustments {
  overflow: hidden;
}
.project-post.ccc .wrapper_full-width-project.size-adjustments img:first-of-type {
  margin-top: 0;
}
.project-post.ccc .wrapper_full-width-project.size-adjustments img {
  margin-top: 0;
}
.project-post.ccc .wrapper_full-width-project.size-adjustments .resize-1 {
  width: 120%;
  max-width: 120%;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.project-post.ccc .wrapper_full-width-project.size-adjustments .resize-2 {
  max-width: 50rem;
}
.project-post.ccc .wrapper_full-width-project.size-adjustments .resize-3 {
  max-width: 90rem;
}
.project-post.ccc .wrapper_video-row video {
  display: block;
  width: 100%;
  height: auto;
}
.project-post {
  /** NSCDS Mural */
}
.project-post.nscds-mural .background-purple {
  background-color: #3c2660;
}
.project-post.nscds-mural .background-purple p {
  color: #ffffff;
}
.project-post.nscds-mural .background-light-blue {
  background-color: #8ec1e5;
}
.project-post.nscds-mural .background-light-blue-tint {
  background-color: #d2e3f3;
}
.project-post.nscds-mural .accent-color-purple {
  color: #3c2660;
}
.project-post.nscds-mural .accent-color-purple-tint {
  color: #7368af;
}
.project-post.nscds-mural .accent-color-light-blue {
  color: #8ec1e5;
}
.project-post.nscds-mural {
  /** White to Light Blue */
}
.project-post.nscds-mural .background-gradient-a {
  background: #FFFFFF;
  background: linear-gradient(180deg, rgb(255, 255, 255) 50%, rgb(210, 227, 243) 50%);
}
.project-post.nscds-mural .wrapper_hero-interior {
  background-color: #3c2660;
}
.project-post.nscds-mural .wrapper_hero-interior .wrapper_top h1 {
  color: #ffffff;
}
.project-post.nscds-mural .wrapper_hero-interior .wrapper_top h2 {
  color: #8ec1e5;
}
.project-post.nscds-mural .wrapper_hero-interior .sidebar-filter ul li a {
  color: #8ec1e5;
}
.project-post.nscds-mural .wrapper_hero-interior .sidebar-filter ul li a:hover {
  color: #ffffff;
}
.project-post.nscds-mural .wrapper_two-column-offset h5 {
  margin-top: 0;
  color: #7368af;
}
@media only screen and (min-width: 1170px) {
  .project-post.nscds-mural .wrapper_two-column-offset h5 {
    line-height: 2.25rem;
  }
}
.project-post.nscds-mural .wrapper_two-column-offset.second-instance h5 {
  margin-top: 3rem;
}
@media only screen and (min-width: 1170px) {
  .project-post.nscds-mural .wrapper_two-column-offset.second-instance .max-width {
    grid-template-columns: 2fr 1fr;
  }
}
@media only screen and (min-width: 880px) {
  .project-post.nscds-mural .wrapper_two-column-offset.third-instance h5 {
    margin-top: 3rem;
  }
}
.project-post.nscds-mural .wrapper_full-width-fifty-fifty {
  grid-gap: 2rem;
  padding: 4rem 0 2rem 0;
}
.project-post {
  /** ASM Lutz */
}
.project-post.asm-lutz .background-purple {
  background-color: #452e78;
}
.project-post.asm-lutz .background-purple p {
  color: #ffffff;
}
.project-post.asm-lutz .background-light-purple {
  background-color: #552f94;
}
.project-post.asm-lutz .accent-color-purple {
  color: #452e78;
}
.project-post.asm-lutz .accent-color-yellow {
  color: #fadb33;
}
.project-post.asm-lutz .wrapper_hero-interior {
  background-color: #452e78;
}
.project-post.asm-lutz .wrapper_hero-interior .wrapper_top h1 {
  max-width: 40rem;
  color: #ffffff;
}
.project-post.asm-lutz .wrapper_hero-interior .wrapper_top h2 {
  color: #fadb33;
}
.project-post.asm-lutz .wrapper_hero-interior .sidebar-filter ul li a {
  color: #fadb33;
}
.project-post.asm-lutz .wrapper_hero-interior .sidebar-filter ul li a:hover {
  color: #ffffff;
}
.project-post.asm-lutz .wrapper_two-column-offset h5 {
  margin-top: 3rem;
  max-width: 25rem;
  color: #7368af;
}
@media only screen and (min-width: 1170px) {
  .project-post.asm-lutz .wrapper_two-column-offset h5 {
    line-height: 2.25rem;
    margin-top: 6rem;
  }
}
.project-post.asm-lutz .wrapper_two-column-icon-row .max-width {
  display: grid;
  grid-gap: 2rem;
}
.project-post.asm-lutz .wrapper_two-column-icon-row .max-width img {
  display: block;
  width: 100%;
}
.project-post.asm-lutz .wrapper_two-column-icon-row h5 {
  max-width: 22.5rem;
  text-align: center;
  color: #fadb33;
  margin: 0 auto;
}
@media only screen and (min-width: 680px) {
  .project-post.asm-lutz .wrapper_two-column-icon-row .max-width {
    grid-template-columns: 1fr 2.25fr;
    align-items: center;
    grid-gap: 4rem;
  }
  .project-post.asm-lutz .wrapper_two-column-icon-row .max-width h5 {
    max-width: 20rem;
    text-align: left;
  }
}
.project-post {
  /** ASM Gately */
}
.project-post.asm-gately .background-purple {
  background-color: #452e78;
}
.project-post.asm-gately .background-purple p {
  color: #ffffff;
}
.project-post.asm-gately .background-teal {
  background-color: #00b8b5;
}
.project-post.asm-gately .accent-color-purple {
  color: #452e78;
}
.project-post.asm-gately .accent-color-teal {
  color: #00b8b5;
}
.project-post.asm-gately .wrapper_hero-interior {
  background-color: #452e78;
}
.project-post.asm-gately .wrapper_hero-interior .wrapper_top h1 {
  max-width: 38.125rem;
  color: #ffffff;
}
.project-post.asm-gately .wrapper_hero-interior .wrapper_top h2 {
  color: #00b8b5;
}
.project-post.asm-gately .wrapper_hero-interior .sidebar-filter ul li a {
  color: #00b8b5;
}
.project-post.asm-gately .wrapper_hero-interior .sidebar-filter ul li a:hover {
  color: #ffffff;
}
.project-post.asm-gately .wrapper_two-column-offset h5 {
  margin-top: 3rem;
  max-width: 25rem;
  color: #7368af;
}
@media only screen and (min-width: 1170px) {
  .project-post.asm-gately .wrapper_two-column-offset h5 {
    line-height: 2.25rem;
    margin-top: 6rem;
  }
}
.project-post.asm-gately .wrapper_two-column-offset.with-general-text .wrapper_content {
  max-width: 75;
}
@media only screen and (min-width: 880px) {
  .project-post.asm-gately .wrapper_two-column-offset.with-general-text .wrapper_content {
    margin-top: 2.5rem;
  }
}
@media only screen and (min-width: 1170px) {
  .project-post.asm-gately .wrapper_two-column-offset.with-general-text .wrapper_content {
    margin-top: 5rem;
    margin-left: 20%;
  }
}
.project-post.asm-gately .wrapper_color-row-a {
  height: 5rem;
  margin-top: -5rem;
  background-color: #452e78;
}
@media only screen and (min-width: 680px) {
  .project-post.asm-gately .wrapper_color-row-a {
    height: 7rem;
    margin-top: -7rem;
  }
}
@media only screen and (min-width: 1170px) {
  .project-post.asm-gately .wrapper_color-row-a {
    height: 10rem;
    margin-top: -10rem;
  }
}
.project-post {
  /** ABC State of Our Youth */
}
.project-post.sooy .background-dark-blue {
  background-color: #0f173f;
}
.project-post.sooy .background-dark-blue.with-captions p {
  color: #7f7f7f;
}
.project-post.sooy .background-light-blue {
  background-color: #57c1e9;
}
.project-post.sooy .accent-color {
  color: #57c1e9;
}
.project-post.sooy .background-image-a {
  background-image: url("../../assets/images/sooy/ABC-SOOY_background-star-1.png");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 60% auto;
}
@media only screen and (min-width: 1170px) {
  .project-post.sooy .background-image-a {
    background-position: center right;
    background-size: 800px auto;
  }
}
.project-post.sooy .wrapper_hero-interior {
  background-color: #0f173f;
}
.project-post.sooy .wrapper_hero-interior .wrapper_top h1 {
  color: #ffffff;
}
.project-post.sooy .wrapper_hero-interior .wrapper_top h2 {
  color: #57c1e9;
}
.project-post.sooy .wrapper_hero-interior .sidebar-filter ul li a {
  color: #57c1e9;
}
.project-post.sooy .wrapper_hero-interior .sidebar-filter ul li a:hover {
  color: #ffffff;
}
.project-post.sooy .wrapper_general-text .wrapper_content h1 {
  color: #0f173f;
}
.project-post.sooy {
  /* Single Image Row */
}
.project-post.sooy .wrapper_single-image.with-text .max-width {
  display: grid;
  grid-template-columns: 1fr;
}
.project-post.sooy .wrapper_single-image.with-text .max-width .text-block {
  padding-bottom: 4rem;
}
.project-post.sooy .wrapper_single-image.with-text .max-width img {
  width: 100%;
}
.project-post.sooy .wrapper_single-image.with-text .text-block h5 {
  color: #57c1e9;
}
.project-post.sooy .wrapper_single-image.with-text .text-block p {
  color: #ffffff;
}
@media only screen and (min-width: 680px) {
  .project-post.sooy .wrapper_single-image.with-text .max-width {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }
  .project-post.sooy .wrapper_single-image.with-text .max-width .text-block {
    width: 93%;
    padding-bottom: 0;
  }
}
.project-post {
  /** Hopecoming 2024 */
}
.project-post.hope-twentyfour .background-light-purple {
  background-color: #d8a9f7;
}
.project-post.hope-twentyfour .background-dark-blue {
  background-color: #121236;
}
.project-post.hope-twentyfour .background-dark-blue p {
  color: #ffffff;
}
.project-post.hope-twentyfour .background-black {
  background-color: #00001d;
}
.project-post.hope-twentyfour .background-black p {
  color: #ffffff;
}
.project-post.hope-twentyfour .accent-color-light-purple {
  color: #d8a9f7;
}
.project-post.hope-twentyfour .accent-color-dark-blue {
  color: #121236;
}
.project-post.hope-twentyfour .accent-color-red {
  color: #eb1f44;
}
.project-post.hope-twentyfour .wrapper_color-row-a {
  height: 5rem;
  margin-top: -5rem;
  background-color: #121236;
}
@media only screen and (min-width: 680px) {
  .project-post.hope-twentyfour .wrapper_color-row-a {
    height: 7rem;
    margin-top: -7rem;
  }
}
@media only screen and (min-width: 1170px) {
  .project-post.hope-twentyfour .wrapper_color-row-a {
    height: 10rem;
    margin-top: -10rem;
  }
}
.project-post.hope-twentyfour .background-image-a {
  background-image: url("../../assets/images/hope-2024/hope2024_background-a.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media only screen and (min-width: 880px) {
  .project-post.hope-twentyfour .background-image-a {
    background-size: 100% auto;
  }
}
.project-post.hope-twentyfour .background-image-b {
  background-image: url("../../assets/images/hope-2024/hope2024_background-d.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
}
@media only screen and (min-width: 880px) {
  .project-post.hope-twentyfour .background-image-b {
    background-position: left -20rem center;
    background-size: 70rem auto;
  }
}
@media only screen and (min-width: 1020px) {
  .project-post.hope-twentyfour .background-image-b {
    background-position: left -20rem center;
    background-size: 75rem auto;
  }
}
@media only screen and (min-width: 1480px) {
  .project-post.hope-twentyfour .background-image-b {
    background-position: left -15rem center;
    background-size: 85rem auto;
  }
}
.project-post.hope-twentyfour .background-image-c {
  background-image: url("../../assets/images/hope-2024/hope2024_background-b.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media only screen and (min-width: 880px) {
  .project-post.hope-twentyfour .background-image-c {
    background-size: 90% auto;
  }
}
.project-post.hope-twentyfour .background-image-d {
  background-image: url("../../assets/images/hope-2024/hope2024_background-f.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media only screen and (min-width: 880px) {
  .project-post.hope-twentyfour .background-image-d {
    background-size: auto 90%;
  }
}
.project-post.hope-twentyfour {
  /** White to Light Purple */
}
.project-post.hope-twentyfour .background-gradient-a {
  background: #FFFFFF;
  background: linear-gradient(180deg, rgb(255, 255, 255) 50%, rgb(216, 169, 247) 50%);
}
.project-post.hope-twentyfour {
  /** Light Purple to Lighter Purple */
}
.project-post.hope-twentyfour .background-gradient-b {
  background: #D8A9F7;
  background: linear-gradient(180deg, rgb(216, 169, 247) 0%, rgb(236, 221, 250) 50%);
}
.project-post.hope-twentyfour {
  /** Dark Blue to Black */
}
.project-post.hope-twentyfour .background-gradient-c {
  background: #121236;
  background: linear-gradient(180deg, rgb(18, 18, 54) 0%, rgb(0, 0, 29) 100%);
}
.project-post.hope-twentyfour .wrapper_hero-interior {
  background-color: #000028;
}
.project-post.hope-twentyfour .wrapper_hero-interior .wrapper_top h1 {
  max-width: 40rem;
  color: #ffffff;
}
.project-post.hope-twentyfour .wrapper_hero-interior .wrapper_top h2 {
  color: #d8a9f7;
}
.project-post.hope-twentyfour .wrapper_hero-interior .sidebar-filter ul li a {
  color: #d8a9f7;
}
.project-post.hope-twentyfour .wrapper_hero-interior .sidebar-filter ul li a:hover {
  color: #ffffff;
}
.project-post.hope-twentyfour .wrapper_featured-image-row {
  padding-bottom: 0;
}
@media only screen and (min-width: 880px) {
  .project-post.hope-twentyfour .wrapper_two-column-offset.instance-a .max-width {
    grid-template-columns: 1fr 2fr;
  }
  .project-post.hope-twentyfour .wrapper_two-column-offset.instance-a .max-width .wrapper_left {
    padding-top: 6rem;
  }
}
.project-post.hope-twentyfour .wrapper_two-column-offset.instance-b .max-width {
  align-items: center;
}
.project-post.hope-twentyfour .wrapper_two-column-offset.instance-c .max-width {
  grid-template-columns: 1fr;
}
.project-post.hope-twentyfour .wrapper_two-column-offset.instance-c .max-width .wrapper_left img:first-of-type {
  margin-bottom: 6rem;
  width: 80%;
  margin-right: 0;
  margin-left: auto;
}
.project-post.hope-twentyfour .wrapper_two-column-offset.instance-c .max-width .wrapper_right img:first-of-type {
  margin-bottom: 4rem;
}
.project-post.hope-twentyfour .wrapper_two-column-offset.instance-c .max-width .wrapper_right h1 {
  font-size: 1.75rem;
  line-height: 1.75rem;
  font-weight: 600;
  text-transform: initial !important;
}
@media only screen and (min-width: 680px) {
  .project-post.hope-twentyfour .wrapper_two-column-offset.instance-c .max-width {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 880px) {
  .project-post.hope-twentyfour .wrapper_two-column-offset.instance-c .max-width .wrapper_right h1 {
    font-size: 2.25rem;
    line-height: 2.25rem;
  }
}
@media only screen and (min-width: 1170px) {
  .project-post.hope-twentyfour .wrapper_two-column-offset.instance-c .max-width .wrapper_right h1 {
    font-size: 3rem;
    line-height: 3rem;
  }
}
.project-post.hope-twentyfour .wrapper_max-width-fifty-fifty.instance-a .max-width {
  grid-template-columns: 1fr;
  grid-gap: 1rem;
}
@media only screen and (min-width: 680px) {
  .project-post.hope-twentyfour .wrapper_max-width-fifty-fifty.instance-a .max-width {
    grid-template-columns: 1fr 1fr;
    grid-gap: 2rem;
  }
}
.project-post.hope-twentyfour .wrapper_max-width-fifty-fifty.instance-b .max-width {
  grid-template-columns: 1fr;
  grid-gap: 1rem;
}
@media only screen and (min-width: 680px) {
  .project-post.hope-twentyfour .wrapper_max-width-fifty-fifty.instance-b .max-width {
    grid-template-columns: 1fr 1fr;
    grid-gap: 2rem;
  }
}
.project-post.hope-twentyfour .wrapper_video-row-embed .wrapper_video-block {
  text-align: center;
}
.project-post.hope-twentyfour .wrapper_video-row-embed .wrapper_video-block iframe {
  width: 80%;
  height: auto;
  aspect-ratio: 16/9;
}
.project-post.hope-twentyfour .wrapper_video-row-embed .wrapper_video-block p {
  text-align: center;
  color: #d8a9f7;
  font-style: italic;
  margin: 1rem 0 0 0;
}
.project-post {
  /** Hopecoming 2025 */
}
.project-post.hope-twentyfive .background-dark-blue {
  background-color: #121236;
}
.project-post.hope-twentyfive .background-dark-blue-tint {
  background-color: #24243e;
}
.project-post.hope-twentyfive .accent-color {
  color: #faa21b;
}
.project-post.hope-twentyfive .wrapper_hero-interior {
  background-color: #121236;
}
.project-post.hope-twentyfive .wrapper_hero-interior .wrapper_top h1 {
  color: #ffffff;
}
.project-post.hope-twentyfive .wrapper_hero-interior .wrapper_top h2 {
  color: #faa21b;
}
.project-post.hope-twentyfive .wrapper_hero-interior .wrapper_left p {
  color: #ffffff;
}
.project-post.hope-twentyfive .wrapper_hero-interior .sidebar-filter ul li a {
  color: #faa21b;
}
.project-post.hope-twentyfive .wrapper_hero-interior .sidebar-filter ul li a:hover {
  color: #ffffff;
}
.project-post.hope-twentyfive .background-image-a {
  background-image: url("../../assets/images/hope-2025/hope2025_background-a.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto;
}
.project-post.hope-twentyfive .background-image-b {
  background-image: url("../../assets/images/hope-2025/hope2025_background-b.png");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100% auto;
}
.project-post.hope-twentyfive .background-image-c {
  background-image: url("../../assets/images/hope-2025/hope2025_background-c.jpg");
  background-repeat: no-repeat;
  background-position: left 40rem center;
  background-size: 70% auto;
}
.project-post.hope-twentyfive .background-image-c .wrapper_quote-large {
  background-color: transparent;
}
.project-post.hope-twentyfive .background-image-c .wrapper_quote-large p {
  color: #ffffff;
}
.project-post.hope-twentyfive .background-image-d {
  background-image: url("../../assets/images/hope-2025/hope2025_background-b.jpg");
  background-repeat: no-repeat;
  background-position: left -30% top 60%;
  background-size: 70% auto;
}
.project-post.hope-twentyfive .background-image-e {
  background-image: url("../../assets/images/hope-2025/hope2025_background-b.jpg");
  background-repeat: no-repeat;
  background-position: right 10% top 60%;
  background-size: 70% auto;
}
.project-post.hope-twentyfive .background-image-f {
  background-image: url("../../assets/images/hope-2025/hope2025_background-d.jpg");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: auto 100%;
}
.project-post.hope-twentyfive .background-image-g {
  background-image: url("../../assets/images/hope-2025/hope2025_background-c.jpg");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: auto 100%;
}
.project-post.hope-twentyfive .background-image-h {
  background-image: url("../../assets/images/hope-2025/hope2025_background-b.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% auto;
}
@media only screen and (min-width: 880px) {
  .project-post.hope-twentyfive .background-image-h {
    background-size: 70% auto;
  }
}
.project-post.hope-twentyfive .wrapper_general-text.third-instance .wrapper_content h1 {
  color: #faa21b;
}
.project-post.hope-twentyfive .wrapper_general-text.third-instance .wrapper_content p {
  color: #ffffff;
}
.project-post.hope-twentyfive .wrapper_max-width-fifty-fifty {
  padding-top: 0;
}
.project-post.hope-twentyfive .wrapper_max-width-fifty-fifty .max-width {
  gap: 2rem;
  align-items: start;
}
.project-post.hope-twentyfive .wrapper_max-width-fifty-fifty.image-offset img:nth-child(2) {
  margin-top: 5rem;
}
@media only screen and (min-width: 1020px) {
  .project-post.hope-twentyfive .wrapper_max-width-fifty-fifty.image-offset img:nth-child(2) {
    margin-top: 10rem;
  }
}
.project-post.hope-twentyfive .wrapper_two-column-offset .max-width {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  align-items: center;
  color: #ffffff;
}
.project-post.hope-twentyfive .wrapper_two-column-offset .max-width .wrapper_left {
  max-width: 30rem;
}
.project-post.hope-twentyfive .wrapper_two-column-offset .max-width h1 {
  font-size: 1.75rem;
  font-weight: 600;
}
.project-post.hope-twentyfive .wrapper_two-column-offset .max-width img {
  display: block;
  width: 100%;
}
@media only screen and (min-width: 880px) {
  .project-post.hope-twentyfive .wrapper_two-column-offset .max-width {
    grid-template-columns: 1fr 2.25fr;
    gap: 4rem;
  }
  .project-post.hope-twentyfive .wrapper_two-column-offset .max-width h1 {
    font-size: 2.25rem;
  }
}
@media only screen and (min-width: 1170px) {
  .project-post.hope-twentyfive .wrapper_two-column-offset .max-width {
    grid-template-columns: 1fr 2.75fr;
  }
  .project-post.hope-twentyfive .wrapper_two-column-offset .max-width h1 {
    font-size: 3rem;
  }
}
.project-post.hope-twentyfive .wrapper_video-row-embed .wrapper_video-block {
  text-align: center;
}
.project-post.hope-twentyfive .wrapper_video-row-embed .wrapper_video-block iframe {
  width: 80%;
  height: auto;
  aspect-ratio: 16/9;
}
.project-post.hope-twentyfive .wrapper_video-row-embed .wrapper_video-block p {
  text-align: center;
  color: #faa21b;
  font-style: italic;
  margin: 1rem 0 0 0;
}
.project-post.hope-twentyfive .wrapper_five-column {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  text-align: center;
}
.project-post.hope-twentyfive .wrapper_five-column img {
  display: block;
  width: 100%;
}
.project-post.hope-twentyfive .wrapper_five-column p {
  font-family: degular, sans-serif;
  font-weight: 700;
  color: #6c687a;
  text-transform: uppercase;
}
.project-post.hope-twentyfive .wrapper_five-column .wrapper_left {
  padding-top: 2rem;
  padding-left: 6rem;
  padding-right: 6rem;
  padding-bottom: 5rem;
  border-bottom: 1px solid #585569;
}
.project-post.hope-twentyfive .wrapper_five-column .wrapper_left img {
  max-width: 20rem;
  margin-left: auto;
  margin-right: auto;
}
.project-post.hope-twentyfive .wrapper_five-column .wrapper_right {
  padding-top: 2rem;
  padding-bottom: 4rem;
}
@media only screen and (min-width: 880px) {
  .project-post.hope-twentyfive .wrapper_five-column {
    grid-template-columns: repeat(9, 1fr);
    padding-top: 4rem;
    padding-bottom: 10rem;
  }
  .project-post.hope-twentyfive .wrapper_five-column .wrapper_left {
    grid-column: 1/4;
    padding-top: 0;
    padding-left: 6rem;
    padding-right: 6rem;
    border-right: 1px solid #585569;
    border-bottom: none;
  }
  .project-post.hope-twentyfive .wrapper_five-column .wrapper_right {
    grid-column: 4/10;
    padding-top: 0;
    padding-left: 4rem;
    padding-right: 2rem;
  }
}
.project-post.hope-twentyfive .wrapper_video-row-gradient {
  background: #121236;
  background: linear-gradient(0deg, rgb(18, 18, 54) 50%, rgb(255, 255, 255) 50%);
}
.project-post.hope-twentyfive .wrapper_video-row-gradient .wrapper_video-block img {
  display: block;
  width: 100%;
}
.project-post {
  /** In The Field */
}
.project-post.itf .background-dark-green {
  background-color: #425b57;
}
.project-post.itf .background-light-green {
  background-color: #476d65;
}
.project-post.itf .accent-color {
  color: #08c0de;
}
.project-post.itf .wrapper_hero-interior {
  background-color: #425b57;
}
.project-post.itf .wrapper_hero-interior .wrapper_top h1 {
  color: #ffffff;
}
.project-post.itf .wrapper_hero-interior .wrapper_top h2 {
  color: #08c0de;
}
.project-post.itf .wrapper_hero-interior .wrapper_left p {
  color: #99ddec;
}
.project-post.itf .wrapper_hero-interior .sidebar-filter ul li a {
  color: #08c0de;
}
.project-post.itf .wrapper_hero-interior .sidebar-filter ul li a:hover {
  color: #ffffff;
}
.project-post.itf {
  /* Max-Width Image with Text and Padding */
}
.project-post.itf .wrapper_max-width-with-padding p {
  font-family: degular, sans-serif;
  color: #ffffff;
  max-width: 45rem;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.5rem;
}
.project-post.itf {
  /* Large text within container */
}
.project-post.itf .wrapper_quote-large {
  padding: 1rem;
}
.project-post.itf .wrapper_quote-large.itf {
  padding-bottom: 0;
  padding-top: 0;
}
.project-post.itf .wrapper_quote-large.itf .wrapper_padding {
  padding-bottom: 0;
}
@media only screen and (min-width: 880px) {
  .project-post.itf .wrapper_quote-large {
    padding: 6rem;
  }
}
.project-post {
  /** Field Corporate */
}
.project-post.field-corporate .background-light-grey {
  background-color: #ededed;
}
.project-post.field-corporate .accent-color-gold {
  color: #cfa37e;
}
.project-post.field-corporate .wrapper_hero-interior {
  background-color: #000000;
}
.project-post.field-corporate .wrapper_hero-interior .wrapper_top h1 {
  max-width: 40rem;
  color: #ffffff;
}
.project-post.field-corporate .wrapper_hero-interior .wrapper_top h2 {
  color: #cfa37e;
}
.project-post.field-corporate .wrapper_hero-interior .sidebar-filter ul li a {
  color: #cfa37e;
}
.project-post.field-corporate .wrapper_hero-interior .sidebar-filter ul li a:hover {
  color: #ffffff;
}
.project-post {
  /** Archaeopteryx */
}
.project-post.archaeo .background-light-grey {
  background-color: #e8e8e8;
}
.project-post.archaeo .background-black.wrapper_general-text .max-width .wrapper_content h1 {
  color: #3db6e6;
}
.project-post.archaeo .background-black.wrapper_general-text .max-width .wrapper_content p {
  color: #ffffff;
}
.project-post.archaeo .accent-color {
  color: #3db6e6;
}
.project-post.archaeo .wrapper_hero-interior {
  background-color: #000000;
}
.project-post.archaeo .wrapper_hero-interior .wrapper_top h1, .project-post.archaeo .wrapper_hero-interior .wrapper_top p {
  color: #ffffff;
}
.project-post.archaeo .wrapper_hero-interior .wrapper_top h2 {
  color: #3db6e6;
}
.project-post.archaeo .wrapper_hero-interior .sidebar-filter ul li a {
  color: #3db6e6;
}
.project-post.archaeo .wrapper_hero-interior .sidebar-filter ul li a:hover {
  color: #ffffff;
}
.project-post.archaeo .wrapper_quote-large {
  padding-top: 0;
}
.project-post.archaeo .wrapper_quote-large .wrapper_content p {
  color: #000000;
  font-weight: 700;
  font-size: 1.5rem;
  margin: 0;
}
@media only screen and (min-width: 680px) {
  .project-post.archaeo .wrapper_quote-large .wrapper_content p {
    font-size: 2rem;
  }
}
.project-post.archaeo .wrapper_max-width-fifty-fifty .max-width {
  gap: 3rem;
}
@media only screen and (min-width: 1170px) {
  .project-post.archaeo .wrapper_max-width-fifty-fifty .max-width {
    gap: 5rem;
  }
}
.project-post {
  /** Lightscape */
}
.project-post.lightscape .wrapper_emtpy-row {
  padding: 5rem;
}
.project-post.lightscape .wrapper_emtpy-row.row-a {
  background-color: #07162b;
  margin-top: -4rem;
}
.project-post.lightscape .background-dark-blue {
  background-color: #07162b;
}
.project-post.lightscape .background-dark-blue .wrapper_content h1 {
  color: #27bee9;
}
.project-post.lightscape .background-dark-blue .wrapper_content p {
  color: #ffffff;
}
.project-post.lightscape .background-dark-blue.wrapper_fifty-fifty .wrapper_description .description-block h2 {
  color: #27bee9 !important;
}
.project-post.lightscape .accent-color {
  color: #27bee9;
}
.project-post.lightscape .border-bottom .max-width {
  border-bottom: 1px solid #2e3949;
}
.project-post.lightscape .background-image-a {
  background-image: url("../../assets/images/lightscape/lightscape_background_image_a.jpg");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}
.project-post.lightscape .wrapper_hero-interior {
  background-color: #07162b;
}
.project-post.lightscape .wrapper_hero-interior .wrapper_top h1, .project-post.lightscape .wrapper_hero-interior .wrapper_top p {
  color: #ffffff;
}
.project-post.lightscape .wrapper_hero-interior .wrapper_top h2 {
  color: #27bee9;
}
.project-post.lightscape .wrapper_hero-interior .sidebar-filter ul li a {
  color: #27bee9;
}
.project-post.lightscape .wrapper_hero-interior .sidebar-filter ul li a:hover {
  color: #ffffff;
}
.project-post.lightscape .wrapper_fifty-fifty {
  grid-gap: 0;
}
.project-post.lightscape .wrapper_fifty-fifty .wrapper_description {
  align-content: flex-start;
  background-color: transparent;
}
.project-post.lightscape .wrapper_fifty-fifty .wrapper_description .description-block h1, .project-post.lightscape .wrapper_fifty-fifty .wrapper_description .description-block p, .project-post.lightscape .wrapper_fifty-fifty .wrapper_description .description-block h2 {
  color: #07162b;
}
.project-post.lightscape .wrapper_max-width-project.mobile-switch {
  /** Shaun add the 2 rules below */
  padding-top: 0rem;
  padding-bottom: 0rem;
}
.project-post.lightscape .wrapper_max-width-project.mobile-switch .desktop {
  display: none;
}
.project-post.lightscape .wrapper_max-width-project.mobile-switch .mobile {
  display: block;
  margin: 0;
}
@media only screen and (min-width: 880px) {
  .project-post.lightscape .wrapper_max-width-project.mobile-switch .desktop {
    display: block;
  }
  .project-post.lightscape .wrapper_max-width-project.mobile-switch .mobile {
    display: none;
  }
}
.project-post {
  /** LCBH */
}
.project-post.lcbh .background-light-grey {
  background-color: #e7e7e8;
}
.project-post.lcbh .background-dark-blue {
  background-color: #1e375f;
}
.project-post.lcbh .background-dark-blue h1 {
  color: #f2ac3a;
}
.project-post.lcbh .background-dark-blue p {
  color: #ffffff;
}
.project-post.lcbh .background-light-blue {
  background-color: #65a8c3;
}
.project-post.lcbh .accent-color {
  color: #f2ac3a;
}
.project-post.lcbh .background-image-a {
  background-image: url("../../assets/images/lcbh/LCBH_background-image-a.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: #7ac0d9;
}
.project-post.lcbh .background-image-b {
  background-image: url("../../assets/images/lcbh/LCBH_background-image-b.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: #e7e7e8;
}
.project-post.lcbh .wrapper_hero-interior {
  background-color: #1e375f;
}
.project-post.lcbh .wrapper_hero-interior .wrapper_top h1, .project-post.lcbh .wrapper_hero-interior .wrapper_top p {
  color: #e7e7e8;
}
.project-post.lcbh .wrapper_hero-interior .wrapper_top h2 {
  color: #f2ac3a;
}
.project-post.lcbh .wrapper_hero-interior .sidebar-filter ul li a {
  color: #f2ac3a;
}
.project-post.lcbh .wrapper_hero-interior .sidebar-filter ul li a:hover {
  color: #ffffff;
}
.project-post.lcbh .wrapper_hero-interior.wrapper_divider {
  background-color: #f5f5f3;
}
.project-post.lcbh .wrapper_hero-interior.wrapper_divider .wrapper_top h1, .project-post.lcbh .wrapper_hero-interior.wrapper_divider .wrapper_top p, .project-post.lcbh .wrapper_hero-interior.wrapper_divider .wrapper_bottom h1, .project-post.lcbh .wrapper_hero-interior.wrapper_divider .wrapper_bottom p {
  color: #000000;
}
.project-post.lcbh .wrapper_featured-image-row {
  background-color: #e7e7e8;
}
.project-post.lcbh .wrapper_max-width-fifty-fifty .max-width {
  align-items: start;
}
.project-post.lcbh .wrapper_general-text.adjustment-1 .wrapper_content {
  max-width: 46rem;
}
.project-post {
  /** Youth Guidance */
}
.project-post.youth-guidance .background-light-grey {
  background-color: #f5f5f3;
}
.project-post.youth-guidance .accent-color {
  color: #97CA3D;
}
.project-post.youth-guidance .wrapper_hero-interior {
  background-color: #000000;
}
.project-post.youth-guidance .wrapper_hero-interior.wrapper_divider {
  background-color: #f5f5f3;
}
.project-post.youth-guidance .wrapper_hero-interior.wrapper_divider .wrapper_top h1, .project-post.youth-guidance .wrapper_hero-interior.wrapper_divider .wrapper_top p, .project-post.youth-guidance .wrapper_hero-interior.wrapper_divider .wrapper_bottom h1, .project-post.youth-guidance .wrapper_hero-interior.wrapper_divider .wrapper_bottom p {
  color: #000000;
}
.project-post.youth-guidance .wrapper_hero-interior .wrapper_top h1 {
  max-width: 38.125rem;
  color: #ffffff;
}
.project-post.youth-guidance .wrapper_hero-interior .wrapper_top h2 {
  color: #97CA3D;
}
.project-post.youth-guidance .wrapper_hero-interior .sidebar-filter ul li a {
  color: #97CA3D;
}
.project-post.youth-guidance .wrapper_hero-interior .sidebar-filter ul li a:hover {
  color: #ffffff;
}
.project-post.youth-guidance .wrapper_featured-image-row {
  background-image: url("../../assets/images/youthguidance/YG_Background-Image-3.png");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: contain;
  background-color: #ffffff;
}
.project-post.youth-guidance .wrapper_featured-image-row.wrapper_divider {
  background-image: none;
  background-color: #f5f5f3;
}
.project-post.youth-guidance .wrapper_featured-image-row.wrapper_divider .wrapper_featured-image {
  background-color: transparent;
}
.project-post.youth-guidance .wrapper_quote-large.quote-a .wrapper_content p {
  color: #97CA3D;
}
.project-post.youth-guidance .wrapper_quote-large.quote-b .wrapper_content p {
  color: #97CA3D;
}
.project-post.youth-guidance .wrapper_max-width-project.edit-1 {
  padding-top: 0;
  padding-bottom: 0;
}
.project-post.youth-guidance .wrapper_image-gallery .pagination-arrow svg {
  stroke: #97CA3D;
}
.project-post.youth-guidance .background-image-a {
  background-image: url("../../assets/images/youthguidance/YG_Background-Image-1.png");
  background-repeat: no-repeat;
  background-position: center left;
  background-size: contain;
}
.project-post.youth-guidance .background-image-b {
  background-image: url("../../assets/images/youthguidance/YG_Background-Image-1.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.project-post.youth-guidance .background-image-c {
  background-image: url("../../assets/images/youthguidance/YG_Background-Image-3.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
}
.project-post.youth-guidance .background-image-d {
  background-image: url("../../assets/images/youthguidance/YG_Background-Image-1.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
}

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