*,
*::before,
*::after {
  /*margin: 0;
  padding: 0;*/
  box-sizing: border-box;
}
/* Gutenberg content width */
.editor-styles-wrapper .wp-block {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

/* Wide */
.editor-styles-wrapper .wp-block[data-align="wide"] {
  max-width: 1536px;
}

/* Full */
.editor-styles-wrapper .wp-block[data-align="full"] {
  max-width: none;
}
html,
body {
  height: 100%;
}

body {
  font-family: "Source Sans 3", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

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

/*h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}
*/
img {
  
  display: block;
}

table {
  border-collapse: collapse;
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
}
.img-cover {
  position: relative;
}
.img-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* DISPLAY TYPOGRAPHY */
.display-1,
.display-2,
.display-3,
h1,
h2,
h3,
h4,
h5,
h6,
.heading-1,
.heading-2,
.heading-3,
.heading-4,
.heading-5,
.heading-6 {
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.1em;
}
.display-1 {
  font-size: clamp(52px, 6vw, 90px);
}

.display-2 {
  font-size: clamp(50px, 6vw, 70px);
}

.display-3 {
  font-size: clamp(40px, 5vw, 50px);
}

/* HEADING TYPOGRAPHY */
h1,
.heading-1 {
  font-size: clamp(36px, 4vw, 46px);
}

h2,
.heading-2 {
  font-size: clamp(30px, 3.5vw, 36px);
}

h3,
.heading-3 {
  font-size: clamp(24px, 3vw, 30px);
}

h4,
.heading-4 {
  font-size: clamp(22px, 2.5vw, 26px);
}

h5,
.heading-5 {
  font-size: clamp(22px, 2vw, 22px);
}

h6,
.heading-6 {
  font-size: clamp(20px, 1.5vw, 22px);
}

/* TEXT TYPOGRAPHY */
.text-xl {
  font-size: clamp(22px, 2vw + 12px, 24px);
}

.text-lg {
  font-size: clamp(20px, 2vw + 10px, 22px);
}

.text-md {
  font-size: clamp(19px, 2vw + 8px, 20px);
}

.text-sm {
  font-size: 18px;
}

.text-xs {
  font-size: 16px;
}

/* COLORS */
:root {
  --color-dark: #051331;
  --color-blue: #34b0e1;
  --color-green: #87b236;
  --color-gold: #A4864B;
  --color-sand: #ede0c5;
  --color-orange: #ef7d1a;
  --color-yellow: #fbc735;
  --color-white: #ffffff;
  --color-black: #000000;
}

/* Background utilities */
.bg-none {
  background-color: transparent;
}
.bg-dark {
  background-color: var(--color-dark);
}
.bg-blue {
  background-color: var(--color-blue);
}
.bg-green {
  background-color: var(--color-green);
}
.bg-gold {
  background-color: var(--color-gold);
}
.bg-sand {
  background-color: var(--color-sand);
}
.bg-orange {
  background-color: var(--color-orange);
}
.bg-yellow {
  background-color: var(--color-yellow);
}
.bg-white {
  background-color: var(--color-white);
}
.bg-black {
  background-color: var(--color-black);
}

/* Text utilities */
.text-dark {
  color: var(--color-dark);
}
.text-blue {
  color: var(--color-blue);
}
.text-green {
  color: var(--color-green);
}
.text-gold {
  color: var(--color-gold);
}
.text-sand {
  color: var(--color-sand);
}
.text-orange {
  color: var(--color-orange);
}
.text-yellow {
  color: var(--color-yellow);
}
.text-white {
  color: var(--color-white);
}
.text-black {
  color: var(--color-black);
}

/* BUTTONS */
.btn,
.btn-link {
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 700;
  line-height: 1;
}
.btn svg,
.btn-link svg {
  transform: translateX(0px);
  transition: all 0.2s ease-in-out;
}
.btn:hover svg,
.btn-link:hover svg {
  transform: translateX(4px);
}
.btn {
  padding: 14px 20px;
  border-radius: 0;
}
.btn.dark {
  background-color: var(--color-dark);
  color: var(--color-white);
}
.btn.white {
  background-color: var(--color-white);
  color: var(--color-dark);
}
.btn.blue {
  background-color: var(--color-blue);
  color: var(--color-white);
}
.btn.green {
  background-color: var(--color-green);
  color: var(--color-white);
}
.btn.gold {
  background-color: var(--color-gold);
  color: var(--color-dark);
}
.btn.yellow {
  background-color: var(--color-yellow);
  color: var(--color-dark);
}
.btn.orange {
  background-color: var(--color-orange);
  color: var(--color-white);
}
.btn.sand {
  background-color: var(--color-sand);
  color: var(--color-dark);
}
.btn.gold svg path,
.btn.sand svg path,
.btn.yellow svg path,
.btn.white svg path {
  stroke: var(--color-dark);
}
.news-archive h1, .single-post h1{
  margin: 0;
}
.news-filter-button {
  border: 1px solid var(--color-white);
  background-color: transparent;
  color: var(--color-white);
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out,
    border-color 0.2s ease-in-out;
}

.news-filter-button svg path {
  stroke: var(--color-white);
  transition: stroke 0.2s ease-in-out;
}

.news-filter-button:hover,
.news-filter-button:focus-visible,
.news-filter-button.is-active {
  background-color: var(--color-white);
  color: var(--color-dark);
}

.news-filter-button:hover svg path,
.news-filter-button:focus-visible svg path,
.news-filter-button.is-active svg path {
  stroke: var(--color-dark);
}

.btn-link {
  background-color: transparent;
}
.btn-link.dark {
  color: var(--color-dark);
}
.btn-link.white {
  color: var(--color-white);
}
.btn-link.blue {
  color: var(--color-blue);
}
.btn-link.green {
  color: var(--color-green);
}
.btn-link.gold {
  color: var(--color-gold);
}
.btn-link.yellow {
  color: var(--color-yellow);
}
.btn-link.orange {
  color: var(--color-orange);
}
.btn-link.sand {
  color: var(--color-sand);
}
.btn-link.dark svg path {
  stroke: var(--color-dark);
}
.btn-link.white svg path {
  stroke: var(--color-white);
}
.btn-link.blue svg path {
  stroke: var(--color-blue);
}
.btn-link.green svg path {
  stroke: var(--color-green);
}
.btn-link.gold svg path {
  stroke: var(--color-gold);
}
.btn-link.yellow svg path {
  stroke: var(--color-yellow);
}
.btn-link.orange svg path {
  stroke: var(--color-orange);
}
.btn-link.sand svg path {
  stroke: var(--color-sand);
}

.btn-xs {
  font-size: 16px;
}
.btn-s {
  font-size: 18px;
}
.btn-m {
  font-size: 20px;
}
.btn-l {
  font-size: 22px;
}
.btn-xl {
  font-size: 34px;
}
.btn-2xl {
  font-size: 40px;
}
.btn-xs svg {
  height: 12px;
  width: auto;
}
.btn-s svg {
  height: 12px;
  width: auto;
}
.btn-m svg {
  height: 14px;
  width: auto;
}
.btn-l svg {
  height: 16px;
  width: auto;
}
.btn-xl svg {
  height: 18px;
  width: auto;
}
.btn-2xl svg {
  height: 20px;
  width: auto;
}

.links-vertical > div:not(:last-child)::after {
  content: "";
  display: block;
  height: 1px;
  background-color: var(--color-dark);
  opacity: 0.2;
  width: 100%;
  margin-top: 10px;
  pointer-events: none;
}
.banner .links-vertical > div:not(:last-child)::after{
  display: none;
}

/* resp-container */
.pb {
  padding-bottom: 50px;
}

.pt {
  padding-top: 50px;
}

.mb {
  margin-bottom: 50px;
}

.mt {
  margin-top: 50px;
}

.resp-container {
  max-width: 1440px;
  width: calc(100% - 40px);
  margin-right: auto;
  margin-left: auto;
}

.wide-container {
  max-width: 1700px;
  width: calc(100% - 40px);
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 768px) {
  .mb {
    margin-bottom: 80px;
  }

  .mt {
    margin-top: 80px;
  }

  .pb {
    padding-bottom: 80px;
  }

  .pt {
    padding-top: 80px;
  }

  .resp-container {
    width: calc(100% - 80px);
  }
}

@media screen and (min-width: 1024px) {
  .mb {
    margin-bottom: 110px;
  }

  .mt {
    margin-top: 110px;
  }

  .pb {
    padding-bottom: 110px;
  }

  .pt {
    padding-top: 110px;
  }

  .resp-container {
    width: calc(100% - 80px);
  }
}

@media screen and (min-width: 1440px) {
  .mb {
    margin-bottom: 140px;
  }

  .mt {
    margin-top: 140px;
  }

  .pb {
    padding-bottom: 140px;
  }

  .pt {
    padding-top: 140px;
  }
}

@media screen and (min-width: 1600px) {
  .resp-container {
    width: calc(100% - 100px);
  }
}

@media screen and (min-width: 1750px) {
  .mb {
    margin-bottom: 160px;
  }

  .mt {
    margin-top: 160px;
  }

  .pb {
    padding-bottom: 160px;
  }

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

/* IMG ASPECT RATIO */
.aspect-1-1 {
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.aspect-4-3 {
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.aspect-3-2 {
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.aspect-16-9 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.aspect-3-4 {
  aspect-ratio: 3 / 4;
  object-fit: cover;
}

.aspect-2-3 {
  aspect-ratio: 2 / 3;
  object-fit: cover;
}

.aspect-9-16 {
  aspect-ratio: 9 / 16;
  object-fit: cover;
}

/* HOVER EFFECTS */
/* resp-container that enables zoom effect */
.hover-zoom {
  position: relative;
  overflow: hidden;
}

/* Image that fills resp-container */
.hover-zoom-img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.6s ease;
  z-index: 0;
}

/* Zoom effect */
.hover-zoom:hover .hover-zoom-img {
  transform: scale(1.1);
}
/* BACKGROUND FADE */
.background-fade-black::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    0deg,
    rgba(5, 19, 49, 0.8) 0%,
    rgba(5, 19, 49, 0) 100%
  );
  pointer-events: none;
}
.dark-overlay {
  position: relative;
}

.dark-overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--color-dark);
  opacity: 0.5;
  z-index: 2;
}

.dark-overlay > * {
  z-index: 3;
}

/* Banner background video (oEmbed iframe "cover" trick) */
.video-bg {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #000;
}

.video-bg iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  /* "cover" trick for 16:9 video */
  width: 100vw;
  height: 56.25vw; /* 9/16 * 100 */

  min-width: 177.78vh; /* 16/9 * 100 */
  min-height: 100vh;

  pointer-events: none;
}

.video-bg video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}
.post-info h3{
  text-transform: inherit;
}

/* PARTNER SLIDER */

.main-partners img {
  width: 100%;
  object-fit: contain;
  max-height: 45px;
  max-width: 350px;
}
.partner-slider {
  overflow: hidden;
  width: 100%;
  mask-image: linear-gradient(
    to right,
    transparent,
    var(--color-dark) 10%,
    var(--color-dark) 90%,
    transparent
  );
}

.partner-track {
  display: flex;
  width: max-content;
  animation: scroll 32s linear infinite;
  will-change: transform;
}

/* IMPORTANT: put spacing here, not on partner-track */
.partner-group {
  display: flex;
  gap: 30px;
  padding-right: 30px; /* makes the "missing last gap" exist */
  flex-shrink: 0;
}

.partner-group img {
  height: 28px;
  object-fit: contain;
  flex-shrink: 0;
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
@media screen and (min-width: 767px) {
  .partner-group img {
    height: 30px;
  }
  .main-partners img {
    max-height: 50px;
  }
}

@media screen and (min-width: 1240px) {
  .partner-group img {
    height: 40px;
    max-width: 250px;
  }
  .main-partners img {
    max-height: 70px;
    max-width: 300px;
  }
}

/* HERO COUNTDOWN */
.hero-countdown {
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  color: var(--color-white);
  text-transform: uppercase;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.time {
  padding: 0 20px;
}

.time:not(:last-child) {
  border-right: 1px solid rgba(255, 255, 255, 0.6);
}
.hero-countdown > div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.hero-countdown span.value {
  font-size: 36px;
  font-weight: 900;
}
.hero-countdown span.label {
  font-size: 16px;
  font-weight: 500;
}
@media screen and (min-width: 767px) {
  .hero-countdown span.value {
    font-size: 42px;
  }
  .hero-countdown span.label {
    font-size: 20px;
  }
  .time {
    padding: 0 40px;
  }
}
@media screen and (min-width: 1280px) {
  .hero-countdown span.value {
    font-size: 52px;
  }
  .hero-countdown span.label {
    font-size: 22px;
  }
  .time {
    padding: 0 40px;
  }
}
@media screen and (min-width: 1536px) {
  .hero-countdown span.value {
    font-size: 72px;
  }
  .hero-countdown span.label {
    font-size: 24px;
  }
  .time {
    padding: 0 60px;
  }
}

/* MERCH SLIDER */
.merch {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.merch-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

/* IMPORTANT: never let this go negative on small screens */
.slider-wrapper {
  /*padding-left: max(20px, calc((100vw - 1440px) / 2 + 20px));*/
  overflow: visible;
  margin-top: 40px;
}

/* Slick defaults that often hide the “peek” */
.merch-slick .slick-list {
  overflow: visible; /* allow the half card to show */
}

.merch-slick .slick-track {
  display: flex;
}

.merch-slick .slick-slide {
  height: auto;
}
.slick-controls {
  display: flex;
  gap: 16px;
}

.slick-controls button {
  width: 40px;
  height: 40px;
  cursor: pointer;
  background-color: var(--color-white);
  color: var(--color-dark);
  font-size: 40px;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.slick-controls button svg {
  width: 6px;
  height: auto;
}

.slick-slide {
  margin-right: 30px;
}

.product {
  display: flex !important;
  flex-direction: column;
  gap: 20px;
}
/*.product:hover .product-image svg {
  transform: translateX(4px);
}*/
.product:hover .product-image img {
  transform: scale(106%);
}
.product-image {
  position: relative;
  aspect-ratio: 1/1;
  padding: 20px;
  background-color: var(--color-white);
}
.product-image img {
  object-fit: contain;
  aspect-ratio: 1/1;
  width: 100%;
  transition: all 0.2s ease-in-out;
  transform: scale(100%);
}
.product-image svg {
  width: 11px;
  height: auto;
  position: absolute;
  right: 20px;
  bottom: 20px;
  transition: all 0.2s ease-in-out;
  transform: translateX(0px);
}
.product-info h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 4px;
}
.product-info p {
  font-size: 18px;
  text-transform: uppercase;
  opacity: 0.6;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
.product-info p::before {
  content: "";
  height: 1px;
  width: 25px;
  background-color: var(--color-white);
}
@media screen and (min-width: 1024px) {
  .slick-controls button {
    width: 46px;
    height: 46px;
  }
  .slick-controls button svg {
    width: 7px;
  }
  .product-info h3 {
    font-size: 24px;
  }
  .product-info p {
    font-size: 20px;
  }
  .product-image svg {
    width: 15px;
    right: 26px;
    bottom: 26px;
  }
}

/* SUMMER EVENTS */
.summer-events-intro p {
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
}
.event > div {
  z-index: 3;
}
.event .link-arrow {
  transform: translateX(0px);
  transition: all 0.2s ease-in-out;
}
.event:hover .link-arrow {
  transform: translateX(6px);
}

.event::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    3deg,
    rgba(5, 19, 49, 0.8) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  z-index: 2;
}
.event::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    3deg,
    var(--event-hover-color, rgba(5, 19, 49, 0.6)) 0%,
    var(--event-hover-color-transparent, rgba(5, 19, 49, 0)) 100%
  );
  opacity: 0;
  z-index: 2;
  transition: opacity 0.3s ease-in-out;
}
.event:hover::after {
  opacity: 1;
}
.merch{
  color: var(--color-white);
}

.merch.bg-sand, .merch.bg-white, .merch.bg-yellow{
  color: var(--color-dark);
}
.merch.bg-sand .product-info p::before, .merch.bg-white .product-info p::before, .merch.bg-yellow .product-info p::before{
  background-color: var(--color-dark);
}
.merch.bg-white .slick-controls button{
  background-color: var(--color-dark);
}
.merch.bg-white .slick-controls button path{
  stroke: var(--color-white);
}

/* HERO BLOCK */
.pre-heading{
  font-weight: 400 !important;
}

body.menu-open {
  overflow: hidden;
}

.site-header {
  position: absolute;
  inset: 0 0 auto;
  z-index: 1000;
  pointer-events: none;
}

.site-header__inner {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
  padding-top: 20px;
  pointer-events: none;
}

.site-header__logo {
  pointer-events: auto;
}

.site-header__actions-wrap {
  position: fixed;
  inset: 0 0 auto;
  pointer-events: none;
}

.site-header__actions {
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  pointer-events: none;
}

.site-header__actions > * {
  pointer-events: auto;
}

.site-header__logo {
  display: inline-flex;
  width: min(210px, 45vw);
}

.site-header__logo img {
  width: 100%;
  height: auto;
}

.site-header__logo-text {
  color: var(--color-white);
  font-size: clamp(28px, 4vw, 40px);
  font-weight: 700;
  line-height: 0.92;
  text-transform: uppercase;
}

.site-header__actions .links-container {
  flex-wrap: nowrap;
  gap: 16px;
}

.site-header__actions .btn,
.site-header__actions .btn-link {
  white-space: nowrap;
}

.site-header__actions .btn {
  min-height: 56px;
  padding: 18px 20px;
  font-size: 18px;
  line-height: 1;
  box-shadow: 0 14px 30px rgba(5, 19, 49, 0.2);
}

.fixed-side-button {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 900;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
  pointer-events: none;
}

.fixed-side-button__link {
  flex-direction: row;
  white-space: nowrap;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  direction: ltr;
  pointer-events: auto;
}

.fixed-side-button__label {
  display: inline-block;
  transform: rotate(180deg);
}

.fixed-side-button__link svg {
  transform: rotate(-90deg);
  transition: transform 0.2s ease-in-out;
}

.fixed-side-button__link:hover svg {
  transform: rotate(-90deg) translateX(4px);
}

body.menu-open .fixed-side-button {
  opacity: 0;
  visibility: hidden;
}

.site-header__toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  padding: 0;
  border: 0;
  background-color: var(--color-white);
  color: var(--color-dark);
  cursor: pointer;
  box-shadow: 0 14px 30px rgba(5, 19, 49, 0.2);
}

.site-header__toggle-icon {
  position: relative;
  display: block;
  width: 20px;
  height: 16px;
}

.site-header__toggle-line {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--color-dark);
  transition: top 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
}

.site-header__toggle-line:nth-child(1) {
  top: 0;
}

.site-header__toggle-line:nth-child(2) {
  top: 8px;
}

.site-header__toggle-line:nth-child(3) {
  top: 16px;
}

.site-header__menu {
  position: fixed;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.25s ease, visibility 0.25s ease;
}

body.menu-open .site-header__menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.site-header__backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(5, 19, 49, 0.45);
  cursor: pointer;
}

.site-header__drawer {
  position: absolute;
  top: 0;
  right: 0;
  width: min(420px, 100%);
  height: 100%;
  padding: 110px 24px 40px;
  background-color: var(--color-dark);
  color: var(--color-white);
  transform: translateX(100%);
  transition: transform 0.25s ease;
  overflow-y: auto;
}

body.menu-open .site-header__drawer {
  transform: translateX(0);
}

.site-header__close {
  position: absolute;
  top: 24px;
  right: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  padding: 0;
  border: 0;
  background-color: var(--color-white);
  color: var(--color-dark);
  cursor: pointer;
  box-shadow: 0 14px 30px rgba(5, 19, 49, 0.2);
}

.site-header__close-icon {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
}

.site-header__close-line {
  position: absolute;
  top: 8px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--color-dark);
}

.site-header__close-line:nth-child(1) {
  transform: rotate(45deg);
}

.site-header__close-line:nth-child(2) {
  transform: rotate(-45deg);
}

.site-header__menus {
  display: flex;
  flex-direction: column;
  gap: 52px;
}

.site-header__menu-section {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.site-header__section-heading {
  margin: 0;
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
}

.site-header__nav > div {
  width: 100%;
}

.site-header__menu-list,
.site-header__nav ul {
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-header__nav li {
  margin: 0;
  padding: 0;
}

.site-header__nav a {
  display: inline-flex;
  color: var(--color-white);
  font-size: clamp(24px, 4vw, 36px);
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}

.site-header__nav .current-menu-item > a,
.site-header__nav .current_page_item > a,
.site-header__nav a:hover {
  color: var(--color-gold);
}

.site-header__nav--primary {
  flex: 0 0 auto;
}

.site-header__menu-list--primary {
  gap: 14px;
}

.site-header__secondary-menu,
.site-header__tertiary-menu {
  display: flex;
  flex-direction: column;
  gap: 42px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-header__secondary-menu > li,
.site-header__tertiary-menu > li {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.site-header__secondary-menu > li > a,
.site-header__tertiary-menu > li > a {
  display: inline-flex;
  color: var(--color-white);
  font-size: clamp(22px, 3vw, 30px);
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}

.site-header__secondary-menu .sub-menu,
.site-header__tertiary-menu .sub-menu {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  padding: 0 0 0 10px;
  list-style: none;
}

.site-header__secondary-menu .sub-menu li,
.site-header__tertiary-menu .sub-menu li {
  position: relative;
  padding-left: 14px;
}

.site-header__secondary-menu .sub-menu li::before,
.site-header__tertiary-menu .sub-menu li::before {
  content: "-";
  position: absolute;
  left: 0;
  top: 0;
  color: rgba(255, 255, 255, 0.8);
}

.site-header__secondary-menu .sub-menu a,
.site-header__tertiary-menu .sub-menu a {
  display: inline-flex;
  color: rgba(255, 255, 255, 0.9);
  font-size: 22px;
  font-weight: 400;
  line-height: 1.2;
  text-transform: none;
}

@media screen and (max-width: 680px) {
  .site-header__inner {
    padding-top: 16px;
  }

  .site-header__actions {
    padding-top: 16px;
  }

  .site-header__logo {
    width: min(170px, 46vw);
  }

  .site-header__actions .links-container {
    display: none;
  }

  .fixed-side-button {
    gap: 8px;
  }

  .fixed-side-button__link {
    padding: 14px 10px;
  }

  .site-header__toggle {
    width: 52px;
    height: 52px;
  }

  .site-header__drawer {
    width: 100%;
    padding-top: 96px;
  }

  .site-header__close {
    top: 16px;
    right: 16px;
    width: 52px;
    height: 52px;
  }

  .site-header__menus {
    gap: 40px;
  }

  .site-header__secondary-menu,
  .site-header__tertiary-menu {
    gap: 34px;
  }

  .site-header__secondary-menu .sub-menu a,
  .site-header__tertiary-menu .sub-menu a {
    font-size: 18px;
  }
}

@media screen and (min-width: 768px) {
  .site-header__inner {
    padding-top: 28px;
  }

  .site-header__actions {
    padding-top: 28px;
  }

  .site-header__logo {
    width: min(220px, 22vw);
  }
}

.single-post__meta a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.single-post__content {
  color: #151515;
}

.single-post__content > :first-child {
  margin-top: 0;
}

.single-post__content > :last-child {
  margin-bottom: 0;
}

.single-post__content > * + * {
  margin-top: 24px;
}

.single-post__content h1,
.single-post__content h2,
.single-post__content h3,
.single-post__content h4,
.single-post__content h5,
.single-post__content h6 {
  margin-top: 40px;
  margin-bottom: 16px;
}

.single-post__content p,
.single-post__content li,
.single-post__content blockquote {
  line-height: 1.6;
}

.single-post__content ul,
.single-post__content ol {
  padding-left: 24px;
}

.single-post__content ul {
  list-style: disc;
}

.single-post__content ol {
  list-style: decimal;
}

.single-post__content a {
  text-decoration: underline;
  text-underline-offset: 4px;
}

.single-post__content img {
  display: block;
  max-width: 100%;
  height: auto;
}

.single-post__content figure,
.single-post__content .wp-block-image,
.single-post__content .wp-block-embed {
  margin-top: 32px;
  margin-bottom: 32px;
}