.blog .breadcrumbs, .archive .breadcrumbs {
  padding-bottom: 0;
}
.blog .blog-filter ul, .archive .blog-filter ul {
  display: grid;
  grid-template-columns: 100%;
  gap: 25px;
  list-style: none;
  padding: 0;
  margin: 0 0 32px;
}
@media (min-width: 767px) {
  .blog .blog-filter ul, .archive .blog-filter ul {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1024px) {
  .blog .blog-filter ul, .archive .blog-filter ul {
    grid-template-columns: repeat(7, 1fr);
  }
}
.blog .blog-filter ul li, .archive .blog-filter ul li {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: 100%;
  grid-auto-flow: row;
}
@media (min-width: 767px) {
  .blog .blog-filter ul li, .archive .blog-filter ul li {
    grid-area: 1/span 2;
  }
}
@media (min-width: 1024px) {
  .blog .blog-filter ul li, .archive .blog-filter ul li {
    grid-area: 1/span 2;
  }
}
.blog .blog-filter ul li label, .archive .blog-filter ul li label {
  width: 100%;
}
@media (min-width: 1024px) {
  .blog .blog-filter ul li:last-of-type, .archive .blog-filter ul li:last-of-type {
    grid-area: 1/span 1;
  }
}
.blog .blog-filter ul li:last-of-type a, .archive .blog-filter ul li:last-of-type a {
  line-height: 3.4375rem;
  text-align: center;
}
.blog .blog-filter ul h4, .blog .blog-filter ul p.h4, .archive .blog-filter ul h4, .archive .blog-filter ul p.h4 {
  text-transform: none;
}
.blog .blog-filter ul strong, .archive .blog-filter ul strong {
  display: block;
  grid-area: 1/1/1/1;
}
.blog .blog-filter ul .arrow, .archive .blog-filter ul .arrow {
  grid-area: 2/1/2/1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 10px;
  font-size: 1.25rem;
  z-index: 1;
}
.blog .blog-filter ul .dropdown, .archive .blog-filter ul .dropdown {
  grid-area: 2/1/2/1;
  z-index: 2;
}
.blog .blog-filter ul select, .archive .blog-filter ul select {
  background: transparent;
  cursor: pointer;
  color: var(--color-brown);
  width: 100%;
  font-size: 1rem;
  line-height: 1rem;
  padding: 18px;
  border: 1px solid var(--color-gray-border);
  font-family: var(--font-sans);
  outline: none;
  border-radius: 4px;
  appearance: none;
}
.blog .blog-filter li:nth-last-of-type(-n+2), .archive .blog-filter li:nth-last-of-type(-n+2) {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.blog .blog-filter li:nth-last-of-type(-n+2) button, .archive .blog-filter li:nth-last-of-type(-n+2) button {
  appearance: none;
  border: 1px solid var(--color-red);
  background-color: transparent;
  color: var(--color-red);
  transition: color 0.25s ease-in-out;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  text-transform: uppercase;
  font-weight: var(--font-weight-700);
  padding: 15px 10px;
  font-size: 1.25rem;
  line-height: 1.4375rem;
}
.blog .blog-filter li:nth-last-of-type(-n+2) button span, .archive .blog-filter li:nth-last-of-type(-n+2) button span {
  position: relative;
  z-index: 2;
}
.blog .blog-filter li:nth-last-of-type(-n+2) button:after, .archive .blog-filter li:nth-last-of-type(-n+2) button:after {
  background-color: var(--color-yellow);
  height: 100%;
  width: 100%;
  top: 0;
  left: -100%;
  z-index: 1;
  content: "";
  position: absolute;
  transition: left 0.25s ease-in-out;
}
.blog .blog-filter li:nth-last-of-type(-n+2) button:hover, .archive .blog-filter li:nth-last-of-type(-n+2) button:hover {
  border-color: var(--color-yellow);
  color: var(--color-brown);
}
.blog .blog-filter li:nth-last-of-type(-n+2) button:hover:after, .archive .blog-filter li:nth-last-of-type(-n+2) button:hover:after {
  left: 0;
}
.blog main, .archive main {
  display: block;
}
.blog main .slides, .archive main .slides {
  margin-top: -20px;
  max-width: 1400px;
  margin: 0 auto 30px;
  padding: 0 15px;
}
.blog main .slides .postslide, .archive main .slides .postslide {
  position: relative;
}
.blog main .slides .glide__track, .archive main .slides .glide__track {
  display: grid;
  height: 100%;
}
.blog main .slides .slider__slides, .archive main .slides .slider__slides {
  display: flex;
  flex-wrap: nowrap;
}
.blog main .slides .slide, .archive main .slides .slide {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.blog main .slides .item, .archive main .slides .item {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto;
}
.blog main .slides .item .photo, .archive main .slides .item .photo {
  z-index: 1;
  grid-area: 1/1/1/1;
  overflow: hidden;
  position: relative;
}
@media (max-width: 1023px) {
  .blog main .slides .item .photo, .archive main .slides .item .photo {
    height: 100%;
  }
}
@media (min-width: 1024px) {
  .blog main .slides .item .photo, .archive main .slides .item .photo {
    aspect-ratio: 1360/685;
    max-height: 685px;
  }
}
.blog main .slides .item .photo:after, .archive main .slides .item .photo:after {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, var(--color-black-solid) 100%);
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.5;
  position: absolute;
  z-index: 2;
}
.blog main .slides .item .photo img, .archive main .slides .item .photo img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  display: block;
  margin: 0;
}
@media (max-width: 1023px) {
  .blog main .slides .item .photo img, .archive main .slides .item .photo img {
    position: absolute;
    top: 0;
    left: 0;
  }
}
.blog main .slides .item .content, .archive main .slides .item .content {
  z-index: 2;
  grid-area: 1/1/1/1;
  background-color: rgba(0, 0, 0, 0.42);
  height: 100%;
  position: relative;
}
@media (min-width: 1024px) {
  .blog main .slides .item .content, .archive main .slides .item .content {
    padding-bottom: 150px;
    background-color: transparent;
    height: auto;
  }
}
.blog main .slides .item .content a.button, .archive main .slides .item .content a.button {
  position: relative;
  z-index: 5;
}
.blog main .slides .item .content .heading, .archive main .slides .item .content .heading {
  max-width: 1040px;
  margin: 0 auto;
  padding: 40px 20px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 1024px) {
  .blog main .slides .item .content .heading, .archive main .slides .item .content .heading {
    padding: 20px 200px 70px;
    min-height: 200px;
  }
  .blog main .slides .item .content .heading:before, .archive main .slides .item .content .heading:before {
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    content: "";
  }
}
@media (min-width: 1024px) and (min-width: 660px) {
  .blog main .slides .item .content .heading:before, .archive main .slides .item .content .heading:before {
    transform: skew(-36deg);
    width: calc(100% - 125px);
    height: 100%;
    left: 70px;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .blog main .slides .item .content .heading:before, .archive main .slides .item .content .heading:before {
    width: calc(100% - 250px);
    left: 125px;
  }
}
.blog main .slides .item .content .heading h1, .blog main .slides .item .content .heading h2, .blog main .slides .item .content .heading p, .blog main .slides .item .content .heading a, .archive main .slides .item .content .heading h1, .archive main .slides .item .content .heading h2, .archive main .slides .item .content .heading p, .archive main .slides .item .content .heading a {
  position: relative;
  z-index: 5;
}
.blog main .slides .item .content .heading h1, .blog main .slides .item .content .heading h2, .archive main .slides .item .content .heading h1, .archive main .slides .item .content .heading h2 {
  color: var(--color-white);
  text-transform: none;
  margin: 0 0 20px;
  font-weight: var(--font-weight-700);
}
@media (min-width: 1024px) {
  .blog main .slides .item .content .heading h1, .blog main .slides .item .content .heading h2, .archive main .slides .item .content .heading h1, .archive main .slides .item .content .heading h2 {
    font-size: 2.5rem;
    line-height: 1;
  }
}
.blog main .slides .item .content .heading p, .archive main .slides .item .content .heading p {
  color: var(--color-white);
  margin: 0;
  text-align: center;
  font-weight: var(--font-weight-700);
  font-size: 1.125rem;
  line-height: 1.5rem;
}
@media (max-width: 766px) {
  .blog main .slides .item .content .heading p, .archive main .slides .item .content .heading p {
    font-weight: normal;
  }
}
.blog main .slides .item .button, .archive main .slides .item .button {
  background-color: var(--color-red);
  color: var(--color-white);
  margin-top: -20px;
}
@media (min-width: 1024px) {
  .blog main .slides .item .button, .archive main .slides .item .button {
    margin-top: -40px;
  }
}
.blog main .slides .item .button:hover, .archive main .slides .item .button:hover {
  color: var(--color-brown);
}
.blog main .slides .glide__bullets, .archive main .slides .glide__bullets {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 7px;
  padding: 0 7px;
  position: absolute;
  z-index: 1000;
  top: 5px;
  width: 100%;
  color: var(--color-white);
}
@media (min-width: 1024px) {
  .blog main .slides .glide__bullets, .archive main .slides .glide__bullets {
    min-height: 150px;
    bottom: 0;
    top: auto;
    width: calc(100% - 40px);
    padding: 0 30px;
  }
}
.blog main .slides .glide__bullets .bullet, .archive main .slides .glide__bullets .bullet {
  cursor: pointer;
}
.blog main .slides .glide__bullets .bullet .title, .archive main .slides .glide__bullets .bullet .title {
  transition: color 0.25s ease-in-out;
}
.blog main .slides .glide__bullets .bullet:hover .title, .archive main .slides .glide__bullets .bullet:hover .title {
  color: var(--color-yellow);
}
.blog main .slides .glide__bullets .bullet,
.blog main .slides .glide__bullets .bullet > span, .archive main .slides .glide__bullets .bullet,
.archive main .slides .glide__bullets .bullet > span {
  display: block;
}
.blog main .slides .glide__bullets .bullet .progress-bar,
.blog main .slides .glide__bullets .bullet > span .progress-bar, .archive main .slides .glide__bullets .bullet .progress-bar,
.archive main .slides .glide__bullets .bullet > span .progress-bar {
  background-color: var(--color-white);
  height: 5px;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.blog main .slides .glide__bullets .bullet .progress-bar:after,
.blog main .slides .glide__bullets .bullet > span .progress-bar:after, .archive main .slides .glide__bullets .bullet .progress-bar:after,
.archive main .slides .glide__bullets .bullet > span .progress-bar:after {
  height: 5px;
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--color-red);
  content: "";
}
.blog main .slides .glide__bullets .bullet .type, .blog main .slides .glide__bullets .bullet .title,
.blog main .slides .glide__bullets .bullet > span .type,
.blog main .slides .glide__bullets .bullet > span .title, .archive main .slides .glide__bullets .bullet .type, .archive main .slides .glide__bullets .bullet .title,
.archive main .slides .glide__bullets .bullet > span .type,
.archive main .slides .glide__bullets .bullet > span .title {
  display: none;
}
@media (min-width: 1024px) {
  .blog main .slides .glide__bullets .bullet .type, .blog main .slides .glide__bullets .bullet .title,
  .blog main .slides .glide__bullets .bullet > span .type,
  .blog main .slides .glide__bullets .bullet > span .title, .archive main .slides .glide__bullets .bullet .type, .archive main .slides .glide__bullets .bullet .title,
  .archive main .slides .glide__bullets .bullet > span .type,
  .archive main .slides .glide__bullets .bullet > span .title {
    display: block;
  }
}
.blog main .slides .glide__bullets .bullet .type,
.blog main .slides .glide__bullets .bullet > span .type, .archive main .slides .glide__bullets .bullet .type,
.archive main .slides .glide__bullets .bullet > span .type {
  font-size: 0.875rem;
  line-height: 0.875rem;
  padding: 10px 0;
}
.blog main .slides .glide__bullets .bullet .title,
.blog main .slides .glide__bullets .bullet > span .title, .archive main .slides .glide__bullets .bullet .title,
.archive main .slides .glide__bullets .bullet > span .title {
  font-weight: var(--font-weight-700);
  font-size: 1.125rem;
  line-height: 1.25rem;
  padding-right: 18px;
}
@keyframes slidein {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
.blog main .slides .glide__bullets .bullet.glide__bullet--active .progress-bar:after,
.blog main .slides .glide__bullets .bullet > span.glide__bullet--active .progress-bar:after, .archive main .slides .glide__bullets .bullet.glide__bullet--active .progress-bar:after,
.archive main .slides .glide__bullets .bullet > span.glide__bullet--active .progress-bar:after {
  width: 100%;
  animation: slidein 7s running;
}
@media (min-width: 1024px) {
  .blog main .slides:hover .glide__bullet--active .progress-bar:after, .archive main .slides:hover .glide__bullet--active .progress-bar:after {
    animation-play-state: paused !important;
  }
}
.blog main .pagination, .archive main .pagination {
  position: relative;
}
.blog main .pagination ul, .archive main .pagination ul {
  display: grid;
  grid-template-columns: auto;
  grid-auto-flow: column;
  list-style: none;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 0;
  gap: 5px;
  width: 100%;
}
.blog main .pagination ul li, .archive main .pagination ul li {
  padding: 0;
  margin: 0;
}
@media (min-width: 767px) {
  .blog main .pagination ul li, .archive main .pagination ul li {
    width: auto;
  }
  .blog main .pagination ul li:last-of-type, .archive main .pagination ul li:last-of-type {
    margin: 0 0 0 auto;
  }
}
.blog main .pagination:not(.first) ul li:first-of-type, .archive main .pagination:not(.first) ul li:first-of-type {
  margin: 0 auto 0 0;
}
.blog main .pagination span, .blog main .pagination a:not(.previous):not(.next), .archive main .pagination span, .archive main .pagination a:not(.previous):not(.next) {
  color: var(--color-brown);
  display: none;
}
@media (min-width: 767px) {
  .blog main .pagination span, .blog main .pagination a:not(.previous):not(.next), .archive main .pagination span, .archive main .pagination a:not(.previous):not(.next) {
    display: block;
  }
}
.blog main .pagination span.current, .archive main .pagination span.current {
  background-color: hsl(from var(--color-orange) h s l/0.15);
  padding: 5px;
  display: grid !important;
  height: 48px;
  width: 48px;
  justify-content: center;
  align-items: center;
}
.blog main .pagination span.dots, .archive main .pagination span.dots {
  padding: 5px;
  display: grid !important;
  height: 48px;
  width: 48px;
  justify-content: center;
  align-items: center;
}
.blog main .pagination a, .archive main .pagination a {
  padding: 5px;
  display: grid !important;
  height: 48px;
  width: 48px;
  justify-content: center;
  align-items: center;
}
.blog main .pagination a.next, .blog main .pagination a.prev, .archive main .pagination a.next, .archive main .pagination a.prev {
  width: auto;
}
.blog main .pagination .next, .archive main .pagination .next {
  align-self: flex-end;
}
.blog main > .grid-container.posts, .archive main > .grid-container.posts {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 15px;
}
.blog main > .grid-container.posts > .grid, .archive main > .grid-container.posts > .grid {
  grid-template-columns: 100%;
  gap: 25px;
}
@media (min-width: 1024px) {
  .blog main > .grid-container.posts > .grid, .archive main > .grid-container.posts > .grid {
    grid-template-columns: repeat(8, 1fr);
  }
}
.blog main > .grid-container.links, .archive main > .grid-container.links {
  text-align: center;
  padding-top: 130px;
  padding: 130px 0 93px;
  max-width: 1400px;
  margin: 0 auto;
}
.blog main > .grid-container.links .grid, .archive main > .grid-container.links .grid {
  padding: 0 15px;
  margin: 0;
}
.blog main > .grid-container.links h4, .blog main > .grid-container.links p.h4, .archive main > .grid-container.links h4, .archive main > .grid-container.links p.h4 {
  font-size: 2.5rem;
  line-height: 2.8125rem;
  margin-bottom: 15px;
  text-align: center;
  font-weight: var(--font-weight-700);
  font-family: var(--font-sans);
  text-transform: none;
}
.blog main > .grid-container.links h5, .archive main > .grid-container.links h5 {
  font-size: 1.125rem;
  line-height: 1.25rem;
  font-weight: var(--font-weight-700);
  font-family: var(--font-sans);
  text-transform: none;
  text-align: left;
  margin-bottom: 20px;
}
.blog main > .grid-container.links p, .archive main > .grid-container.links p {
  font-size: 1.125rem;
  line-height: 1.25rem;
  margin: 0;
  text-align: left;
}
.blog main > .grid-container.links .button, .archive main > .grid-container.links .button {
  margin: 33px auto 0 auto;
}
.blog main > .grid-container.links .more, .archive main > .grid-container.links .more {
  display: flex;
  align-items: flex-end;
}
.blog main > .grid-container.links > .grid, .archive main > .grid-container.links > .grid {
  grid-template-columns: 100%;
  gap: 72px;
}
@media (min-width: 1024px) {
  .blog main > .grid-container.links > .grid, .archive main > .grid-container.links > .grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.blog main > .grid-container.links > .grid > div, .archive main > .grid-container.links > .grid > div {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.blog main > .grid-container.links > .grid > div > div, .archive main > .grid-container.links > .grid > div > div {
  height: auto;
}
.blog main > .grid-container.links .more, .archive main > .grid-container.links .more {
  flex: 1;
}
.blog main > .grid-container.links .awards .row, .blog main > .grid-container.links .photos .row, .archive main > .grid-container.links .awards .row, .archive main > .grid-container.links .photos .row {
  display: grid;
  grid-template-columns: 100%;
  gap: 20px;
}
@media (min-width: 460px) {
  .blog main > .grid-container.links .awards .row, .blog main > .grid-container.links .photos .row, .archive main > .grid-container.links .awards .row, .archive main > .grid-container.links .photos .row {
    grid-template-columns: calc(33% - 20px) calc(66% - 20px);
  }
}
@media (min-width: 1024px) {
  .blog main > .grid-container.links .awards .row, .blog main > .grid-container.links .photos .row, .archive main > .grid-container.links .awards .row, .archive main > .grid-container.links .photos .row {
    grid-template-columns: repeat(2, 1fr);
  }
}
.blog main > .grid-container.links .awards .row .photo, .blog main > .grid-container.links .photos .row .photo, .archive main > .grid-container.links .awards .row .photo, .archive main > .grid-container.links .photos .row .photo {
  overflow: hidden;
  aspect-ratio: 173/118;
}
.blog main > .grid-container.links .awards .row .photo img, .blog main > .grid-container.links .photos .row .photo img, .archive main > .grid-container.links .awards .row .photo img, .archive main > .grid-container.links .photos .row .photo img {
  height: 100%;
  width: 100%;
  border: 1px solid var(--color-gray-border);
  object-fit: cover;
}
@media (max-width: 1024px) {
  .blog main > .grid-container.links .awards .row .content, .blog main > .grid-container.links .photos .row .content, .archive main > .grid-container.links .awards .row .content, .archive main > .grid-container.links .photos .row .content {
    align-self: center;
  }
}
.blog main > .grid-container.links .publications ul, .archive main > .grid-container.links .publications ul {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin: 0;
  padding: 0;
  gap: 21px;
}
.blog main > .grid-container.links .publications ul li, .archive main > .grid-container.links .publications ul li {
  padding: 0;
  margin: 0;
}
.blog main > .grid-container.links .publications ul a, .archive main > .grid-container.links .publications ul a {
  display: block;
  overflow: hidden;
  position: relative;
}
.blog main > .grid-container.links .publications ul a img, .archive main > .grid-container.links .publications ul a img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  aspect-ratio: 195/253;
  border: 1px solid var(--color-gray-border);
}
.blog main > .grid-container.links .publications ul a .overlay, .archive main > .grid-container.links .publications ul a .overlay {
  background-color: hsl(from var(--color-red) h s l/0);
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  padding: 0 8px;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: ease-in-out 0.25s background;
}
.blog main > .grid-container.links .publications ul a .overlay span, .archive main > .grid-container.links .publications ul a .overlay span {
  background-color: var(--color-white);
  color: var(--color-red);
  text-transform: uppercase;
  display: inline-block;
  font-size: 1.125rem;
  line-height: 2.0625rem;
  padding: 15px 5px;
  width: 100%;
  font-weight: 700;
  opacity: 0;
  transition: ease-in-out 0.25s opacity;
  margin: 0 auto;
}
.blog main > .grid-container.links .publications ul a .overlay span:before, .archive main > .grid-container.links .publications ul a .overlay span:before {
  display: none;
}
.blog main > .grid-container.links .publications ul a:hover .overlay, .archive main > .grid-container.links .publications ul a:hover .overlay {
  background-color: hsl(from var(--color-red) h s l/0.6);
}
.blog main > .grid-container.links .publications ul a:hover .overlay span, .archive main > .grid-container.links .publications ul a:hover .overlay span {
  opacity: 1;
}
@media (min-width: 1024px) {
  .blog main .sidebar, .archive main .sidebar {
    grid-area: 1/span 2;
    order: 1;
  }
}
.blog main .sidebar .form, .archive main .sidebar .form {
  background: linear-gradient(180deg, var(--color-pink) 0%, var(--color-red) 100%);
  color: var(--color-white);
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto;
  gap: 23px;
  padding: 30px;
  margin-bottom: 40px;
}
.blog main .sidebar .form .gform_validation_errors,
.blog main .sidebar .form .validation_message, .archive main .sidebar .form .gform_validation_errors,
.archive main .sidebar .form .validation_message {
  display: none !important;
}
.blog main .sidebar .form .gform_wrapper .gfield_error label, .archive main .sidebar .form .gform_wrapper .gfield_error label {
  color: var(--color-yellow);
}
.blog main .sidebar .form .gform_wrapper .gfield_error [aria-invalid=true], .archive main .sidebar .form .gform_wrapper .gfield_error [aria-invalid=true] {
  border: 0 none;
  border-bottom: 3px solid var(--color-yellow) !important;
}
.blog main .sidebar .form .logo, .archive main .sidebar .form .logo {
  text-align: center;
}
.blog main .sidebar .form .heading, .archive main .sidebar .form .heading {
  text-align: center;
}
.blog main .sidebar .form .heading p, .archive main .sidebar .form .heading p {
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.5625rem;
  font-weight: var(--font-weight-700);
}
.blog main .sidebar .form .heading p:first-of-type, .archive main .sidebar .form .heading p:first-of-type {
  font-size: 2.5rem;
  line-height: 2.5rem;
  margin-bottom: 20px;
}
.blog main .sidebar .form .heading p a, .archive main .sidebar .form .heading p a {
  color: var(--color-white);
}
.blog main .sidebar .form .privacy p, .archive main .sidebar .form .privacy p {
  margin: 0;
  font-size: 1.125rem;
  line-height: 1.5625rem;
}
.blog main .sidebar .form .privacy p a, .archive main .sidebar .form .privacy p a {
  color: var(--color-white);
  text-decoration: underline;
}
.blog main .sidebar .form .privacy p a:hover, .archive main .sidebar .form .privacy p a:hover {
  text-decoration: none;
}
.blog main .sidebar .form .hbspt-form, .archive main .sidebar .form .hbspt-form {
  width: 100%;
  position: relative;
  display: grid;
  grid-template-columns: 100%;
  color: white;
  padding-block: 40px 0;
}
.blog main .sidebar .form .hbspt-form form, .archive main .sidebar .form .hbspt-form form {
  max-width: none;
  display: grid;
  grid-template-columns: 100%;
  gap: 20px;
}
.blog main .sidebar .form .hbspt-form .hs_recaptcha, .archive main .sidebar .form .hbspt-form .hs_recaptcha {
  display: none !important;
}
.blog main .sidebar .form .hbspt-form .hs-richtext, .archive main .sidebar .form .hbspt-form .hs-richtext {
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 500;
}
.blog main .sidebar .form .hbspt-form .hs-richtext a, .archive main .sidebar .form .hbspt-form .hs-richtext a {
  color: white;
  text-decoration: underline;
  text-decoration-color: white;
  transition: text-decoration-color 0.25s ease-in-out;
}
.blog main .sidebar .form .hbspt-form .hs-richtext a:hover, .archive main .sidebar .form .hbspt-form .hs-richtext a:hover {
  text-decoration-color: transparent;
}
.blog main .sidebar .form .hbspt-form .hs-richtext h3, .blog main .sidebar .form .hbspt-form .hs-richtext p.h3, .archive main .sidebar .form .hbspt-form .hs-richtext h3, .archive main .sidebar .form .hbspt-form .hs-richtext p.h3 {
  color: var(--color-white);
  font-weight: 700;
  text-transform: none;
  font-family: proxima-nova, sans-serif;
  font-size: 2.5rem;
  line-height: 2.5rem;
}
.blog main .sidebar .form .hbspt-form .hs-richtext p, .archive main .sidebar .form .hbspt-form .hs-richtext p {
  font-size: 1.25rem;
  line-height: 1.5625rem;
  font-weight: 700;
}
.blog main .sidebar .form .hbspt-form .hs-form-field, .archive main .sidebar .form .hbspt-form .hs-form-field {
  float: none;
  width: 100%;
  display: grid;
  grid-template-columns: 100%;
  gap: 10px;
}
.blog main .sidebar .form .hbspt-form .field label, .archive main .sidebar .form .hbspt-form .field label {
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1.125rem;
  line-height: 1.125rem;
  display: block;
}
.blog main .sidebar .form .hbspt-form .field input, .archive main .sidebar .form .hbspt-form .field input {
  appearance: none;
  background-color: transparent;
  border: 0;
  outline: 0;
  border-bottom: 2px solid var(--color-white);
  width: 100%;
  color: var(--color-white);
  padding: 8px;
  font-size: 0.9375rem;
  margin: 0;
}
.blog main .sidebar .form .hbspt-form .field .hs-error-msgs, .archive main .sidebar .form .hbspt-form .field .hs-error-msgs {
  display: none !important;
}
.blog main .sidebar .form .hbspt-form .field:has(.hs-error-msgs) input, .archive main .sidebar .form .hbspt-form .field:has(.hs-error-msgs) input {
  border-bottom: 2px solid var(--color-yellow);
}
.blog main .sidebar .form .hbspt-form .field:has(.hs-error-msgs) label, .archive main .sidebar .form .hbspt-form .field:has(.hs-error-msgs) label {
  color: var(--color-yellow);
}
.blog main .sidebar .form .hbspt-form .hs_error_rollup, .archive main .sidebar .form .hbspt-form .hs_error_rollup {
  color: var(--color-yellow);
}
.blog main .sidebar .form .hbspt-form .hs_error_rollup ul,
.blog main .sidebar .form .hbspt-form .hs_error_rollup li, .archive main .sidebar .form .hbspt-form .hs_error_rollup ul,
.archive main .sidebar .form .hbspt-form .hs_error_rollup li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.blog main .sidebar .form .hbspt-form .actions, .archive main .sidebar .form .hbspt-form .actions {
  margin-block: 10px;
  position: relative;
  justify-self: start;
  border: 1px solid var(--color-white);
  transition: border-color 0.25s ease-in-out;
  overflow: hidden;
}
.blog main .sidebar .form .hbspt-form .actions:before, .archive main .sidebar .form .hbspt-form .actions:before {
  background-color: var(--color-yellow);
  height: 100%;
  width: 100%;
  top: 0;
  left: -100%;
  z-index: 1;
  content: "";
  position: absolute;
  transition: left 0.25s ease-in-out;
}
.blog main .sidebar .form .hbspt-form .actions input[type=submit], .archive main .sidebar .form .hbspt-form .actions input[type=submit] {
  appearance: none;
  background-color: transparent;
  border: 0 none;
  padding: 16px 36px;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.25rem;
  color: var(--color-white);
  text-transform: uppercase;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  z-index: 2;
  transition: color 0.25s ease-in-out;
}
.blog main .sidebar .form .hbspt-form .actions:hover, .archive main .sidebar .form .hbspt-form .actions:hover {
  border-color: var(--color-yellow);
}
.blog main .sidebar .form .hbspt-form .actions:hover:before, .archive main .sidebar .form .hbspt-form .actions:hover:before {
  left: 0;
}
.blog main .sidebar .form .hbspt-form .actions:hover input[type=submit], .archive main .sidebar .form .hbspt-form .actions:hover input[type=submit] {
  color: var(--color-brown);
}
.blog main .sidebar .media, .archive main .sidebar .media {
  background-image: url("../etc/images/media-contact-background.jpg");
  background-size: cover;
  color: var(--color-white);
}
.blog main .sidebar .media ul, .archive main .sidebar .media ul {
  list-style: none;
  margin: 0;
  padding: 33px 18px 60px;
}
.blog main .sidebar .media ul li, .archive main .sidebar .media ul li {
  display: block;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  font-size: 1.375rem;
  line-height: 1.8125rem;
  font-weight: var(--font-weight-700);
}
.blog main .sidebar .media ul li.heading, .archive main .sidebar .media ul li.heading {
  margin-bottom: 30px;
}
.blog main .sidebar .media ul li.name, .archive main .sidebar .media ul li.name {
  text-transform: uppercase;
}
.blog main .sidebar .media ul li.photo, .archive main .sidebar .media ul li.photo {
  aspect-ratio: var(--aspect-square);
  overflow: hidden;
  max-width: 180px;
  margin: 10px auto;
}
.blog main .sidebar .media ul li.photo img, .archive main .sidebar .media ul li.photo img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 100%;
}
.blog main .sidebar .media ul li a, .archive main .sidebar .media ul li a {
  color: var(--color-white);
}
.blog main .sidebar .media ul li a:hover, .archive main .sidebar .media ul li a:hover {
  text-decoration: underline;
}
.blog main .sidebar .media .file .button, .archive main .sidebar .media .file .button {
  margin: 0;
  background: linear-gradient(0deg, var(--color-orange) 0%, var(--color-yellow) 100%);
  color: var(--color-brown);
  font-size: 1.375rem;
  line-height: 1.8125rem;
  font-weight: var(--font-weight-700);
  border: 0 none;
  width: 100%;
  display: block;
}
.blog main .sidebar .media .file .button:hover, .archive main .sidebar .media .file .button:hover {
  color: var(--color-white);
}
.blog main .sidebar .media .file .button:hover:before, .archive main .sidebar .media .file .button:hover:before {
  background-color: var(--color-red);
  border-color: var(--color-red);
}
.blog main .sidebar .media .buttons, .archive main .sidebar .media .buttons {
  padding-top: 2px;
  background-color: var(--color-white);
  display: grid;
  grid-template-columns: 100%;
  gap: 2px;
}
.blog main .sidebar .media .buttons .button, .archive main .sidebar .media .buttons .button {
  background-color: var(--color-red);
  color: var(--color-white);
  margin-bottom: 0;
  display: block;
  border: 0 none;
  line-height: 1.1;
  text-align: center;
  width: 100%;
}
.blog main .sidebar .media .buttons .button:before, .archive main .sidebar .media .buttons .button:before {
  background-color: var(--color-yellow);
}
.blog main .sidebar .media .buttons .button:hover, .archive main .sidebar .media .buttons .button:hover {
  color: var(--color-brown);
  border: 0 none;
}
@media (min-width: 1024px) {
  .blog main .listing, .archive main .listing {
    grid-area: 1/span 6;
    order: 2;
  }
}
.blog main .listing .grid-container, .archive main .listing .grid-container {
  padding: 0 15px;
  max-width: none;
}
.blog main .listing .grid, .archive main .listing .grid {
  grid-template-columns: 100%;
  grid-auto-flow: row;
  gap: 26px;
  padding: 0;
}
.blog main .listing .grid .item, .archive main .listing .grid .item {
  padding: 0;
}
.blog main .listing .item a, .archive main .listing .item a {
  display: grid;
  grid-template-columns: 100%;
  gap: 23px;
}
@media (min-width: 767px) {
  .blog main .listing .item a, .archive main .listing .item a {
    grid-template-columns: repeat(2, 1fr);
  }
}
.blog main .listing .item a .photo, .archive main .listing .item a .photo {
  overflow: hidden;
  aspect-ratio: var(--aspect-thumb);
  border: 1px solid var(--color-gray-border);
  position: relative;
}
.blog main .listing .item a .photo img, .archive main .listing .item a .photo img {
  height: 100%;
  width: 100%;
  display: block;
  margin: 0;
  object-fit: cover;
}
.blog main .listing .item a .photo .overlay, .archive main .listing .item a .photo .overlay {
  background-color: hsl(from var(--color-red) h s l/0);
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: ease-in-out 0.25s background;
}
.blog main .listing .item a .photo .overlay span, .archive main .listing .item a .photo .overlay span {
  background-color: var(--color-white);
  color: var(--color-red);
  text-transform: uppercase;
  display: inline-block;
  font-size: 1.125rem;
  line-height: 2.0625rem;
  padding: 15px 36px;
  font-weight: var(--font-weight-700);
  opacity: 0;
  transition: ease-in-out 0.25s opacity;
}
.blog main .listing .item a p, .archive main .listing .item a p {
  font-size: 1.125rem;
  line-height: 2.0625rem;
  color: var(--color-brown);
  margin: 0;
}
.blog main .listing .item a p.type, .archive main .listing .item a p.type {
  text-transform: uppercase;
  letter-spacing: 3px;
}
.blog main .listing .item a h3, .blog main .listing .item a p.h3, .archive main .listing .item a h3, .archive main .listing .item a p.h3 {
  color: var(--color-red);
  font-size: 1.375rem;
  line-height: 1.75rem;
  font-weight: var(--font-weight-700);
  margin: 0 0 10px;
  text-transform: none;
  font-family: var(--font-sans);
  transition: 0.25s ease-in-out all;
}
.blog main .listing .item a:hover h3, .blog main .listing .item a:hover p.h3, .archive main .listing .item a:hover h3, .archive main .listing .item a:hover p.h3 {
  color: var(--color-red);
  text-decoration: underline;
}
.blog main .listing .item a:hover .overlay, .archive main .listing .item a:hover .overlay {
  background-color: hsl(from var(--color-red) h s l/0.6);
}
.blog main .listing .item a:hover .overlay span, .archive main .listing .item a:hover .overlay span {
  opacity: 1;
}