/* CI Color Definitions */
/* Component Definitions */
/* Site wide elements */
/* Probably Updated Fonts */
.ci-theme {
  background-color: #FAF6F4;
}

.ci-theme-alt {
  background-color: #F1EBE5;
}

.ci-theme-alt-2 {
  background-color: #E6DCD5;
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  color: #0C0C0C;
  -webkit-font-smoothing: antialiased;
}

footer {
  margin-top: auto;
}

.visually-hidden {
  clip-path: inset(50%);
}

::placeholder {
  color: #0C0C0C;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #0C0C0C;
}

::-ms-input-placeholder {
  color: #0C0C0C;
}

a {
  text-decoration: underline;
  text-decoration-color: transparent;
  text-underline-offset: 4px;
  transition: color 0.15s linear, text-decoration 0.15s linear;
}
a span, a i {
  text-decoration: none;
}
a:hover span, a:hover i {
  color: #991D1A !important;
}

.title-hover {
  text-decoration: transparent !important;
  text-underline-offset: 7px !important;
  transition: all 0.15s !important;
}
.title-hover:hover {
  text-decoration: underline !important;
  text-decoration-color: #991D1A !important;
  transition: all 0.15s !important;
}

.expand-list-btn {
  cursor: pointer;
}
.expand-list-btn:hover span {
  color: #C01D19 !important;
  text-decoration: underline;
  text-decoration-color: #C01D19;
}
.expand-list-btn span,
.expand-list-btn i {
  color: #C01D19;
}
.expand-list-btn span {
  font: normal normal 500 15px/23px "attribute-mono", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-underline-offset: 4px;
  transition: color 0.15s linear, text-decoration 0.15s linear;
}

.explore-btn {
  line-height: normal !important;
}

.explore-collection a {
  text-decoration: none !important;
}
.explore-collection a:hover {
  cursor: pointer;
  text-decoration: none !important;
}

ul.meta-type-list > li {
  font: normal normal 500 11px/14px "attribute-mono", sans-serif;
}
ul.meta-type-list > li span.time {
  color: #4D4D4D;
}
ul.meta-type-list > li.asset-time {
  list-style-type: disc;
  list-style-position: inside;
}
ul.meta-type-list > li i {
  font-size: 1.2rem;
}

.helper-box-shadow-bottom {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
}

hr {
  opacity: 1;
  border-top: 1px solid #B6AEAA;
}

.tag {
  display: inline-block;
  background-color: #F1EBE5;
  width: fit-content;
  transition: all 0.3s;
}
.tag span {
  display: block;
  font: normal normal 400 11px/15px "attribute-mono", sans-serif;
  font-family: graphik, sans-serif;
  color: #4D4D4D;
  padding: 6px 8px;
  border: 1px solid #F1EBE5;
  transition: all 0.3s;
}
.tag:hover {
  background-color: #E6DCD5;
  transition: all 0.3s;
}
.tag:hover span {
  border: 1px solid #E6DCD5;
  transition: all 0.3s;
}

.company-page-filter-and-search-left {
  border-bottom: 1px solid #666;
}

ul.filter-menu {
  position: relative;
  top: 1px;
  overflow-x: scroll;
  padding-bottom: 0.75rem;
}
ul.filter-menu > li.active a, ul.filter-menu > li:hover a {
  color: #991D1A !important;
  border-bottom: 2px solid #991D1A;
}
ul.filter-menu > li a {
  color: #0C0C0C;
  font: normal normal 400 14px/18px "attribute-mono", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  padding-bottom: 0.75rem;
  border-bottom: 2px solid transparent;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.filter-menu::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.filter-menu {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.whitepaper-asset-wrapper figure img {
  transition: all ease 200ms;
  box-shadow: rgba(23, 38, 117, 0.18) 0px 8px 34px, rgba(23, 38, 117, 0.22) 0px 10px 10px;
}
.whitepaper-asset-wrapper figure .whitepaper-asset-expandable-icon {
  transition: transform 200ms ease;
  box-shadow: rgba(23, 38, 117, 0.18) 0px 8px 34px, rgba(23, 38, 117, 0.22) 0px 10px 10px;
  pointer-events: none;
}
.whitepaper-asset-wrapper figure:hover img {
  transform: translateY(-8px) scale(1.008);
  box-shadow: rgba(23, 38, 117, 0.12) 0px 14px 38px, rgba(23, 38, 117, 0.18) 0px 24px 24px;
}
.whitepaper-asset-wrapper figure:hover .whitepaper-asset-expandable-icon {
  transform: translateY(-6px) scale(1.12);
  box-shadow: rgba(23, 38, 117, 0.12) 0px 14px 38px, rgba(23, 38, 117, 0.18) 0px 24px 24px;
}

.content-type-label {
  font: normal normal 500 11px/14px "attribute-mono", sans-serif;
  text-transform: uppercase;
}

.card-collection-item-sponsor-wrapper .card-collection-item-sponsor .collection-card-sponsored-by-text {
  font: normal normal 400 11px/15px "attribute-mono", sans-serif;
  font-family: graphik, sans-serif;
  color: #4D4D4D;
  letter-spacing: 0.02em;
}
.card-collection-item-sponsor-wrapper .card-collection-item-sponsor .collection-card-sponsored-by-logo figure img {
  height: 26px !important;
  aspect-ratio: auto !important;
}
.card-collection-item-sponsor-wrapper .card-collection-item-sponsor .collection-card-sponsored-by-name {
  font: normal normal 400 18px/26px graphik, sans-serif;
  letter-spacing: -0.01em;
}

#instant-download-success-message {
  font: normal normal 500 15px/23px "attribute-mono", sans-serif;
  color: #1A1A1A;
  background-color: #fff;
  position: absolute;
  width: max-content;
  left: 50%;
  transform: translateX(-50%);
  border: 1px solid #666;
  border-radius: 24px;
  box-shadow: 0px 1px 16px 0px rgba(0, 0, 0, 0.17);
}

.article-sub-heading {
  margin-bottom: 20px;
  font-weight: 500;
}

.article-teaser-card {
  margin-bottom: 20px;
}

.article-video {
  margin-bottom: 20px;
}

.article-podcast {
  margin-bottom: 20px;
}

figure {
  margin: 0;
  margin-top: 20px;
}
figure figcaption {
  margin-top: 0.75rem;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (min-width: 1025px) {
  .content-type-label {
    font: normal normal 500 12px/19px "attribute-mono", sans-serif;
    letter-spacing: 0.12em;
  }
  .article-teaser-card {
    margin-bottom: 48px;
  }
  .article-video {
    margin-bottom: 48px;
  }
  .article-podcast {
    margin-bottom: 48px;
  }
}
/* Visually break out of container to stretch to edge of screen */
/* Visually break out of container to stretch to edge of container (negate padding) */
/* Note: The numbers in the variable names refer to the colour "shades"
   in the designs. This makes it easier for other shades to be added in
   future than if using incrementing numbers.
*/
/* All brands */
/* CIO */
.container {
  margin: 0 auto;
  max-width: 1440px;
  padding-left: 24px;
  padding-right: 24px;
  width: 100%;
}
@media (min-width: 1025px) {
  .container {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media (min-width: 1200px) {
  body.fireplace .container:not(.header .container) {
    max-width: 1010px;
  }
}
.container--no-padding {
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 767px) {
  .container--no-padding\@sm {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 768px) {
  .container--no-padding\@md {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1025px) {
  .container--no-padding\@lg {
    padding-left: 0;
    padding-right: 0;
  }
}
.container--no-padding\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .container--no-padding\@xl {
    padding-left: 0;
    padding-right: 0;
  }
}

.grid {
  display: grid;
  column-gap: 12px;
  grid-template-columns: repeat(12, 1fr);
  /* Sub-grid modifiers so that grids can be nested whilst maintaining the same gutters:

     <div class="grid">
       <div class="col-3">...</div>
       <div class="col-9">
         <div class="grid grid--cols-9">
           <div class="col-5">...</div>
           <div class="col-4">...</div>
         </div>
       </div>
     </div>

     Without the "grid--cols-9" modifier, the nested grid would have 12 columns and the gutters
     would not match the parent grid.
  */
}
@media (min-width: 768px) {
  .grid {
    column-gap: 32px;
  }
}
@media (min-width: 1025px) {
  .grid {
    column-gap: 48px;
  }
}
.grid--row-gap-1 {
  row-gap: 4px;
}
.grid--row-gap-2 {
  row-gap: 8px;
}
.grid--row-gap-3 {
  row-gap: 12px;
}
.grid--row-gap-4 {
  row-gap: 16px;
}
.grid--row-gap-5 {
  row-gap: 24px;
}
.grid--row-gap-6 {
  row-gap: 32px;
}
.grid--row-gap-7 {
  row-gap: 48px;
}
.grid--row-gap-8 {
  row-gap: 64px;
}
.grid--row-gap-9 {
  row-gap: 96px;
}
.grid--row-gap-10 {
  row-gap: 120px;
}
.grid--row-gap-11 {
  row-gap: 160px;
}
@media (max-width: 767px) {
  .grid--row-gap-1\@sm {
    row-gap: 4px;
  }
}
@media (max-width: 767px) {
  .grid--row-gap-2\@sm {
    row-gap: 8px;
  }
}
@media (max-width: 767px) {
  .grid--row-gap-3\@sm {
    row-gap: 12px;
  }
}
@media (max-width: 767px) {
  .grid--row-gap-4\@sm {
    row-gap: 16px;
  }
}
@media (max-width: 767px) {
  .grid--row-gap-5\@sm {
    row-gap: 24px;
  }
}
@media (max-width: 767px) {
  .grid--row-gap-6\@sm {
    row-gap: 32px;
  }
}
@media (max-width: 767px) {
  .grid--row-gap-7\@sm {
    row-gap: 48px;
  }
}
@media (max-width: 767px) {
  .grid--row-gap-8\@sm {
    row-gap: 64px;
  }
}
@media (max-width: 767px) {
  .grid--row-gap-9\@sm {
    row-gap: 96px;
  }
}
@media (max-width: 767px) {
  .grid--row-gap-10\@sm {
    row-gap: 120px;
  }
}
@media (max-width: 767px) {
  .grid--row-gap-11\@sm {
    row-gap: 160px;
  }
}
@media (min-width: 768px) {
  .grid--row-gap-1\@md {
    row-gap: 4px;
  }
}
@media (min-width: 768px) {
  .grid--row-gap-2\@md {
    row-gap: 8px;
  }
}
@media (min-width: 768px) {
  .grid--row-gap-3\@md {
    row-gap: 12px;
  }
}
@media (min-width: 768px) {
  .grid--row-gap-4\@md {
    row-gap: 16px;
  }
}
@media (min-width: 768px) {
  .grid--row-gap-5\@md {
    row-gap: 24px;
  }
}
@media (min-width: 768px) {
  .grid--row-gap-6\@md {
    row-gap: 32px;
  }
}
@media (min-width: 768px) {
  .grid--row-gap-7\@md {
    row-gap: 48px;
  }
}
@media (min-width: 768px) {
  .grid--row-gap-8\@md {
    row-gap: 64px;
  }
}
@media (min-width: 768px) {
  .grid--row-gap-9\@md {
    row-gap: 96px;
  }
}
@media (min-width: 768px) {
  .grid--row-gap-10\@md {
    row-gap: 120px;
  }
}
@media (min-width: 768px) {
  .grid--row-gap-11\@md {
    row-gap: 160px;
  }
}
@media (min-width: 1025px) {
  .grid--row-gap-1\@lg {
    row-gap: 4px;
  }
}
@media (min-width: 1025px) {
  .grid--row-gap-2\@lg {
    row-gap: 8px;
  }
}
@media (min-width: 1025px) {
  .grid--row-gap-3\@lg {
    row-gap: 12px;
  }
}
@media (min-width: 1025px) {
  .grid--row-gap-4\@lg {
    row-gap: 16px;
  }
}
@media (min-width: 1025px) {
  .grid--row-gap-5\@lg {
    row-gap: 24px;
  }
}
@media (min-width: 1025px) {
  .grid--row-gap-6\@lg {
    row-gap: 32px;
  }
}
@media (min-width: 1025px) {
  .grid--row-gap-7\@lg {
    row-gap: 48px;
  }
}
@media (min-width: 1025px) {
  .grid--row-gap-8\@lg {
    row-gap: 64px;
  }
}
@media (min-width: 1025px) {
  .grid--row-gap-9\@lg {
    row-gap: 96px;
  }
}
@media (min-width: 1025px) {
  .grid--row-gap-10\@lg {
    row-gap: 120px;
  }
}
@media (min-width: 1025px) {
  .grid--row-gap-11\@lg {
    row-gap: 160px;
  }
}
.grid--row-gap-1\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid--row-gap-1\@xl {
    row-gap: 4px;
  }
}

.grid--row-gap-2\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid--row-gap-2\@xl {
    row-gap: 8px;
  }
}

.grid--row-gap-3\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid--row-gap-3\@xl {
    row-gap: 12px;
  }
}

.grid--row-gap-4\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid--row-gap-4\@xl {
    row-gap: 16px;
  }
}

.grid--row-gap-5\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid--row-gap-5\@xl {
    row-gap: 24px;
  }
}

.grid--row-gap-6\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid--row-gap-6\@xl {
    row-gap: 32px;
  }
}

.grid--row-gap-7\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid--row-gap-7\@xl {
    row-gap: 48px;
  }
}

.grid--row-gap-8\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid--row-gap-8\@xl {
    row-gap: 64px;
  }
}

.grid--row-gap-9\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid--row-gap-9\@xl {
    row-gap: 96px;
  }
}

.grid--row-gap-10\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid--row-gap-10\@xl {
    row-gap: 120px;
  }
}

.grid--row-gap-11\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid--row-gap-11\@xl {
    row-gap: 160px;
  }
}

.grid--row-gap-12\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
.grid--column-gap-1 {
  column-gap: 4px;
}
.grid--column-gap-2 {
  column-gap: 8px;
}
.grid--column-gap-3 {
  column-gap: 12px;
}
.grid--column-gap-4 {
  column-gap: 16px;
}
.grid--column-gap-5 {
  column-gap: 24px;
}
.grid--column-gap-6 {
  column-gap: 32px;
}
.grid--column-gap-7 {
  column-gap: 48px;
}
.grid--column-gap-8 {
  column-gap: 64px;
}
.grid--column-gap-9 {
  column-gap: 96px;
}
.grid--column-gap-10 {
  column-gap: 120px;
}
.grid--column-gap-11 {
  column-gap: 160px;
}
@media (max-width: 767px) {
  .grid--column-gap-1\@sm {
    column-gap: 4px;
  }
}
@media (max-width: 767px) {
  .grid--column-gap-2\@sm {
    column-gap: 8px;
  }
}
@media (max-width: 767px) {
  .grid--column-gap-3\@sm {
    column-gap: 12px;
  }
}
@media (max-width: 767px) {
  .grid--column-gap-4\@sm {
    column-gap: 16px;
  }
}
@media (max-width: 767px) {
  .grid--column-gap-5\@sm {
    column-gap: 24px;
  }
}
@media (max-width: 767px) {
  .grid--column-gap-6\@sm {
    column-gap: 32px;
  }
}
@media (max-width: 767px) {
  .grid--column-gap-7\@sm {
    column-gap: 48px;
  }
}
@media (max-width: 767px) {
  .grid--column-gap-8\@sm {
    column-gap: 64px;
  }
}
@media (max-width: 767px) {
  .grid--column-gap-9\@sm {
    column-gap: 96px;
  }
}
@media (max-width: 767px) {
  .grid--column-gap-10\@sm {
    column-gap: 120px;
  }
}
@media (max-width: 767px) {
  .grid--column-gap-11\@sm {
    column-gap: 160px;
  }
}
@media (min-width: 768px) {
  .grid--column-gap-1\@md {
    column-gap: 4px;
  }
}
@media (min-width: 768px) {
  .grid--column-gap-2\@md {
    column-gap: 8px;
  }
}
@media (min-width: 768px) {
  .grid--column-gap-3\@md {
    column-gap: 12px;
  }
}
@media (min-width: 768px) {
  .grid--column-gap-4\@md {
    column-gap: 16px;
  }
}
@media (min-width: 768px) {
  .grid--column-gap-5\@md {
    column-gap: 24px;
  }
}
@media (min-width: 768px) {
  .grid--column-gap-6\@md {
    column-gap: 32px;
  }
}
@media (min-width: 768px) {
  .grid--column-gap-7\@md {
    column-gap: 48px;
  }
}
@media (min-width: 768px) {
  .grid--column-gap-8\@md {
    column-gap: 64px;
  }
}
@media (min-width: 768px) {
  .grid--column-gap-9\@md {
    column-gap: 96px;
  }
}
@media (min-width: 768px) {
  .grid--column-gap-10\@md {
    column-gap: 120px;
  }
}
@media (min-width: 768px) {
  .grid--column-gap-11\@md {
    column-gap: 160px;
  }
}
@media (min-width: 1025px) {
  .grid--column-gap-1\@lg {
    column-gap: 4px;
  }
}
@media (min-width: 1025px) {
  .grid--column-gap-2\@lg {
    column-gap: 8px;
  }
}
@media (min-width: 1025px) {
  .grid--column-gap-3\@lg {
    column-gap: 12px;
  }
}
@media (min-width: 1025px) {
  .grid--column-gap-4\@lg {
    column-gap: 16px;
  }
}
@media (min-width: 1025px) {
  .grid--column-gap-5\@lg {
    column-gap: 24px;
  }
}
@media (min-width: 1025px) {
  .grid--column-gap-6\@lg {
    column-gap: 32px;
  }
}
@media (min-width: 1025px) {
  .grid--column-gap-7\@lg {
    column-gap: 48px;
  }
}
@media (min-width: 1025px) {
  .grid--column-gap-8\@lg {
    column-gap: 64px;
  }
}
@media (min-width: 1025px) {
  .grid--column-gap-9\@lg {
    column-gap: 96px;
  }
}
@media (min-width: 1025px) {
  .grid--column-gap-10\@lg {
    column-gap: 120px;
  }
}
@media (min-width: 1025px) {
  .grid--column-gap-11\@lg {
    column-gap: 160px;
  }
}
.grid--column-gap-1\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid--column-gap-1\@xl {
    column-gap: 4px;
  }
}

.grid--column-gap-2\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid--column-gap-2\@xl {
    column-gap: 8px;
  }
}

.grid--column-gap-3\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid--column-gap-3\@xl {
    column-gap: 12px;
  }
}

.grid--column-gap-4\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid--column-gap-4\@xl {
    column-gap: 16px;
  }
}

.grid--column-gap-5\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid--column-gap-5\@xl {
    column-gap: 24px;
  }
}

.grid--column-gap-6\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid--column-gap-6\@xl {
    column-gap: 32px;
  }
}

.grid--column-gap-7\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid--column-gap-7\@xl {
    column-gap: 48px;
  }
}

.grid--column-gap-8\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid--column-gap-8\@xl {
    column-gap: 64px;
  }
}

.grid--column-gap-9\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid--column-gap-9\@xl {
    column-gap: 96px;
  }
}

.grid--column-gap-10\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid--column-gap-10\@xl {
    column-gap: 120px;
  }
}

.grid--column-gap-11\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid--column-gap-11\@xl {
    column-gap: 160px;
  }
}

.grid--column-gap-12\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
.grid--cols-1 {
  grid-template-columns: repeat(1, 1fr);
}
.grid--cols-2 {
  grid-template-columns: repeat(2, 1fr);
}
.grid--cols-3 {
  grid-template-columns: repeat(3, 1fr);
}
.grid--cols-4 {
  grid-template-columns: repeat(4, 1fr);
}
.grid--cols-5 {
  grid-template-columns: repeat(5, 1fr);
}
.grid--cols-6 {
  grid-template-columns: repeat(6, 1fr);
}
.grid--cols-7 {
  grid-template-columns: repeat(7, 1fr);
}
.grid--cols-8 {
  grid-template-columns: repeat(8, 1fr);
}
.grid--cols-9 {
  grid-template-columns: repeat(9, 1fr);
}
.grid--cols-10 {
  grid-template-columns: repeat(10, 1fr);
}
.grid--cols-11 {
  grid-template-columns: repeat(11, 1fr);
}
.grid--cols-12 {
  grid-template-columns: repeat(12, 1fr);
}
@media (max-width: 767px) {
  .grid--cols-1\@sm {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width: 767px) {
  .grid--cols-2\@sm {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .grid--cols-3\@sm {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .grid--cols-4\@sm {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 767px) {
  .grid--cols-5\@sm {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (max-width: 767px) {
  .grid--cols-6\@sm {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 767px) {
  .grid--cols-7\@sm {
    grid-template-columns: repeat(7, 1fr);
  }
}
@media (max-width: 767px) {
  .grid--cols-8\@sm {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media (max-width: 767px) {
  .grid--cols-9\@sm {
    grid-template-columns: repeat(9, 1fr);
  }
}
@media (max-width: 767px) {
  .grid--cols-10\@sm {
    grid-template-columns: repeat(10, 1fr);
  }
}
@media (max-width: 767px) {
  .grid--cols-11\@sm {
    grid-template-columns: repeat(11, 1fr);
  }
}
@media (max-width: 767px) {
  .grid--cols-12\@sm {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (min-width: 768px) {
  .grid--cols-1\@md {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 768px) {
  .grid--cols-2\@md {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .grid--cols-3\@md {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 768px) {
  .grid--cols-4\@md {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 768px) {
  .grid--cols-5\@md {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 768px) {
  .grid--cols-6\@md {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 768px) {
  .grid--cols-7\@md {
    grid-template-columns: repeat(7, 1fr);
  }
}
@media (min-width: 768px) {
  .grid--cols-8\@md {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media (min-width: 768px) {
  .grid--cols-9\@md {
    grid-template-columns: repeat(9, 1fr);
  }
}
@media (min-width: 768px) {
  .grid--cols-10\@md {
    grid-template-columns: repeat(10, 1fr);
  }
}
@media (min-width: 768px) {
  .grid--cols-11\@md {
    grid-template-columns: repeat(11, 1fr);
  }
}
@media (min-width: 768px) {
  .grid--cols-12\@md {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (min-width: 1025px) {
  .grid--cols-1\@lg {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 1025px) {
  .grid--cols-2\@lg {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1025px) {
  .grid--cols-3\@lg {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1025px) {
  .grid--cols-4\@lg {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1025px) {
  .grid--cols-5\@lg {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 1025px) {
  .grid--cols-6\@lg {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 1025px) {
  .grid--cols-7\@lg {
    grid-template-columns: repeat(7, 1fr);
  }
}
@media (min-width: 1025px) {
  .grid--cols-8\@lg {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media (min-width: 1025px) {
  .grid--cols-9\@lg {
    grid-template-columns: repeat(9, 1fr);
  }
}
@media (min-width: 1025px) {
  .grid--cols-10\@lg {
    grid-template-columns: repeat(10, 1fr);
  }
}
@media (min-width: 1025px) {
  .grid--cols-11\@lg {
    grid-template-columns: repeat(11, 1fr);
  }
}
@media (min-width: 1025px) {
  .grid--cols-12\@lg {
    grid-template-columns: repeat(12, 1fr);
  }
}
.grid--cols-1\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid--cols-1\@xl {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid--cols-2\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid--cols-2\@xl {
    grid-template-columns: repeat(2, 1fr);
  }
}

.grid--cols-3\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid--cols-3\@xl {
    grid-template-columns: repeat(3, 1fr);
  }
}

.grid--cols-4\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid--cols-4\@xl {
    grid-template-columns: repeat(4, 1fr);
  }
}

.grid--cols-5\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid--cols-5\@xl {
    grid-template-columns: repeat(5, 1fr);
  }
}

.grid--cols-6\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid--cols-6\@xl {
    grid-template-columns: repeat(6, 1fr);
  }
}

.grid--cols-7\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid--cols-7\@xl {
    grid-template-columns: repeat(7, 1fr);
  }
}

.grid--cols-8\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid--cols-8\@xl {
    grid-template-columns: repeat(8, 1fr);
  }
}

.grid--cols-9\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid--cols-9\@xl {
    grid-template-columns: repeat(9, 1fr);
  }
}

.grid--cols-10\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid--cols-10\@xl {
    grid-template-columns: repeat(10, 1fr);
  }
}

.grid--cols-11\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid--cols-11\@xl {
    grid-template-columns: repeat(11, 1fr);
  }
}

.grid--cols-12\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid--cols-12\@xl {
    grid-template-columns: repeat(12, 1fr);
  }
}

.grid .col-1 {
  grid-column-end: span 1;
}
.grid .col-start-1 {
  grid-column-start: 1;
}
.grid .col-end-2 {
  grid-column-end: 2;
}
.grid .col-2 {
  grid-column-end: span 2;
}
.grid .col-start-2 {
  grid-column-start: 2;
}
.grid .col-end-3 {
  grid-column-end: 3;
}
.grid .col-3 {
  grid-column-end: span 3;
}
.grid .col-start-3 {
  grid-column-start: 3;
}
.grid .col-end-4 {
  grid-column-end: 4;
}
.grid .col-4 {
  grid-column-end: span 4;
}
.grid .col-start-4 {
  grid-column-start: 4;
}
.grid .col-end-5 {
  grid-column-end: 5;
}
.grid .col-5 {
  grid-column-end: span 5;
}
.grid .col-start-5 {
  grid-column-start: 5;
}
.grid .col-end-6 {
  grid-column-end: 6;
}
.grid .col-6 {
  grid-column-end: span 6;
}
.grid .col-start-6 {
  grid-column-start: 6;
}
.grid .col-end-7 {
  grid-column-end: 7;
}
.grid .col-7 {
  grid-column-end: span 7;
}
.grid .col-start-7 {
  grid-column-start: 7;
}
.grid .col-end-8 {
  grid-column-end: 8;
}
.grid .col-8 {
  grid-column-end: span 8;
}
.grid .col-start-8 {
  grid-column-start: 8;
}
.grid .col-end-9 {
  grid-column-end: 9;
}
.grid .col-9 {
  grid-column-end: span 9;
}
.grid .col-start-9 {
  grid-column-start: 9;
}
.grid .col-end-10 {
  grid-column-end: 10;
}
.grid .col-10 {
  grid-column-end: span 10;
}
.grid .col-start-10 {
  grid-column-start: 10;
}
.grid .col-end-11 {
  grid-column-end: 11;
}
.grid .col-11 {
  grid-column-end: span 11;
}
.grid .col-start-11 {
  grid-column-start: 11;
}
.grid .col-end-12 {
  grid-column-end: 12;
}
.grid .col-12 {
  grid-column-end: span 12;
}
.grid .col-start-12 {
  grid-column-start: 12;
}
.grid .col-end-13 {
  grid-column-end: 13;
}
@media (max-width: 767px) {
  .grid .col-1\@sm {
    grid-column-end: span 1;
  }
}
@media (max-width: 767px) {
  .grid .col-start-1\@sm {
    grid-column-start: 1;
  }
}
@media (max-width: 767px) {
  .grid .col-end-2\@sm {
    grid-column-end: 2;
  }
}
@media (max-width: 767px) {
  .grid .col-2\@sm {
    grid-column-end: span 2;
  }
}
@media (max-width: 767px) {
  .grid .col-start-2\@sm {
    grid-column-start: 2;
  }
}
@media (max-width: 767px) {
  .grid .col-end-3\@sm {
    grid-column-end: 3;
  }
}
@media (max-width: 767px) {
  .grid .col-3\@sm {
    grid-column-end: span 3;
  }
}
@media (max-width: 767px) {
  .grid .col-start-3\@sm {
    grid-column-start: 3;
  }
}
@media (max-width: 767px) {
  .grid .col-end-4\@sm {
    grid-column-end: 4;
  }
}
@media (max-width: 767px) {
  .grid .col-4\@sm {
    grid-column-end: span 4;
  }
}
@media (max-width: 767px) {
  .grid .col-start-4\@sm {
    grid-column-start: 4;
  }
}
@media (max-width: 767px) {
  .grid .col-end-5\@sm {
    grid-column-end: 5;
  }
}
@media (max-width: 767px) {
  .grid .col-5\@sm {
    grid-column-end: span 5;
  }
}
@media (max-width: 767px) {
  .grid .col-start-5\@sm {
    grid-column-start: 5;
  }
}
@media (max-width: 767px) {
  .grid .col-end-6\@sm {
    grid-column-end: 6;
  }
}
@media (max-width: 767px) {
  .grid .col-6\@sm {
    grid-column-end: span 6;
  }
}
@media (max-width: 767px) {
  .grid .col-start-6\@sm {
    grid-column-start: 6;
  }
}
@media (max-width: 767px) {
  .grid .col-end-7\@sm {
    grid-column-end: 7;
  }
}
@media (max-width: 767px) {
  .grid .col-7\@sm {
    grid-column-end: span 7;
  }
}
@media (max-width: 767px) {
  .grid .col-start-7\@sm {
    grid-column-start: 7;
  }
}
@media (max-width: 767px) {
  .grid .col-end-8\@sm {
    grid-column-end: 8;
  }
}
@media (max-width: 767px) {
  .grid .col-8\@sm {
    grid-column-end: span 8;
  }
}
@media (max-width: 767px) {
  .grid .col-start-8\@sm {
    grid-column-start: 8;
  }
}
@media (max-width: 767px) {
  .grid .col-end-9\@sm {
    grid-column-end: 9;
  }
}
@media (max-width: 767px) {
  .grid .col-9\@sm {
    grid-column-end: span 9;
  }
}
@media (max-width: 767px) {
  .grid .col-start-9\@sm {
    grid-column-start: 9;
  }
}
@media (max-width: 767px) {
  .grid .col-end-10\@sm {
    grid-column-end: 10;
  }
}
@media (max-width: 767px) {
  .grid .col-10\@sm {
    grid-column-end: span 10;
  }
}
@media (max-width: 767px) {
  .grid .col-start-10\@sm {
    grid-column-start: 10;
  }
}
@media (max-width: 767px) {
  .grid .col-end-11\@sm {
    grid-column-end: 11;
  }
}
@media (max-width: 767px) {
  .grid .col-11\@sm {
    grid-column-end: span 11;
  }
}
@media (max-width: 767px) {
  .grid .col-start-11\@sm {
    grid-column-start: 11;
  }
}
@media (max-width: 767px) {
  .grid .col-end-12\@sm {
    grid-column-end: 12;
  }
}
@media (max-width: 767px) {
  .grid .col-12\@sm {
    grid-column-end: span 12;
  }
}
@media (max-width: 767px) {
  .grid .col-start-12\@sm {
    grid-column-start: 12;
  }
}
@media (max-width: 767px) {
  .grid .col-end-13\@sm {
    grid-column-end: 13;
  }
}
@media (min-width: 768px) {
  .grid .col-1\@md {
    grid-column-end: span 1;
  }
}
@media (min-width: 768px) {
  .grid .col-start-1\@md {
    grid-column-start: 1;
  }
}
@media (min-width: 768px) {
  .grid .col-end-2\@md {
    grid-column-end: 2;
  }
}
@media (min-width: 768px) {
  .grid .col-2\@md {
    grid-column-end: span 2;
  }
}
@media (min-width: 768px) {
  .grid .col-start-2\@md {
    grid-column-start: 2;
  }
}
@media (min-width: 768px) {
  .grid .col-end-3\@md {
    grid-column-end: 3;
  }
}
@media (min-width: 768px) {
  .grid .col-3\@md {
    grid-column-end: span 3;
  }
}
@media (min-width: 768px) {
  .grid .col-start-3\@md {
    grid-column-start: 3;
  }
}
@media (min-width: 768px) {
  .grid .col-end-4\@md {
    grid-column-end: 4;
  }
}
@media (min-width: 768px) {
  .grid .col-4\@md {
    grid-column-end: span 4;
  }
}
@media (min-width: 768px) {
  .grid .col-start-4\@md {
    grid-column-start: 4;
  }
}
@media (min-width: 768px) {
  .grid .col-end-5\@md {
    grid-column-end: 5;
  }
}
@media (min-width: 768px) {
  .grid .col-5\@md {
    grid-column-end: span 5;
  }
}
@media (min-width: 768px) {
  .grid .col-start-5\@md {
    grid-column-start: 5;
  }
}
@media (min-width: 768px) {
  .grid .col-end-6\@md {
    grid-column-end: 6;
  }
}
@media (min-width: 768px) {
  .grid .col-6\@md {
    grid-column-end: span 6;
  }
}
@media (min-width: 768px) {
  .grid .col-start-6\@md {
    grid-column-start: 6;
  }
}
@media (min-width: 768px) {
  .grid .col-end-7\@md {
    grid-column-end: 7;
  }
}
@media (min-width: 768px) {
  .grid .col-7\@md {
    grid-column-end: span 7;
  }
}
@media (min-width: 768px) {
  .grid .col-start-7\@md {
    grid-column-start: 7;
  }
}
@media (min-width: 768px) {
  .grid .col-end-8\@md {
    grid-column-end: 8;
  }
}
@media (min-width: 768px) {
  .grid .col-8\@md {
    grid-column-end: span 8;
  }
}
@media (min-width: 768px) {
  .grid .col-start-8\@md {
    grid-column-start: 8;
  }
}
@media (min-width: 768px) {
  .grid .col-end-9\@md {
    grid-column-end: 9;
  }
}
@media (min-width: 768px) {
  .grid .col-9\@md {
    grid-column-end: span 9;
  }
}
@media (min-width: 768px) {
  .grid .col-start-9\@md {
    grid-column-start: 9;
  }
}
@media (min-width: 768px) {
  .grid .col-end-10\@md {
    grid-column-end: 10;
  }
}
@media (min-width: 768px) {
  .grid .col-10\@md {
    grid-column-end: span 10;
  }
}
@media (min-width: 768px) {
  .grid .col-start-10\@md {
    grid-column-start: 10;
  }
}
@media (min-width: 768px) {
  .grid .col-end-11\@md {
    grid-column-end: 11;
  }
}
@media (min-width: 768px) {
  .grid .col-11\@md {
    grid-column-end: span 11;
  }
}
@media (min-width: 768px) {
  .grid .col-start-11\@md {
    grid-column-start: 11;
  }
}
@media (min-width: 768px) {
  .grid .col-end-12\@md {
    grid-column-end: 12;
  }
}
@media (min-width: 768px) {
  .grid .col-12\@md {
    grid-column-end: span 12;
  }
}
@media (min-width: 768px) {
  .grid .col-start-12\@md {
    grid-column-start: 12;
  }
}
@media (min-width: 768px) {
  .grid .col-end-13\@md {
    grid-column-end: 13;
  }
}
@media (min-width: 1025px) {
  .grid .col-1\@lg {
    grid-column-end: span 1;
  }
}
@media (min-width: 1025px) {
  .grid .col-start-1\@lg {
    grid-column-start: 1;
  }
}
@media (min-width: 1025px) {
  .grid .col-end-2\@lg {
    grid-column-end: 2;
  }
}
@media (min-width: 1025px) {
  .grid .col-2\@lg {
    grid-column-end: span 2;
  }
}
@media (min-width: 1025px) {
  .grid .col-start-2\@lg {
    grid-column-start: 2;
  }
}
@media (min-width: 1025px) {
  .grid .col-end-3\@lg {
    grid-column-end: 3;
  }
}
@media (min-width: 1025px) {
  .grid .col-3\@lg {
    grid-column-end: span 3;
  }
}
@media (min-width: 1025px) {
  .grid .col-start-3\@lg {
    grid-column-start: 3;
  }
}
@media (min-width: 1025px) {
  .grid .col-end-4\@lg {
    grid-column-end: 4;
  }
}
@media (min-width: 1025px) {
  .grid .col-4\@lg {
    grid-column-end: span 4;
  }
}
@media (min-width: 1025px) {
  .grid .col-start-4\@lg {
    grid-column-start: 4;
  }
}
@media (min-width: 1025px) {
  .grid .col-end-5\@lg {
    grid-column-end: 5;
  }
}
@media (min-width: 1025px) {
  .grid .col-5\@lg {
    grid-column-end: span 5;
  }
}
@media (min-width: 1025px) {
  .grid .col-start-5\@lg {
    grid-column-start: 5;
  }
}
@media (min-width: 1025px) {
  .grid .col-end-6\@lg {
    grid-column-end: 6;
  }
}
@media (min-width: 1025px) {
  .grid .col-6\@lg {
    grid-column-end: span 6;
  }
}
@media (min-width: 1025px) {
  .grid .col-start-6\@lg {
    grid-column-start: 6;
  }
}
@media (min-width: 1025px) {
  .grid .col-end-7\@lg {
    grid-column-end: 7;
  }
}
@media (min-width: 1025px) {
  .grid .col-7\@lg {
    grid-column-end: span 7;
  }
}
@media (min-width: 1025px) {
  .grid .col-start-7\@lg {
    grid-column-start: 7;
  }
}
@media (min-width: 1025px) {
  .grid .col-end-8\@lg {
    grid-column-end: 8;
  }
}
@media (min-width: 1025px) {
  .grid .col-8\@lg {
    grid-column-end: span 8;
  }
}
@media (min-width: 1025px) {
  .grid .col-start-8\@lg {
    grid-column-start: 8;
  }
}
@media (min-width: 1025px) {
  .grid .col-end-9\@lg {
    grid-column-end: 9;
  }
}
@media (min-width: 1025px) {
  .grid .col-9\@lg {
    grid-column-end: span 9;
  }
}
@media (min-width: 1025px) {
  .grid .col-start-9\@lg {
    grid-column-start: 9;
  }
}
@media (min-width: 1025px) {
  .grid .col-end-10\@lg {
    grid-column-end: 10;
  }
}
@media (min-width: 1025px) {
  .grid .col-10\@lg {
    grid-column-end: span 10;
  }
}
@media (min-width: 1025px) {
  .grid .col-start-10\@lg {
    grid-column-start: 10;
  }
}
@media (min-width: 1025px) {
  .grid .col-end-11\@lg {
    grid-column-end: 11;
  }
}
@media (min-width: 1025px) {
  .grid .col-11\@lg {
    grid-column-end: span 11;
  }
}
@media (min-width: 1025px) {
  .grid .col-start-11\@lg {
    grid-column-start: 11;
  }
}
@media (min-width: 1025px) {
  .grid .col-end-12\@lg {
    grid-column-end: 12;
  }
}
@media (min-width: 1025px) {
  .grid .col-12\@lg {
    grid-column-end: span 12;
  }
}
@media (min-width: 1025px) {
  .grid .col-start-12\@lg {
    grid-column-start: 12;
  }
}
@media (min-width: 1025px) {
  .grid .col-end-13\@lg {
    grid-column-end: 13;
  }
}
.grid .col-1\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid .col-1\@xl {
    grid-column-end: span 1;
  }
}

.grid .col-start-1\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid .col-start-1\@xl {
    grid-column-start: 1;
  }
}

.grid .col-end-2\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid .col-end-2\@xl {
    grid-column-end: 2;
  }
}

.grid .col-2\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid .col-2\@xl {
    grid-column-end: span 2;
  }
}

.grid .col-start-2\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid .col-start-2\@xl {
    grid-column-start: 2;
  }
}

.grid .col-end-3\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid .col-end-3\@xl {
    grid-column-end: 3;
  }
}

.grid .col-3\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid .col-3\@xl {
    grid-column-end: span 3;
  }
}

.grid .col-start-3\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid .col-start-3\@xl {
    grid-column-start: 3;
  }
}

.grid .col-end-4\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid .col-end-4\@xl {
    grid-column-end: 4;
  }
}

.grid .col-4\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid .col-4\@xl {
    grid-column-end: span 4;
  }
}

.grid .col-start-4\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid .col-start-4\@xl {
    grid-column-start: 4;
  }
}

.grid .col-end-5\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid .col-end-5\@xl {
    grid-column-end: 5;
  }
}

.grid .col-5\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid .col-5\@xl {
    grid-column-end: span 5;
  }
}

.grid .col-start-5\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid .col-start-5\@xl {
    grid-column-start: 5;
  }
}

.grid .col-end-6\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid .col-end-6\@xl {
    grid-column-end: 6;
  }
}

.grid .col-6\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid .col-6\@xl {
    grid-column-end: span 6;
  }
}

.grid .col-start-6\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid .col-start-6\@xl {
    grid-column-start: 6;
  }
}

.grid .col-end-7\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid .col-end-7\@xl {
    grid-column-end: 7;
  }
}

.grid .col-7\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid .col-7\@xl {
    grid-column-end: span 7;
  }
}

.grid .col-start-7\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid .col-start-7\@xl {
    grid-column-start: 7;
  }
}

.grid .col-end-8\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid .col-end-8\@xl {
    grid-column-end: 8;
  }
}

.grid .col-8\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid .col-8\@xl {
    grid-column-end: span 8;
  }
}

.grid .col-start-8\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid .col-start-8\@xl {
    grid-column-start: 8;
  }
}

.grid .col-end-9\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid .col-end-9\@xl {
    grid-column-end: 9;
  }
}

.grid .col-9\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid .col-9\@xl {
    grid-column-end: span 9;
  }
}

.grid .col-start-9\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid .col-start-9\@xl {
    grid-column-start: 9;
  }
}

.grid .col-end-10\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid .col-end-10\@xl {
    grid-column-end: 10;
  }
}

.grid .col-10\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid .col-10\@xl {
    grid-column-end: span 10;
  }
}

.grid .col-start-10\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid .col-start-10\@xl {
    grid-column-start: 10;
  }
}

.grid .col-end-11\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid .col-end-11\@xl {
    grid-column-end: 11;
  }
}

.grid .col-11\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid .col-11\@xl {
    grid-column-end: span 11;
  }
}

.grid .col-start-11\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid .col-start-11\@xl {
    grid-column-start: 11;
  }
}

.grid .col-end-12\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid .col-end-12\@xl {
    grid-column-end: 12;
  }
}

.grid .col-12\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid .col-12\@xl {
    grid-column-end: span 12;
  }
}

.grid .col-start-12\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid .col-start-12\@xl {
    grid-column-start: 12;
  }
}

.grid .col-end-13\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .grid .col-end-13\@xl {
    grid-column-end: 13;
  }
}

.m-1 {
  margin-bottom: 4px;
  margin-top: 4px;
}

.mt-1 {
  margin-top: 4px;
}

.mb-1 {
  margin-bottom: 4px;
}

.p-1 {
  padding-bottom: 4px;
  padding-top: 4px;
}

.pt-1 {
  padding-top: 4px;
}

.pb-1 {
  padding-bottom: 4px;
}

.m-2 {
  margin-bottom: 8px;
  margin-top: 8px;
}

.mt-2 {
  margin-top: 8px;
}

.mb-2 {
  margin-bottom: 8px;
}

.p-2 {
  padding-bottom: 8px;
  padding-top: 8px;
}

.pt-2 {
  padding-top: 8px;
}

.pb-2 {
  padding-bottom: 8px;
}

.m-3 {
  margin-bottom: 12px;
  margin-top: 12px;
}

.mt-3 {
  margin-top: 12px;
}

.mb-3 {
  margin-bottom: 12px;
}

.p-3 {
  padding-bottom: 12px;
  padding-top: 12px;
}

.pt-3 {
  padding-top: 12px;
}

.pb-3 {
  padding-bottom: 12px;
}

.m-4 {
  margin-bottom: 16px;
  margin-top: 16px;
}

.mt-4 {
  margin-top: 16px;
}

.mb-4 {
  margin-bottom: 16px;
}

.p-4 {
  padding-bottom: 16px;
  padding-top: 16px;
}

.pt-4 {
  padding-top: 16px;
}

.pb-4 {
  padding-bottom: 16px;
}

.m-5 {
  margin-bottom: 24px;
  margin-top: 24px;
}

.mt-5 {
  margin-top: 24px;
}

.mb-5 {
  margin-bottom: 24px;
}

.p-5 {
  padding-bottom: 24px;
  padding-top: 24px;
}

.pt-5 {
  padding-top: 24px;
}

.pb-5 {
  padding-bottom: 24px;
}

.m-6 {
  margin-bottom: 32px;
  margin-top: 32px;
}

.mt-6 {
  margin-top: 32px;
}

.mb-6 {
  margin-bottom: 32px;
}

.p-6 {
  padding-bottom: 32px;
  padding-top: 32px;
}

.pt-6 {
  padding-top: 32px;
}

.pb-6 {
  padding-bottom: 32px;
}

.m-7 {
  margin-bottom: 48px;
  margin-top: 48px;
}

.mt-7 {
  margin-top: 48px;
}

.mb-7 {
  margin-bottom: 48px;
}

.p-7 {
  padding-bottom: 48px;
  padding-top: 48px;
}

.pt-7 {
  padding-top: 48px;
}

.pb-7 {
  padding-bottom: 48px;
}

.m-8 {
  margin-bottom: 64px;
  margin-top: 64px;
}

.mt-8 {
  margin-top: 64px;
}

.mb-8 {
  margin-bottom: 64px;
}

.p-8 {
  padding-bottom: 64px;
  padding-top: 64px;
}

.pt-8 {
  padding-top: 64px;
}

.pb-8 {
  padding-bottom: 64px;
}

.m-9 {
  margin-bottom: 96px;
  margin-top: 96px;
}

.mt-9 {
  margin-top: 96px;
}

.mb-9 {
  margin-bottom: 96px;
}

.p-9 {
  padding-bottom: 96px;
  padding-top: 96px;
}

.pt-9 {
  padding-top: 96px;
}

.pb-9 {
  padding-bottom: 96px;
}

.m-10 {
  margin-bottom: 120px;
  margin-top: 120px;
}

.mt-10 {
  margin-top: 120px;
}

.mb-10 {
  margin-bottom: 120px;
}

.p-10 {
  padding-bottom: 120px;
  padding-top: 120px;
}

.pt-10 {
  padding-top: 120px;
}

.pb-10 {
  padding-bottom: 120px;
}

.m-11 {
  margin-bottom: 160px;
  margin-top: 160px;
}

.mt-11 {
  margin-top: 160px;
}

.mb-11 {
  margin-bottom: 160px;
}

.p-11 {
  padding-bottom: 160px;
  padding-top: 160px;
}

.pt-11 {
  padding-top: 160px;
}

.pb-11 {
  padding-bottom: 160px;
}

@media (max-width: 767px) {
  .m-1\@sm {
    margin-bottom: 4px;
    margin-top: 4px;
  }
}

@media (max-width: 767px) {
  .mt-1\@sm {
    margin-top: 4px;
  }
}

@media (max-width: 767px) {
  .mb-1\@sm {
    margin-bottom: 4px;
  }
}

@media (max-width: 767px) {
  .p-1\@sm {
    padding-bottom: 4px;
    padding-top: 4px;
  }
}

@media (max-width: 767px) {
  .pt-1\@sm {
    padding-top: 4px;
  }
}

@media (max-width: 767px) {
  .pb-1\@sm {
    padding-bottom: 4px;
  }
}

@media (max-width: 767px) {
  .m-2\@sm {
    margin-bottom: 8px;
    margin-top: 8px;
  }
}

@media (max-width: 767px) {
  .mt-2\@sm {
    margin-top: 8px;
  }
}

@media (max-width: 767px) {
  .mb-2\@sm {
    margin-bottom: 8px;
  }
}

@media (max-width: 767px) {
  .p-2\@sm {
    padding-bottom: 8px;
    padding-top: 8px;
  }
}

@media (max-width: 767px) {
  .pt-2\@sm {
    padding-top: 8px;
  }
}

@media (max-width: 767px) {
  .pb-2\@sm {
    padding-bottom: 8px;
  }
}

@media (max-width: 767px) {
  .m-3\@sm {
    margin-bottom: 12px;
    margin-top: 12px;
  }
}

@media (max-width: 767px) {
  .mt-3\@sm {
    margin-top: 12px;
  }
}

@media (max-width: 767px) {
  .mb-3\@sm {
    margin-bottom: 12px;
  }
}

@media (max-width: 767px) {
  .p-3\@sm {
    padding-bottom: 12px;
    padding-top: 12px;
  }
}

@media (max-width: 767px) {
  .pt-3\@sm {
    padding-top: 12px;
  }
}

@media (max-width: 767px) {
  .pb-3\@sm {
    padding-bottom: 12px;
  }
}

@media (max-width: 767px) {
  .m-4\@sm {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}

@media (max-width: 767px) {
  .mt-4\@sm {
    margin-top: 16px;
  }
}

@media (max-width: 767px) {
  .mb-4\@sm {
    margin-bottom: 16px;
  }
}

@media (max-width: 767px) {
  .p-4\@sm {
    padding-bottom: 16px;
    padding-top: 16px;
  }
}

@media (max-width: 767px) {
  .pt-4\@sm {
    padding-top: 16px;
  }
}

@media (max-width: 767px) {
  .pb-4\@sm {
    padding-bottom: 16px;
  }
}

@media (max-width: 767px) {
  .m-5\@sm {
    margin-bottom: 24px;
    margin-top: 24px;
  }
}

@media (max-width: 767px) {
  .mt-5\@sm {
    margin-top: 24px;
  }
}

@media (max-width: 767px) {
  .mb-5\@sm {
    margin-bottom: 24px;
  }
}

@media (max-width: 767px) {
  .p-5\@sm {
    padding-bottom: 24px;
    padding-top: 24px;
  }
}

@media (max-width: 767px) {
  .pt-5\@sm {
    padding-top: 24px;
  }
}

@media (max-width: 767px) {
  .pb-5\@sm {
    padding-bottom: 24px;
  }
}

@media (max-width: 767px) {
  .m-6\@sm {
    margin-bottom: 32px;
    margin-top: 32px;
  }
}

@media (max-width: 767px) {
  .mt-6\@sm {
    margin-top: 32px;
  }
}

@media (max-width: 767px) {
  .mb-6\@sm {
    margin-bottom: 32px;
  }
}

@media (max-width: 767px) {
  .p-6\@sm {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}

@media (max-width: 767px) {
  .pt-6\@sm {
    padding-top: 32px;
  }
}

@media (max-width: 767px) {
  .pb-6\@sm {
    padding-bottom: 32px;
  }
}

@media (max-width: 767px) {
  .m-7\@sm {
    margin-bottom: 48px;
    margin-top: 48px;
  }
}

@media (max-width: 767px) {
  .mt-7\@sm {
    margin-top: 48px;
  }
}

@media (max-width: 767px) {
  .mb-7\@sm {
    margin-bottom: 48px;
  }
}

@media (max-width: 767px) {
  .p-7\@sm {
    padding-bottom: 48px;
    padding-top: 48px;
  }
}

@media (max-width: 767px) {
  .pt-7\@sm {
    padding-top: 48px;
  }
}

@media (max-width: 767px) {
  .pb-7\@sm {
    padding-bottom: 48px;
  }
}

@media (max-width: 767px) {
  .m-8\@sm {
    margin-bottom: 64px;
    margin-top: 64px;
  }
}

@media (max-width: 767px) {
  .mt-8\@sm {
    margin-top: 64px;
  }
}

@media (max-width: 767px) {
  .mb-8\@sm {
    margin-bottom: 64px;
  }
}

@media (max-width: 767px) {
  .p-8\@sm {
    padding-bottom: 64px;
    padding-top: 64px;
  }
}

@media (max-width: 767px) {
  .pt-8\@sm {
    padding-top: 64px;
  }
}

@media (max-width: 767px) {
  .pb-8\@sm {
    padding-bottom: 64px;
  }
}

@media (max-width: 767px) {
  .m-9\@sm {
    margin-bottom: 96px;
    margin-top: 96px;
  }
}

@media (max-width: 767px) {
  .mt-9\@sm {
    margin-top: 96px;
  }
}

@media (max-width: 767px) {
  .mb-9\@sm {
    margin-bottom: 96px;
  }
}

@media (max-width: 767px) {
  .p-9\@sm {
    padding-bottom: 96px;
    padding-top: 96px;
  }
}

@media (max-width: 767px) {
  .pt-9\@sm {
    padding-top: 96px;
  }
}

@media (max-width: 767px) {
  .pb-9\@sm {
    padding-bottom: 96px;
  }
}

@media (max-width: 767px) {
  .m-10\@sm {
    margin-bottom: 120px;
    margin-top: 120px;
  }
}

@media (max-width: 767px) {
  .mt-10\@sm {
    margin-top: 120px;
  }
}

@media (max-width: 767px) {
  .mb-10\@sm {
    margin-bottom: 120px;
  }
}

@media (max-width: 767px) {
  .p-10\@sm {
    padding-bottom: 120px;
    padding-top: 120px;
  }
}

@media (max-width: 767px) {
  .pt-10\@sm {
    padding-top: 120px;
  }
}

@media (max-width: 767px) {
  .pb-10\@sm {
    padding-bottom: 120px;
  }
}

@media (max-width: 767px) {
  .m-11\@sm {
    margin-bottom: 160px;
    margin-top: 160px;
  }
}

@media (max-width: 767px) {
  .mt-11\@sm {
    margin-top: 160px;
  }
}

@media (max-width: 767px) {
  .mb-11\@sm {
    margin-bottom: 160px;
  }
}

@media (max-width: 767px) {
  .p-11\@sm {
    padding-bottom: 160px;
    padding-top: 160px;
  }
}

@media (max-width: 767px) {
  .pt-11\@sm {
    padding-top: 160px;
  }
}

@media (max-width: 767px) {
  .pb-11\@sm {
    padding-bottom: 160px;
  }
}

@media (min-width: 768px) {
  .m-1\@md {
    margin-bottom: 4px;
    margin-top: 4px;
  }
}

@media (min-width: 768px) {
  .mt-1\@md {
    margin-top: 4px;
  }
}

@media (min-width: 768px) {
  .mb-1\@md {
    margin-bottom: 4px;
  }
}

@media (min-width: 768px) {
  .p-1\@md {
    padding-bottom: 4px;
    padding-top: 4px;
  }
}

@media (min-width: 768px) {
  .pt-1\@md {
    padding-top: 4px;
  }
}

@media (min-width: 768px) {
  .pb-1\@md {
    padding-bottom: 4px;
  }
}

@media (min-width: 768px) {
  .m-2\@md {
    margin-bottom: 8px;
    margin-top: 8px;
  }
}

@media (min-width: 768px) {
  .mt-2\@md {
    margin-top: 8px;
  }
}

@media (min-width: 768px) {
  .mb-2\@md {
    margin-bottom: 8px;
  }
}

@media (min-width: 768px) {
  .p-2\@md {
    padding-bottom: 8px;
    padding-top: 8px;
  }
}

@media (min-width: 768px) {
  .pt-2\@md {
    padding-top: 8px;
  }
}

@media (min-width: 768px) {
  .pb-2\@md {
    padding-bottom: 8px;
  }
}

@media (min-width: 768px) {
  .m-3\@md {
    margin-bottom: 12px;
    margin-top: 12px;
  }
}

@media (min-width: 768px) {
  .mt-3\@md {
    margin-top: 12px;
  }
}

@media (min-width: 768px) {
  .mb-3\@md {
    margin-bottom: 12px;
  }
}

@media (min-width: 768px) {
  .p-3\@md {
    padding-bottom: 12px;
    padding-top: 12px;
  }
}

@media (min-width: 768px) {
  .pt-3\@md {
    padding-top: 12px;
  }
}

@media (min-width: 768px) {
  .pb-3\@md {
    padding-bottom: 12px;
  }
}

@media (min-width: 768px) {
  .m-4\@md {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}

@media (min-width: 768px) {
  .mt-4\@md {
    margin-top: 16px;
  }
}

@media (min-width: 768px) {
  .mb-4\@md {
    margin-bottom: 16px;
  }
}

@media (min-width: 768px) {
  .p-4\@md {
    padding-bottom: 16px;
    padding-top: 16px;
  }
}

@media (min-width: 768px) {
  .pt-4\@md {
    padding-top: 16px;
  }
}

@media (min-width: 768px) {
  .pb-4\@md {
    padding-bottom: 16px;
  }
}

@media (min-width: 768px) {
  .m-5\@md {
    margin-bottom: 24px;
    margin-top: 24px;
  }
}

@media (min-width: 768px) {
  .mt-5\@md {
    margin-top: 24px;
  }
}

@media (min-width: 768px) {
  .mb-5\@md {
    margin-bottom: 24px;
  }
}

@media (min-width: 768px) {
  .p-5\@md {
    padding-bottom: 24px;
    padding-top: 24px;
  }
}

@media (min-width: 768px) {
  .pt-5\@md {
    padding-top: 24px;
  }
}

@media (min-width: 768px) {
  .pb-5\@md {
    padding-bottom: 24px;
  }
}

@media (min-width: 768px) {
  .m-6\@md {
    margin-bottom: 32px;
    margin-top: 32px;
  }
}

@media (min-width: 768px) {
  .mt-6\@md {
    margin-top: 32px;
  }
}

@media (min-width: 768px) {
  .mb-6\@md {
    margin-bottom: 32px;
  }
}

@media (min-width: 768px) {
  .p-6\@md {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}

@media (min-width: 768px) {
  .pt-6\@md {
    padding-top: 32px;
  }
}

@media (min-width: 768px) {
  .pb-6\@md {
    padding-bottom: 32px;
  }
}

@media (min-width: 768px) {
  .m-7\@md {
    margin-bottom: 48px;
    margin-top: 48px;
  }
}

@media (min-width: 768px) {
  .mt-7\@md {
    margin-top: 48px;
  }
}

@media (min-width: 768px) {
  .mb-7\@md {
    margin-bottom: 48px;
  }
}

@media (min-width: 768px) {
  .p-7\@md {
    padding-bottom: 48px;
    padding-top: 48px;
  }
}

@media (min-width: 768px) {
  .pt-7\@md {
    padding-top: 48px;
  }
}

@media (min-width: 768px) {
  .pb-7\@md {
    padding-bottom: 48px;
  }
}

@media (min-width: 768px) {
  .m-8\@md {
    margin-bottom: 64px;
    margin-top: 64px;
  }
}

@media (min-width: 768px) {
  .mt-8\@md {
    margin-top: 64px;
  }
}

@media (min-width: 768px) {
  .mb-8\@md {
    margin-bottom: 64px;
  }
}

@media (min-width: 768px) {
  .p-8\@md {
    padding-bottom: 64px;
    padding-top: 64px;
  }
}

@media (min-width: 768px) {
  .pt-8\@md {
    padding-top: 64px;
  }
}

@media (min-width: 768px) {
  .pb-8\@md {
    padding-bottom: 64px;
  }
}

@media (min-width: 768px) {
  .m-9\@md {
    margin-bottom: 96px;
    margin-top: 96px;
  }
}

@media (min-width: 768px) {
  .mt-9\@md {
    margin-top: 96px;
  }
}

@media (min-width: 768px) {
  .mb-9\@md {
    margin-bottom: 96px;
  }
}

@media (min-width: 768px) {
  .p-9\@md {
    padding-bottom: 96px;
    padding-top: 96px;
  }
}

@media (min-width: 768px) {
  .pt-9\@md {
    padding-top: 96px;
  }
}

@media (min-width: 768px) {
  .pb-9\@md {
    padding-bottom: 96px;
  }
}

@media (min-width: 768px) {
  .m-10\@md {
    margin-bottom: 120px;
    margin-top: 120px;
  }
}

@media (min-width: 768px) {
  .mt-10\@md {
    margin-top: 120px;
  }
}

@media (min-width: 768px) {
  .mb-10\@md {
    margin-bottom: 120px;
  }
}

@media (min-width: 768px) {
  .p-10\@md {
    padding-bottom: 120px;
    padding-top: 120px;
  }
}

@media (min-width: 768px) {
  .pt-10\@md {
    padding-top: 120px;
  }
}

@media (min-width: 768px) {
  .pb-10\@md {
    padding-bottom: 120px;
  }
}

@media (min-width: 768px) {
  .m-11\@md {
    margin-bottom: 160px;
    margin-top: 160px;
  }
}

@media (min-width: 768px) {
  .mt-11\@md {
    margin-top: 160px;
  }
}

@media (min-width: 768px) {
  .mb-11\@md {
    margin-bottom: 160px;
  }
}

@media (min-width: 768px) {
  .p-11\@md {
    padding-bottom: 160px;
    padding-top: 160px;
  }
}

@media (min-width: 768px) {
  .pt-11\@md {
    padding-top: 160px;
  }
}

@media (min-width: 768px) {
  .pb-11\@md {
    padding-bottom: 160px;
  }
}

@media (min-width: 1025px) {
  .m-1\@lg {
    margin-bottom: 4px;
    margin-top: 4px;
  }
}

@media (min-width: 1025px) {
  .mt-1\@lg {
    margin-top: 4px;
  }
}

@media (min-width: 1025px) {
  .mb-1\@lg {
    margin-bottom: 4px;
  }
}

@media (min-width: 1025px) {
  .p-1\@lg {
    padding-bottom: 4px;
    padding-top: 4px;
  }
}

@media (min-width: 1025px) {
  .pt-1\@lg {
    padding-top: 4px;
  }
}

@media (min-width: 1025px) {
  .pb-1\@lg {
    padding-bottom: 4px;
  }
}

@media (min-width: 1025px) {
  .m-2\@lg {
    margin-bottom: 8px;
    margin-top: 8px;
  }
}

@media (min-width: 1025px) {
  .mt-2\@lg {
    margin-top: 8px;
  }
}

@media (min-width: 1025px) {
  .mb-2\@lg {
    margin-bottom: 8px;
  }
}

@media (min-width: 1025px) {
  .p-2\@lg {
    padding-bottom: 8px;
    padding-top: 8px;
  }
}

@media (min-width: 1025px) {
  .pt-2\@lg {
    padding-top: 8px;
  }
}

@media (min-width: 1025px) {
  .pb-2\@lg {
    padding-bottom: 8px;
  }
}

@media (min-width: 1025px) {
  .m-3\@lg {
    margin-bottom: 12px;
    margin-top: 12px;
  }
}

@media (min-width: 1025px) {
  .mt-3\@lg {
    margin-top: 12px;
  }
}

@media (min-width: 1025px) {
  .mb-3\@lg {
    margin-bottom: 12px;
  }
}

@media (min-width: 1025px) {
  .p-3\@lg {
    padding-bottom: 12px;
    padding-top: 12px;
  }
}

@media (min-width: 1025px) {
  .pt-3\@lg {
    padding-top: 12px;
  }
}

@media (min-width: 1025px) {
  .pb-3\@lg {
    padding-bottom: 12px;
  }
}

@media (min-width: 1025px) {
  .m-4\@lg {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}

@media (min-width: 1025px) {
  .mt-4\@lg {
    margin-top: 16px;
  }
}

@media (min-width: 1025px) {
  .mb-4\@lg {
    margin-bottom: 16px;
  }
}

@media (min-width: 1025px) {
  .p-4\@lg {
    padding-bottom: 16px;
    padding-top: 16px;
  }
}

@media (min-width: 1025px) {
  .pt-4\@lg {
    padding-top: 16px;
  }
}

@media (min-width: 1025px) {
  .pb-4\@lg {
    padding-bottom: 16px;
  }
}

@media (min-width: 1025px) {
  .m-5\@lg {
    margin-bottom: 24px;
    margin-top: 24px;
  }
}

@media (min-width: 1025px) {
  .mt-5\@lg {
    margin-top: 24px;
  }
}

@media (min-width: 1025px) {
  .mb-5\@lg {
    margin-bottom: 24px;
  }
}

@media (min-width: 1025px) {
  .p-5\@lg {
    padding-bottom: 24px;
    padding-top: 24px;
  }
}

@media (min-width: 1025px) {
  .pt-5\@lg {
    padding-top: 24px;
  }
}

@media (min-width: 1025px) {
  .pb-5\@lg {
    padding-bottom: 24px;
  }
}

@media (min-width: 1025px) {
  .m-6\@lg {
    margin-bottom: 32px;
    margin-top: 32px;
  }
}

@media (min-width: 1025px) {
  .mt-6\@lg {
    margin-top: 32px;
  }
}

@media (min-width: 1025px) {
  .mb-6\@lg {
    margin-bottom: 32px;
  }
}

@media (min-width: 1025px) {
  .p-6\@lg {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}

@media (min-width: 1025px) {
  .pt-6\@lg {
    padding-top: 32px;
  }
}

@media (min-width: 1025px) {
  .pb-6\@lg {
    padding-bottom: 32px;
  }
}

@media (min-width: 1025px) {
  .m-7\@lg {
    margin-bottom: 48px;
    margin-top: 48px;
  }
}

@media (min-width: 1025px) {
  .mt-7\@lg {
    margin-top: 48px;
  }
}

@media (min-width: 1025px) {
  .mb-7\@lg {
    margin-bottom: 48px;
  }
}

@media (min-width: 1025px) {
  .p-7\@lg {
    padding-bottom: 48px;
    padding-top: 48px;
  }
}

@media (min-width: 1025px) {
  .pt-7\@lg {
    padding-top: 48px;
  }
}

@media (min-width: 1025px) {
  .pb-7\@lg {
    padding-bottom: 48px;
  }
}

@media (min-width: 1025px) {
  .m-8\@lg {
    margin-bottom: 64px;
    margin-top: 64px;
  }
}

@media (min-width: 1025px) {
  .mt-8\@lg {
    margin-top: 64px;
  }
}

@media (min-width: 1025px) {
  .mb-8\@lg {
    margin-bottom: 64px;
  }
}

@media (min-width: 1025px) {
  .p-8\@lg {
    padding-bottom: 64px;
    padding-top: 64px;
  }
}

@media (min-width: 1025px) {
  .pt-8\@lg {
    padding-top: 64px;
  }
}

@media (min-width: 1025px) {
  .pb-8\@lg {
    padding-bottom: 64px;
  }
}

@media (min-width: 1025px) {
  .m-9\@lg {
    margin-bottom: 96px;
    margin-top: 96px;
  }
}

@media (min-width: 1025px) {
  .mt-9\@lg {
    margin-top: 96px;
  }
}

@media (min-width: 1025px) {
  .mb-9\@lg {
    margin-bottom: 96px;
  }
}

@media (min-width: 1025px) {
  .p-9\@lg {
    padding-bottom: 96px;
    padding-top: 96px;
  }
}

@media (min-width: 1025px) {
  .pt-9\@lg {
    padding-top: 96px;
  }
}

@media (min-width: 1025px) {
  .pb-9\@lg {
    padding-bottom: 96px;
  }
}

@media (min-width: 1025px) {
  .m-10\@lg {
    margin-bottom: 120px;
    margin-top: 120px;
  }
}

@media (min-width: 1025px) {
  .mt-10\@lg {
    margin-top: 120px;
  }
}

@media (min-width: 1025px) {
  .mb-10\@lg {
    margin-bottom: 120px;
  }
}

@media (min-width: 1025px) {
  .p-10\@lg {
    padding-bottom: 120px;
    padding-top: 120px;
  }
}

@media (min-width: 1025px) {
  .pt-10\@lg {
    padding-top: 120px;
  }
}

@media (min-width: 1025px) {
  .pb-10\@lg {
    padding-bottom: 120px;
  }
}

@media (min-width: 1025px) {
  .m-11\@lg {
    margin-bottom: 160px;
    margin-top: 160px;
  }
}

@media (min-width: 1025px) {
  .mt-11\@lg {
    margin-top: 160px;
  }
}

@media (min-width: 1025px) {
  .mb-11\@lg {
    margin-bottom: 160px;
  }
}

@media (min-width: 1025px) {
  .p-11\@lg {
    padding-bottom: 160px;
    padding-top: 160px;
  }
}

@media (min-width: 1025px) {
  .pt-11\@lg {
    padding-top: 160px;
  }
}

@media (min-width: 1025px) {
  .pb-11\@lg {
    padding-bottom: 160px;
  }
}

.m-1\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .m-1\@xl {
    margin-bottom: 4px;
    margin-top: 4px;
  }
}

.mt-1\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .mt-1\@xl {
    margin-top: 4px;
  }
}

.mb-1\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .mb-1\@xl {
    margin-bottom: 4px;
  }
}

.p-1\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .p-1\@xl {
    padding-bottom: 4px;
    padding-top: 4px;
  }
}

.pt-1\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .pt-1\@xl {
    padding-top: 4px;
  }
}

.pb-1\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .pb-1\@xl {
    padding-bottom: 4px;
  }
}

.m-2\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .m-2\@xl {
    margin-bottom: 8px;
    margin-top: 8px;
  }
}

.mt-2\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .mt-2\@xl {
    margin-top: 8px;
  }
}

.mb-2\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .mb-2\@xl {
    margin-bottom: 8px;
  }
}

.p-2\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .p-2\@xl {
    padding-bottom: 8px;
    padding-top: 8px;
  }
}

.pt-2\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .pt-2\@xl {
    padding-top: 8px;
  }
}

.pb-2\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .pb-2\@xl {
    padding-bottom: 8px;
  }
}

.m-3\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .m-3\@xl {
    margin-bottom: 12px;
    margin-top: 12px;
  }
}

.mt-3\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .mt-3\@xl {
    margin-top: 12px;
  }
}

.mb-3\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .mb-3\@xl {
    margin-bottom: 12px;
  }
}

.p-3\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .p-3\@xl {
    padding-bottom: 12px;
    padding-top: 12px;
  }
}

.pt-3\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .pt-3\@xl {
    padding-top: 12px;
  }
}

.pb-3\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .pb-3\@xl {
    padding-bottom: 12px;
  }
}

.m-4\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .m-4\@xl {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}

.mt-4\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .mt-4\@xl {
    margin-top: 16px;
  }
}

.mb-4\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .mb-4\@xl {
    margin-bottom: 16px;
  }
}

.p-4\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .p-4\@xl {
    padding-bottom: 16px;
    padding-top: 16px;
  }
}

.pt-4\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .pt-4\@xl {
    padding-top: 16px;
  }
}

.pb-4\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .pb-4\@xl {
    padding-bottom: 16px;
  }
}

.m-5\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .m-5\@xl {
    margin-bottom: 24px;
    margin-top: 24px;
  }
}

.mt-5\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .mt-5\@xl {
    margin-top: 24px;
  }
}

.mb-5\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .mb-5\@xl {
    margin-bottom: 24px;
  }
}

.p-5\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .p-5\@xl {
    padding-bottom: 24px;
    padding-top: 24px;
  }
}

.pt-5\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .pt-5\@xl {
    padding-top: 24px;
  }
}

.pb-5\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .pb-5\@xl {
    padding-bottom: 24px;
  }
}

.m-6\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .m-6\@xl {
    margin-bottom: 32px;
    margin-top: 32px;
  }
}

.mt-6\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .mt-6\@xl {
    margin-top: 32px;
  }
}

.mb-6\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .mb-6\@xl {
    margin-bottom: 32px;
  }
}

.p-6\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .p-6\@xl {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}

.pt-6\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .pt-6\@xl {
    padding-top: 32px;
  }
}

.pb-6\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .pb-6\@xl {
    padding-bottom: 32px;
  }
}

.m-7\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .m-7\@xl {
    margin-bottom: 48px;
    margin-top: 48px;
  }
}

.mt-7\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .mt-7\@xl {
    margin-top: 48px;
  }
}

.mb-7\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .mb-7\@xl {
    margin-bottom: 48px;
  }
}

.p-7\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .p-7\@xl {
    padding-bottom: 48px;
    padding-top: 48px;
  }
}

.pt-7\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .pt-7\@xl {
    padding-top: 48px;
  }
}

.pb-7\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .pb-7\@xl {
    padding-bottom: 48px;
  }
}

.m-8\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .m-8\@xl {
    margin-bottom: 64px;
    margin-top: 64px;
  }
}

.mt-8\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .mt-8\@xl {
    margin-top: 64px;
  }
}

.mb-8\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .mb-8\@xl {
    margin-bottom: 64px;
  }
}

.p-8\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .p-8\@xl {
    padding-bottom: 64px;
    padding-top: 64px;
  }
}

.pt-8\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .pt-8\@xl {
    padding-top: 64px;
  }
}

.pb-8\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .pb-8\@xl {
    padding-bottom: 64px;
  }
}

.m-9\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .m-9\@xl {
    margin-bottom: 96px;
    margin-top: 96px;
  }
}

.mt-9\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .mt-9\@xl {
    margin-top: 96px;
  }
}

.mb-9\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .mb-9\@xl {
    margin-bottom: 96px;
  }
}

.p-9\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .p-9\@xl {
    padding-bottom: 96px;
    padding-top: 96px;
  }
}

.pt-9\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .pt-9\@xl {
    padding-top: 96px;
  }
}

.pb-9\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .pb-9\@xl {
    padding-bottom: 96px;
  }
}

.m-10\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .m-10\@xl {
    margin-bottom: 120px;
    margin-top: 120px;
  }
}

.mt-10\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .mt-10\@xl {
    margin-top: 120px;
  }
}

.mb-10\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .mb-10\@xl {
    margin-bottom: 120px;
  }
}

.p-10\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .p-10\@xl {
    padding-bottom: 120px;
    padding-top: 120px;
  }
}

.pt-10\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .pt-10\@xl {
    padding-top: 120px;
  }
}

.pb-10\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .pb-10\@xl {
    padding-bottom: 120px;
  }
}

.m-11\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .m-11\@xl {
    margin-bottom: 160px;
    margin-top: 160px;
  }
}

.mt-11\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .mt-11\@xl {
    margin-top: 160px;
  }
}

.mb-11\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .mb-11\@xl {
    margin-bottom: 160px;
  }
}

.p-11\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .p-11\@xl {
    padding-bottom: 160px;
    padding-top: 160px;
  }
}

.pt-11\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .pt-11\@xl {
    padding-top: 160px;
  }
}

.pb-11\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
@media (min-width: 1441px) {
  body:not(body.fireplace) .pb-11\@xl {
    padding-bottom: 160px;
  }
}

.m-12\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
.mt-12\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
.mb-12\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
.p-12\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
.pt-12\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
.pb-12\@xl {
  /* Only apply the XL media query when there is NOT a ".fireplace" class on the body element
      The fireplace advert restricts the main content width so we do not want XL styles to take
      effect in this case, and instead to fall back to the next media query down (usually LG)
  */
}
body {
  font: normal normal 400 14px/20px graphik, sans-serif !important;
}

.container a {
  font: normal normal 400 16px/22px graphik, sans-serif;
  color: #0C0C0C;
  text-decoration: none;
}
.container a:hover {
  color: #991D1A !important;
}
.container a:hover span, .container a:hover i {
  color: #991D1A !important;
}
.container ul {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
}
.container span.section-title {
  font: normal normal 500 52px/62px "Regis";
}
.container span.section-title-alt {
  font: normal normal 500 52px/62px "Regis";
}
.container h1 {
  font: normal normal 400 40px/42px "Regis";
  margin-bottom: 0;
}
.container h2 {
  font: normal normal 400 32px/35px "Regis";
  margin-bottom: 0;
}
.container h3 {
  font: normal normal 400 25px/33px graphik, sans-serif;
  margin-bottom: 0;
}
.container h4 {
  font: normal normal 400 22px/27px graphik, sans-serif;
  margin-bottom: 0;
}
.container h5 {
  font: normal normal 400 18px/23px graphik, sans-serif;
  margin-bottom: 0;
}
.container .base-cta-btn {
  font: normal normal 500 15px/23px "attribute-mono", sans-serif;
  color: #fff;
  background-color: #C01D19;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  letter-spacing: 0.1em;
  padding: 12px 16px;
  border: 1px solid #C01D19;
  box-shadow: none;
  display: inline-block;
  transition: all 0.3s ease;
}
.container .base-cta-btn:hover {
  color: #fff !important;
  background-color: #C01D19 !important;
  border: 1px solid #C01D19 !important;
  transition: all 0.3s ease;
}
.container .base-cta-btn:hover i, .container .base-cta-btn:hover span {
  color: #fff !important;
  transition: all 0.3s ease;
}
.container .base-cta-btn.secondary-cta-btn {
  color: #C01D19 !important;
  background-color: #C01D19 !important;
  border: 1px solid #C01D19 !important;
  transition: all 0.3s ease;
}
.container .base-cta-btn.secondary-cta-btn.df-popup-custom:hover span {
  color: inherit !important;
}
.container .base-cta-btn.secondary-cta-btn:hover {
  color: #fff !important;
  background-color: transparent !important;
  transition: all 0.3s ease;
}
.container .base-cta-btn.secondary-cta-btn:hover i, .container .base-cta-btn.secondary-cta-btn:hover span {
  color: #fff !important;
  transition: all 0.3s ease;
}

@media (min-width: 768px) {
  .container span.section-title {
    font: normal normal 500 52px/62px "Regis";
  }
  .container span.section-title-alt {
    font: normal normal 500 52px/62px "Regis";
  }
  .container h1 {
    font: normal normal 400 48px/50px "Regis";
  }
  .container h2 {
    font: normal normal 400 34px/36px "Regis";
  }
  .container h3 {
    font: normal normal 400 25px/28px graphik, sans-serif;
  }
  .container h4 {
    font: normal normal 400 22px/25px graphik, sans-serif;
  }
  .container h5 {
    font: normal normal 400 18px/23px graphik, sans-serif;
  }
}
@media (min-width: 1025px) {
  .container span.section-title {
    font: normal normal 500 110px/132px "Regis";
  }
  .container span.section-title-alt {
    font: normal normal 500 110px/132px "Regis";
  }
  .container h1 {
    font: normal normal 400 72px/77px "Regis";
  }
  .container h2 {
    font: normal normal 400 46px/50px "Regis";
  }
  .container h3 {
    font: normal normal 400 32px/38px "Regis";
  }
  .container h4 {
    font: normal normal 400 24px/31px graphik, sans-serif;
  }
  .container h5 {
    font: normal normal 400 21px/29px graphik, sans-serif;
  }
  .container a {
    font: normal normal 400 18px/26px graphik, sans-serif;
  }
}
/* CI Color Definitions */
/* Component Definitions */
/* Site wide elements */
.container a,
.container-fluid a {
  font: normal normal 400 16px/22px graphik, sans-serif;
  color: #0C0C0C;
  text-decoration: none;
}
.container a:hover,
.container-fluid a:hover {
  color: #991D1A !important;
}
.container a:hover span, .container a:hover i,
.container-fluid a:hover span,
.container-fluid a:hover i {
  color: #991D1A !important;
}
.container span.section-title,
.container-fluid span.section-title {
  font: normal normal 400 58px/62px "Regis";
  letter-spacing: -0.04em;
}
.container span.section-title-alt,
.container-fluid span.section-title-alt {
  font: normal normal 400 58px/62px "Regis";
  letter-spacing: -0.04em;
}
.container span.section-title,
.container-fluid span.section-title {
  font: normal normal 400 58px/62px "Regis";
  letter-spacing: -0.04em;
}
.container span.section-title-alt,
.container-fluid span.section-title-alt {
  font: normal normal 400 58px/62px "Regis";
  letter-spacing: -0.04em;
}
.container h1,
.container .h1-rendering,
.container .h1-rendering-small,
.container-fluid h1,
.container-fluid .h1-rendering,
.container-fluid .h1-rendering-small {
  font: normal normal 400 40px/42px "Regis";
  letter-spacing: -0.04em;
}
.container h2,
.container .h2-rendering,
.container .h2-rendering-small,
.container-fluid h2,
.container-fluid .h2-rendering,
.container-fluid .h2-rendering-small {
  font: normal normal 400 32px/35px "Regis";
  letter-spacing: -0.03em;
}
.container h3,
.container .h3-rendering,
.container .h3-rendering-small,
.container-fluid h3,
.container-fluid .h3-rendering,
.container-fluid .h3-rendering-small {
  font: normal normal 400 25px/33px graphik, sans-serif;
  letter-spacing: -0.03em;
}
.container h4,
.container .h4-rendering,
.container .h4-rendering-small,
.container-fluid h4,
.container-fluid .h4-rendering,
.container-fluid .h4-rendering-small {
  font: normal normal 400 22px/27px graphik, sans-serif;
}
.container h5,
.container .h5-rendering,
.container .h5-rendering-small,
.container-fluid h5,
.container-fluid .h5-rendering,
.container-fluid .h5-rendering-small {
  font: normal normal 400 18px/23px graphik, sans-serif;
  letter-spacing: -0.01em;
}

/*
@include media-breakpoint-up(md) { 
	.container,
	.container-fluid {
		span.section-title {
			font: $font-section-title-medium;
			letter-spacing: -0.04em;
		}

		span.section-title-alt {
			font: $font-section-title-medium;
			letter-spacing: -0.04em;
		}

		h1,
		.h1-rendering,
		.h1-rendering-medium {
			font: $font-h1-medium;
			letter-spacing: -0.04em;
		}

		h2,
		.h2-rendering,
		.h2-rendering-medium {
			font: $font-h2-medium;
			letter-spacing: -0.04em;
		}

		h3,
		.h3-rendering,
		.h3-rendering-medium {
			font: $font-h3-medium;
			letter-spacing: -0.02em;
		}

		h4,
		.h4-rendering,
		.h4-rendering-medium {
			font: $font-h4-medium;
			letter-spacing: 0;
		}

		h5,
		.h5-rendering,
		.h5-rendering-medium {
			font: $font-h5-medium;
			letter-spacing: -0.01em;
		}
	}
}
*/
@media (min-width: 1025px) {
  .container a,
  .container-fluid a {
    font: normal normal 400 18px/26px graphik, sans-serif;
  }
}
@media (min-width: 1025px) {
  .container span.section-title,
  .container-fluid span.section-title {
    font: normal normal 400 120px/124px "Regis";
    letter-spacing: -0.04em;
  }
  .container span.section-title-alt,
  .container-fluid span.section-title-alt {
    font: normal normal 400 92px/96px "Regis";
    letter-spacing: -0.04em;
  }
  .container h1,
  .container .h1-rendering,
  .container .h1-rendering-large,
  .container-fluid h1,
  .container-fluid .h1-rendering,
  .container-fluid .h1-rendering-large {
    font: normal normal 400 72px/77px "Regis";
    letter-spacing: -0.04em;
  }
  .container h2,
  .container .h2-rendering,
  .container .h2-rendering-large,
  .container-fluid h2,
  .container-fluid .h2-rendering,
  .container-fluid .h2-rendering-large {
    font: normal normal 400 46px/50px "Regis";
    letter-spacing: -0.04em;
  }
  .container h3,
  .container .h3-rendering,
  .container .h3-rendering-large,
  .container-fluid h3,
  .container-fluid .h3-rendering,
  .container-fluid .h3-rendering-large {
    font: normal normal 400 32px/38px "Regis";
    letter-spacing: -0.03em;
  }
  .container h4,
  .container .h4-rendering,
  .container .h4-rendering-large,
  .container-fluid h4,
  .container-fluid .h4-rendering,
  .container-fluid .h4-rendering-large {
    font: normal normal 400 24px/31px graphik, sans-serif;
    letter-spacing: -0.02em;
  }
  .container h5,
  .container .h5-rendering,
  .container .h5-rendering-large,
  .container-fluid h5,
  .container-fluid .h5-rendering,
  .container-fluid .h5-rendering-large {
    font: normal normal 400 21px/29px graphik, sans-serif;
    letter-spacing: -0.02em;
  }
}
/* CI Color Definitions */
/* Component Definitions */
/* Site wide elements */
.container .base-cta-btn,
.container .wp-element-button,
.container-fluid .base-cta-btn,
.container-fluid .wp-element-button,
.df-container .base-cta-btn,
.df-container .wp-element-button {
  font: normal normal 500 15px/23px "attribute-mono", sans-serif;
  letter-spacing: 1.5px;
  color: #fff !important;
  background-color: #C01D19 !important;
  text-transform: uppercase;
  border: 1px solid #C01D19 !important;
  border-radius: 0 !important;
  padding: 12px 16px;
  transition: all 0.3s ease;
}
.container .base-cta-btn:hover,
.container .wp-element-button:hover,
.container-fluid .base-cta-btn:hover,
.container-fluid .wp-element-button:hover,
.df-container .base-cta-btn:hover,
.df-container .wp-element-button:hover {
  color: #fff !important;
  background-color: #C01D19 !important;
  border-radius: 0 0 24px 0 !important;
  border: 1px solid #C01D19 !important;
  transition: all 0.3s ease;
}
.container .base-cta-btn.secondary-cta-btn,
.container .wp-element-button.secondary-cta-btn,
.container-fluid .base-cta-btn.secondary-cta-btn,
.container-fluid .wp-element-button.secondary-cta-btn,
.df-container .base-cta-btn.secondary-cta-btn,
.df-container .wp-element-button.secondary-cta-btn {
  color: #C01D19 !important;
  background-color: transparent !important;
  border: 1px solid #C01D19 !important;
  transition: all 0.3s ease;
}
.container .base-cta-btn.secondary-cta-btn:hover,
.container .wp-element-button.secondary-cta-btn:hover,
.container-fluid .base-cta-btn.secondary-cta-btn:hover,
.container-fluid .wp-element-button.secondary-cta-btn:hover,
.df-container .base-cta-btn.secondary-cta-btn:hover,
.df-container .wp-element-button.secondary-cta-btn:hover {
  color: #C01D19 !important;
  background-color: transparent !important;
  border-radius: 0 0 24px 0 !important;
  transition: all 0.3s ease;
}

.helper-border-radius-none {
  border-radius: unset;
}

.helper-border-radius {
  border-radius: 8px !important;
}

.helper-border-radius-medium {
  border-radius: 12px;
}

.helper-border-radius-top {
  border-radius: 8px 8px 0 0;
}

.helper-border-radius-bottom {
  border-radius: 0 0 8px 8px;
}

.helper-page-border-radius-top {
  border-radius: 24px 24px 0 0;
}

body {
  background-color: #FAF6F4;
}

.content-type-label {
  letter-spacing: 1.2px;
}

.tag:hover a, .tag:hover span {
  color: #4D4D4D !important;
}
.tag a:hover, .tag span:hover {
  color: #4D4D4D !important;
}
.tag a:hover span, .tag span:hover span {
  color: #4D4D4D !important;
}

@media (min-width: 768px) {
  .helper-md-border-radius {
    border-radius: 8px !important;
  }
  .helper-page-border-radius-top {
    border-radius: 32px 32px 0 0;
  }
  .helper-md-border-radius-right {
    border-radius: 0 8px 8px 0;
  }
}
@media (min-width: 1025px) {
  .helper-lg-border-radius {
    border-radius: 8px;
  }
  .helper-page-border-radius-top {
    border-radius: 48px 48px 0 0;
  }
}
@media (min-width: 1921px) {
  .helper-page-border-radius-top {
    border-radius: 0;
  }
}
/* all */
header {
  background-color: #FAF6F4;
}
header .header-wrapper .logo-wrapper a {
  display: flex;
}
header .header-wrapper .logo-wrapper a img {
  height: 25px;
  width: auto;
}

@media (min-width: 1025px) {
  header .header-wrapper {
    height: 85px;
  }
  header .header-wrapper .logo-wrapper a img {
    height: 35px;
  }
}
body.article-template-default section#breadcrumb .breadcrumb-wrapper ul > li:nth-last-child(2), body.article-template-default section#breadcrumb .breadcrumb-wrapper ul > li:last-child {
  display: none;
}

section#breadcrumb {
  background-color: #FAF6F4;
}
section#breadcrumb .breadcrumb-wrapper {
  padding-bottom: 10px;
}
section#breadcrumb .breadcrumb-wrapper ul {
  column-gap: 10px;
}
section#breadcrumb .breadcrumb-wrapper ul > li {
  color: #4D4D4D;
}
section#breadcrumb .breadcrumb-wrapper ul > li svg {
  color: #4D4D4D;
  width: 3px;
  height: 3px;
}
section#breadcrumb .breadcrumb-wrapper ul > li a, section#breadcrumb .breadcrumb-wrapper ul > li span {
  font: normal normal 400 12px/17px graphik, sans-serif;
  color: #4D4D4D;
  position: relative;
}

@media (min-width: 1025px) {
  section#breadcrumb .breadcrumb-wrapper ul > li a, section#breadcrumb .breadcrumb-wrapper ul > li span {
    font: normal normal 400 14px/21px graphik, sans-serif;
  }
  body.article-template-default section#breadcrumb .breadcrumb-wrapper ul > li:nth-last-child(2), body.article-template-default section#breadcrumb .breadcrumb-wrapper ul > li:last-child {
    display: block;
  }
  body.article-template-default section#breadcrumb .breadcrumb-wrapper ul > li a, body.article-template-default section#breadcrumb .breadcrumb-wrapper ul > li span {
    font: normal normal 400 14px/21px graphik, sans-serif;
  }
}
footer {
  background-color: #E6DCD5;
}
footer .footer-links-wrapper a {
  font: normal normal 400 14px/21px graphik, sans-serif;
  color: #0C0C0C;
}
footer.brand-footer .footer-wrapper .footer-section .footer-section-header {
  font: normal normal 400 14px/20px graphik, sans-serif;
  color: #4D4D4D;
  padding-left: 28px;
  padding-right: 28px;
  border-bottom: 1px solid #9D9490;
}
footer.brand-footer .footer-wrapper .footer-section .footer-section-header[aria-expanded=true] i {
  transform: rotate(-180deg);
  transition: all 0.3s;
}
footer.brand-footer .footer-wrapper .footer-section .footer-section-header i {
  font-size: 24px;
  transform: rotate(0deg);
  transition: all 0.3s;
}
footer.brand-footer .footer-wrapper .footer-section ul > li {
  padding-left: 28px;
  padding-right: 28px;
  letter-spacing: -0.01em;
  border-bottom: 1px solid #9D9490;
}
footer.brand-footer .footer-wrapper .footer-section ul > li a {
  font: normal normal 400 16px/24px graphik, sans-serif;
  color: #4D4D4D;
}
footer.brand-footer .foundry-logo-wrapper,
footer.brand-footer .social-media-wrapper,
footer.brand-footer .copyright-wrapper {
  padding-left: 28px;
  padding-right: 28px;
  border-bottom: 1px solid #9D9490;
}
footer.brand-footer .foundry-logo-wrapper img {
  height: 57px;
}
footer.brand-footer .social-media-wrapper {
  column-gap: 33px;
}
footer.brand-footer .social-media-wrapper a {
  font: normal normal 400 16px/24px graphik, sans-serif;
  color: #0C0C0C;
}
footer.brand-footer .social-media-wrapper i {
  font-size: 24px;
  color: #0C0C0C;
}
footer.brand-footer .copyright-wrapper {
  border-bottom: none;
}
footer.brand-footer .copyright-wrapper a {
  font: normal normal 400 12px/17px graphik, sans-serif;
  color: #0C0C0C;
  text-decoration: none;
}
footer.brand-footer .copyright-wrapper a:hover {
  color: #0C0C0C !important;
  text-decoration: none;
}

@media (min-width: 1025px) {
  footer.brand-footer .desktop-footer-grid-helper {
    column-gap: 24px;
    border-bottom: 1px solid #9D9490;
  }
  footer.brand-footer .desktop-footer-grid-helper .footer-wrapper {
    padding-bottom: 180px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
    column-gap: 40px;
  }
  footer.brand-footer .desktop-footer-grid-helper .footer-wrapper .footer-section {
    height: auto !important;
    visibility: visible !important;
  }
  footer.brand-footer .desktop-footer-grid-helper .footer-wrapper .footer-section .footer-section-header {
    font: normal normal 400 18px/26px graphik, sans-serif;
    color: #0C0C0C;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 20px;
    border-bottom: none;
  }
  footer.brand-footer .desktop-footer-grid-helper .footer-wrapper .footer-section ul > li {
    padding-left: 0;
    padding-right: 0;
  }
  footer.brand-footer .desktop-footer-grid-helper .footer-wrapper .footer-section ul > li:hover {
    border-bottom: 1px solid #991D1A;
  }
  footer.brand-footer .desktop-footer-grid-helper .footer-wrapper .footer-section ul > li:hover a, footer.brand-footer .desktop-footer-grid-helper .footer-wrapper .footer-section ul > li:hover i {
    color: #991D1A;
    transition: 0.3s;
  }
  footer.brand-footer .desktop-footer-grid-helper .footer-wrapper .footer-section ul > li:hover i {
    display: block !important;
    transition: 0.3s;
  }
  footer.brand-footer .desktop-footer-grid-helper .desktop-footer-social-media-section {
    width: 370px;
    border-left: 1px solid #9D9490;
  }
  footer.brand-footer .desktop-footer-grid-helper .desktop-footer-social-media-section ul > li {
    border-bottom: 1px solid #9D9490;
  }
  footer.brand-footer .desktop-footer-grid-helper .desktop-footer-social-media-section ul > li:last-child {
    border-bottom: none;
  }
  footer.brand-footer .desktop-footer-grid-helper .desktop-footer-social-media-section ul > li a {
    font: normal normal 400 18px/26px graphik, sans-serif;
    color: #0C0C0C;
    padding-bottom: 48px;
  }
  footer.brand-footer .desktop-footer-grid-helper .desktop-footer-social-media-section ul > li a i {
    font-size: 28px;
    color: #0C0C0C;
  }
  footer.brand-footer .foundry-logo-wrapper,
  footer.brand-footer .social-media-wrapper,
  footer.brand-footer .copyright-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
  footer.brand-footer .foundry-logo-wrapper {
    position: relative;
    bottom: 72px;
    border-bottom: none;
  }
  footer.brand-footer .copyright-wrapper {
    position: absolute;
    bottom: 0;
  }
  footer.brand-footer .copyright-wrapper a {
    font: normal normal 400 12px/17px graphik, sans-serif;
  }
}
/* Asset Design used in different components */
.asset-author-wrapper span.author-image {
  display: flex;
  align-items: center;
  width: 40px;
  height: 40px;
}
.asset-author-wrapper span.author-image img {
  object-fit: cover;
  width: auto;
  height: auto;
  max-height: 40px;
  max-width: 40px;
  border-radius: 40px;
}
.asset-author-wrapper .asset-author-and-publish-wrapper span {
  font: normal normal 400 14px/18px "attribute-mono", sans-serif;
}
.asset-author-wrapper .asset-author-and-publish-wrapper span.sponsor-name {
  color: #0C0C0C !important;
}
.asset-author-wrapper .asset-author-and-publish-wrapper span.publish-date {
  color: #666 !important;
}

.asset-card-wrapper {
  display: grid;
  grid-auto-rows: 1fr;
}
.asset-card-wrapper.asset-type-article .asset-card-hover-trigger .asset-card .asset-content-wrapper {
  padding: 20px 30px 30px;
}
.asset-card-wrapper.asset-type-article .asset-card-hover-trigger .asset-card .asset-content-wrapper .asset-content-top {
  gap: 12px !important;
}
.asset-card-wrapper.asset-type-article .asset-card-hover-trigger .asset-card .asset-content-wrapper .asset-content-top p {
  color: #0C0C0C;
  font: normal normal 400 14px/20px graphik, sans-serif;
}
.asset-card-wrapper .asset-card-hover-trigger {
  display: grid;
}
.asset-card-wrapper .asset-card-hover-trigger:hover .asset-card {
  box-shadow: 5px 5px 15px -8px rgba(0, 0, 0, 0.7);
  transition: all 0.3s;
}
.asset-card-wrapper .asset-card-hover-trigger:hover .asset-card .asset-content-wrapper span.content-type-label {
  color: initial;
}
.asset-card-wrapper .asset-card-hover-trigger:hover .asset-card .asset-content-wrapper .asset-author-wrapper .asset-author-and-publish-wrapper span.sponsor-name {
  color: #0C0C0C;
}
.asset-card-wrapper .asset-card-hover-trigger:hover .asset-card .asset-content-wrapper .asset-author-wrapper .asset-author-and-publish-wrapper span.publish-date {
  color: #666;
}
.asset-card-wrapper .asset-card-hover-trigger .asset-card {
  box-shadow: 5px 5px 15px -8px rgba(146, 148, 151, 0.8);
  background-color: #fff;
  transition: all 0.3s;
}
.asset-card-wrapper .asset-card-hover-trigger .asset-card img.asset-card-image {
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.asset-card-wrapper .asset-card-hover-trigger .asset-card .asset-content-wrapper {
  padding: 20px 30px 30px;
}
.asset-card-wrapper .asset-card-hover-trigger .asset-card .asset-content-wrapper .content-type-label {
  color: #C22521 !important;
}
.asset-card-wrapper .asset-card-hover-trigger .asset-card .asset-content-wrapper h2 {
  color: #0C0C0C;
  font: normal normal 400 18px/23px graphik, sans-serif;
}
.asset-card-wrapper .asset-card-hover-trigger .asset-card .asset-content-wrapper a:hover h2 {
  color: #991D1A !important;
}
.asset-card-wrapper .asset-card-hover-trigger .asset-card .asset-content-wrapper .asset-author-wrapper span.author-image {
  display: flex;
  align-items: center;
  width: 40px;
  height: 40px;
}
.asset-card-wrapper .asset-card-hover-trigger .asset-card .asset-content-wrapper .asset-author-wrapper span.author-image img {
  object-fit: cover;
  width: auto;
  height: auto;
  max-height: 40px;
  max-width: 40px;
  border-radius: 40px;
}
.asset-card-wrapper .asset-card-hover-trigger .asset-card .asset-content-wrapper .asset-author-wrapper .asset-author-and-publish-wrapper span {
  font-family: graphik, sans-serif;
  font: normal normal 400 14px/18px "attribute-mono", sans-serif;
}
.asset-card-wrapper .asset-card-hover-trigger .asset-card .asset-content-wrapper .asset-author-wrapper .asset-author-and-publish-wrapper span.sponsor-name {
  color: #0C0C0C !important;
}
.asset-card-wrapper .asset-card-hover-trigger .asset-card .asset-content-wrapper .asset-author-wrapper .asset-author-and-publish-wrapper span.sponsor-name a {
  font-family: graphik, sans-serif;
  font: normal normal 400 14px/18px "attribute-mono", sans-serif;
  color: #0C0C0C !important;
}
.asset-card-wrapper .asset-card-hover-trigger .asset-card .asset-content-wrapper .asset-author-wrapper .asset-author-and-publish-wrapper span.sponsor-name a:hover {
  color: #991D1A !important;
}
.asset-card-wrapper .asset-card-hover-trigger .asset-card .asset-content-wrapper .asset-author-wrapper .asset-author-and-publish-wrapper span.publish-date {
  color: #666 !important;
}
.asset-card-wrapper .asset-card-hover-trigger .asset-card .asset-content-wrapper .asset-topics-wrapper .tag span {
  font: normal normal 400 12px/15px "attribute-mono", sans-serif;
}

section#main-asset-tile {
  background-color: #FAF6F4;
  padding: 40px 0;
}
section#main-asset-tile .asset-card-component {
  row-gap: 32px;
}
section#main-asset-tile .asset-card-component .asset-card-wrapper.full-width-card .asset-card-hover-trigger .asset-card .asset-card-image-wrapper {
  order: -1;
}
section#main-asset-tile .asset-card-component .asset-breaker img {
  max-width: 970px;
}
section#main-asset-tile .asset-card-component .asset-pagination-wrapper {
  height: 50px;
}
section#main-asset-tile .asset-card-component .asset-pagination-wrapper .asset-pagination-arrow {
  cursor: pointer;
}
section#main-asset-tile .asset-card-component .asset-pagination-wrapper .asset-pagination-arrow i {
  font-size: 40px;
}

@media (min-width: 768px) {
  section#main-asset-tile .asset-card-component .asset-card-wrapper.full-width-card {
    min-height: 360px;
  }
  section#main-asset-tile .asset-card-component .asset-card-wrapper.full-width-card .asset-card-hover-trigger .asset-card {
    column-gap: 32px;
  }
  section#main-asset-tile .asset-card-component .asset-card-wrapper.full-width-card .asset-card-hover-trigger .asset-card .asset-content-wrapper {
    padding: 20px 30px 30px;
  }
  section#main-asset-tile .asset-card-component .asset-card-wrapper.full-width-card .asset-card-hover-trigger .asset-card .asset-content-wrapper .asset-content-wrapper-top h2 {
    font: normal normal 400 25px/33px graphik, sans-serif;
  }
  section#main-asset-tile .asset-card-component .asset-card-wrapper.full-width-card .asset-card-hover-trigger .asset-card .asset-card-image-wrapper {
    order: 1;
  }
  section#main-asset-tile .asset-card-component .asset-card-wrapper.full-width-card .asset-card-hover-trigger .asset-card .asset-card-image-wrapper img.asset-card-image {
    height: 100%;
  }
  section#main-asset-tile .asset-card-component .asset-card-wrapper.half-width-card .asset-card-hover-trigger .asset-card {
    background-color: #E6DCD5;
  }
  section#main-asset-tile .asset-card-component .asset-card-wrapper.half-width-card .asset-card-hover-trigger .asset-card .asset-content-wrapper {
    padding: 20px 30px 30px;
  }
  section#main-asset-tile .asset-card-component .asset-card-wrapper.half-width-card .asset-card-hover-trigger .asset-card .asset-content-wrapper span.content-type-label {
    color: #4D4D4D !important;
  }
  section#main-asset-tile .asset-card-component .asset-card-wrapper.half-width-card .asset-card-hover-trigger .asset-card .asset-content-wrapper h2 {
    color: #4D4D4D;
  }
  section#main-asset-tile .asset-card-component .asset-card-wrapper.half-width-card .asset-card-hover-trigger .asset-card .asset-content-wrapper a:hover h2 {
    color: #991D1A !important;
  }
  section#main-asset-tile .asset-card-component .asset-card-wrapper.half-width-card .asset-card-hover-trigger .asset-card .asset-content-wrapper .asset-author-wrapper .asset-author-and-publish-wrapper span.sponsor-name {
    color: #4D4D4D !important;
  }
  section#main-asset-tile .asset-card-component .asset-card-wrapper.half-width-card .asset-card-hover-trigger .asset-card .asset-content-wrapper .asset-author-wrapper .asset-author-and-publish-wrapper span.sponsor-name a {
    color: #4D4D4D !important;
  }
  section#main-asset-tile .asset-card-component .asset-card-wrapper.half-width-card .asset-card-hover-trigger .asset-card .asset-content-wrapper .asset-author-wrapper .asset-author-and-publish-wrapper span.sponsor-name a:hover {
    color: #991D1A !important;
  }
  section#main-asset-tile .asset-card-component .asset-card-wrapper.half-width-card .asset-card-hover-trigger .asset-card .asset-content-wrapper .asset-author-wrapper .asset-author-and-publish-wrapper span.publish-date {
    color: #4D4D4D !important;
  }
}
@media (min-width: 1025px) {
  section#main-asset-tile .asset-card-component {
    row-gap: 64px;
  }
  section#main-asset-tile .asset-card-component .asset-card-wrapper.full-width-card {
    min-height: 486px;
  }
  section#main-asset-tile .asset-card-component .asset-card-wrapper.full-width-card .asset-card-hover-trigger .asset-card {
    column-gap: 48px;
  }
  section#main-asset-tile .asset-card-component .asset-card-wrapper.full-width-card .asset-card-hover-trigger .asset-card .asset-content-wrapper h2 {
    font: normal normal 400 32px/38px "Regis";
  }
  section#main-asset-tile .asset-card-component .asset-card-wrapper.half-width-card .asset-card-hover-trigger .asset-card .asset-content-wrapper span.content-type-label {
    font: normal normal 400 14px/18px "attribute-mono", sans-serif;
  }
  section#main-asset-tile .asset-card-component .asset-card-wrapper.half-width-card .asset-card-hover-trigger .asset-card .asset-content-wrapper h2 {
    font: normal normal 400 24px/31px graphik, sans-serif;
  }
}
@media (min-width: 1441px) {
  section#main-asset-tile .asset-card-component .asset-card-wrapper.asset-type-whitepaper .asset-card-hover-trigger .asset-card > a, section#main-asset-tile .asset-card-component .asset-card-wrapper.asset-type-video .asset-card-hover-trigger .asset-card > a {
    display: flex;
    flex: 0 1 auto;
    overflow: hidden;
  }
  section#main-asset-tile .asset-card-component .asset-card-wrapper.asset-type-whitepaper .asset-card-hover-trigger .asset-card .asset-content-wrapper, section#main-asset-tile .asset-card-component .asset-card-wrapper.asset-type-video .asset-card-hover-trigger .asset-card .asset-content-wrapper {
    flex: 1 1 0;
  }
  section#main-asset-tile .asset-card-component .asset-card-wrapper.asset-type-article .asset-card-hover-trigger .asset-card .asset-content-wrapper .asset-content-top {
    flex: 0 1 auto;
    overflow: hidden;
  }
}
@media (max-width: 767.98px) {
  .custom-6-columns-grid-layout.wp-block-columns:not(.is-not-stacked-on-mobile) .wp-block-column {
    flex-basis: 45% !important;
  }
}
@media (max-width: 1440.98px) {
  .custom-6-columns-grid-layout.wp-block-columns:not(.is-not-stacked-on-mobile) {
    flex-wrap: wrap !important;
  }
  .custom-6-columns-grid-layout.wp-block-columns:not(.is-not-stacked-on-mobile) .wp-block-column {
    flex-basis: 30% !important;
  }
}
/* all */
body.single-post header {
  background-color: #F1EBE5;
}

section#article {
  font: normal normal 400 18px/26px graphik, sans-serif;
}
section#article .article-header-wrapper {
  background-color: #F1EBE5;
}
section#article .article-header-wrapper .article-header {
  padding-top: 40px;
}
section#article .article-header-wrapper .article-header .aside-article-header-left {
  order: 1;
}
section#article .article-header-wrapper .article-header .aside-article-header-left hr {
  border-top: 1px solid #666;
}
section#article .article-header-wrapper .article-header .aside-article-header-left .article-header-topics-wrapper > span,
section#article .article-header-wrapper .article-header .aside-article-header-left .article-header-source-wrapper > span {
  line-height: 28px;
}
section#article .article-header-wrapper .article-header .article-header-content {
  max-width: 994px;
}
section#article .article-header-wrapper .article-header .article-header-content .article-content-type {
  line-height: 0;
}
section#article .article-header-wrapper .article-header .article-header-content span.content-type-label {
  color: #C22521;
  line-height: 16px;
}
section#article .article-header-wrapper .article-header .article-header-content h1 {
  margin-bottom: 16px;
}
section#article .article-header-wrapper .article-header .article-header-content p {
  margin: 16px 0;
}
section#article .article-header-wrapper .article-header .article-header-content p.asset-description {
  font: normal normal 400 16px/24px graphik, sans-serif;
}
section#article .article-header-wrapper .article-header .article-header-content a.video-thumbnail figure:hover i {
  background: url(/wp-content/themes/demandhubs/fonts/icons/play-hover.svg);
  background-repeat: no-repeat;
  background-size: 75%;
  background-position: center;
  transition: all 0.3s;
}
section#article .article-header-wrapper .article-header .article-header-content a.video-thumbnail figure i {
  background: url(/wp-content/themes/demandhubs/fonts/icons/play.svg);
  width: 72px;
  height: 72px;
  background-repeat: no-repeat;
  background-size: 75%;
  background-position: center;
  transition: all 0.3s;
}
section#article .article-header-wrapper .article-header .article-header-content figure {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
}
section#article .article-header-wrapper .article-header .article-header-content figure img {
  object-fit: cover;
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
  box-shadow: 0px 1px 16px 0px rgba(0, 0, 0, 0.17);
}
section#article .article-header-wrapper .article-header .article-header-sponsor div.article-header-sponsor-text {
  font: normal normal 400 11px/15px "attribute-mono", sans-serif;
  color: #4D4D4D;
  letter-spacing: 0.22px;
}
section#article .article-header-wrapper .article-header .article-header-sponsor img {
  height: auto;
  max-width: 100px;
  max-height: 50px;
  border-radius: 0 !important;
}
section#article .article-header-wrapper .article-metas .article-metas-wrapper .article-author-info-wrapper span,
section#article .article-header-wrapper .article-metas .article-metas-wrapper .article-publish-info-wrapper span {
  font: normal normal 400 16px/24px graphik, sans-serif;
  color: #666;
}
section#article .article-header-wrapper .article-metas .article-metas-wrapper .article-author-info-wrapper .author,
section#article .article-header-wrapper .article-metas .article-metas-wrapper .article-author-info-wrapper .publish-date,
section#article .article-header-wrapper .article-metas .article-metas-wrapper .article-publish-info-wrapper .author,
section#article .article-header-wrapper .article-metas .article-metas-wrapper .article-publish-info-wrapper .publish-date {
  font: normal normal 400 18px/26px graphik, sans-serif;
  font-weight: 500;
  color: #0C0C0C;
}
section#article .article-header-wrapper .article-metas .article-metas-wrapper .article-social-media-wrapper ul > li a {
  color: #808080;
}
section#article .article-header-wrapper .article-metas .article-metas-wrapper .article-social-media-wrapper ul > li a span {
  font-size: 16px;
}
section#article .article-header-wrapper .article-metas .article-metas-wrapper .article-social-media-wrapper ul > li a i {
  font-size: 20px;
  line-height: 20px;
}
section#article .article-header-wrapper .article-metas .article-metas-wrapper .article-social-media-wrapper ul > li a i.foundry-icon-linkedin-bold {
  font-size: 26px;
}
section#article .article-header-wrapper .article-metas .article-metas-wrapper .article-social-media-wrapper ul > li a i.foundry-icon-facebook-bold {
  font-size: 24px;
}
section#article .article-content-wrapper {
  margin-bottom: 40px;
}
section#article .article-content-wrapper .article-content .content-middle {
  max-width: 720px;
}
section#article .article-content-wrapper .article-content .content-middle > * {
  margin: 24px 0;
}
section#article .article-content-wrapper .article-content .content-middle > *:first-child {
  margin-top: 0;
}
section#article .article-content-wrapper .article-content > * {
  padding-top: 0;
}
section#article .article-content-wrapper .article-content h1,
section#article .article-content-wrapper .article-content h2,
section#article .article-content-wrapper .article-content h3,
section#article .article-content-wrapper .article-content h4,
section#article .article-content-wrapper .article-content h5,
section#article .article-content-wrapper .article-content h6 {
  padding-top: 24px;
  margin-bottom: 24px;
}
section#article .article-content-wrapper .article-content h1 strong,
section#article .article-content-wrapper .article-content h2 strong,
section#article .article-content-wrapper .article-content h3 strong,
section#article .article-content-wrapper .article-content h4 strong,
section#article .article-content-wrapper .article-content h5 strong,
section#article .article-content-wrapper .article-content h6 strong {
  font-weight: 500;
}
section#article .article-content-wrapper .article-content strong {
  font-weight: 500;
}
section#article .article-content-wrapper .article-content p a,
section#article .article-content-wrapper .article-content ul > li a {
  text-decoration: underline;
  text-decoration-color: #0C0C0C;
  text-underline-offset: 4px;
  transition: color 0.15s linear, text-decoration 0.15s linear;
}
section#article .article-content-wrapper .article-content p a span, section#article .article-content-wrapper .article-content p a i,
section#article .article-content-wrapper .article-content ul > li a span,
section#article .article-content-wrapper .article-content ul > li a i {
  text-decoration: none;
}
section#article .article-content-wrapper .article-content p a:hover,
section#article .article-content-wrapper .article-content ul > li a:hover {
  text-decoration: underline;
  text-decoration-color: transparent;
}
section#article .article-content-wrapper .article-content p a:hover span, section#article .article-content-wrapper .article-content p a:hover i,
section#article .article-content-wrapper .article-content ul > li a:hover span,
section#article .article-content-wrapper .article-content ul > li a:hover i {
  color: #991D1A !important;
}
section#article .article-content-wrapper .article-content .schema-faq {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
section#article .article-content-wrapper .article-content .schema-faq .schema-faq-section {
  background-color: #F1EBE5;
  padding: 24px;
}
section#article .article-content-wrapper .article-content .schema-faq .schema-faq-section > *:first-child {
  font: normal normal 400 18px/23px graphik, sans-serif !important;
  display: block;
  padding-bottom: 16px;
}
section#article .article-content-wrapper .article-content .schema-faq .schema-faq-section p {
  font: normal normal 400 14px/20px graphik, sans-serif !important;
  margin-top: 0;
}
section#article .article-content-wrapper .article-content .schema-faq .schema-faq-section p * {
  font: normal normal 400 14px/20px graphik, sans-serif !important;
}
section#article .article-content-wrapper .article-content .schema-faq .schema-faq-section p:last-child {
  margin-bottom: 0;
}
section#article .article-content-wrapper .article-content a.wp-element-button:hover {
  opacity: 1;
}
section#article .article-content-wrapper .article-content ol {
  margin: 0;
}
section#article .article-content-wrapper .article-content ul,
section#article .article-content-wrapper .article-content ol {
  display: flex;
  gap: 24px;
  flex-direction: column;
}
section#article .article-content-wrapper .article-content ul > li,
section#article .article-content-wrapper .article-content ol > li {
  padding-left: 4px;
  margin: 0;
}
section#article .article-content-wrapper .article-content ul > li::marker,
section#article .article-content-wrapper .article-content ol > li::marker {
  font-weight: 700;
  color: #0C0C0C;
}
section#article .article-content-wrapper .article-content .idc-assessment-wrapper {
  margin-top: 20px;
}
section#article .article-content-wrapper .article-content iframe {
  width: 100%;
}
section#article .article-content-wrapper .article-content figure {
  padding: 20px 0;
}
section#article .article-content-wrapper .article-content figure.wp-block-embed.wp-block-embed-spotify .wp-block-embed__wrapper, section#article .article-content-wrapper .article-content figure.wp-block-embed.wp-block-embed-megaphone .wp-block-embed__wrapper, section#article .article-content-wrapper .article-content figure.wp-block-embed.wp-block-embed-soundcloud .wp-block-embed__wrapper {
  aspect-ratio: unset;
}
section#article .article-content-wrapper .article-content figure.wp-block-embed.wp-block-embed-spotify .wp-block-embed__wrapper iframe, section#article .article-content-wrapper .article-content figure.wp-block-embed.wp-block-embed-megaphone .wp-block-embed__wrapper iframe, section#article .article-content-wrapper .article-content figure.wp-block-embed.wp-block-embed-soundcloud .wp-block-embed__wrapper iframe {
  height: 152px;
}
section#article .article-content-wrapper .article-content figure.wp-block-embed .wp-block-embed__wrapper {
  aspect-ratio: 16/9;
}
section#article .article-content-wrapper .article-content figure.wp-block-embed .wp-block-embed__wrapper iframe {
  height: 100%;
}
section#article .article-content-wrapper .article-content figure figcaption {
  margin-top: 8px;
  font: normal normal 400 11px/15px "attribute-mono", sans-serif;
  color: #4D4D4D;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}
section#article .article-content-wrapper .article-content figure figcaption a {
  font: normal normal 400 11px/15px "attribute-mono", sans-serif;
  color: #4D4D4D;
  text-decoration: underline;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}
section#article .article-content-wrapper .article-content ul,
section#article .article-content-wrapper .article-content ol {
  padding-left: 24px;
}
section#article .article-content-wrapper .article-content ul > li,
section#article .article-content-wrapper .article-content ol > li {
  font: normal normal 400 14px/20px graphik, sans-serif;
}
section#article .article-content-wrapper .article-content ul > li a,
section#article .article-content-wrapper .article-content ol > li a {
  font: normal normal 400 14px/20px graphik, sans-serif;
}
section#article .article-content-wrapper .article-content ul {
  list-style-type: disc;
}
section#article .article-content-wrapper .article-content blockquote {
  padding-left: 48px;
  padding-right: 48px;
  margin: 0;
}
section#article .article-content-wrapper .article-content blockquote p,
section#article .article-content-wrapper .article-content blockquote h2,
section#article .article-content-wrapper .article-content blockquote h3,
section#article .article-content-wrapper .article-content blockquote h4,
section#article .article-content-wrapper .article-content blockquote h5,
section#article .article-content-wrapper .article-content blockquote cite {
  margin-top: 16px;
}
section#article .article-content-wrapper .article-content blockquote p,
section#article .article-content-wrapper .article-content blockquote h2,
section#article .article-content-wrapper .article-content blockquote h4,
section#article .article-content-wrapper .article-content blockquote h5 {
  border-image: linear-gradient(90deg, #C01D19 80px, transparent 80px) 1;
  border-width: 2px;
  border-style: solid;
  border-bottom: none;
  border-right: none;
  border-left: none;
  font: normal normal 400 25px/33px graphik, sans-serif;
}
section#article .article-content-wrapper .article-content blockquote cite {
  display: block;
  font: normal normal 400 12px/17px graphik, sans-serif;
}
section#article .article-content-wrapper .article-content figure.wp-block-pullquote {
  text-align: left;
  padding-bottom: 0;
}
section#article .article-content-wrapper .article-content figure.wp-block-pullquote blockquote p,
section#article .article-content-wrapper .article-content figure.wp-block-pullquote blockquote h2,
section#article .article-content-wrapper .article-content figure.wp-block-pullquote blockquote h3,
section#article .article-content-wrapper .article-content figure.wp-block-pullquote blockquote h4,
section#article .article-content-wrapper .article-content figure.wp-block-pullquote blockquote h5,
section#article .article-content-wrapper .article-content figure.wp-block-pullquote blockquote cite {
  margin-top: 16px;
}
section#article .article-content-wrapper .article-content figure.wp-block-pullquote blockquote p,
section#article .article-content-wrapper .article-content figure.wp-block-pullquote blockquote h2,
section#article .article-content-wrapper .article-content figure.wp-block-pullquote blockquote h4,
section#article .article-content-wrapper .article-content figure.wp-block-pullquote blockquote h5 {
  border-image: linear-gradient(90deg, #C01D19 80px, transparent 80px) 1;
  border-width: 2px;
  border-style: solid;
  border-bottom: none;
  border-right: none;
  border-left: none;
  font: normal normal 400 14px/20px graphik, sans-serif;
}
section#article .article-content-wrapper .article-content .article-advertisement {
  margin-top: 20px;
}
section#article .article-content-wrapper .article-content .article-advertisement .article-advertisement-header {
  font: normal normal 400 14px/20px graphik, sans-serif;
  font-weight: 500;
  font-size: 10px;
  line-height: 14px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #333;
}
section#article .article-content-wrapper .article-content .article-advertisement a img {
  width: 300px;
  height: 250px;
}
section#article .article-content-wrapper .article-content .article-teaser-card {
  cursor: pointer;
}
section#article .article-content-wrapper .article-content .article-teaser-card .article-teaser-card-wrapper {
  background-color: #E6DCD5;
}
section#article .article-content-wrapper .article-content .article-teaser-card .article-teaser-card-wrapper:hover .article-teaser-card-description .mercury-title {
  color: #991D1A;
  text-decoration: underline solid #991D1A;
  text-underline-offset: 4px;
  transition: color 0.15s linear, text-decoration 0.15s linear;
}
section#article .article-content-wrapper .article-content .article-teaser-card .article-teaser-card-wrapper .article-teaser-card-image img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  aspect-ratio: 1/1;
}
section#article .article-content-wrapper .article-content .article-teaser-card .article-teaser-card-wrapper .article-teaser-card-icon {
  color: #C01D19;
  font-size: 32px;
}
section#article .article-content-wrapper .article-content .article-teaser-card .article-teaser-card-wrapper .article-teaser-card-description {
  font: normal normal 400 12px/17px graphik, sans-serif;
}
section#article .article-content-wrapper .article-content .article-teaser-card .article-teaser-card-wrapper .article-teaser-card-description span.content-type {
  font: normal normal 500 12px/19px "attribute-mono", sans-serif;
  color: #C01D19;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}
section#article .article-content-wrapper .article-content .article-teaser-card .article-teaser-card-wrapper .article-teaser-card-description .mercury-title {
  margin-bottom: 26px;
  text-decoration: underline solid transparent;
}
section#article .article-content-wrapper .article-content #mercury-form-modal .modal-dialog {
  max-width: 80%;
}
section#article .article-content-wrapper .article-content #mercury-form-modal .modal-dialog .modal-content .modal-body {
  background-color: #F1EBE5;
}
section#article .article-content-wrapper .article-content #mercury-form-modal .modal-dialog .modal-content .modal-body > button {
  background-position: right;
  outline: none;
  box-shadow: none;
}
section#article .article-content-wrapper .article-content #mercury-form-modal .modal-dialog .modal-content .modal-body h3 {
  color: #C01D19;
}
section#article .article-content-wrapper .article-content #mercury-form-modal .modal-dialog .modal-content .modal-body h3.mform_header {
  display: none;
}
section#article .article-content-wrapper .article-content #mercury-form-modal .modal-dialog .modal-content .modal-body .description {
  color: #4D4D4D;
  font: normal normal 400 12px/17px graphik, sans-serif;
}
section#article .article-content-wrapper .article-content #mercury-form-modal .modal-dialog .modal-content .modal-body form {
  background-color: #F1EBE5;
}
section#article .article-content-wrapper .article-content #mercury-form-modal .modal-dialog .modal-content .modal-body form .input-field {
  border-bottom: 1px solid #0C0C0C;
}
section#article .article-content-wrapper .article-content #mercury-form-modal .modal-dialog .modal-content .modal-body form .input-field input {
  color: #0C0C0C;
  width: 100%;
  border: none;
  outline: none;
  background-color: transparent;
}
section#article .whitepaper-asset-wrapper {
  display: grid;
  grid-template-columns: 1fr;
}
section#article .whitepaper-asset-wrapper ._df_custom {
  position: relative;
}
section#article .whitepaper-asset-wrapper figure .whitepaper-asset-expandable-icon {
  font: normal normal 500 15px/23px "attribute-mono", sans-serif;
  gap: 10px;
  color: #C01D19;
  top: 16px;
  right: 16px;
  padding: 12px 24px;
  border-radius: 45px;
  background-color: #F1EBE5;
  z-index: 999;
}
section#article .whitepaper-asset-wrapper figure .whitepaper-asset-expandable-icon i {
  font-size: 20px;
  line-height: 20px;
}
section#article .whitepaper-asset-wrapper .whitepaper-asset-button-wrapper {
  order: -1;
}
section#article .whitepaper-asset-wrapper .whitepaper-asset-button-wrapper a i {
  font-size: 16px;
  transform: scale(1.25);
}
section#article p {
  font: normal normal 400 14px/20px graphik, sans-serif;
  margin: 0;
  margin-bottom: 20px;
}
section#article p.has-small-font-size {
  color: #666;
  font: normal normal 400 14px/20px graphik, sans-serif !important;
}
section#article p * {
  font: normal normal 400 14px/20px graphik, sans-serif;
}

@media (min-width: 1025px) {
  section#article .article-header-wrapper .article-metas .article-metas-wrapper {
    border-top: 1px solid #666;
  }
  section#article .article-header-wrapper .article-metas .article-metas-wrapper .article-author-info-wrapper .author,
  section#article .article-header-wrapper .article-metas .article-metas-wrapper .article-author-info-wrapper .publish-date,
  section#article .article-header-wrapper .article-metas .article-metas-wrapper .article-publish-info-wrapper .author,
  section#article .article-header-wrapper .article-metas .article-metas-wrapper .article-publish-info-wrapper .publish-date {
    font: normal normal 400 18px/26px graphik, sans-serif;
    font-weight: 500;
    color: #0C0C0C;
  }
  section#article .article-header-wrapper .article-header .aside-article-header-left {
    order: 0;
    row-gap: 60px;
    max-width: 225px;
  }
  section#article .article-header-wrapper .article-header .aside-article-header-left .article-header-sponsor img {
    max-width: 135px;
  }
  section#article .article-header-wrapper .article-header .article-header-content h1 {
    margin-bottom: 24px;
  }
  section#article .article-header-wrapper .article-header .article-header-content figure {
    margin-top: 60px;
  }
  section#article .article-header-wrapper .article-header .article-header-content figure .video-dark-overlay {
    background: rgba(0, 0, 0, 0.1);
  }
  section#article .article-header-wrapper .article-header .article-header-content p.asset-description {
    font: normal normal 400 20px/31px graphik, sans-serif;
  }
  section#article .article-content-wrapper .article-content .content-middle > * {
    margin: 32px 0;
  }
  section#article .article-content-wrapper .article-content h1,
  section#article .article-content-wrapper .article-content h2,
  section#article .article-content-wrapper .article-content h3,
  section#article .article-content-wrapper .article-content h4,
  section#article .article-content-wrapper .article-content h5,
  section#article .article-content-wrapper .article-content h6 {
    padding-top: 32px;
    margin-bottom: 32px;
  }
  section#article .article-content-wrapper .article-content ul,
  section#article .article-content-wrapper .article-content ol {
    gap: 32px;
  }
  section#article .article-content-wrapper .article-content ul > li,
  section#article .article-content-wrapper .article-content ol > li {
    font: normal normal 400 18px/26px graphik, sans-serif;
  }
  section#article .article-content-wrapper .article-content ul > li a,
  section#article .article-content-wrapper .article-content ol > li a {
    font: normal normal 400 18px/26px graphik, sans-serif;
  }
  section#article .article-content-wrapper .article-content .schema-faq .schema-faq-section > *:first-child {
    font: normal normal 400 21px/29px graphik, sans-serif;
  }
  section#article .article-content-wrapper .article-content .schema-faq .schema-faq-section p {
    font: normal normal 400 18px/26px graphik, sans-serif;
  }
  section#article .whitepaper-asset-wrapper figure {
    position: relative;
  }
  section#article .whitepaper-asset-wrapper figure .whitepaper-asset-expandable-icon {
    top: 30px;
    right: 30px;
  }
  section#article .whitepaper-asset-wrapper .whitepaper-asset-button-wrapper {
    order: 0;
  }
  section#article p {
    font: normal normal 400 18px/26px graphik, sans-serif;
    margin: 32px 0;
  }
  section#article p * {
    font: normal normal 400 18px/26px graphik, sans-serif;
  }
}
#company-page section.company-page-header-wrapper {
  background: #F1EBE5;
  padding-top: 40px;
  padding-bottom: 40px;
}
#company-page section.company-page-header-wrapper .company-page-header .company-page-header-content {
  gap: 40px;
}
#company-page section.company-page-header-wrapper .company-page-header .company-page-header-content .company-page-header-image img {
  aspect-ratio: 16/5;
  object-fit: cover;
  width: 100%;
  height: auto;
}
#company-page section.company-page-header-wrapper .company-page-header .company-page-header-content .company-page-header-description-wrapper {
  row-gap: 40px;
}
#company-page section.company-page-header-wrapper .company-page-header .company-page-header-content .company-page-header-description-wrapper img {
  max-width: 184px;
  max-height: 84px;
  width: auto;
  height: auto;
}
#company-page section.company-page-header-wrapper .company-page-header .company-page-header-content .company-page-header-description-wrapper p.company-page-header-description {
  font: normal normal 400 20px/31px graphik, sans-serif;
  color: #666;
  max-width: 648px;
}
#company-page .company-page-content-wrapper {
  background-color: #F1EBE5;
  padding: 40px 0;
}
#company-page .company-page-content-wrapper .company-page-asset-wrapper {
  row-gap: 32px;
}

@media (min-width: 1025px) {
  #company-page .company-page-content-wrapper .company-page-asset-wrapper {
    row-gap: 64px;
  }
}
.asset-slider-wrapper {
  background-color: #FAF6F4;
}
.asset-slider-wrapper h4 {
  font: normal normal 400 24px/31px graphik, sans-serif !important;
}
.asset-slider-wrapper .asset-slider {
  margin-left: 28px;
}
.asset-slider-wrapper .asset-slider .swiper .swiper-slide {
  display: flex;
  width: fit-content;
  height: auto;
}
.asset-slider-wrapper .asset-slider .swiper .asset-card-wrapper {
  width: 240px;
}

@media (min-width: 768px) {
  .asset-slider-wrapper .asset-slider {
    margin-left: 24px;
  }
}
@media (min-width: 1025px) {
  .asset-slider-wrapper .asset-slider {
    margin-left: 48px;
  }
  .asset-slider-wrapper .swiper-controls-wrapper {
    height: 100px;
    width: 250px;
    margin: 0 auto;
  }
  .asset-slider-wrapper .swiper-controls-wrapper .swiper-button-next,
  .asset-slider-wrapper .swiper-controls-wrapper .swiper-button-prev {
    z-index: 999;
  }
  .asset-slider-wrapper .swiper-controls-wrapper .swiper-button-next::after {
    font-family: "foundry-icon-library";
    font-size: 32px;
    content: "\e904";
    color: #0C0C0C;
  }
  .asset-slider-wrapper .swiper-controls-wrapper .swiper-button-prev::after {
    font-family: "foundry-icon-library";
    font-size: 32px;
    content: "\e903";
    color: #0C0C0C;
  }
  .asset-slider-wrapper .swiper-pagination .swiper-pagination-bullet {
    background-color: #EBE0DA;
    opacity: 1;
  }
  .asset-slider-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #B6AEAA;
    opacity: 1;
  }
}
@media (min-width: 1441px) {
  .container-xl-helper {
    padding-left: 48px;
    padding-right: 16px;
    max-width: 1440px;
    margin: 0 auto;
    width: 100%;
  }
  .asset-slider-wrapper .asset-slider {
    margin-left: 0;
  }
  .asset-slider-wrapper .asset-slider .swiper .asset-card-wrapper {
    width: 312px;
  }
}
section#page .page-header-wrapper .page-description {
  font: normal normal 400 16px/24px graphik, sans-serif;
  max-width: 480px;
}
section#page .page-header-wrapper .page-header-image img {
  object-fit: cover;
  aspect-ratio: 1/1;
}
section#page .page-content-wrapper .container > .wp-block-columns,
section#page .page-content-wrapper .container .wp-block-group {
  padding: 40px 0;
  margin: 0;
}
section#page .page-content-wrapper .container > .wp-block-columns .wp-block-columns,
section#page .page-content-wrapper .container .wp-block-group .wp-block-columns {
  margin: 0;
}
section#page .page-content-wrapper .container > .wp-block-columns .wp-block-columns figure,
section#page .page-content-wrapper .container .wp-block-group .wp-block-columns figure {
  text-align: center;
}
section#page .page-content-wrapper .container > .wp-block-columns .wp-block-columns figure img,
section#page .page-content-wrapper .container .wp-block-group .wp-block-columns figure img {
  max-height: 100px;
  width: auto;
  aspect-ratio: unset;
}
section#page .page-content-wrapper .container > .wp-block-columns .wp-block-column h2,
section#page .page-content-wrapper .container > .wp-block-columns .wp-block-column h3,
section#page .page-content-wrapper .container .wp-block-group .wp-block-column h2,
section#page .page-content-wrapper .container .wp-block-group .wp-block-column h3 {
  margin-bottom: 28px;
}
section#page .page-content-wrapper .container > .wp-block-columns .wp-block-column h2,
section#page .page-content-wrapper .container .wp-block-group .wp-block-column h2 {
  font: normal normal 400 25px/33px graphik, sans-serif;
}
section#page .page-content-wrapper .container > .wp-block-columns .wp-block-column p,
section#page .page-content-wrapper .container .wp-block-group .wp-block-column p {
  font: normal normal 400 16px/24px graphik, sans-serif;
}
section#page .page-content-wrapper .container > .wp-block-columns .wp-block-column img {
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
}
section#page .page-content-wrapper .container .wp-block-group .wp-block-columns .wp-block-column p {
  max-width: 880px;
  margin: 0 auto;
}
section#page .page-content-wrapper .section-company-info,
section#page .page-content-wrapper .section-company-breaker-images {
  padding: 40px 0;
}
section#page .page-content-wrapper .section-company-info .company-info-col {
  gap: 28px;
}
section#page .page-content-wrapper .section-company-info .company-info-col h2 {
  font: normal normal 400 25px/33px graphik, sans-serif;
}

@media (max-width: 767.98px) {
  section#page .page-content-wrapper .container .wp-block-group .wp-block-columns.wp-container-core-columns-is-layout-6 .wp-block-column {
    flex-basis: calc(50% - 2em) !important;
  }
  section#page .page-content-wrapper .container .wp-block-group .wp-block-columns .wp-block-column h2,
  section#page .page-content-wrapper .container .wp-block-group .wp-block-columns .wp-block-column p {
    text-align: left;
  }
}
@media (min-width: 1025px) {
  section#page .page-header-wrapper h1 {
    font: normal normal 400 120px/124px "Regis";
  }
  section#page .page-header-wrapper .page-description {
    font: normal normal 400 20px/31px graphik, sans-serif;
  }
  section#page .page-content-wrapper .container > .wp-block-columns,
  section#page .page-content-wrapper .container .wp-block-group {
    padding: 96px 0;
  }
  section#page .page-content-wrapper .container > .wp-block-columns .wp-block-column h2,
  section#page .page-content-wrapper .container > .wp-block-columns .wp-block-column h3,
  section#page .page-content-wrapper .container .wp-block-group .wp-block-column h2,
  section#page .page-content-wrapper .container .wp-block-group .wp-block-column h3 {
    margin-bottom: 40px;
  }
  section#page .page-content-wrapper .container > .wp-block-columns .wp-block-column h2,
  section#page .page-content-wrapper .container .wp-block-group .wp-block-column h2 {
    font: normal normal 400 32px/38px "Regis";
  }
  section#page .page-content-wrapper .container > .wp-block-columns .wp-block-column p,
  section#page .page-content-wrapper .container .wp-block-group .wp-block-column p {
    font: normal normal 400 20px/31px graphik, sans-serif;
  }
  section#page .page-content-wrapper .section-company-info .company-info-col {
    gap: 40px;
  }
  section#page .page-content-wrapper .section-company-info .company-info-col h2 {
    font: normal normal 400 32px/38px "Regis";
  }
}
#homepage section.homepage-header-wrapper {
  padding: 40px 0;
}
#homepage section.homepage-header-wrapper .homepage-header .homepage-header-right .homepage-header-content-wrapper {
  row-gap: 20px;
}
#homepage section.homepage-header-wrapper .homepage-header .homepage-header-right .homepage-header-content-wrapper .homepage-header-image-wrapper figure a {
  display: block;
}
#homepage section.homepage-header-wrapper .homepage-header .homepage-header-right .homepage-header-content-wrapper .homepage-header-image-wrapper figure a img {
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
  object-fit: cover;
}
#homepage section.homepage-header-wrapper .homepage-header .homepage-header-right .homepage-header-content-wrapper .homepage-header-text-wrapper .homepage-header-text {
  grid-template-columns: 1fr;
  row-gap: 24px;
}
#homepage section.homepage-header-wrapper .homepage-header .homepage-header-right .homepage-header-content-wrapper .homepage-header-text-wrapper .homepage-header-text span.content-type-label {
  color: #C22521 !important;
}
#homepage section.homepage-header-wrapper .homepage-header .homepage-header-right .homepage-header-content-wrapper .homepage-header-text-wrapper .homepage-header-text a h1 {
  font: normal normal 400 34px/36px "Regis";
  color: #0C0C0C;
}
#homepage section.homepage-header-wrapper .homepage-header .homepage-header-right .homepage-header-content-wrapper .homepage-header-text-wrapper .homepage-header-text a:hover h1 {
  color: #991D1A !important;
}

@media (max-width: 1024.98px) {
  #homepage section.homepage-header-wrapper .homepage-header .homepage-header-left {
    order: 1;
  }
  #homepage section.homepage-header-wrapper .homepage-header .homepage-header-right .homepage-header-content-wrapper .homepage-header-text-wrapper .homepage-header-text a {
    order: -1;
  }
}
@media (min-width: 1025px) {
  #homepage section.homepage-header-wrapper .homepage-header .homepage-header-right .homepage-header-content-wrapper {
    row-gap: 20px;
  }
  #homepage section.homepage-header-wrapper .homepage-header .homepage-header-right .homepage-header-content-wrapper .homepage-header-image-wrapper {
    order: 0;
  }
  #homepage section.homepage-header-wrapper .homepage-header .homepage-header-right .homepage-header-content-wrapper .homepage-header-text-wrapper .homepage-header-text {
    grid-template-columns: 184px 1fr;
    gap: 48px;
  }
  #homepage section.homepage-header-wrapper .homepage-header .homepage-header-right .homepage-header-content-wrapper .homepage-header-text-wrapper .homepage-header-text span.content-type-label {
    color: #C22521 !important;
  }
  #homepage section.homepage-header-wrapper .homepage-header .homepage-header-right .homepage-header-content-wrapper .homepage-header-text-wrapper .homepage-header-text a h1 {
    font: normal normal 400 48px/50px "Regis";
  }
}
@media (min-width: 1441px) {
  #homepage section.homepage-header-wrapper .homepage-header .homepage-header-right .homepage-header-content-wrapper .homepage-header-text-wrapper .homepage-header-text a h1 {
    font: normal normal 400 46px/50px "Regis";
  }
}
section#topic-page {
  padding: 40px 0;
}
section#topic-page.topic-page-header-wrapper .topic-page-header {
  row-gap: 32px;
}
section#topic-page.topic-page-header-wrapper .topic-page-header p.topic-page-description {
  font: normal normal 400 16px/24px graphik, sans-serif;
}
section#topic-page.topic-page-header-wrapper .topic-page-header .topic-page-header-image img {
  object-fit: cover;
  aspect-ratio: 1/1;
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  section#topic-page.topic-page-header-wrapper .topic-page-header p.topic-page-description {
    font: normal normal 400 20px/31px graphik, sans-serif;
    max-width: 480px;
  }
  section#topic-page.topic-page-header-wrapper .topic-page-header .topic-page-header-image img {
    max-width: 648px;
    max-height: 648px;
  }
}
@media (min-width: 1441px) {
  section#topic-page.topic-page-header-wrapper .topic-page-header .topic-page-header-content-wrapper h1 {
    font: normal normal 400 92px/96px "Regis";
  }
}
.wp-block-foundry-ca-gutenberg-blocks-mercury-form {
  font: normal normal 400 14px/20px graphik, sans-serif;
}
.wp-block-foundry-ca-gutenberg-blocks-mercury-form .register_main {
  background-color: #F1EBE5;
}
.wp-block-foundry-ca-gutenberg-blocks-mercury-form .register_main h3 {
  color: #C01D19;
}
.wp-block-foundry-ca-gutenberg-blocks-mercury-form .register_main h3#finalStepMsg {
  color: #0C0C0C !important;
  font-size: 22px;
  line-height: 27px;
}
.wp-block-foundry-ca-gutenberg-blocks-mercury-form .register_main .main_reg_form {
  border-bottom: 1px solid #0C0C0C;
}
.wp-block-foundry-ca-gutenberg-blocks-mercury-form .register_main .main_reg_form input#main_email {
  color: #0C0C0C;
}
.wp-block-foundry-ca-gutenberg-blocks-mercury-form .register_main .main_reg_form label a {
  text-decoration: underline solid #0C0C0C;
  text-underline-offset: 4px;
  transition: color 0.15s linear, text-decoration 0.15s linear;
}
.wp-block-foundry-ca-gutenberg-blocks-mercury-form .register_main .main_reg_form label a span, .wp-block-foundry-ca-gutenberg-blocks-mercury-form .register_main .main_reg_form label a i {
  text-decoration: none;
}
.wp-block-foundry-ca-gutenberg-blocks-mercury-form .register_main .main_reg_form label a:hover {
  text-decoration: underline solid transparent;
}
.wp-block-foundry-ca-gutenberg-blocks-mercury-form .register_main .main_reg_form label a:hover span, .wp-block-foundry-ca-gutenberg-blocks-mercury-form .register_main .main_reg_form label a:hover i {
  color: #991D1A !important;
}
.wp-block-foundry-ca-gutenberg-blocks-mercury-form .register_main .reg-submit button {
  font: normal normal 500 15px/23px "attribute-mono", sans-serif !important;
}

@media (min-width: 1025px) {
  .wp-block-foundry-ca-gutenberg-blocks-mercury-form {
    font: normal normal 400 18px/26px graphik, sans-serif;
  }
}
.page-hubspot-form-wrapper {
  padding: 40px 0;
}
.page-hubspot-form-wrapper .page-hubspot-form-text {
  display: flex;
  gap: 40px;
}
.page-hubspot-form-wrapper .page-hubspot-form-text p {
  max-width: 648px;
}

.hbspt-form form {
  padding: 12px 24px 0;
}
.hbspt-form form fieldset {
  position: relative;
  max-width: none;
}
.hbspt-form form fieldset.form-columns-2 {
  display: grid;
  gap: 4px;
}
.hbspt-form form fieldset div.hs-form-field {
  display: grid;
  gap: 2px;
  width: 100% !important;
  margin-bottom: 4px;
}
.hbspt-form form fieldset label span {
  font: normal normal 400 14px/21px graphik, sans-serif;
  letter-spacing: -0.14px;
  color: #666;
}
.hbspt-form form fieldset .input {
  margin: 0 !important;
}
.hbspt-form form fieldset .input ul.inputs-list {
  display: flex;
  flex-wrap: wrap;
  flex-flow: column;
  padding-bottom: 0;
  gap: 12px;
}
.hbspt-form form fieldset .input ul.inputs-list > li.hs-form-radio label input, .hbspt-form form fieldset .input ul.inputs-list > li.hs-form-checkbox label input {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  padding: 0;
  border: 1px solid #666 !important;
  width: 18px !important;
  height: 18px !important;
}
.hbspt-form form fieldset .input ul.inputs-list > li.hs-form-radio label input:before, .hbspt-form form fieldset .input ul.inputs-list > li.hs-form-checkbox label input:before {
  content: "";
  width: 12px;
  height: 12px;
  transform: scale(0);
  box-shadow: inset 1em 1em #333;
  transition: 0.2s transform ease-in-out;
}
.hbspt-form form fieldset .input ul.inputs-list > li.hs-form-radio label input:checked:before, .hbspt-form form fieldset .input ul.inputs-list > li.hs-form-checkbox label input:checked:before {
  transform: scale(1) !important;
  transition: 0.2s transform ease-in-out;
}
.hbspt-form form fieldset .input ul.inputs-list > li.hs-form-radio label input {
  border-radius: 18px;
}
.hbspt-form form fieldset .input ul.inputs-list > li.hs-form-radio label input:before {
  border-radius: 18px;
}
.hbspt-form form fieldset .input ul.inputs-list > li.hs-form-checkbox label input {
  border-radius: 0;
}
.hbspt-form form fieldset .input ul.inputs-list > li label {
  display: flex;
  align-items: center;
  gap: 16px;
}
.hbspt-form form fieldset ul > li {
  padding-left: 0;
}
.hbspt-form form fieldset ul > li:before {
  content: "";
}
.hbspt-form form fieldset ul.no-list {
  position: relative;
  display: block;
  bottom: 0;
}
.hbspt-form form fieldset ul.no-list > li {
  font: normal normal 400 12px/17px graphik, sans-serif;
  color: #E80404;
}
.hbspt-form form fieldset input,
.hbspt-form form fieldset select,
.hbspt-form form fieldset textarea {
  font: normal normal 400 14px/21px graphik, sans-serif;
  letter-spacing: -0.14px;
  width: 100% !important;
  padding: 16px 24px;
  border: none !important;
  outline: none !important;
}
.hbspt-form form fieldset select {
  color: #666;
  background: url("data:image/svg+xml,<svg height='24px' width='24px' viewBox='0 0 24 24' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat;
  background-position: calc(100% - 14px) center !important;
  background-color: #fff;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}
.hbspt-form form fieldset select option {
  color: #0C0C0C;
}
.hbspt-form form .hs-submit {
  display: flex;
  justify-content: center;
  padding-top: 24px;
}
.hbspt-form form .hs-submit .actions input {
  font: normal normal 500 15px/23px "attribute-mono", sans-serif;
  color: #fff;
  background-color: #C01D19;
  text-transform: unset;
  text-decoration: none;
  text-align: center;
  padding: 8px 16px;
  border: 1px solid #C01D19;
  border-radius: 8px;
  box-shadow: none;
  display: inline-block;
  transition: all 0.3s;
}

@media (min-width: 768px) {
  .hbspt-form form {
    max-width: 648px;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
  }
  .hbspt-form form fieldset {
    max-width: none;
  }
  .hbspt-form form fieldset div.hs-form-field {
    margin-bottom: 24px;
  }
  .hbspt-form form fieldset.form-columns-2 {
    gap: 48px;
    grid-template-columns: repeat(2, 1fr);
  }
  .hbspt-form form fieldset ul.no-list {
    position: absolute;
  }
  .hbspt-form form .hs-submit .actions input {
    font: normal normal 500 15px/23px "attribute-mono", sans-serif !important;
    padding: 18px 24px;
  }
}
.mautic-form-wrapper .mauticform_wrapper {
  max-width: 100%;
  margin: 0;
}
.mautic-form-wrapper h3 {
  font-family: graphik, sans-serif;
  color: #1A1A1A;
}
.mautic-form-wrapper .mauticform-page-wrapper,
.mautic-form-wrapper .mautic-modal-content {
  display: flex !important;
  flex-direction: column;
  gap: 16px;
}
.mautic-form-wrapper .mauticform-page-wrapper > div,
.mautic-form-wrapper .mautic-modal-content > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  margin-bottom: 0;
}
.mautic-form-wrapper .mauticform-page-wrapper > div.mauticform-has-error input::placeholder,
.mautic-form-wrapper .mautic-modal-content > div.mauticform-has-error input::placeholder {
  color: #E80404;
}
.mautic-form-wrapper .mauticform-page-wrapper > div form,
.mautic-form-wrapper .mautic-modal-content > div form {
  width: 100%;
}
.mautic-form-wrapper .mauticform-page-wrapper > div label,
.mautic-form-wrapper .mautic-modal-content > div label {
  color: #4D4D4D;
  font: normal normal 400 12px/17px graphik, sans-serif;
}
.mautic-form-wrapper .mauticform-page-wrapper > div input[type=email],
.mautic-form-wrapper .mauticform-page-wrapper > div input[type=text],
.mautic-form-wrapper .mauticform-page-wrapper > div input[type=tel],
.mautic-form-wrapper .mauticform-page-wrapper > div select,
.mautic-form-wrapper .mautic-modal-content > div input[type=email],
.mautic-form-wrapper .mautic-modal-content > div input[type=text],
.mautic-form-wrapper .mautic-modal-content > div input[type=tel],
.mautic-form-wrapper .mautic-modal-content > div select {
  font: normal normal 400 14px/21px graphik, sans-serif;
  padding: 12px 16px;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #CCC;
}
.mautic-form-wrapper .mauticform-page-wrapper > div input[type=email] option,
.mautic-form-wrapper .mauticform-page-wrapper > div input[type=text] option,
.mautic-form-wrapper .mauticform-page-wrapper > div input[type=tel] option,
.mautic-form-wrapper .mauticform-page-wrapper > div select option,
.mautic-form-wrapper .mautic-modal-content > div input[type=email] option,
.mautic-form-wrapper .mautic-modal-content > div input[type=text] option,
.mautic-form-wrapper .mautic-modal-content > div input[type=tel] option,
.mautic-form-wrapper .mautic-modal-content > div select option {
  font: normal normal 400 14px/21px graphik, sans-serif;
}
.mautic-form-wrapper .mauticform-page-wrapper > div select,
.mautic-form-wrapper .mautic-modal-content > div select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url('data:image/svg+xml;utf8,<svg fill="black" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 10l5 5 5-5z"/></svg>') no-repeat right 20px center;
  background-color: #fff;
  background-size: 24px auto;
}
.mautic-form-wrapper .mauticform-page-wrapper > div .mauticform-checkboxgrp-row,
.mautic-form-wrapper .mautic-modal-content > div .mauticform-checkboxgrp-row {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.mautic-form-wrapper .mauticform-page-wrapper > div .mauticform-checkboxgrp-row input[type=checkbox],
.mautic-form-wrapper .mautic-modal-content > div .mauticform-checkboxgrp-row input[type=checkbox] {
  position: relative;
  top: 3px;
  transform: scale(1.2);
}
.mautic-form-wrapper .mauticform-page-wrapper > div .mauticform-checkboxgrp-row label,
.mautic-form-wrapper .mautic-modal-content > div .mauticform-checkboxgrp-row label {
  color: #4D4D4D !important;
  font: normal normal 400 14px/20px graphik, sans-serif !important;
}
.mautic-form-wrapper .mauticform-page-wrapper > div .mauticform-checkboxgrp-row label span,
.mautic-form-wrapper .mautic-modal-content > div .mauticform-checkboxgrp-row label span {
  font: normal normal 400 14px/20px graphik, sans-serif !important;
}
.mautic-form-wrapper .mauticform-page-wrapper > div .mauticform-checkboxgrp-row label a,
.mautic-form-wrapper .mautic-modal-content > div .mauticform-checkboxgrp-row label a {
  color: #4D4D4D !important;
  font: normal normal 400 14px/20px graphik, sans-serif !important;
  text-decoration: underline;
  text-decoration-color: #4D4D4D;
}
.mautic-form-wrapper .mauticform-page-wrapper > div .mauticform-checkboxgrp-row label a span,
.mautic-form-wrapper .mautic-modal-content > div .mauticform-checkboxgrp-row label a span {
  color: #4D4D4D !important;
  font: normal normal 400 14px/20px graphik, sans-serif !important;
}
.mautic-form-wrapper .mauticform-page-wrapper > div .mauticform-checkboxgrp-row label a:hover,
.mautic-form-wrapper .mautic-modal-content > div .mauticform-checkboxgrp-row label a:hover {
  color: #991D1A !important;
  text-decoration: transparent;
}
.mautic-form-wrapper .mauticform-page-wrapper > div .mauticform-checkboxgrp-row label a:hover span,
.mautic-form-wrapper .mautic-modal-content > div .mauticform-checkboxgrp-row label a:hover span {
  color: #991D1A !important;
}
.mautic-form-wrapper .mauticform-page-wrapper > div p,
.mautic-form-wrapper .mautic-modal-content > div p {
  color: #4D4D4D !important;
  font: normal normal 400 14px/20px graphik, sans-serif !important;
}
.mautic-form-wrapper .mauticform-page-wrapper > div p span,
.mautic-form-wrapper .mautic-modal-content > div p span {
  font: normal normal 400 14px/20px graphik, sans-serif !important;
}
.mautic-form-wrapper .mauticform-page-wrapper > div p a,
.mautic-form-wrapper .mautic-modal-content > div p a {
  color: #4D4D4D !important;
  font: normal normal 400 14px/20px graphik, sans-serif !important;
  text-decoration: underline;
  text-decoration-color: #4D4D4D;
}
.mautic-form-wrapper .mauticform-page-wrapper > div p a span,
.mautic-form-wrapper .mautic-modal-content > div p a span {
  color: #4D4D4D !important;
  font: normal normal 400 14px/20px graphik, sans-serif !important;
}
.mautic-form-wrapper .mauticform-page-wrapper > div p a:hover,
.mautic-form-wrapper .mautic-modal-content > div p a:hover {
  color: #991D1A !important;
  text-decoration: transparent;
}
.mautic-form-wrapper .mauticform-page-wrapper > div p a:hover span,
.mautic-form-wrapper .mautic-modal-content > div p a:hover span {
  color: #991D1A !important;
}
.mautic-form-wrapper .mauticform-page-wrapper > div .mauticform-checkboxgrp-row label,
.mautic-form-wrapper .mautic-modal-content > div .mauticform-checkboxgrp-row label {
  font: normal normal 400 18px/26px graphik, sans-serif;
  color: #1A1A1A;
}
.mautic-form-wrapper .mauticform-page-wrapper .mauticform-button,
.mautic-form-wrapper .mauticform-page-wrapper button,
.mautic-form-wrapper .mautic-modal-content .mauticform-button,
.mautic-form-wrapper .mautic-modal-content button {
  font: normal normal 500 16px/24px graphik, sans-serif;
  color: #fff !important;
  text-transform: unset;
  background-color: #C01D19 !important;
  border-radius: 8px;
  padding: 12px 18px;
  border: 1px solid #C01D19 !important;
  transition: all 0.3s ease;
  width: 100%;
}
.mautic-form-wrapper .mauticform-page-wrapper .mauticform-button:hover,
.mautic-form-wrapper .mauticform-page-wrapper button:hover,
.mautic-form-wrapper .mautic-modal-content .mauticform-button:hover,
.mautic-form-wrapper .mautic-modal-content button:hover {
  text-decoration: none !important;
  color: #fff !important;
  background-color: #C01D19 !important;
  border: 1px solid #C01D19 !important;
  transition: all 0.3s ease;
}
.mautic-form-wrapper .mauticform-page-wrapper .mauticform-button:focus, .mautic-form-wrapper .mauticform-page-wrapper .mauticform-button:focus-visible,
.mautic-form-wrapper .mauticform-page-wrapper button:focus,
.mautic-form-wrapper .mauticform-page-wrapper button:focus-visible,
.mautic-form-wrapper .mautic-modal-content .mauticform-button:focus,
.mautic-form-wrapper .mautic-modal-content .mauticform-button:focus-visible,
.mautic-form-wrapper .mautic-modal-content button:focus,
.mautic-form-wrapper .mautic-modal-content button:focus-visible {
  outline: 1px auto Highlight;
  outline: 1px auto -webkit-focus-ring-color;
  outline-offset: 3px;
}
.mautic-form-wrapper .mauticform-page-wrapper .mauticform-errormsg,
.mautic-form-wrapper .mautic-modal-content .mauticform-errormsg {
  font: normal normal 400 12px/17px graphik, sans-serif;
  color: #E80404;
}
.mautic-form-wrapper .mauticform-page-wrapper .mauticform-message,
.mautic-form-wrapper .mautic-modal-content .mauticform-message {
  font: normal normal 400 12px/17px graphik, sans-serif;
  color: #5EA419;
}

@media (min-width: 768px) {
  .mauticform-page-wrapper > div {
    flex: 1 1 100%;
  }
  .mauticform-page-wrapper:has(div[id$=_first_name] + div[id$=_last_name]) {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .mauticform-page-wrapper:has(div[id$=_first_name] + div[id$=_last_name]) div[id$=_first_name],
  .mauticform-page-wrapper:has(div[id$=_first_name] + div[id$=_last_name]) div[id$=_last_name] {
    flex: 1 1 calc(50% - 12px) !important;
  }
  .mauticform-page-wrapper:has(div[id$=_country] + div[id$=_state]) {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .mauticform-page-wrapper:has(div[id$=_country] + div[id$=_state]) div[id$=_country],
  .mauticform-page-wrapper:has(div[id$=_country] + div[id$=_state]) div[id$=_state] {
    flex: 1 1 calc(50% - 12px) !important;
  }
  .mauticform-page-wrapper:has(div[id$=_company] + div[id$=_job_title]) {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex: 1 1 calc(50% - 12px) !important;
  }
  .mauticform-page-wrapper:has(div[id$=_company] + div[id$=_job_title]) div[id$=_company],
  .mauticform-page-wrapper:has(div[id$=_company] + div[id$=_job_title]) div[id$=_job_title] {
    flex: 1 1 calc(50% - 12px) !important;
  }
}
.modal-backdrop {
  background: transparent !important;
}

#consent-modal-page-overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #FAF6F4;
  z-index: 999;
}

#email-modal {
  height: calc(100% - 75px);
  top: 75px;
}
#email-modal.show .modal-dialog {
  bottom: 16px;
}
#email-modal .modal-dialog {
  position: fixed;
  max-width: 320px;
  bottom: -100%;
  right: 16px;
  transform: translateY(0);
  transition: bottom 0.4s ease-out;
}
#email-modal .modal-dialog .modal-content {
  padding: 24px;
  box-shadow: 5px 5px 15px -8px rgba(146, 148, 151, 0.8);
}
#email-modal .modal-dialog .modal-content .modal-header {
  border-bottom: 0;
}
#email-modal .modal-dialog .modal-content .modal-body .email-modal-text-wrapper p {
  font: normal normal 400 14px/20px graphik, sans-serif;
  color: #666;
}
#email-modal .modal-dialog .modal-content .modal-body .email-modal-text-wrapper p a {
  font: normal normal 400 14px/20px graphik, sans-serif;
  color: #666;
  text-decoration: underline;
}
#email-modal .modal-dialog .modal-content .modal-body .email-modal-cta-wrapper button {
  font: normal normal 400 14px/18px "attribute-mono", sans-serif;
  padding: 10px 14px;
}

#instant-email-modal .instant-modal-header {
  border-bottom: 1px solid #98A2B3;
}
#instant-email-modal .instant-modal-header p {
  font: normal normal 400 14px/20px graphik, sans-serif;
  color: #666;
}
#instant-email-modal .instant-modal-body h4 {
  font: normal normal 400 32px/35px "Regis";
  color: #666;
}
#instant-email-modal .instant-modal-body p {
  color: #666;
}

#mautic-modal,
#instant-email-modal {
  z-index: 99999;
  background-color: #FAF6F4;
}
#mautic-modal .modal-dialog,
#instant-email-modal .modal-dialog {
  max-width: 100vw;
  margin: 0;
}
#mautic-modal .modal-dialog .modal-content,
#instant-email-modal .modal-dialog .modal-content {
  border-radius: 0;
  border: none;
  min-height: 86vh;
}
#mautic-modal .modal-dialog .modal-content .modal-header,
#instant-email-modal .modal-dialog .modal-content .modal-header {
  background-color: #FAF6F4;
  border: none;
  padding: 12px 28px;
}
#mautic-modal .modal-dialog .modal-content .modal-header img,
#instant-email-modal .modal-dialog .modal-content .modal-header img {
  border-radius: 0 !important;
  max-width: 194px;
  max-height: 25px;
}
#mautic-modal .modal-dialog .modal-content .modal-header button.mautic-modal-close-btn,
#instant-email-modal .modal-dialog .modal-content .modal-header button.mautic-modal-close-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  border: none;
  background: none;
}
#mautic-modal .modal-dialog .modal-content .modal-header button.mautic-modal-close-btn:hover:before,
#instant-email-modal .modal-dialog .modal-content .modal-header button.mautic-modal-close-btn:hover:before {
  color: #991D1A;
}
#mautic-modal .modal-dialog .modal-content .modal-header button.mautic-modal-close-btn:hover i,
#instant-email-modal .modal-dialog .modal-content .modal-header button.mautic-modal-close-btn:hover i {
  color: #991D1A;
}
#mautic-modal .modal-dialog .modal-content .modal-header button.mautic-modal-close-btn:before,
#instant-email-modal .modal-dialog .modal-content .modal-header button.mautic-modal-close-btn:before {
  content: "Close";
  font-family: "attribute-mono", sans-serif !important;
  font-size: 12px;
  line-height: 24px;
  color: #0C0C0C;
  filter: none;
}
#mautic-modal .modal-dialog .modal-content .modal-header button.mautic-modal-close-btn i,
#instant-email-modal .modal-dialog .modal-content .modal-header button.mautic-modal-close-btn i {
  font-size: 24px;
  line-height: 24px;
}
#mautic-modal .modal-dialog .modal-content .modal-body,
#instant-email-modal .modal-dialog .modal-content .modal-body {
  background-color: #FAF6F4;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 28px;
}
#mautic-modal .modal-dialog .modal-content .modal-body .mautic-form-and-cover-wrapper,
#instant-email-modal .modal-dialog .modal-content .modal-body .mautic-form-and-cover-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  max-width: 1025px;
  height: fit-content;
  padding: 24px;
  background: #F1EBE5;
}
#mautic-modal .modal-dialog .modal-content .modal-body .mautic-form-and-cover-wrapper .mautic-form-wrapper,
#instant-email-modal .modal-dialog .modal-content .modal-body .mautic-form-and-cover-wrapper .mautic-form-wrapper {
  background-color: transparent;
}
#mautic-modal .modal-dialog .modal-content .modal-body .mautic-form-and-cover-wrapper .mautic-form-wrapper .form-title,
#instant-email-modal .modal-dialog .modal-content .modal-body .mautic-form-and-cover-wrapper .mautic-form-wrapper .form-title {
  font: normal normal 400 22px/27px graphik, sans-serif;
  letter-spacing: -0.02em;
  padding-bottom: 8px;
}
#mautic-modal .modal-dialog .modal-content .modal-body .mautic-form-and-cover-wrapper .mautic-form-wrapper p,
#instant-email-modal .modal-dialog .modal-content .modal-body .mautic-form-and-cover-wrapper .mautic-form-wrapper p {
  font: normal normal 400 16px/24px graphik, sans-serif;
  color: #666;
  padding-bottom: 28px;
  margin: 0;
}
#mautic-modal .modal-dialog .modal-content .modal-body .mautic-form-and-cover-wrapper .mautic-form-wrapper p:last-child,
#instant-email-modal .modal-dialog .modal-content .modal-body .mautic-form-and-cover-wrapper .mautic-form-wrapper p:last-child {
  padding-bottom: 0;
}
#mautic-modal .modal-dialog .modal-content .modal-body .mautic-form-and-cover-wrapper .mautic-form-wrapper form input.form-check-input,
#instant-email-modal .modal-dialog .modal-content .modal-body .mautic-form-and-cover-wrapper .mautic-form-wrapper form input.form-check-input {
  margin-right: 8px;
}
#mautic-modal .modal-dialog .modal-content .modal-body .mautic-form-and-cover-wrapper .mautic-form-wrapper form button[disabled],
#instant-email-modal .modal-dialog .modal-content .modal-body .mautic-form-and-cover-wrapper .mautic-form-wrapper form button[disabled] {
  background-color: #666 !important;
  border-color: #666 !important;
}

@media (min-width: 768px) {
  #email-modal.show .modal-dialog {
    bottom: 32px;
  }
  #email-modal .modal-dialog {
    max-width: 457px;
  }
  #email-modal .modal-dialog .modal-content {
    padding: 48px;
  }
  #email-modal .modal-dialog .modal-content .modal-body .email-modal-text-wrapper p {
    font: normal normal 400 16px/24px graphik, sans-serif;
  }
  #email-modal .modal-dialog .modal-content .modal-body .email-modal-text-wrapper p a {
    font: normal normal 400 16px/24px graphik, sans-serif;
  }
  #email-modal .modal-dialog .modal-content .modal-body .email-modal-cta-wrapper button {
    font: normal normal 500 15px/23px "attribute-mono", sans-serif;
    padding: 12px 18px;
  }
  #mautic-modal .modal-dialog .modal-content .modal-header,
  #instant-email-modal .modal-dialog .modal-content .modal-header {
    padding: 24px 48px;
  }
  #mautic-modal .modal-dialog .modal-content .modal-header img,
  #instant-email-modal .modal-dialog .modal-content .modal-header img {
    max-width: 270px;
    max-height: 35px;
  }
  #mautic-modal .modal-dialog .modal-content .modal-body,
  #instant-email-modal .modal-dialog .modal-content .modal-body {
    padding: 0 48px 48px;
    align-items: center;
  }
}
@media (min-width: 1025px) {
  #mautic-modal .modal-dialog .modal-content .modal-body .mautic-form-and-cover-wrapper,
  #instant-email-modal .modal-dialog .modal-content .modal-body .mautic-form-and-cover-wrapper {
    grid-template-columns: 47% 53%;
    padding: 24px;
  }
  #mautic-modal .modal-dialog .modal-content .modal-body .mautic-form-and-cover-wrapper .mautic-form-wrapper,
  #instant-email-modal .modal-dialog .modal-content .modal-body .mautic-form-and-cover-wrapper .mautic-form-wrapper {
    padding-right: 24px;
  }
  #mautic-modal .modal-dialog .modal-content .modal-body .mautic-form-and-cover-wrapper .mautic-form-wrapper .form-title,
  #instant-email-modal .modal-dialog .modal-content .modal-body .mautic-form-and-cover-wrapper .mautic-form-wrapper .form-title {
    font: normal normal 400 24px/31px graphik, sans-serif;
  }
  #mautic-modal .modal-dialog .modal-content .modal-body .mautic-form-and-cover-wrapper .mautic-form-wrapper .consent-description,
  #instant-email-modal .modal-dialog .modal-content .modal-body .mautic-form-and-cover-wrapper .mautic-form-wrapper .consent-description {
    max-height: 608px;
    overflow-y: auto;
  }
  #mautic-modal .modal-dialog .modal-content .modal-body .mautic-form-and-cover-wrapper .mautic-form-cover-art-wrapper,
  #instant-email-modal .modal-dialog .modal-content .modal-body .mautic-form-and-cover-wrapper .mautic-form-cover-art-wrapper {
    background-color: transparent;
  }
  #mautic-modal .modal-dialog .modal-content .modal-body .mautic-form-and-cover-wrapper .mautic-form-cover-art-wrapper img,
  #instant-email-modal .modal-dialog .modal-content .modal-body .mautic-form-and-cover-wrapper .mautic-form-cover-art-wrapper img {
    object-fit: cover;
    width: 100%;
    height: auto;
  }
}
@media (min-width: 1441px) {
  #mautic-modal .modal-dialog .modal-content .modal-body .mautic-form-and-cover-wrapper,
  #instant-email-modal .modal-dialog .modal-content .modal-body .mautic-form-and-cover-wrapper {
    min-height: 718px;
  }
}
.video-modal .modal-dialog {
  top: 15%;
  margin: 0 auto;
  max-width: calc(100% - 48px);
}
.video-modal .modal-dialog .modal-content .modal-close-button {
  top: -36px;
  right: 0;
}
.video-modal .modal-dialog .modal-content .modal-close-button i {
  cursor: pointer;
  font-size: 24px;
  transition: all 0.2s;
}
.video-modal .modal-dialog .modal-content .modal-close-button i:hover {
  transform: scale(1.2);
  transition: all 0.2s;
}

@media (min-width: 1025px) {
  .video-modal .modal-dialog {
    max-width: calc(100% - 96px);
  }
  .video-modal .modal-dialog .modal-content .modal-close-button {
    top: -48px;
    right: -38px;
  }
  .video-modal .modal-dialog .modal-content .modal-close-button i {
    font-size: 32px;
  }
}
@media (min-width: 1441px) {
  .video-modal .modal-dialog {
    max-width: 1344px;
  }
}
div.df-lightbox-wrapper .df-lightbox-bg {
  background: #FAF6F4 !important;
}
div.df-lightbox-wrapper .df-container a.asset-download-button {
  position: absolute;
  color: #fff !important;
  background-color: #C01D19;
  padding: 0 14px;
  height: 40px;
  bottom: 70px;
  z-index: 9999;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.3s ease;
}
div.df-lightbox-wrapper .df-container a.asset-download-button:hover {
  background-color: #C01D19 !important;
  transition: all 0.3s ease;
}
div.df-lightbox-wrapper .df-container a.asset-download-button:hover i, div.df-lightbox-wrapper .df-container a.asset-download-button:hover span {
  color: #fff !important;
  transition: all 0.3s ease;
}
div.df-lightbox-wrapper .df-container a.asset-download-button i {
  font-size: 16px;
  transform: scale(1.25);
}
div.df-lightbox-wrapper .df-lightbox-controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 80px;
  padding: 0 28px;
  z-index: 1000;
  width: 100%;
}
div.df-lightbox-wrapper .df-lightbox-controls:before {
  content: "";
  position: relative;
  background-repeat: no-repeat;
  background-size: contain;
  max-height: 25px;
  height: 100%;
  width: 100%;
}
div.df-lightbox-wrapper .df-lightbox-controls .df-lightbox-close {
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
  gap: 8px;
  width: fit-content;
}
div.df-lightbox-wrapper .df-lightbox-controls .df-lightbox-close:before {
  content: "Close";
  font-family: "attribute-mono", sans-serif !important;
  font-size: 12px;
  line-height: 24px;
  color: #0C0C0C;
  filter: none;
}
div.df-lightbox-wrapper .df-lightbox-controls .df-lightbox-close:after {
  content: "\e90c";
  font-family: "foundry-icon-library" !important;
  font-size: 24px;
  line-height: 24px;
  color: #0C0C0C;
  filter: none;
}
div.df-lightbox-wrapper .df-lightbox-controls .df-lightbox-close:hover {
  background-color: transparent;
}
div.df-lightbox-wrapper .df-lightbox-controls .df-lightbox-close:hover:before, div.df-lightbox-wrapper .df-lightbox-controls .df-lightbox-close:hover:after {
  color: #991D1A;
}
div.df-lightbox-wrapper .df-ui-nav {
  opacity: 1;
}
div.df-lightbox-wrapper .df-app {
  height: calc(100% - 80px) !important;
  top: unset;
}
div.df-lightbox-wrapper .df-app .df-viewer {
  padding-left: 28px !important;
  padding-right: 28px !important;
}
div.df-lightbox-wrapper .df-ui-nav {
  opacity: 1;
}
div.df-lightbox-wrapper .df-ui-prev .df-ui-btn:hover:before,
div.df-lightbox-wrapper .df-ui-next .df-ui-btn:hover:before {
  color: #991D1A;
}
div.df-lightbox-wrapper .df-ui-prev .df-ui-btn:before {
  content: "\e903";
  font-family: "foundry-icon-library" !important;
  font-size: 44px;
  color: #0C0C0C;
  filter: none;
}
div.df-lightbox-wrapper .df-ui-next .df-ui-btn:before {
  content: "\e904";
  font-family: "foundry-icon-library" !important;
  font-size: 44px;
  color: #0C0C0C;
  filter: none;
}

@media (min-width: 768px) {
  div.df-lightbox-wrapper .df-container a.asset-download-button {
    bottom: 10px;
    left: 50%;
    transform: translateX(125px);
  }
  div.df-lightbox-wrapper .df-lightbox-controls {
    padding: 0 24px;
  }
  div.df-lightbox-wrapper .df-app .df-viewer {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}
@media (max-width: 1024.98px) {
  .df-lightbox-wrapper .df-ui-nav {
    display: none;
  }
}
@media (min-width: 1025px) {
  div.df-lightbox-wrapper .df-lightbox-controls {
    padding: 0 48px;
  }
  div.df-lightbox-wrapper .df-lightbox-controls:before {
    max-height: 35px;
  }
  div.df-lightbox-wrapper .df-app .df-viewer {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  div.df-lightbox-wrapper .df-ui-prev .df-ui-btn:before {
    font-size: 44px;
  }
  div.df-lightbox-wrapper .df-ui-next .df-ui-btn:before {
    font-size: 44px;
  }
}
@media (min-width: 1441px) {
  div.df-lightbox-wrapper .df-ui-prev .df-ui-btn:before {
    font-size: 64px;
  }
  div.df-lightbox-wrapper .df-ui-next .df-ui-btn:before {
    font-size: 64px;
  }
}
section.homepage-search-wrapper form {
  position: relative;
}
section.homepage-search-wrapper form .search-icon,
section.homepage-search-wrapper form .search-close {
  display: flex;
  align-items: center;
  height: 100%;
  color: #C01D19;
  font-size: 24px;
  width: 24px;
  top: 0;
}
section.homepage-search-wrapper form .search-icon {
  left: 14px;
}
section.homepage-search-wrapper form .search-close {
  right: 14px;
}
section.homepage-search-wrapper form input {
  font: normal normal 400 18px/26px graphik, sans-serif;
  letter-spacing: 0.514px;
  color: #1A1A1A;
  border: none;
  border-bottom: 1px solid transparent;
  padding: 16px 40px 16px 46px;
  width: 100%;
  outline: unset;
  background-color: #F1EBE5;
  caret-color: #C01D19;
  transition: border-bottom 0.3s;
}
section.homepage-search-wrapper form input:focus {
  transition: all 0.3s;
  border-bottom: 1px solid #C01D19;
}
section.homepage-search-wrapper form input::placeholder {
  font: normal normal 400 18px/26px graphik, sans-serif;
  color: #999;
}

section.company-page-content-wrapper form input::placeholder {
  color: #666;
}

@media (max-width: 1024.98px) {
  section.homepage-search-wrapper {
    background-color: #F1EBE5;
  }
  section.homepage-search-wrapper .container {
    padding: 0;
    max-width: 100%;
  }
  section.homepage-search-wrapper form {
    border-bottom: 1px solid #666;
  }
  section.homepage-search-wrapper form:focus-within {
    transition: all 0.3s;
    border-bottom: 1px solid #C01D19;
  }
  section.homepage-search-wrapper form .search-icon {
    left: 24px;
  }
  section.homepage-search-wrapper form .search-close {
    right: 24px;
  }
  section.homepage-search-wrapper form input {
    color: #666;
    border: none;
    padding-left: 56px;
  }
  section.homepage-search-wrapper form input:focus {
    border: none;
  }
  section.homepage-search-wrapper form input::placeholder {
    font: normal normal 400 18px/26px graphik, sans-serif;
    color: #666;
  }
  section.homepage-search-wrapper form .search-icon {
    color: #666;
  }
  section.homepage-search-wrapper .homepage-search-filter-wrapper .accordion-item,
  section.homepage-search-wrapper .homepage-search-filter-wrapper .homepage-search-filter-button {
    font: normal normal 400 18px/26px graphik, sans-serif;
    border: none;
    background-color: #FAF6F4;
    box-shadow: none;
    outline: none;
  }
  section.homepage-search-wrapper .homepage-search-filter-wrapper .homepage-search-filter-button {
    padding: 0 24px;
    color: #666;
  }
  section.homepage-search-wrapper .homepage-search-filter-wrapper .homepage-search-filter-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23666666'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  }
  section.homepage-search-wrapper .homepage-search-filter-wrapper .accordion-body {
    padding: 0 24px;
  }
  section.homepage-search-wrapper .homepage-search-filter-wrapper .accordion-body > div:first-child {
    padding-top: 0 !important;
  }
  section.homepage-search-wrapper .homepage-search-filter-wrapper .accordion-body .homepage-header-topics-wrapper,
  section.homepage-search-wrapper .homepage-search-filter-wrapper .accordion-body .homepage-header-source-wrapper,
  section.homepage-search-wrapper .homepage-search-filter-wrapper .accordion-body .homepage-header-content-type-wrapper {
    flex-direction: column !important;
  }
  section.homepage-search-wrapper .homepage-search-filter-wrapper .accordion-body .homepage-header-topics-wrapper span.content-type-label,
  section.homepage-search-wrapper .homepage-search-filter-wrapper .accordion-body .homepage-header-source-wrapper span.content-type-label,
  section.homepage-search-wrapper .homepage-search-filter-wrapper .accordion-body .homepage-header-content-type-wrapper span.content-type-label {
    color: #1A1A1A;
    font: normal normal 500 12px/17px graphik, sans-serif;
  }
  .search-results h4 i {
    position: relative;
    font-size: 18px !important;
    top: 2px;
  }
}
.search-results h4 span.search-term {
  color: #C01D19;
  font-style: italic;
}
.search-results h4 i {
  color: #C01D19;
  font-size: 24px;
  width: 24px;
  height: 24px;
}

.zero-search-results {
  font: normal normal 400 18px/26px graphik, sans-serif;
}

.company-page-filter-and-search-wrapper {
  row-gap: 32px;
}
.company-page-filter-and-search-wrapper form {
  position: relative;
}
.company-page-filter-and-search-wrapper form input {
  font: normal normal 400 14px/18px "attribute-mono", sans-serif;
  letter-spacing: 0.514px;
  color: #666;
  border: 1px solid #666;
  border-radius: 26px;
  padding: 12px 14px 12px 38px;
  width: 100%;
  outline: unset;
}
.company-page-filter-and-search-wrapper form input:focus {
  border-color: #C01D19;
}
.company-page-filter-and-search-wrapper form .search-icon {
  display: flex;
  align-items: center;
  height: 100%;
  font-size: 16px;
  width: 16px;
  left: 14px;
}

section#article .article-header-content img,
section#article .article-content-wrapper img {
  border-radius: 8px !important;
}
section#article .article-header-wrapper .article-header .tag {
  background: rgba(255, 255, 255, 0.6);
}
section#article .article-header-wrapper .article-header .tag:hover {
  background: #E6DCD5;
}
section#article .article-header-wrapper .article-header .article-header-content p.asset-description {
  font: normal normal 400 18px/23px graphik, sans-serif;
  letter-spacing: -0.18px;
}
section#article .article-header-wrapper .article-header .article-header-content .schema-faq .schema-faq-section {
  border-radius: 16px;
}
section#article .article-header-wrapper .article-metas .article-metas-wrapper .article-social-media-wrapper ul > li a#copy-asset-link i, section#article .article-header-wrapper .article-metas .article-metas-wrapper .article-social-media-wrapper ul > li a#copy-asset-link span {
  color: #C01D19;
}

@media (min-width: 1025px) {
  section#article .article-header-wrapper .article-header .article-header-content p.asset-description {
    font: normal normal 400 21px/29px graphik, sans-serif;
    letter-spacing: -0.42px;
  }
}
@media (min-width: 1025px) {
  section#page .page-content-wrapper .container > .wp-block-columns .wp-block-column h2, section#page .page-content-wrapper .container .wp-block-group .wp-block-column h2 {
    font: normal normal 400 46px/50px "Regis";
  }
}
@media (min-width: 1441px) {
  section#page .page-header-wrapper h1 {
    font: normal normal 400 92px/96px "Regis";
  }
}
section#main-asset-tile .asset-card-component .asset-pagination-wrapper .asset-pagination-arrow {
  color: #C01D19;
}

@media (min-width: 1025px) {
  section#main-asset-tile .asset-card-component .asset-card-wrapper.half-width-card .asset-card-hover-trigger .asset-card .asset-content-wrapper .asset-topics-wrapper .tag:hover span {
    border: 1px solid #B6AEAA;
  }
  section#main-asset-tile .asset-card-component .asset-card-wrapper.full-width-card .asset-card-hover-trigger .asset-card .asset-content-wrapper h2 {
    font: normal normal 400 46px/50px "Regis";
  }
}
.mautic-form-wrapper {
  background-color: #F1EBE5 !important;
}
.mautic-form-wrapper .mauticform-page-wrapper .mauticform-button,
.mautic-form-wrapper .mauticform-page-wrapper button,
.mautic-form-wrapper .mautic-modal-content .mauticform-button,
.mautic-form-wrapper .mautic-modal-content button {
  font: normal normal 500 15px/23px "attribute-mono", sans-serif;
  letter-spacing: 1.5px;
  color: #fff !important;
  background-color: #C01D19 !important;
  text-transform: uppercase;
  border: 1px solid #C01D19 !important;
  border-radius: 0 !important;
  padding: 8px 14px;
  width: fit-content;
  transition: all 0.3s ease;
}
.mautic-form-wrapper .mauticform-page-wrapper .mauticform-button:hover,
.mautic-form-wrapper .mauticform-page-wrapper button:hover,
.mautic-form-wrapper .mautic-modal-content .mauticform-button:hover,
.mautic-form-wrapper .mautic-modal-content button:hover {
  color: #fff !important;
  background-color: #C01D19 !important;
  border-radius: 0 0 24px 0 !important;
  border: 1px solid #C01D19 !important;
  transition: all 0.3s ease;
}

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