/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/* ============================================
FONT IMPORT
============================================ */
@font-face {
  font-family: 'aro condensed';
  src: url('assets/fonts/Aro-Condensed.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'aro normal';
  src: url('assets/fonts/Aro-Normal.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'selecta';
  src: url('assets/fonts/SelectaTrialUnlicensed-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}


/* ============================================
CSS VARIABLES
============================================ */
:root {
  /* font sizes */
  --fs-xxs: 13px;
  --fs-xs: 16px;
  --fs-sm: 18px;
  --fs-sm2: 20px;
  --fs-base: 26px;
  --fs-md: 32px;
  --fs-lg: 42px;
  /* --fs-xl: 100px;
  --fs-2xl: 100px; */

  @media (max-width: 999px) {
    --fs-xs: 12px;
    --fs-sm: 14px;
    --fs-sm2: 15px;
    --fs-base: 17px;
    --fs-md: 17px;
    --fs-lg: 23px;
  }

  /* colors */
  --c-black: #292929;
  --c-dark: #2A2A2A;
  --c-white: #FFFFFF;
  --c-light: #F8F8F8;
  --c-yellow: #FED204;
  --c-beige: #E9D8C6;

  --c-grey: #EDEDED;
  --c-lightgrey: #D9D9D9;
  --c-midgrey: #676463;
  --c-darkgrey: #444444;
  --c-grey-inactive: #C2C1C2;
  --c-grey-inactive2: #BEBEBE;

  --c-blue: #001FD5;
  --c-lightblue: #4491FB;
  --c-darkblue: #152A90;
  --c-babyblue: #A4C9EC;
  --c-blue-inactive: #8CBAFA;

  --c-lightgreen: #D8EBD7;
  --c-darkgreen: #0E4D26;
  --c-green-inactive: #B0CBB4;
  --c-green-highlight: #ADFF88;

  --c-brown: #CC9F75;
  --c-saturatedbrown: #C58346;
  --c-lightbrown: #E3D5BF;
  --c-darkbrown: #43362D;
  --c-brown-inactive: #B1A99B;

  --c-red: #FE0908;
  --c-winered: #830000;
  --c-pink: #E71F55;

  /* transitions */
  --trans-default: 0.15s ease;

  /* paddings */
  --gap-container-main: 72px;

  @media (max-width: 999px) {
    --gap-container-main: 12px;
  }

  --mobile-container-width: calc(100% - 12px * 2);
}


/* ============================================
TYPOGRAPHY
============================================ */
body > * {
  font-family: 'selecta', Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: var(--c-dark);
}

p {
  padding-bottom: 1em;
  line-height: 1.1;
}

body a {
  color: var(--c-blue);
}



/* ============================================
FREQUENT COMPONENTS / MISC
============================================ */
/* section title */
.section-title {
  border-bottom: none !important;
  padding: 0 !important;
}

.section-title h1,
.modal-page-title,
.modal-events-past-heading,
#menu-resources-menu li a {
  font-family: 'aro normal', Arial, Helvetica, sans-serif;
  font-size: 6vw;
  line-height: 0.8;
  letter-spacing: -0.02em;

  @media (max-width: 999px) {
    font-size: 10vw;
  }
}

/* fancy box */
.nectar-fancy-box {
  border-radius: 0 !important;

  .box-bg {
    &:before {
      display: none !important;
    }
  }
}

/* list */
ol {
  li:not(:last-child) {
    margin-bottom: 1em;
  }
}

/* nectar slider gallery */
.wpb_gallery {
  width: 60%;
  margin-top: 24px;

  @media (max-width: 999px) {
    width: 100%;
    margin-top: 2em;
  }

  .wpb_gallery_slidesnectarslider_style {
    .slider-prev,
    .slider-next {
      width: 50% !important;
      height: 100% !important;
      top: 0;
      transform: none !important;
      margin: 0;
      border-radius: 0;
      background: none;

      &:hover {
        background: none !important;
      }
    }

    .slider-prev {
      .slide-count {
        display: none !important; /* temp? */

        .slide-current,
        .icon-salient-right-line,
        .slide-total {
          opacity: 1 !important;
        }
      }
    }

    .slider-next {
      .slide-count {
        display: none !important;
      }
    }

    .icon-salient-left-arrow,
    .icon-salient-right-arrow {
      display: none;
    }
  }
}

/* skip to content */
.nectar-skip-to-content {
  display: none
}

/* links */
a {
  transition: opacity var(--trans-default);

  &:hover {
    opacity: 0.6;
    color: inherit !important;
  }
}

/* buttons */
.form-newsletter input[type="submit"],
.container-wrap input[type="submit"] {
  font-family: 'selecta', Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: var(--fs-sm);
  line-height: 1 !important;
  padding: 20px !important;
  height: calc(20px * 2 + var(--fs-sm));

  @media (max-width: 999px) {
    padding: 16px !important;
  }

  &:hover {
    box-shadow: none;
    transform: none !important;
    -webkit-transform: none;
  }
}

.nectar-button.medium,
.event-links a,
.ow-button-base a {
  font-family: 'selecta', Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: var(--fs-sm2);
  line-height: 1 !important;
  padding: 20px 24px !important;
  height: calc(20px * 2 + var(--fs-sm2));
  border-radius: 4px !important;
  border: none !important;

  @media (max-width: 999px) {
    padding: 16px 20px !important;
    height: calc(16px * 2 + var(--fs-sm2));
  }

  &:hover {
    box-shadow: none !important;
    transform: none !important;
  }
}



/* ============================================
GENERAL LAYOUT
============================================ */
/* container */
.container {
  &.main-content {
    padding: 0;
  }
}

.container-wrap {
  padding-bottom: 0;
}

body[data-header-resize="0"] .container-wrap, 
body[data-header-resize="0"] .project-title {
  padding-top: 0;
}

/* content blocks */
.material .wpb_content_element {
  margin-bottom: 1em;
}



/* ============================================
HEADER
============================================ */
#header-outer {
  background: none !important;
  background-color: transparent !important;
  backdrop-filter: none;

  @media (max-width: 999px) {
    pointer-events: none;
  }
}

#header-outer #mobile-menu ul li[class*="current"] > a {
  color: var(--c-midgrey);
}

#header-space {
  height: 0 !important;
}

header {
  .container {
    padding: 12px 16px 0 !important;

    @media (max-width: 999px) {
      padding: 0 !important;

      .row,
      #mobile-menu {
        pointer-events: all;
      }
    }
  }

  #logo {
    margin: 0 !important;
    position: absolute;
    left: 0;
    top: 0;

    svg {
      height: 52px;
      width: auto;
      position: absolute;
      color: var(--c-black);
    }
  }

  .logo-spacing {
    margin: 0 !important;
  }

  nav {
    justify-content: center;

    ul:not(.sub-menu) li {
      width: 10vw;
      font-size: var(--fs-xs);

      span {
        color: var(--c-dark);
        font-size: var(--fs-xs);
      }

      a {
        padding: 0 !important;
        color: var(--c-dark) !important;

        &:hover {
          cursor: pointer;
        }
      }
    }

    ul li:not([class*="menu-item-btn"]) {
      padding-left: 20px;
      padding-right: 20px;

      @media (max-width: 999px) {
        padding-left: 16px;
        padding-right: 16px;
      }
    }

    .sf-menu:not(.buttons) {
      background: hsl(0deg 0% 92.55% / 40%);
      backdrop-filter: blur(54px);
      width: auto !important;
      border-radius: 4px;
    }

    .sf-menu.buttons {
      display: flex;
      justify-content: flex-end;
      column-gap: 8px;

      li {
        width: auto;
        padding: 0;

        a {
          border-radius: 4px;
          padding: 6px 28px !important;
          
          span {
            color: var(--c-light);
          }
        }

        &:first-child {
          a {
            background: var(--c-dark);
          }
        }

        &:last-child {
          a {
            background: var(--c-midgrey);
          }
        }
      }
    }

    /* temp hide right buttons */
    .buttons.sf-menu {
      display: none;
    }

    .sub-menu {
      width: auto;
      max-width: 240px;
      padding: 20px 20px 16px;
      background: hsl(0deg 0% 92.55% / 40%);
      backdrop-filter: blur(24px);
      border-radius: 4px;
      flex-direction: column;
      row-gap: 2px;
      text-align: left;
      box-shadow: inset 0px 4px 6px hsl(0deg 0% 0% / 15%);
      border: none !important;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;

      &.submenu-visible {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
      }

      li {
        opacity: 1 !important;
        padding: 0 0 4px !important;
        font-size: var(--fs-xs);
        text-transform: uppercase;
        
        span {
          color: var(--c-dark);
          font-size: var(--fs-xs);
        }

        a {
          padding: 0 !important;
          color: var(--c-dark) !important;
          line-height: 1 !important;
        }
      }
    }
  }

  @media (max-width: 999px) {
    .row:has(#logo) {
      display: inline-flex;
      width: auto;
      margin: 0 auto;
      left: 50%;
      transform: translateX(-50%);

      .col.span_3 {
        height: auto !important;
        width: auto !important;
        padding: 8px 16px 8px 12px;
        border-radius: 4px;
        background: hsl(0deg 0% 92.55% / 40%);
        backdrop-filter: blur(54px);
        margin-right: 2px !important;

        #logo {
          width: auto !important;
          position: relative;
          display: flex !important;
          align-items: center;
          column-gap: 10px;

          img, svg {
            height: 32px !important;
            position: relative;
          }

          &::after {
            display: block;
            content: 'Reset!';
            font-size: var(--fs-base);
            letter-spacing: normal;
            font-weight: 500;
            color: var(--c-dark);
          }
        }
      }

      .col.span_9.col_last {
        height: auto;
        width: auto !important;
        padding: 8px 13px;
        border-radius: 4px;
        background: hsl(0deg 0% 92.55% / 40%);
        backdrop-filter: blur(54px);

        a {
          &:hover {
            opacity: 1;
          }
        }

        .close-wrap {
          width: 20px;
        }
      }

      /* mobile menu button */
      .slide-out-widget-area-toggle.mobile-icon .lines-button:after, 
      .slide-out-widget-area-toggle.mobile-icon .lines:after, 
      .slide-out-widget-area-toggle.mobile-icon .lines:before {
        height: 0.1rem !important;
      }
    }

    #mobile-menu {
      top: 99% !important;
      width: calc(100% - 32px * 2) !important;
      padding: 0 2px !important;
      left: 32px !important;
      border-radius: 4px;

      &::before {
        background: hsl(0deg 0% 92.55% / 40%) !important;
        backdrop-filter: blur(54px);
        width: 100% !important;
        left: 0 !important;
        border-radius: 4px;
      }

      ul:not(.sub-menu) {
        padding: 20px 22px 24px;

        ul>li>a {
          margin-left: 8px !important;
        }

        li {
          &::before,
          &::after {
            display: none !important;
          }

          a {
            color: var(--c-dark);
            font-weight: 500;
            font-size: var(--fs-sm2) !important;
            padding: 5px !important;
            line-height: 1.1;
          }
        }

        > li {
          &:nth-last-child(2) {
            margin-top: 40px;

            > a {
              border-radius: 4px;
              padding: 6px 28px !important;
              background: var(--c-dark);
              text-align: center;

              span {
                color: var(--c-light);
              }
            }
          }

          &:nth-last-child(1) {
            margin-top: 6px;

            > a {
              border-radius: 4px;
              padding: 6px 28px !important;
              background: var(--c-midgrey);
              text-align: center;

              span {
                color: var(--c-light);
              }
            }
          }
        }
      }
    }
  }
}

/* mobile menu button */
@media (max-width: 999px) {
  body #top #logo img,
  body #top #logo svg,
  #header-outer[data-permanent-transparent="false"] #logo .dark-version {
    height: 32px !important;
  }

  body[data-slide-out-widget-area-style="slide-out-from-right-hover"] .slide-out-widget-area-toggle.mobile-icon .lines:before, 
  body #header-outer .slide-out-widget-area-toggle.mobile-icon .lines:before, 
  #header-outer .left-aligned-ocm .lines:before {
    width: 100% !important;
  }

  .slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:after, .slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:before, .slide-out-widget-area-toggle.mobile-icon .lines-button:after,
  body.mobile.material[data-header-color=light] #header-outer .slide-out-widget-area-toggle a .close-line, 
  body.mobile.material[data-header-color=light] #header-outer.transparent .slide-out-widget-area-toggle a .close-line {
    background: var(--c-dark) !important;
  }

  #search-outer .close-wrap .close-line, 
  #top .slide-out-widget-area-toggle .close-line, 
  .nectar-close-btn .close-line, 
  .slide_out_area_close .close-wrap .close-line, 
  .style_slide_in_click .close-cart .close-line {
    width: 0.1rem !important;
  }

  #header-outer #top .mobile-user-account, 
  #top #mobile-cart-link, #top .mobile-search, 
  #top .span_9>.slide-out-widget-area-toggle {
    padding: 0;
  }

  #header-outer[data-format=centered-menu-bottom-bar] #top .span_9, 
  #top .col.span_9 {
    position: relative !important;
    height: auto !important;
  }
}

/* logo colors per pages */
body:has(#tab-who-are-we.visible-tab) {
  #header-outer #logo {
    svg {
      color: var(--c-black);
    }
  }

  @media (max-width: 999px) {
    #header-outer #logo {
      svg,
      &::after {
        color: var(--c-light);
      }
    }

    .slide-out-widget-area-toggle.mobile-icon .lines-button:after, 
    .slide-out-widget-area-toggle.mobile-icon .lines:after, 
    .slide-out-widget-area-toggle.mobile-icon .lines:before,
    #header-outer .slide-out-widget-area-toggle a .close-line {
      background: var(--c-light) !important;
    }
  }
}

body:has(#tab-the-story.visible-tab),
body:has(#meet-members-intro),
body:has(#become-member-intro),
body.theme-black {
  #header-outer #logo {
    svg {
      color: var(--c-yellow);
    }
  }

  @media (max-width: 999px) {
    #header-outer #logo {
      svg,
      &::after {
        color: var(--c-yellow);
      }
    }

    .slide-out-widget-area-toggle.mobile-icon .lines-button:after, 
    .slide-out-widget-area-toggle.mobile-icon .lines:after, 
    .slide-out-widget-area-toggle.mobile-icon .lines:before,
    #header-outer .slide-out-widget-area-toggle a .close-line {
      background: var(--c-light) !important;
    }
  }
}

body:has(#tab-governance.visible-tab) {
  #header-outer #logo {
    svg {
      color: var(--c-red);
    }
  }

  @media (max-width: 999px) {
    #header-outer #logo {
      svg,
      &::after {
        color: var(--c-light);
      }
    }

    .slide-out-widget-area-toggle.mobile-icon .lines-button:after, 
    .slide-out-widget-area-toggle.mobile-icon .lines:after, 
    .slide-out-widget-area-toggle.mobile-icon .lines:before,
    #header-outer .slide-out-widget-area-toggle a .close-line {
      background: var(--c-light) !important;
    }
  }
}

body:has(#tab-team-contact.visible-tab),
body.single-event {
  #header-outer #logo {
    svg {
      color: var(--c-light);
    }
  }

  @media (max-width: 999px) {
    #header-outer #logo {
      svg,
      &::after {
        color: var(--c-light);
      }
    }

    .slide-out-widget-area-toggle.mobile-icon .lines-button:after, 
    .slide-out-widget-area-toggle.mobile-icon .lines:after, 
    .slide-out-widget-area-toggle.mobile-icon .lines:before,
    #header-outer .slide-out-widget-area-toggle a .close-line {
      background: var(--c-light) !important;
    }
  }
}

body.theme-green {
  @media (min-width: 1000px) {
    #header-outer #logo {
      svg {
        color: var(--c-green);
      }
    }
  }
}

body.theme-brown {
  @media (min-width: 1000px) {
    #header-outer #logo {
      svg {
        color: var(--c-brown);
      }
    }
  }
}

body.theme-blue {
  @media (min-width: 1000px) {
    #header-outer #logo {
      svg {
        color: var(--c-blue);
      }
    }
  }
}

body:has(#position-papers) {
  @media (min-width: 1000px) {
    #header-outer #logo {
      svg {
        color: var(--c-winered);
      }
    }
  }
}



/* ============================================
FOOTER
============================================ */
#footer-outer {
  #footer-widgets {
    background: #FFFFFF;

    @media (max-width: 999px) {
      background: var(--c-lightgrey);
    }

    & > * {
      color: var(--c-dark);
      font-size: var(--fs-sm2);
      line-height: 1;
    }

    .container {
      padding: 0 var(--gap-container-main);
      
      @media (max-width: 999px) {
        padding: 0;
      }

      .row {
        padding: 60px 0 40px;
        display: flex;
        gap: 16px;

        &::before {
          display: none !important;
        }
        
        @media (max-width: 999px) {
          padding: 32px 0 40px;
          flex-wrap: wrap;
          gap: 12px;

          .col {
            width: calc(50% - 12px * 3 / 2);

            img {
              margin-bottom: 6px;
            }
          }
        }

        .col.right-edge {
          display: flex;
          flex-direction: column;
          justify-content: space-between;

          &::after {
            display: none;
          }

          .widget_custom_html {
            opacity: 0.4;
          }
        }

        li.menu-item {
          padding: 0 !important;

          @media (max-width: 999px) {
            &:not(:last-child) {
              padding: 0px 0 6px 0 !important;
            }
          }

          a {
            &:hover {
              color: var(--c-dark) !important;
              opacity: 0.7;
            }         
          }
        }

        h4 {
          font-weight: 500;
          font-size: var(--fs-sm2);
          color: var(--c-dark);
          opacity: 0.4;
          line-height: 1;
          margin-bottom: 44px;

          @media (max-width: 999px) {
            margin-bottom: 6px;
          }
        }
      }
    }
  }

  .widget {
    @media (max-width: 999px) {
      margin-bottom: 6px;
    }
  }

  #copyright {
    display: none;
  }
}



/* ============================================
HOME
============================================ */
/* intro */
#home-intro {
  .nectar-fancy-box {
    &:first-child {
      margin: 0;
      padding: 100px 0 200px;
      background-color: var(--c-grey);

      @media (max-width: 999px) {
        padding: 100px 0 100px;
      }

      .box-bg {
        mix-blend-mode: plus-lighter;
        z-index: 2;
        pointer-events: none;
      }

      .inner {
        font-family: 'aro condensed', Arial, Helvetica, sans-serif;
        font-size: 12vw;
        letter-spacing: -0.01em;
        line-height: 0.8;
        color: #414141;
        text-align: center;
        z-index: 1;

        @media (max-width: 999px) {
          font-size: 16vw;
        }

        strong {
          font-family: 'aro normal', Arial, Helvetica, sans-serif;
        }

        sup {
          vertical-align: top;
          display: inline-block;
          padding: 0.25vw 0;
        }
      }
    }

    &:last-child {
      background: #FF0004;
      color: #590000 !important;
      font-family: 'selecta', Arial, Helvetica, sans-serif;
      font-size: var(--fs-md);
      line-height: 1;
      text-transform: uppercase;
      padding: 28px 48px 36px;
      margin: 0 70px;
      z-index: 3;
      transform: translateY(calc(-200px + var(--gap-container-main)));

      @media (max-width: 999px) {
        margin: 0 12px;
        padding: 12px 20px;
        transform: translateY(calc(-100px + 12px));

        .inner {
          text-align: center;
        }
      }

      .box-bg {
        background: #FF0004 !important;
      }

      a {
        color: #FFCB7D;
      }

      .inner {
        min-height: unset !important;
      }
    }
  }
}

/* news */
#home-news {
  margin-top: 135px;

  @media (max-width: 999px) {
    margin-top: 12px;
  }

  .wpb_text_column:first-child {
    padding-left: var(--gap-container-main);

    @media (max-width: 999px) {
      padding-left: calc(36px - var(--gap-container-main));
      padding-right: 8px;
    }
  }

  p {
    font-size: var(--fs-md);
    line-height: 1.1;

    a {
      color: var(--c-darkblue);
    }
  }

  .nectar-recent-posts-slider_multiple_visible {
    padding-top: 0;
    /* margin-top: 135px; */
    margin-top: 0;

    @media (max-width: 999px) {
      /* margin-top: 100px; */
      margin-top: 0;
      width: calc(100% + var(--gap-container-main) * 2);
      margin-left: calc(-1 * var(--gap-container-main));
      padding-bottom: 60px;
    }

    .nectar-recent-posts-slider-inner {
      margin-left: calc(-1 * var(--gap-container-main));

      @media (max-width: 999px) {
        margin-left: 0;
      }
    }

    .nectar-recent-post-slide {
      padding-top: 0 !important;
      margin: 0 calc(var(--gap-container-main) / 2);

      @media (max-width: 999px) {
        width: calc(100vw - 36px * 2);

        &:last-child {
          margin: 0 36px 0 calc(var(--gap-container-main) / 2);
        }
      }

      .nectar-recent-post-bg-wrap {
        position: relative !important;
      }
    }

    .recent-post-container {
      height: 100%;
      position: relative;

      &.container {
        bottom: unset;
        left: unset;
        top: 0;
        max-width: 100% !important;
      }

      span.strong {
        position: absolute;
        top: -65vh; /* same as article media height */
        background-color: #0000001a;
        backdrop-filter: blur(24px);
        padding: 6px 12px;
        margin: 10px;
        display: flex;
        flex-wrap: wrap;
        column-gap: 16px;
        row-gap: 5px;

        a {
          font-size: var(--fs-sm);
          color: var(--c-white);
          line-height: 1;
          font-weight: 500;
          margin: 0;
        }
      }

      h3 {
        position: relative;
        color: var(--c-dark);
        font-weight: 500;
        font-size: var(--fs-md);
        line-height: 1.1;
        letter-spacing: -0.02em;
        padding-top: 20px;

        @media (max-width: 999px) {
          padding-top: 10px;
        }

        a {
          color: var(--c-dark);
          font-weight: 500;
        }
      }

      .nectar-button {
        display: none !important;
      }
    }

    .flickity-viewport:not(.no-hover) .nectar-recent-post-slide:hover .nectar-recent-post-bg-wrap {
      transform: none !important;
    }

    .flickity-viewport .nectar-recent-post-bg-wrap,
    .nectar-recent-post-bg, 
    .nectar-recent-post-bg:after {
      border-radius: 0;
      height: 65vh;
      border: none !important;

      @media (max-width: 999px) {
        height: calc(100vw - 36px * 2);
      }
    }

    .nectar-recent-post-slide .nectar-recent-post-bg:after {
      display: none !important;
    }

    .nectar-recent-post-bg-blur {
      display: none !important;
    }

    /* custom pagination counter */
    .flickity-page-dots {
      display: none !important;
    }

    .flickity-page-counter {
      display: none;
      font-size: var(--fs-md);
      line-height: 1.1;
      text-align: left;
      padding: 0 var(--gap-container-main) 12px;

      @media (max-width: 999px) {
        padding: 0 36px 12px;
      }
    }
  }
}

/* meet our members */
#home-meet-members,
#meet-members-list {
  background: #000000;
  padding: 100px 0 !important;
  margin-bottom: 0;

  @media (max-width: 999px) {
    padding: 0 !important;
    width: calc(100% + var(--gap-container-main) * 2);
    margin-left: calc(-1 * var(--gap-container-main));

    .clear {
      margin-bottom: 0;
    }
  }
  
  .section-title {
    h1,
    h2 {
      font-family: 'aro condensed', Arial, Helvetica, sans-serif;
      /* color: var(--c-yellow) !important; */
      color: var(--c-light) !important;
      font-size: 12vw;
      letter-spacing: -0.02em;
      line-height: 0.8;

      @media (max-width: 999px) {
        font-size: 16vw;
        padding: 0 24px;
        
      }
    }
  }
}

#home-meet-members .section-title {
  @media (max-width: 999px) {
    position: absolute;
    z-index: 2;
    top: 0;
    padding-top: 100px !important;
  }
}

/* globe */
.so-widget-so-cc-members-map {
  height: 125vh;

  @media (max-width: 999px) {
    height: calc(85vh + 100px + 26vw + 24px);
  }
  
  &::after {
    display: block;
    content: '';
    background: #000;
    height: 28px;
    transform: translateY(-100%);
    z-index: 20;
    position: relative;

    @media (max-width: 999px) {
      height: 30px;
    }

    @media (max-width: 639px) {
      height: 36px;
    }
  }

  .mapboxgl-map {
    height: 100%;

    .mapboxgl-ctrl.mapboxgl-ctrl-group {
      background: hsl(0deg 0% 92.55% / 40%);
      backdrop-filter: blur(54px);
      box-shadow: none;
      border-radius: 0 !important;
      margin: 0 var(--gap-container-main) var(--gap-container-main) 0;

      button+button {
        border: none !important;
      }
    }

    .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon,
    .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
      background-size: 90%;
    }
  }

  .mapboxgl-marker {
    background: var(--c-yellow);
    border-radius: 50px;
    width: 16px !important;
    height: 16px !important;
    box-shadow: 1px 1px 10px var(--c-yellow);

    @media (max-width: 999px) {
      width: 12px !important;
      height: 12px !important;
      box-shadow: 1px 1px 8px var(--c-yellow);
    }
    
    &:hover {
      opacity: 0.7 !important;
      cursor: pointer;
    }

    &.hidden {
      display: none;
    }
  }

  .mapboxgl-popup {
    width: 180px;

    .mapboxgl-popup-tip {
      border-top-color: var(--c-lightgrey);
    }

    .mapboxgl-popup-content {
      background: var(--c-lightgrey);
      border-radius: 8px;
      box-shadow: none;
      font-family: 'selecta', Arial, Helvetica, sans-serif;
      font-size: var(--fs-xxs);
      line-height: 1.1;
      color: var(--c-black);

      .popup-thumbnail {
        height: 64px;
        width: auto;
        max-width: 75%;
        background-size: contain;
        background-repeat: no-repeat;
        margin-bottom: 20px;
        mix-blend-mode: multiply;
      }

      .popup-title {
        font-size: var(--fs-sm);
        line-height: 1;
        text-transform: uppercase;
      }

      .popup-location {
        padding-top: 8px;
      }

      .popup-fields {
        padding-top: 1px;
        opacity: 0.3;
      }

      .popup-learn-more {
        width: 100%;
        border-radius: 4px;
        padding: 6px 6px 7px;
        background: var(--c-black);
        color: var(--c-white) !important;
        display: block;
        margin-top: 8px;
        text-align: center;

        &:hover {
          color: inherit;
        }
      }
    }
  }
}

/* globe filters panel */
.map-filters-panel {
  position: relative;
  z-index: 10;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 50vw;
  min-width: 720px;
  margin: 0 auto;
  gap: 12px;
  padding: 0;
  font-family: 'selecta', Arial, Helvetica, sans-serif;
  left: auto !important;
  top: auto !important;
  transform: none !important;

  @media (max-width: 999px) {
    align-items: center;
    min-width: unset;
    flex-direction: column;
    gap: 6px;
    position: absolute;
    width: 60%;
    left: 20% !important;
    top: calc(100px + 26vw + 24px) !important;
  }

  .handle {
    display: flex;
    align-items: center;
    font-size: var(--fs-sm);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: var(--c-yellow);
    touch-action: auto !important;
    cursor: default;
    user-select: auto;
    padding: 6px 12px 6px 0;
    opacity: 0.7;

    @media (max-width: 999px) {
      padding: 0 12px;
      margin-bottom: 16px;
    }

    .toggle-filters {
      display: none;
    }
  }

  .map-filter-box {
    position: relative;
    flex: 1 1 0;

    @media (max-width: 999px) {
      width: 100%;
    }

    &.filter-open {
      .map-filter-title .toggle-filter {
        transform: rotate(180deg);
      }

      .map-filters {
        display: block;

        @media (max-width: 999px) {
          .map-filters {
            position: relative;
            top: 0;
            width: 100%;
            box-shadow: none;
            border-top: 1px solid #eee;
          }
        }
      }
    }
  }

  .map-filter-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 6px 12px 6px 8px;
    font-size: var(--fs-sm);
    font-weight: 500;
    cursor: pointer;
    color: var(--c-yellow);
    background: rgba(254, 210, 4, 0.1);
    backdrop-filter: blur(24px);
    border: none;
    transition: background-color var(--trans-default);
    order: 1;
    line-height: 1.1;

    @media (max-width: 999px) {
      padding: 6px 12px 6px 8px;
    }

    &:hover {
      background: rgba(254, 210, 4, 0.25);
    }

    .toggle-filter {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 12px;
      height: 12px;
      margin-left: 8px;
      padding: 0;
      background: transparent;
      border: none;
      cursor: pointer;
      order: 2;
      transition: transform var(--trans-default);

      &::before,
      &::after {
        content: '';
        position: absolute;
        width: 2px;
        height: 10px;
        background: var(--c-yellow);
        transition: transform var(--trans-default);

        @media (max-width: 999px) {
          width: 0.1rem;
          height: 8px;
        }
      }

      &::before {
        transform: rotate(-45deg);
        margin-right: 6px;

        @media (max-width: 999px) {
          margin-right: 5px;
        }
      }

      &::after {
        transform: rotate(45deg);
        margin-left: 6px;

        @media (max-width: 999px) {
          margin-left: 5px;
        }
      }
    }
  }

  .map-filters {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 400px;
    overflow-y: auto;
    /* background: rgb(0 0 0 / 50%); */
    backdrop-filter: blur(24px);
    z-index: 10;

    /* custom scrollbar - firefox */
    scrollbar-color: rgb(254 210 4 / 20%) transparent;

    /* custom scrollbar - webkit */
    &::-webkit-scrollbar-track {
      background: transparent;
    }

    &::-webkit-scrollbar-thumb {
      background-color: rgb(254 210 4 / 20%);
    }

    &::-webkit-scrollbar-thumb:hover {
      background-color: var(--c-light);
    }

    > div {
      display: flex;
      flex-direction: column;
      padding: 12px 0;
    }

    label {
      color: var(--c-yellow);
      display: flex;
      align-items: center;
      padding: 6px 8px;
      font-size: var(--fs-xs);
      line-height: 1.1;
      font-weight: 500;
      cursor: pointer;
      transition: background-color var(--trans-default);

      @media (max-width: 999px) {
        font-size: var(--fs-sm);
      }

      &:hover {
        background: rgba(0, 0, 0, 0.05);
      }
    }

    input[type="checkbox"] {
      width: 16px;
      height: 16px;
      margin-right: 8px;
      cursor: pointer;
      accent-color: var(--c-yellow);
      border-radius: 0;
      flex-shrink: 0;
    }

    .reset-filters {
      background: transparent;
      border: none;
      font-family: 'selecta', Arial, Helvetica, sans-serif;
      font-size: var(--fs-xs);
      font-weight: 500;
      color: var(--c-midgrey);
      cursor: pointer;
      text-align: left;
      padding: 0;
      transition: opacity var(--trans-default);
      margin: 0 4px 4px;

      @media (max-width: 999px) {
        font-size: var(--fs-sm);
      }

      &:hover {
        opacity: 0.7;
      }
    }
  }
}

/* newsletter */
#home-newsletter {
  background: #000000;

  @media (max-width: 999px) {
    width: calc(100% + var(--gap-container-main) * 2);
    margin-left: calc(-1 * var(--gap-container-main));
    margin-top: calc(-1 * 30px + 12px);
  }

  @media (max-width: 639px) {
    margin-top: calc(-1 * 36px + 12px);
  }
}

.newsletter-section {
  .vc_column-inner {
    background: var(--c-lightblue);
    color: var(--c-blue);
    margin: 0 var(--gap-container-main) 52px;
    padding: 52px 52px 88px;

    @media (max-width: 999px) {
      margin: 0 var(--gap-container-main) var(--gap-container-main);
      padding: 24px 24px 64px;
    }

    .section-title {
      padding: 0;
      margin: 0 !important;
    }

    h2 {
      font-family: 'aro condensed', Arial, Helvetica, sans-serif;
      /* font-size: 9.5vw; */
      font-size: 5.8vw;
      letter-spacing: -0.02em;
      line-height: 0.8;
      color: var(--c-blue);

      @media (max-width: 999px) {
        /* font-size: 12vw; */
        font-size: 10vw;
        text-transform: uppercase;
      }
    }

    p {
      font-family: 'selecta', Arial, Helvetica, sans-serif;
      font-weight: 500;
      font-size: var(--fs-base);
      line-height: 1;
      text-align: center;
    }

    .wpb_text_column {
      width: 80%;
      margin: 44px auto 52px;

      @media (max-width: 999px) {
        width: 100%;
        margin: 16px auto 44px;
      }
    }

    @media (max-width: 999px) {
      .clear {
        margin-bottom: 16px;
      } 
    }

    .form-newsletter {
      p:first-child {
        display: flex;
        align-items: flex-start;
        column-gap: 8px;
        width: 100%;
        padding: 0 14vw;

        @media (max-width: 999px) {
          padding: 0;
        }
        
        .wpcf7-spinner {
          position: absolute !important;
          background-color: var(--c-blue);
          opacity: 1;
          width: 20px;
          height: 20px;
          margin: 0;
          transform: translate(calc(-100% - 20px), 100%);

          &::before {
            background-color: var(--c-lightblue);
            top: 3px;
            left: 3px;
            width: 7px;
            height: 7px;
            transform-origin: 7px 7px;
          }
        }

        .wpcf7-form-control-wrap {
          flex-grow: 1;
          font-size: var(--fs-sm);

          span {
            text-align: left;
            background: transparent;
            box-shadow: none;
            padding: 0;
            margin-top: 8px;
            color: var(--c-blue);
            opacity: 0.7;
            font-size: var(--fs-sm);
          }
        }

        input {
          text-transform: uppercase;
          line-height: 1 !important;
          padding: 20px !important;
          height: calc(20px * 2 + var(--fs-sm));
          font-weight: 500;
          font-size: var(--fs-sm);
        
          &[type="email"] {
            flex-grow: 1;
            color: var(--c-blue);
            border: 2px solid var(--c-blue);
            background: unset;

            &:focus {
              box-shadow: none;
            }

            &::placeholder {
              color: var(--c-blue);
              opacity: 0.7;
            }
          }

          &[type="submit"] {
            color: var(--c-lightblue);
            background: var(--c-blue);

            &:hover {
              box-shadow: none !important;
            }
          }
        }
      }
    }
  }
}



/* ============================================
MEET OUR MEMBERS / BECOME A MEMBER
============================================ */
.container-wrap:has(#meet-members-intro),
.container-wrap:has(#become-member-intro),
.container-wrap:has(#become-member-outro) {
  background: #000;

  #meet-members-intro,
  #become-member-intro,
  #become-member-outro {
    p {
      font-size: var(--fs-md);
      line-height: 1.1;
      color: var(--c-yellow);
    }
  }

  #meet-members-intro {
    padding: 135px var(--gap-container-main) 0 !important;

    @media (max-width: 999px) {
      padding: 100px 0 0 !important;
      margin-bottom: 0;
    }
  }

  #become-member-intro,
  #become-member-outro {
    padding: 135px var(--gap-container-main) !important;

    @media (max-width: 999px) {
      padding: 100px 0 !important;
      margin-bottom: 0;
    }

    .section-title {
      padding: 0 10% !important;

      h2 {
        font-family: 'aro normal', Arial, Helvetica, sans-serif;
        font-size: 6vw;
        line-height: 0.8;
        letter-spacing: -0.02em;
        color: var(--c-yellow);
        text-transform: uppercase;

        @media (max-width: 999px) {
          font-size: 10vw; 
          margin-bottom: 0;
        }
      }
    }

    .clear {
      margin-bottom: 16px;

      @media (max-width: 999px) {
        margin-bottom: 0;
      }      
    }

    .nectar-button.medium {
      background: var(--c-light) !important;
      color: var(--c-dark);
      margin: 0 auto;
      display: block;
      width: fit-content;

      @media (max-width: 999px) {
        margin: 24px auto 0;
      }
    }

    .nectar_single_testimonial {
      background: var(--c-yellow);
      margin-top: 135px;

      @media (max-width: 999px) {
        margin-top: 100px;
        margin-bottom: 12px;
      }

      p {
        color: var(--c-dark);
      }
    }
  }

  .newsletter-section {
    .vc_column-inner {
      @media (max-width: 999px) {
        margin: 0 0 var(--gap-container-main);
      }
    }
  }
}

#meet-members-list {
  padding-top: 32px !important;
  padding-bottom: 148px !important;
  z-index: 100;

  @media (max-width: 999px) {
    padding-top: 60px !important;
    padding-bottom: 100px !important;

    .section-title {
      margin-bottom: 24px;
    }
  }

  .so-widget-so-cc-members-map {
    @media (max-width: 999px) {
      height: 120vw;
      margin-bottom: -66px;
    }
  }

  .member-row {
    &.hidden {
      display: none;
    }
  }

  #map-filters-panel {
    display: none;
  }

  .cc-members-list-wrapper {
    position: relative;

    /* MINI GLOBE - floating miniature map on scroll
       To revert: remove this block and matching JS */
    #mini-globe-wrapper {
      display: none !important; /* temporarily hidden */
      position: sticky;
      bottom: 20px;
      float: right;
      width: 25vw;
      height: 25vw;
      z-index: 9999;
      border-radius: 50%;
      overflow: hidden;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
      pointer-events: auto;

      &.active {
        display: block;
      }

      #map {
        width: 100% !important;
        height: 100% !important;
      }

      #map-filters-panel {
        display: none !important;
      }

      .mapboxgl-control-container {
        display: none !important;
      }

      .mapboxgl-popup {
        display: none !important;
      }
    }

    @media screen and (max-width: 999px) {
      #mini-globe-wrapper {
        display: none !important;
      }
    }
    /* END MINI GLOBE */
  }

  .sticky-filters.map-filters-panel {
    position: relative !important;
    width: 100% !important;
    padding: 62px var(--gap-container-main) 20px !important;
    background: #000 !important;
    min-width: unset !important;
    margin: 0 !important;
    box-sizing: border-box;
    z-index: 100;
    transform: none !important;
    left: auto !important;
    top: auto !important;

    @media (max-width: 999px) {
      padding: 66px var(--gap-container-main) var(--gap-container-main) !important;
    }

    &.is-stuck {
      position: fixed !important;
      top: 0 !important;
      left: 0 !important;
      right: 0 !important;
      z-index: 100;
    }
  }
  

  /* placeholder to prevent content jump when filter becomes fixed */
  .sticky-placeholder {
    display: none;
  }

  .sticky-placeholder.active {
    display: block;
  }

  .cc-members-list {
    width: calc(100% - var(--gap-container-main) * 2);
    margin: 0 var(--gap-container-main);
    background: #000;
    color: var(--c-light);
    border: none;

    th {
      border-left: none;
      border-right: none;
      border-top: none;
      font-weight: 500;
      font-size: var(--fs-sm);
      line-height: 1.1;
      padding: 12px 20px;
      color: var(--c-midgrey);
      border-color: var(--c-midgrey);
    }

    td {
      border-left: none;
      border-right: none;
      border-color: var(--c-midgrey);
      font-size: var(--fs-sm);
      line-height: 1.1;
      padding: 12px 20px;
      vertical-align: top;

      &:nth-child(1) {
        font-size: var(--fs-base) !important;
      }

      &:nth-child(4) {
        white-space: nowrap;
      }

      @media (max-width: 999px) {
        width: 50%;
        padding: 12px 12px 12px 0;

        &:nth-child(1),
        &:nth-child(4) {
          border: none;
          padding-bottom: 0;
        }

        &:nth-child(1) {
          order: 1;
        }

        &:nth-child(2) {
          order: 3;
        }

        &:nth-child(3) {
          order: 4;
        }

        &:nth-child(4) {
          order: 2;
          color: var(--c-light) !important;
          white-space: unset;
        }
      }
    }

    thead {
      @media (max-width: 999px) {
        display: none;
      }
    }

    tr {
      background: #000;
      transition: all var(--trans-default);

      td:not(:first-child) {
        color: #a9a9a9;
      }

      @media (max-width: 999px) {
        display: flex;
        flex-wrap: wrap;
      }

      &:hover {
        td {
          border-color: var(--c-yellow);
          color: var(--c-yellow);
        }
      }
    }
  }
}

.become-a-member-cta {
  padding: 0 calc(var(--gap-container-main) + 1%) !important;

  .wpb_wrapper:has(.nectar-button) {
    display: flex;
    justify-content: space-between;

    .wpb_text_column {
      width: 40%;
    }

    .wpb_content_element {
      margin-bottom: 0;
    }
  } 

  p {
    font-size: var(--fs-md);
    line-height: 1.1;
  }

  &.intro {
    p {
      color: var(--c-light);
    }

    .nectar-button.medium {
      background: var(--c-light) !important;
      color: var(--c-dark);
    }
  }

  &.outro {
    padding-bottom: 128px !important;
    position: relative;
    z-index: 1;

    @media (max-width: 999px) {
      padding: 0 1% 100px 1% !important;
    }

    p {
      color: var(--c-yellow);
    }

    .nectar-button.medium {
      background: var(--c-yellow) !important;
      color: var(--c-dark);
    }
  }
}

.wpb_row:has(.become-a-member-cta.outro) {
  margin-bottom: 0;
}

/* become a member: specific styling */
.row:has(#become-member-intro) {
  .wpb_tabs_nav {
    padding-left: var(--gap-container-main) !important;
    margin-bottom: 0;
    margin-top: 135px;

    @media (max-width: 999px) {
      padding-left: 0 !important;
      margin-top: 0;
    }

    .tab-item {
      color: var(--c-light);
      width: 300px;
      text-wrap: auto;
      padding: 0;

      &::before {
        border-color: var(--c-light);
        top: 0;
      }
    }
  }

  .wpb_row.become-member-features-row {
    margin-bottom: 0;

    @media (max-width: 999px) {
      width: calc(100% + var(--gap-container-main) * 2);
      margin-left: calc(-1 * var(--gap-container-main));
      padding: 0 var(--gap-container-main);
    }

    .row_col_wrap_12 {
      margin: 0;
    }

    .wpb_column {
      &:nth-child(1) {
        padding: 20px var(--gap-container-main);

        @media (max-width: 999px) {
          padding: 12px 0;
        }

        h2 {
          font-family: 'aro normal', Arial, Helvetica, sans-serif;
          font-size: 3.2vw;
          line-height: 0.95;
          letter-spacing: -0.02em;
          color: var(--c-yellow);
          text-transform: uppercase;
          padding-right: 20%;

          @media (max-width: 999px) {
            font-size: 6.2vw;
            padding-right: 0;
          }
        }
      }

      &:nth-child(2) {
        padding: 80px 20px 135px 80px;

        @media (max-width: 999px) {
          padding: 40px 0 100px;
        }

        > *,
        h3 {
          font-size: var(--fs-sm2);
          line-height: 1.1;
          color: var(--c-light);
          font-weight: 500;
        }

        h3 {
          text-transform: uppercase;
          margin-bottom: 12px;

          &::before {
            display: block;
            content: '';
            height: 2px;
            width: 100%;
            background: var(--c-light);
            margin-bottom: 12px;
          }
        }

        ol,
        ul {
          margin-left: 16px;
        }
      }
    }

    &:nth-child(3) {
      .wpb_column {
        &:nth-child(1) {
          h2 {
            color: var(--c-dark);
          }
        }
      }
    }

    &:nth-child(3) {
      background: var(--c-light);
      
      .wpb_column {
        &:nth-child(2) {
          > *,
          h3 {
            color: var(--c-dark);
          }

          h3 {
            &::before {
              background: var(--c-dark);
            }
          }
        }
      }
    }

    &:nth-child(4) {
      background: var(--c-darkbrown);
    }
  }
}



/* ============================================
SINGLE MEMBER
============================================ */
body.single-member {
  .main-content {
    padding: 135px 20vw;
    background: var(--c-lightgrey);

    @media (max-width: 999px) {
      padding: 100px var(--gap-container-main);
    }

    .member-header h1 {
      font-size: var(--fs-base);
      font-weight: 500;
      line-height: 1;
      color: var(--c-dark);
      text-transform: uppercase;
      display: inline;
      margin-right: 8px;
      display: block;

      @media (max-width: 999px) {
        margin: 0;
      }
    }

    .logo {
      mix-blend-mode: multiply;
      margin: 12px 0;
      display: flex;
      justify-content: flex-start;
    }

    .short-description {
      line-height: 1.15;
    }

    .member-infos {
      line-height: 1.15;
      margin-top: 80px;

      .member-links {
        display: flex;
        column-gap: 20px;
      }
    }
  }
}



/* ============================================
RESOURCES
============================================ */
.blog {
  /* temp disable filters */
  .nectar-post-grid-filters {
    display: none;
  }

  .container-wrap {
    padding: 0 var(--gap-container-main) 200px;

    @media (max-width: 999px) {
      padding: 0 0 120px;
    }

    .nectar-post-grid {
      column-gap: 16px;
      row-gap: 64px;
      
      @media (max-width: 999px) {
        column-gap: 12px;
        row-gap: 32px;
      }

      .nectar-post-grid-item {
        .nectar-post-grid-item-bg {
          height: 32vw;

          @media (max-width: 999px) {
            height: 42vw;
          }
        }
      }

      &[data-columns="2"] .nectar-post-grid-item {
        width: calc(50% - 16px * 1 / 2);

        @media (max-width: 999px) {
          width: calc(50% - 12px * 1 / 2);
        }

        .nectar-post-grid-item-bg {
          height: 32vw;

          @media (max-width: 999px) {
            height: 37vw;
          }
        }
      }

      &[data-columns="3"] .nectar-post-grid-item {
        width: calc(33.32% - 16px * 2 / 3);

        @media (max-width: 999px) {
          width: calc(50% - 12px * 2 / 3);
        }

        .nectar-post-grid-item-bg {
          height: calc(33.32vw - 16px * 2 / 3);

          @media (max-width: 999px) {
            height: calc(50vw - 12px * 2 / 3);
          }
        }
      }

      .nectar-post-grid-item {
        .content {
          padding: 16px 0 !important;

          @media (max-width: 999px) {
            padding: 10px 0 !important;
          }

          .meta-category {
            position: absolute;
            top: 0;
            background-color: #0000001a;
            backdrop-filter: blur(24px);
            padding: 6px 12px;
            margin: 10px;
            display: flex;
            flex-wrap: wrap;
            column-gap: 16px;
            row-gap: 5px;

            @media (max-width: 999px) {
              display: none;
            }

            a {
              font-size: var(--fs-xs);
              color: var(--c-white);
              line-height: 1;
              font-weight: 500;
              margin: 0;
              transition: color var(--trans-default);

              &:before {
                display: none;
              }

              &:hover {
                color: var(--c-white) !important;
                opacity: 1;
              }
            }
          }

          .item-main {
            h3 {
              font-weight: 500;
              font-size: var(--fs-base);
              line-height: 1.1;
              padding-right: 16px;

              @media (max-width: 999px) {
                padding-right: 4px;
              }
            }

            .nectar-post-grid-item__meta-wrap {
              margin-top: 4px;

              .meta-author {
                font-size: var(--fs-xs);

                img {
                  display: none;
                }

                &:has(.meta-author-name:empty) {
                  display: none;
                }
              }

              .meta-date {
                color: var(--c-grey-inactive2);
              }
            }
          }
        }
      }
    }

    .load-more-wrap {
      margin: 80px 0 0;

      @media (max-width: 999px) {
        margin: 60px 0 0;
      }
      
      .load-more {
        border: none;
        border-radius: 0;
        font-size: var(--fs-sm2);
        padding: 0px 6px;
        transition: all var(--trans-default);

        &:hover {
          color: var(--c-white);
          background: var(--c-dark);
          opacity: 1;
        }
      }
    }
  }

  .section-title {
    text-align: center;
    margin-top: 135px !important;

    @media (max-width: 999px) {
      margin-top: 100px !important;
    }

    h1 {
      span {
        font-family: 'selecta', Arial, Helvetica, sans-serif;
        font-weight: 500;
        text-transform: uppercase !important;
        display: inline-block;
        text-align: left;
        width: auto;
        max-width: 240px;
        font-size: var(--fs-xs) !important;
        letter-spacing: 0;
        line-height: 1 !important;
      }
    }
  }

  #menu-resources-menu {
    margin: 135px 0 80px !important; 
    list-style: none;
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 60px;
    padding: 0 5%;

    @media (max-width: 999px) {
      margin: 100px 0 60px !important; 
    }

    li {
      list-style: none;

      a {
        span {
          font-family: 'selecta', Arial, Helvetica, sans-serif;
          font-weight: 500;
          text-transform: uppercase !important;
          display: inline-block;
          text-align: left;
          width: auto;
          max-width: 240px;
          font-size: var(--fs-xs) !important;
          letter-spacing: 0;
          line-height: 1 !important;
          position: absolute;
          bottom: 0;
          transform: translate(0.8vw, -0.4vw);

          @media (max-width: 999px) {
            display: block;
            transform: none;
            max-width: 180px;
            position: relative;
            text-align: center;
            margin-top: -1vw;
          }
        }
      }

      &.current-menu-item {
        a {
          &:hover {
            opacity: 1;
          }
        }
      }
    }
  }

  &.theme-green {
    .page-header-no-bg,
    .container-wrap {
      background: var(--c-lightgreen);
    }

    .section-title {
      h1 {
        color: var(--c-darkgreen);
      }
    }

    #menu-resources-menu {
      li {
        a {
          color: var(--c-green-inactive);
          transition: color var(--trans-default);

          &:hover {
            color: var(--c-darkgreen) !important;
            opacity: 1;
          }
        }

        &.current-menu-item {
          a {
            color: var(--c-darkgreen);
          }
        }
      }
    }

    .resources-intro {
      color: var(--c-darkgreen);
    }

    .ef-filters {
      .handle {
        color: var(--c-darkgreen);
        opacity: 0.7;
      }

      .modal-filter-title {
        color: var(--c-darkgreen);
        background: var(--c-green-inactive);

        .toggle-filter {
          &::before,
          &::after {
            background: var(--c-darkgreen);
          }
        }
      }

      .modal-filters-list {
        background: rgb(176 203 180 / 50%);

        .reset-filters {
          color: rgb(14 77 38 / 65%);
        }

        label {
          color: var(--c-darkgreen);
        }
      }
    }

    .ef-no-results {
      color: var(--c-green-inactive);
    }
  }

  &.theme-blue {
    .page-header-no-bg,
    .container-wrap {
      background: var(--c-lightblue);
    }

    .section-title {
      h1 {
        color: var(--c-blue);
      }
    }

    #menu-resources-menu {
      li {
        a {
          color: var(--c-blue-inactive);
          transition: color var(--trans-default);

          &:hover {
            color: var(--c-blue) !important;
            opacity: 1;
          }
        }

        &.current-menu-item {
          a {
            color: var(--c-blue);
          }
        }
      }
    }

    .resources-intro {
      color: var(--c-blue);
    }

    .nectar-post-grid-item {
      .nectar-post-grid-item-bg {
        &::before {
          content: '';
          background: var(--c-blue);
          width: 100%;
          height: 100%;
          display: block;
          z-index: 2;
          position: absolute;
          mix-blend-mode: hard-light;
          opacity: 0.8;
          transition: opacity var(--trans-default);
        }
      }

      &:hover {
        .nectar-post-grid-item-bg {
          &::before {
            opacity: 0;
          }
        }
      }

      .content {
        .item-main {
          h3, span {
            color: var(--c-white) !important;
          }
        }
      }
    }
  }

  &.theme-black {
    .page-header-no-bg,
    .container-wrap {
      background: #000;
    }

    .section-title {
      h1 {
        color: var(--c-yellow);
      }
    }

    #menu-resources-menu {
      li {
        a {
          color: var(--c-darkgrey);
          transition: color var(--trans-default);

          &:hover {
            color: var(--c-yellow) !important;
            opacity: 1;
          }
        }

        &.current-menu-item {
          a {
            color: var(--c-yellow);
          }
        }
      }
    }

    .nectar-post-grid-item {
      .content {
        .meta-category {
          display: none !important;
        }

        .item-main {
          h3, span {
            color: var(--c-white) !important;
          }
        }
      }
    }
  }

  &.theme-white {
    .page-header-no-bg,
    .container-wrap {
      background: var(--c-light);
    }

    .section-title {
      h1 {
        color: var(--c-dark);
      }
    }

    #menu-resources-menu {
      li {
        a {
          color: var(--c-grey-inactive2);
          transition: color var(--trans-default);

          &:hover {
            color: var(--c-dark) !important;
            opacity: 1;
          }
        }

        &.current-menu-item {
          a {
            color: var(--c-dark);
          }
        }
      }
    }
  }

  &.theme-brown {
    a {
      color: var(--c-dark);
    }

    .page-header-no-bg,
    .container-wrap {
      background: var(--c-lightbrown);
    }

    .section-title {
      h1 {
        color: var(--c-brown);
      }
    }

    #menu-resources-menu {
      li {
        a {
          color: var(--c-brown-inactive);
          transition: color var(--trans-default);

          &:hover {
            color: var(--c-brown) !important;
            opacity: 1;
          }
        }

        &.current-menu-item {
          a {
            color: var(--c-brown);
          }
        }
      }
    }

    .ef-filters {
      .handle {
        color: var(--c-brown);
        opacity: 0.9;
      }

      .modal-filter-title {
        color: var(--c-saturatedbrown);
        background: rgb(204 159 117 / 40%);

        .toggle-filter {
          &::before,
          &::after {
            background: var(--c-saturatedbrown);
          }
        }
      }

      .modal-filters-list {
        background: rgb(204 159 117 / 25%);

        .reset-filters {
          color: rgb(197 131 70 / 80%);
        }

        label {
          color: var(--c-saturatedbrown);
        }
      }
    }

    .ef-no-results {
      color: var(--c-saturatedbrown);
      padding-bottom: calc(100px + 24px + 16px - 1em) !important; 
    }
  }

  /* position papers */
  &.theme-pink {
    .page-header-no-bg,
    .container-wrap {
      background: var(--c-light);
    }

    .section-title {
      h1 {
        color: var(--c-pink);
      }
    }
  }
}



/* ============================================
ATLAS
============================================ */
/* testimonial general style */
.nectar_single_testimonial {
  font-family: 'selecta', Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: var(--fs-base);
  line-height: 1;
  padding: 32px;
  text-align: center;
  margin-top: 80px;

  @media (max-width: 999px) {
    margin-top: 60px;
    padding: 12px 20px;
  }

  .open-quote {
    display: none;
  }

  p {
    text-transform: uppercase !important;
    padding-bottom: 1em;
  }

  span {
    font-size: var(--fs-base);
    line-height: 1.1;
    letter-spacing: 0;
    opacity: 0.5;

    &:not(:first-child) {
      opacity: 1;
    }
  }
}

/* atlas style */
#atlas-intro {
  margin-bottom: 80px;

  @media (max-width: 999px) {
    margin-bottom: 60px;
  }

  .wpb_text_column {
    padding: 0 10vw;

    @media (max-width: 999px) {
      padding: 0 12px;
      text-align: center;
    }
    
    p {
      font-size: var(--fs-base);
      font-weight: 500;
      line-height: 1.1;

      mark[class*="cc-highlight-"] {
        padding: 0 4px;
      }
      mark.cc-highlight-blue {
        background-color: var(--c-blue);
        color: var(--c-light);
      }
      mark.cc-highlight-yellow {
        background-color: var(--c-yellow);
        color: var(--c-black);
      }
      mark.cc-highlight-green {
        background-color: var(--c-green-highlight);
        color: var(--c-black);
      }
      mark.cc-highlight-red {
        background-color: var(--c-winered);
        color: var(--c-light);
      }
      mark.cc-highlight-black {
        background-color: var(--c-black);
        color: var(--c-light);
      }
      mark.cc-highlight-white {
        background-color: var(--c-light);
        color: var(--c-black);
      }
    }
  }

  .nectar_single_testimonial {
    color: var(--c-white);
    background: #000000;

    span {
      opacity: 1;
      color: var(--c-brown);
    }
  }
}

#atlas-grid {
  .wpb_wrapper:has(.wpb_row) { 
    display: flex;
    flex-wrap: wrap;
    column-gap: 16px;
    row-gap: 80px;

    @media (max-width: 999px) {
      column-gap: 12px;
      row-gap: 40px;
    }

    .wpb_row {
      width: calc(25% - 16px * 3 / 4);
      margin-bottom: 0;

      @media (max-width: 999px) {
        width: calc(50% - 12px * 1 / 2);
      }

      .img-with-aniamtion-wrap .hover-wrap {
        margin-bottom: 0;
      }

      a:has(img) {
        &:hover {
          opacity: 1;
        }
      }

      .wpb_text_column {
        display: none; /* removes the title of atlas editions */
        font-weight: 500;
        font-size: var(--fs-base);
        line-height: 1.1;
        padding-right: 16px;

        a {
          color: var(--c-dark);
        }
      }
    }
  }
}

#atlas-contributors {
  .section-title {
    margin-bottom: 48px !important;
    padding: 0 !important;

    @media (max-width: 999px) {
      margin-bottom: 20px !important;
    }

    h2 {
      font-family: 'aro normal', Arial, Helvetica, sans-serif;
      font-size: 5vw;
      line-height: 0.8;
      letter-spacing: -0.02em;
      text-align: left;
      color: var(--c-lightgrey);

      @media (max-width: 999px) {
        font-size: 7.8vw;
      }
    }
  }

  ul {
    margin: 22px 0 0;
    padding: 0;
    font-family: 'selecta', Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: var(--fs-sm2);
    line-height: 1.1;
    color: var(--c-dark);
    columns: 4;
    column-gap: 16px;

    @media (max-width: 999px) {
      columns: 2;
      column-gap: 12px;
    }

    li {
      list-style: none;
      break-inside: avoid;
      padding-right: 16px;

      @media (max-width: 999px) {
        padding-right: 12px;
      }

      a {
        color: var(--c-blue);
      }
    }
  }
}



/* ============================================
NEWSLETTER
============================================ */
.resources-intro {
  width: calc(50% - 16px / 2);
  font-weight: 500;
  font-size: var(--fs-base);
  line-height: 1.1;
  margin-top: 55px;
  margin-bottom: 1em !important;

  @media (max-width: 999px) {
    width: calc(100% - 12px / 2);
    margin-top: 0;
    margin-bottom: 60px;
  }
}

#newsletters-grid {
  .wpb_wrapper:has(.newsletter-box) {
    display: flex;
    flex-wrap: wrap;
    column-gap: 16px;
    row-gap: 80px;

    @media (max-width: 999px) {
      column-gap: 12px;
      row-gap: 42px;
    }
  }

  .newsletter-box {
    width: calc(33.33% - 16px * 2 / 3);
    margin-bottom: 0;
    order: 8;

    @media (max-width: 999px) {
      width: calc(50% - 12px * 1 / 2);
    }

    &:nth-child(1) { 
      order: 1; 
    }  

    &:nth-child(2) { 
      order: 2; 
    }
    
    &:nth-child(3) { 
      order: 3; 
    }  
    
    &:nth-child(4) { 
      order: 4; 
    }
    &:nth-child(5) { 
      order: 5; 
    }  
    
    &:nth-child(6) { 
      order: 6; 
    }

    .nectar-fancy-box {
      padding: 9vw;

      @media (max-width: 999px) {
        padding: 16vw;
      }

      &::after {
        display: none !important;
      }

      &:hover {
        a.box-link {
          opacity: 1;

          .box-bg {
            &::after {
              background: transparent !important;
            }
          }
        }
      }

      a.box-link {
        display: flex;
        height: 100%;
        align-items: center;
        justify-content: center;

        
        .inner {
          font-family: 'aro normal', Arial, Helvetica, sans-serif;
          font-size: 3.25vw;
          line-height: 0.87;
          letter-spacing: -0.02em;
          text-transform: uppercase;
          text-align: center;
          min-height: unset !important;
          padding: 0 16px;

          @media (max-width: 999px) {
            font-size: 5vw;
          }

          strong {
            font-family: 'aro condensed', Arial, Helvetica, sans-serif;
          }
        }
      }

      &.theme-grey {
        a.box-link {
          .inner, .inner strong {
            color: var(--c-darkgrey);
          }

          .box-bg {
            &::after {
              background: var(--c-grey);
            }
          }
        }
      }

      &.theme-dark-brown {
        a.box-link {
          .inner, .inner strong {
            color: var(--c-yellow);
          }

          .box-bg {
            &::after {
              background: var(--c-darkbrown);
            }
          }
        }
      }

      &.theme-light-brown {
        a.box-link {
          .inner, .inner strong {
            color: var(--c-white);
          }

          .box-bg {
            &::after {
              background: var(--c-brown);
            }
          }
        }
      }

      &.theme-electric-blue {
        a.box-link {
          .inner, .inner strong {
            color: var(--c-brown);
          }

          .box-bg {
            &::after {
              background: var(--c-blue);
            }
          }
        }
      }

      &.theme-blue {
        a.box-link {
          .inner, .inner strong {
            color: var(--c-blue);
          }

          .box-bg {
            &::after {
              background: var(--c-lightblue);
            }
          }
        }
      }

      &.theme-light-blue {
        a.box-link {
          .inner, .inner strong {
            color: var(--c-white);
          }

          .box-bg {
            &::after {
              background: var(--c-babyblue);
            }
          }
        }
      }
    }

    a.link-text {
      display: block;
      margin-top: 16px;
      font-weight: 500;
      font-size: var(--fs-base);
      line-height: 1.1;
      padding-right: 16px;

      @media (max-width: 999px) {
        margin-top: 10px;
        padding-right: 8px;
      }

      span.arrow {
        display: none !important;
      }
    }
  }

  .newsletter-section {
    order: 3;

    @media (max-width: 999px) {
      order: 4;
    }

    .vc_column-inner {
      margin: 0;
    }
  }
}



/* ============================================
EVENTS / SLIDE-IN MODAL (Page Modal Right)
============================================ */
/* keep header above modal */
body.modal-right-open .ocm-effect-wrap,
body.modal-right-open .ocm-effect-wrap-inner {
  z-index: auto !important;
}

body.modal-right-open #header-outer {
  position: fixed !important;
  z-index: 100 !important;
}

.modal-right-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(217, 217, 217, 0.2);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 98;
  cursor: pointer;

  &.open {
    opacity: 1;
    visibility: visible;
  }
}

.modal-right-panel {
  position: fixed;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background: var(--c-white);
  transform: translateX(100%);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99;
  overflow: hidden;
  box-shadow: -4px 0 24px rgba(0, 0, 0, 0.1);

  @media (max-width: 999px) {
    width: calc(100% - var(--gap-container-main));
  }

  &.open {
    transform: translateX(0);
  }
}

.modal-right-content {
  height: 100%;
  overflow-y: auto;
  padding: 0 16px 135px;

  @media (max-width: 999px) {
    padding: 0 var(--gap-container-main) 100px;
  }

  .modal-page-header {
    padding-top: 135px;
    padding-bottom: 20px;

    @media (max-width: 999px) {
      padding-top: 100px;
      padding-bottom: 0;
      margin-bottom: -36px;
      z-index: 14;
      position: relative;
    }
  }

  .modal-page-title,
  .modal-events-past-heading {
    color: var(--c-lightgrey);
  }

  .modal-events-past-heading {
    margin-top: 128px;

    @media (max-width: 999px) {
      margin-top: 60px;
    }
  }

  .nectar-post-grid-filters {
    display: none;
  }

  .wpb_text_column {
    font-size: var(--fs-base);
    margin-bottom: 0;

    @media (max-width: 999px) {
      padding-top: 60px;
    }
  }
}

.modal-right-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
  font-size: var(--fs-sm);
  color: var(--c-midgrey);
}

body.modal-right-open {
  overflow: hidden;
}

.modal-right-content {
  .nectar-post-grid {
    display: flex;
    flex-wrap: wrap;
    column-gap: 16px;
    row-gap: 128px;

    @media (max-width: 999px) {
      column-gap: 12px;
      row-gap: 60px;
    }

    &[data-columns="2"] .nectar-post-grid-item {
      width: calc(50% - 16px / 2);

      @media (max-width: 999px) {
        width: calc(50% - 12px / 2);
      }
    }

    &[data-columns="3"] .nectar-post-grid-item {
      width: calc(33.333% - 16px * 2 / 3);

      @media (max-width: 999px) {
        width: calc(50% - 12px / 2);
      }
    }

    &[data-columns="4"] .nectar-post-grid-item {
      width: calc(25% - 16px * 3 / 4);

      @media (max-width: 999px) {
        width: calc(50% - 12px / 2);
      }
    }
  }

  .nectar-post-grid-item {
    .inner {
      position: relative;
      background: transparent;
      
      .nectar-post-grid-item-bg-wrap {
        position: relative;
        overflow: hidden;
        height: calc((50vw - 16px * 3) / 2);

        @media (max-width: 999px) {
          height: calc((50vw - 12px * 2) / 1);
        }

        .nectar-post-grid-item-bg-wrap-inner {
          height: 100%;

          .nectar-post-grid-item-bg {
            height: 100%;

            img {
              height: 100%;
              width: 100%;
              object-fit: cover;
              object-position: center;
            }
          }
        }
      }

      .nectar-post-grid-link {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
      }

      .content {
        position: relative;
        padding: 12px 16px 0 0;
        z-index: 0;

        @media (max-width: 999px) {
          padding: 10px 8px 0 0;
        }

        .post-heading {
          font-weight: 500;
          font-size: var(--fs-sm2);
          line-height: 1.1;
          color: var(--c-dark);

          span.event-date {
            display: block;
            opacity: 0.4;
          }
        }
      }
    }
  }
}

/* event filters */
.modal-filters {
  position: sticky;
  top: 0;
  z-index: 11;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 90px 0 16px;
  column-gap: 12px;
  background: var(--c-white);
  font-family: 'selecta', Arial, Helvetica, sans-serif;

  @media (max-width: 999px) {
    flex-direction: column;
    gap: 6px;
    margin: 0 calc(-1 * var(--gap-container-main)) 32px;
    padding: 60px var(--gap-container-main) var(--gap-container-main);
    width: calc(100% + var(--gap-container-main) * 2);
  }

  .handle {
    display: block;
    width: 100%;
    font-size: var(--fs-sm);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: var(--c-lightblue);
    cursor: default;
    user-select: auto;
    margin-bottom: 8px;
    opacity: 0.75;

    @media (max-width: 999px) {
      margin-bottom: 0;
    }

    .toggle-filters {
      display: none;
    }
  }

  .modal-filter-box {
    position: relative;
    flex: 1 1 0;

    @media (max-width: 999px) {
      width: 100%;
    }

    &.filter-open {
      .modal-filter-title .toggle-filter {
        transform: rotate(180deg);
      }

      .modal-filters-list {
        display: block;
      }
    }
  }

  .modal-filter-title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 6px 12px 6px 8px;
    font-size: var(--fs-sm);
    font-weight: 500;
    cursor: pointer;
    color: var(--c-blue);
    background: rgba(68, 145, 251, 0.50);
    border: none;
    transition: background-color var(--trans-default);
    order: 1;
    line-height: 1.1;
    border-radius: 4px;

    &:hover {
      background: rgba(68, 145, 251, 0.65);
    }

    .toggle-filter {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 12px;
      height: 12px;
      margin-left: 8px;
      padding: 0;
      background: transparent;
      border: none;
      cursor: pointer;
      order: 2;
      transition: transform var(--trans-default);

      &::before,
      &::after {
        content: '';
        position: absolute;
        width: 2px;
        height: 10px;
        background: var(--c-blue);
        transition: transform var(--trans-default);

        @media (max-width: 999px) {
          width: 0.1rem;
          height: 8px;
        }
      }

      &::before {
        transform: rotate(-45deg);
        margin-right: 6px;

        @media (max-width: 999px) {
          margin-right: 5px;
        }
      }

      &::after {
        transform: rotate(45deg);
        margin-left: 6px;

        @media (max-width: 999px) {
          margin-left: 5px;
        }
      }
    }
  }

  .modal-filters-list {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    /* background: hsl(0deg 0% 92.55% / 40%); */
    background: rgba(68, 145, 251, 0.25);
    backdrop-filter: blur(24px);
    border-radius: 4px;

    scrollbar-color: rgb(0 0 0 / 10%) transparent;

    &::-webkit-scrollbar-track {
      background: transparent;
    }

    &::-webkit-scrollbar-thumb {
      background-color: rgb(0 0 0 / 10%);
    }

    &::-webkit-scrollbar-thumb:hover {
      background-color: var(--c-midgrey);
    }

    @media (max-width: 999px) {
      position: relative;
      top: 0;
      max-height: 240px;
    }

    > div {
      display: flex;
      flex-direction: column;
      padding: 12px 0;
    }

    label {
      color: var(--c-blue);
      display: flex;
      align-items: center;
      padding: 6px 8px;
      font-size: var(--fs-xs);
      line-height: 1.1;
      font-weight: 500;
      cursor: pointer;
      transition: background-color var(--trans-default);

      @media (max-width: 999px) {
        font-size: var(--fs-sm);
      }

      &:hover {
        background: rgba(68, 145, 251, 0.15);
      }

      &:has(.reset-filters) {
        &:hover {
          background: transparent;
        }
      }
    }

    input[type="checkbox"] {
      width: 16px;
      height: 16px;
      margin-right: 8px;
      cursor: pointer;
      accent-color: var(--c-blue);
      border-radius: 0;
      flex-shrink: 0;
    }

    .reset-filters {
      background: transparent;
      border: none;
      font-family: 'selecta', Arial, Helvetica, sans-serif;
      font-size: var(--fs-xs);
      font-weight: 500;
      color: rgba(0, 31, 213, 0.65);
      cursor: pointer;
      text-align: left;
      padding: 0;
      transition: opacity var(--trans-default);
      margin: 0 4px 4px;

      @media (max-width: 999px) {
        font-size: var(--fs-sm);
      }

      &:hover {
        opacity: 0.7;
      }
    }
  }
}



/* ============================================
FILTERS (RESOURCES)
============================================ */
/* Override sticky positioning for page context (not inside a modal) */
.ef-filters {
  position: relative;
  padding-top: 0;
  margin-bottom: 16px;
  background: none;
  z-index: 15;
}

.row_col_wrap_12:has(.ef-filters) {
  z-index: 15;
}

.wpb_row:has(.ef-filters) {
  margin-bottom: 1em;
}

/* Hide nectar's built-in category filter */
.nectar-post-grid-filters {
  display: none;
}

.ef-no-results {
  padding: 100px 0;
  text-align: left;
  font-family: 'selecta', Arial, Helvetica, sans-serif;
  font-size: var(--fs-sm);
}

.ef-load-more-wrap {
  text-align: center;
  padding: 24px 0;

  .ef-load-more {
    display: inline-block;
    padding: 10px 30px;
    font-family: 'selecta', Arial, Helvetica, sans-serif;
    font-size: var(--fs-sm);
    font-weight: 500;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    text-decoration: none;
    transition: background-color var(--trans-default);
  }
}


/* ============================================
SINGLE EVENT / POST / SLIDE-IN MODAL LEFT
============================================ */
/* keep header above modal */
body.modal-left-open .ocm-effect-wrap,
body.modal-left-open .ocm-effect-wrap-inner {
  z-index: auto !important;
}

body.modal-left-open #header-outer {
  position: fixed !important;
  z-index: 100 !important;
}

.modal-left-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(217, 217, 217, 0.2);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 98;
  cursor: pointer;

  &.open {
    opacity: 1;
    visibility: visible;
  }
}

.modal-left-panel {
  position: fixed;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: var(--c-white);
  transform: translateX(-100%);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99;
  overflow: hidden;
  box-shadow: 4px 0 24px rgba(0, 0, 0, 0.1);

  @media (max-width: 999px) {
    width: calc(100% - var(--gap-container-main));
  }

  &.open {
    transform: translateX(0);
  }
}

/* shared close button for both modals */
.modal-close-btn {
  position: absolute;
  top: 60px;
  right: 16px;
  width: 48px;
  height: 48px;
  border: none;
  background: hsl(0deg 0% 92.55% / 40%);
  backdrop-filter: blur(54px);
  cursor: pointer;
  z-index: 13;

  &::before,
  &::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 2px;
    background: var(--c-dark);
    transition: background 0.2s ease;
  }

  &::before {
    transform: translate(-50%, -50%) rotate(45deg);
  }

  &::after {
    transform: translate(-50%, -50%) rotate(-45deg);
  }

  &:hover::before,
  &:hover::after {
    background: var(--c-dark);
  }

  @media (max-width: 999px) {
    border-radius: 4px !important;
    top: 12px;
    right: 12px;

    &::before,
    &::after {
      height: 0.1rem;
    }
  }
}

.modal-left-content {
  height: 100%;
  overflow-y: auto;
  padding: 135px 16px;
  background: var(--c-light);

  @media (max-width: 999px) {
    padding: 100px var(--gap-container-main);
  }

  &:has(.event) {
    background: var(--c-dark);
  }

  .main-content {
    min-height: 100vh;
    padding: 0 !important;
  }
}

.single-post {
  .container-wrap {
    background: var(--c-light);
  }

  .content-inner {
    padding-bottom: 0;
  }
  
  .main-content {
    padding: calc(135px - 80px) 16px 135px !important;

    @media (max-width: 999px) {
      padding: calc(100px - 60px) 0 100px !important;
    }

    .row:not(.featured-media-under-header) {
      padding: 0 20vw;

      @media (max-width: 999px) {
        padding: 0;
      }
    }

    p,
    ul {
      padding-left: 0;
      padding-right: 0;
    }
  }

  .blog_next_prev_buttons {
    display: none;
  }
}

.featured-media-under-header {
  .featured-media-under-header__content {
    margin: 0 0 10px 0;
  }

  .meta-category {
    display: none;
  }

  h1,
  .entry-title {
    font-size: var(--fs-base);
    font-weight: 500;
    line-height: 1;
    color: var(--c-dark);
    text-transform: uppercase;
    display: inline;
    margin-right: 8px;

    @media (max-width: 999px) {
      display: block;
      margin: 0;
    }
  }

  .featured-media-under-header__meta-wrap {
    display: inline;
    font-size: var(--fs-base);
    font-weight: 500;
    line-height: 1;

    .meta-author {
      display: none;
      line-height: 1;

      img {
        display: none;
      }

      a {
        color: var(--c-dark);
        opacity: 0.4;
        background-image: none;
        pointer-events: none;

        &::after {
          content: '/';
          display: inline-block;
          margin: 0 4px;
        }
      }
    }

    .meta-date {
      color: var(--c-dark);
      opacity: 0.4;
      line-height: 1;
    }
  }

  .page-header-bg-image {
    position: relative;

    img {
      width: 100%;
      height: auto;
    }
  }
}

article {
  .post-content {
    padding: 0;
    color: var(--c-dark);
    font-weight: 500;
    font-size: var(--fs-xs);

    @media (max-width: 999px) {
      font-size: var(--fs-sm);
    }

    span {
      color: var(--c-dark);
    }

    p {
      line-height: 1.15;
      padding: 0 80px;

      @media (max-width: 999px) {
        padding: 0 16px 0 0;
      }

      span:has(a) {
        text-decoration: none !important;
      }

      a {
        font-weight: 500;
        text-decoration: underline;
        color: var(--c-dark);
      }
    }

    h2,
    h3, 
    h4 {
      font-family: 'aro normal', Arial, Helvetica, sans-serif;
      font-size: 3.2vw;
      line-height: 0.95;
      letter-spacing: -0.02em;
      text-align: center;
      color: var(--c-dark);
      text-transform: uppercase;
      padding: 28px 80px 40px;
      font-style: normal !important;
      text-decoration: none !important;

      @media (max-width: 999px) {
        padding: 24px 40px 40px;
        font-size: 6.2vw;
      }

      em {
        font-style: normal !important;
      }

      span {
        text-decoration: none !important;
      }
    }

    img {
      width: 100%;
      height: auto;
      margin-bottom: 4px !important;
      margin-top: 12px;
      display: block;
    }

    blockquote {
      font-family: 'selecta', Arial, Helvetica, sans-serif !important;
      font-size: var(--fs-base);
      font-weight: 500;
      letter-spacing: normal;
      line-height: 1.1;
      padding: 0;
      margin: 48px 0;

      @media (max-width: 999px) {
        margin: 24px 0;
      }

      &::before {
        display: none;
      }

      p {
        padding: 0;
      }
    }

    .ow-button-base {
      margin: 40px 80px;

      @media (max-width: 999px) {
        margin: 24px 0;
      }
      
      a {
        background-color: var(--c-dark);
        display: block;
        height: auto;

        span {
          color: var(--c-light);
        }

        &:hover {
          background-color: var(--c-dark) !important;
        }
      }
    }

    ul {
      padding: 1em 80px;
      margin: 0;
      line-height: 1.15;

      @media (max-width: 999px) {
        padding: 1em 16px 0;
      }

      li {
        list-style: square;
        list-style-position: inside;
      }
    }
  }
}

.main-content {
  font-size: var(--fs-xs);

  @media (max-width: 999px) {
    font-size: var(--fs-sm);
  }

  &:has(article) {
    background-color: var(--c-light);
  }

  #author-bio {
    display: none;
  }

  &.event {
    padding: 135px 16px;
    background-color: var(--c-dark);
    color: var(--c-light);

    @media (max-width: 999px) {
      padding: 100px var(--gap-container-main);
    }

    .event-header {
      display: flex;
      column-gap: 8px;
      margin-bottom: 16px;

      @media (max-width: 999px) {
        margin-bottom: 12px;
      }

      .event-header-col {
        border-top: 1px solid var(--c-white);
        border-bottom: 1px solid var(--c-white);
        padding: 8px 0;
        line-height: 1.1;

        &:first-child {
          width: 25%;

          @media (max-width: 999px) {
            width: 45%;
          }
        }

        &:last-child {
          width: 75%;

          @media (max-width: 999px) {
            width: 55%;
          }
        }
      }

      .event-date-wrap {
        display: flex;
        column-gap: 16px;

        @media (max-width: 999px) {
          column-gap: 12px;
        }
      }

      .event-entrance {
        text-transform: capitalize;
      }
    }

    .event-visuals {
      ul {
        margin: 0;
        width: 75%;
        display: flex;
        flex-direction: column;
        row-gap: 16px;

        @media (max-width: 999px) {
          row-gap: 12px;
        }

        li {
          list-style: none;
          line-height: 0;
        }
      }
    }

    h1 {
      font-size: var(--fs-base);
      font-weight: 500;
      color: var(--c-light);
      line-height: 1.1;
      margin: 16px 0;

      @media (max-width: 999px) {
        margin: 12px 0;
      }
    }

    .event-description {
      line-height: 1.15;
      margin-left: 15%;
      font-family: 'selecta', Arial, Helvetica, sans-serif !important;
      padding-right: 8px;

      @media (max-width: 999px) {
        margin-left: 40px;
      }      
    }

    .event-links {
      display: flex;
      margin-top: var(--gap-container-main);
      padding-top: 16px;
      border-top: 1px solid var(--c-light);
      column-gap: 16px;

      @media (max-width: 999px) {
        padding-top: 12px;
        column-gap: 12px;
        margin: 0;
      }
      
      a {
        background-color: var(--c-light);
        color: var(--c-dark);
      }
    }
  }  
}

.modal-left-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
  font-size: var(--fs-sm);
  color: var(--c-midgrey);
}

body.modal-left-open {
  overflow: hidden;
}



/* ============================================
ABOUT
============================================ */
.container.main-content:has(#about-tabs) {
  @media (max-width: 999px) {
    max-width: 100%;
  }
}

/* general tabs style */
.wpb_wrapper.tabbed {
  .wpb_tabs_nav {
    list-style: none;
    counter-reset: custom;
    display: flex;
    justify-content: space-between;

    .tab-item {
      counter-increment: custom;
      padding: 16px 0;
      opacity: 0.4;

      @media (max-width: 999px) {
        opacity: 1;
        border-top: 1px solid var(--c-light);
        border-bottom: 1px solid var(--c-light);
        flex-grow: 1;
        text-align: center;

        a,
        &::before {
          opacity: 0.4;
        }
      }

      &.active-tab {
        opacity: 1;

        @media (max-width: 999px) {
          a,
          &::before {
            opacity: 1;
          }
        }
      }

      &::before {
        display: inline-block !important;
        content: counter(custom) " ";
        border: 2px solid;
        border-radius: 100%;
        font-size: var(--fs-xxs);
        line-height: 1;
        width: 14px;
        height: 14px;
        text-align: center;
        position: absolute;
        top: 16px;
        font-weight: 600;

        @media (max-width: 999px) {
          display: none !important;
        }
      }

      &:not(.active-tab) {
        transition: opacity var(--trans-default);
        
        &:hover {
          opacity: 1;
        }
      }

      a {
        text-transform: uppercase;
        font-size: var(--fs-sm);
        line-height: 1;
        margin-left: 24px;
        padding: 0;
        color: inherit;
        background: none !important;
        border: none !important;

        &:hover {
          opacity: 1;
        }

        @media (max-width: 999px) {
          font-size: var(--fs-xs);
          margin-left: 0;
        }
      }
    }
  }
}

/* about tabs */
#about-tabs {
  .wpb_wrapper.tabbed {
    .wpb_tabs_nav {
      position: fixed;
      top: 0;
      left: 50%;
      padding-top: calc(135px - 16px);
      padding-left: 20px !important;
      width: 50%;
      z-index: 30 !important;

      @media (max-width: 999px) {
        padding-left: var(--gap-container-main) !important;
        padding-right: var(--gap-container-main) !important;
        left: 0;
        width: 100%;
        padding-top: calc(60px + 12px);
        /* padding-bottom: 12px; */
      }
    }

    .row_col_wrap_12_inner {
      margin: 0;
    }

    &:has(#tab-who-are-we.visible-tab) {
      .wpb_tabs_nav {
        background: #000;

        .tab-item {
          color: var(--c-light);

          &::before {
            border-color: var(--c-light);
          }
        }
      }
    }

    &:has(#tab-the-story.visible-tab) {
      .wpb_tabs_nav {
        background: #000;

        .tab-item {
          color: var(--c-yellow);
          border-color: var(--c-yellow);

          &::before {
            border-color: var(--c-yellow);
          }
        }
      }
    }

    &:has(#tab-governance.visible-tab) {
      .wpb_tabs_nav {
        background: var(--c-light);

        .tab-item {
          color: var(--c-dark);

          &::before {
            border-color: var(--c-dark);
          }
        }
      }

      @media (max-width: 999px) {
        .wpb_tabs_nav {
          background: var(--c-winered);

          .tab-item {
            color: var(--c-red);
            border-color: var(--c-red);

            &::before {
              border-color: var(--c-red);
            }
          }
        }
      }
    }

    &:has(#tab-team-contact.visible-tab) {
      .wpb_tabs_nav {
        background: var(--c-light);

        .tab-item {
          color: #000;
          border-color: #000;

          &::before {
            border-color: #000;
          }
        }
      }

      @media (max-width: 999px) {
        .wpb_tabs_nav {
          background: #000;

          .tab-item {
            color: var(--c-light);
            border-color: var(--c-light);

            &::before {
              border-color: var(--c-light);
            }
          }
        }
      }
    }

    .wpb_tab {
      z-index: 1;

      &:not(.visible-tab) {
        display: none;
      }

      .wpb_content_element {
        margin-bottom: 0;
      }

      .wpb_row {
        margin-bottom: 0;

        .wpb_column {
          min-height: 100vh;

          @media (max-width: 999px) {
            min-height: unset;
          }

          &:nth-child(1) {
            position: fixed;
            top: 0;
            left: 0;
            width: 50%;
            height: 100vh;
            max-height: 100vh;
            padding: 0;
            z-index: 1;

            @media (max-width: 999px) {
              transform: translateY(0px);
              width: 100%;
              position: relative;
              height: auto;
              max-height: unset;
              /* margin: 0 1%; */
              margin: 0;
            }

            .vc_column-inner {
              height: 100%;
              min-height: 100vh;
              display: flex;
              align-items: center;
              justify-content: center;

              @media (max-width: 999px) {
                min-height: unset;
              }

              .wpb_wrapper {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
              }
            }

            h2 {
              font-family: 'aro normal', Arial, Helvetica, sans-serif;
              line-height: 0.8;
              letter-spacing: -0.02em;
              text-align: center;
            }
          }

          &:nth-child(2) {
            width: 50%;
            margin-left: 50%;
            padding: 0;

            @media (max-width: 999px) {
              width: 100%;
              /* margin: 0 1%; */
              margin: 0;
            }

            .vc_column-inner {
              padding: calc(185px + 20px) 20px 135px;

              @media (max-width: 999px) {
                padding: 12px 12px 100px;
              }
            }
          }
        }
      }

      /* who are we */
      &#tab-who-are-we {
        .wpb_row {
          .row-bg-wrap {
            background: #000;
            width: calc(100% + 1px);
          }
        }

        .wpb_column {
          &:nth-child(1) {
            background: var(--c-light);

            @media (max-width: 999px) {
              order: 2;
              padding: 12px 0;
            }

            .wpb_content_element,
            .hover-wrap {
              margin-bottom: 2px;
            }

            .vc_column-inner {
              background: var(--c-light);
            }

            h2 {
              font-size: 5vw;
              color: var(--c-red);

              @media (max-width: 999px) {
                font-size: 14.8vw;
              }
            }

            .img-with-aniamtion-wrap {
              width: 57%;

              @media (max-width: 999px) {
                width: calc(100% - var(--gap-container-main) * 2);
              }
            }
          }

          &:nth-child(2) {
            background: #000;
            color: var(--c-light);

            @media (max-width: 999px) {
              order: 1;
              padding: calc(117px) 0 0; /* includes tabs height */

              .vc_column-inner {
                padding-bottom: 12px;
              }
            }

            p {
              font-size: var(--fs-base);
              line-height: 1.1;
            }

            h4 {
              background: var(--c-light);
              color: var(--c-black);
              font-weight: 500;
              font-size: var(--fs-xs);
              line-height: 1.15;
              display: inline-block;
              padding: 0 4px;

              @media (max-width: 999px) {
                font-size: var(--fs-sm);
                margin-top: 2em;
              }
            }

            li {
              font-size: var(--fs-xs);
              line-height: 1.15;
              padding-right: 20px;

              @media (max-width: 999px) {
                padding-right: 16px;
                font-size: var(--fs-sm);
              }
            }

            h4,
            ol,
            ul {
              margin-left: 15%;

              @media (max-width: 999px) {
                margin-left: 40px;
              }
            }
          }
        }
      }

      /* the story */
      &#tab-the-story {
        position: relative;
        background: #000;

        .wpb_row {
          .row-bg-wrap {
            background: #000;
            width: calc(100% + 1px);
          }

          .wpb_column {
            min-height: unset;
            height: auto;
            background: transparent;

            &:nth-child(1) {
              position: fixed;
              top: 0;
              left: 0;
              width: 50%;
              height: 100vh;
              z-index: 1;
              background: #000;
              opacity: 0;
              visibility: hidden;
              transition: opacity var(--trans-default), visibility var(--trans-default);

              @media (max-width: 999px) {
                width: 100%;
                height: auto;
                visibility: visible;
                opacity: 1;
                position: relative;
              }

              .vc_column-inner {
                height: 100%;
                min-height: 100vh;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: flex-start;
                padding: calc(135px + 13.5vw) 20px 40px 40px;

                @media (max-width: 999px) {
                  padding: 0;
                  min-height: unset;
                }

                h2 {
                  font-family: 'aro condensed', Arial, Helvetica, sans-serif;
                  font-size: 8vw;
                  line-height: 0.8;
                  letter-spacing: -0.02em;
                  text-align: center;
                  color: var(--c-yellow);
                  margin-bottom: 20px;

                  @media (max-width: 999px) {
                    font-size: 12vw;
                    margin-bottom: 8px;
                  }
                }

                .img-with-aniamtion-wrap {
                  width: 60%;

                  @media (max-width: 999px) {
                    width: 75%;
                  }
                }
              }
            }

            &:nth-child(2) {
              width: 50%;
              margin-left: 50%;
              background: #000;

              @media (max-width: 999px) {
                width: 100%;
                margin-left: 0;
              }

              .vc_column-inner {
                padding: 20px 40px 80px 80px;

                @media (max-width: 999px) {
                  padding: 12px 0 12px;
                  margin: 0 var(--gap-container-main) 12px;
                  border-bottom: 1px solid var(--c-yellow);
                }
              }

              p {
                font-size: var(--fs-sm2);
                line-height: 1.1;
                color: var(--c-yellow);
              }
            }
          }

          &.story-active {
            .wpb_column:nth-child(1) {
              opacity: 1;
              visibility: visible;
            }
          }
        }

        .wpb_row:nth-child(1) {
          z-index: 20;
          pointer-events: none;

          @media (max-width: 999px) {
            position: fixed;
            width: 100%;
            padding: 117px var(--gap-container-main) 0;
          }

          .wpb_column:nth-child(1) {
            opacity: 1 !important;
            visibility: visible !important;
            z-index: 2;
            background: transparent;

            .vc_column-inner {
              justify-content: flex-start;
              padding-top: 135px;

              @media (max-width: 999px) {
                padding-top: 12px;
                border: none;
              }
            }

            .tab-story-fixed-heading h2 {
              font-family: 'aro normal', Arial, Helvetica, sans-serif;
              font-size: 8vw;

              @media (max-width: 999px) {
                font-size: 14.8vw;
                margin-bottom: 0;
              }

              &::after {
                display: block;
                content: '';
                height: 2px;
                width: 100%;
                margin-top: 0.3vw;
                background-color: var(--c-yellow);

                @media (max-width: 999px) {
                  margin-top: 12px;
                }
              }
            }
          }

          .wpb_column:nth-child(2) {
            padding: calc(135px + 13.1vw) 40px 0 20px;
            position: fixed;
            background: rgb(0 0 0 / 60%);

            @media (max-width: 999px) {
              display: none;
            }

            &::after {
              display: block;
              content: '';
              height: 2px;
              width: 100%;
              background-color: var(--c-yellow);
              visibility: visible;
              opacity: 1;
              transition: opacity var(--trans-default);
            }

            @media (min-width: 1000px) {
              &.at-footer::after {
                opacity: 0;
              }
            }

            .vc_column-inner {
              padding: 0;
            }
          }
        }

        .wpb_row:nth-child(2) {
          @media (max-width: 991px) {
             padding-top: calc(117px + 12px * 2 + 24vw + 12px);
          }

          .wpb_column:nth-child(2) {
            padding-top: calc(135px + 13.1vw);

            @media (max-width: 999px) {
              padding-top: 0;
            }
          }
        }

        .wpb_row:last-child {
          /* padding-bottom: 135px; */
          padding-bottom: calc(100vh - 135px - 13.1vw - 80px + 40px);

          @media (max-width: 999px) {
            padding-bottom: 100px;
          }
        }
      }

      /* governance */
      &#tab-governance {
        .wpb_column {
          &:nth-child(1) {
            padding: 0 5%;
            background-color: var(--c-winered);

            @media (max-width: 999px) {
              padding: calc(117px + 40px) 5% 40px;
            }

            h2 {
              font-size: 3.8vw;
              color: var(--c-red);

              @media (max-width: 999px) {
                font-size: 9vw;
                line-height: 0.85;
              }
            }

            .img-with-aniamtion-wrap {
              width: 57%;
            }
          }

          &:nth-child(2) {
            background: var(--c-light);
            color: var(--c-dark);

            .tab-column {
              display: inline-block;
              width: 100%;
              vertical-align: top;
              border-bottom: 2px solid var(--c-dark);
              padding-bottom: 12px;
              margin-bottom: 20px;

              @media (max-width: 999px) {
                margin-bottom: 0;
                margin-top: 12px;
                width: 100%;
              }

              h2 {
                &::after {
                  display: block;
                  content: '';
                  width: 100%;
                  height: 2px;
                  background: var(--c-dark);
                  margin-top: 6px;
                }
              }
            }

            p {
              font-size: var(--fs-xs);
              line-height: 1.1;
            }
            
            h2 {
              font-size: var(--fs-md);
              line-height: 1.1;
              font-weight: 500;
              color: var(--c-dark);
            }

            h4 {
              background: var(--c-green-highlight);
              color: var(--c-dark);
              font-weight: 500;
              font-size: var(--fs-xs);
              line-height: 1.15;
              display: inline-block;
              padding: 0 4px;

              @media (max-width: 999px) {
                margin-top: 2em;
                font-size: var(--fs-sm);
              }
            }

            li {
              line-height: 1.15;
              padding-right: 20px;

              @media (max-width: 999px) {
                padding-right: 16px;
              }
            }
          }
        }
      }

      &#tab-team-contact {
        .wpb_column {
          &:nth-child(1) {
            padding: 0 2%;
            background: #000;

            @media (max-width: 999px) {
              padding: calc(117px + 40px) 5% 40px;
            }

            h2 {
              font-family: 'aro condensed', Arial, Helvetica, sans-serif;
              letter-spacing: -0.01em;
              font-size: 5vw;
              color: var(--c-light);

              @media (max-width: 999px) {
                font-size: 9vw;
              }

              a {
                color: var(--c-brown);
              }
            }
          }

          &:nth-child(2) {
            background: var(--c-light);
            color: var(--c-dark);

            @media (max-width: 999px) {
              background: #000;
              color: var(--c-light);
            }

            .vc_column-inner {
              @media (max-width: 999px) {
                padding-bottom: calc(100px - 60px);
              }

              .wpb_wrapper {
                display: flex;
                flex-wrap: wrap;

                .team-member {
                  width: 33%;
                  margin-bottom: 120px;
                  margin-top: 0;
                  padding-bottom: 0;

                  @media (max-width: 999px) {
                    width: 50%;
                    margin-bottom: 60px;
                  }

                  img {
                    display: block;
                    width: 50%;
                    margin-bottom: 8px;

                    @media (max-width: 999px) {
                      width: 70%;
                    }
                  }

                  .social {
                    line-height: 1;

                    a {
                      color: var(--c-dark);
                      opacity: 0.4;

                      @media (max-width: 999px) {
                        color: var(--light);
                      }

                      &:hover {
                        opacity: 0.2;
                      }
                    }
                  }
                }
              }
            }

            p,
            h4,
            .position,
            .social a {
              font-size: var(--fs-xs);
              line-height: 1.1;
              color: var(--c-dark);

              @media (max-width: 999px) {
                font-size: var(--fs-sm);
                color: var(--light);
              }
            }
          }
        }
      }
    }
  }
}



/* ============================================
PRESS
============================================ */
.container.main-content:has(#press) {
  @media (max-width: 999px) {
    max-width: 100%;
  }
}

#press {
  .wpb_row {
    .row-bg-wrap {
      background: var(--c-light);
      width: calc(100% + 1px);
    }
  }

  .wpb_column {
    min-height: 100vh;

    @media (max-width: 999px) {
      min-height: unset;
    }

    &:nth-child(1) {
      min-height: 100vh;
      padding: 0;
      background: var(--c-light);
      margin-bottom: 0;

      @media (max-width: 999px) {
        min-height: unset;
        padding: 100px 0 0;
      }

      .vc_column-inner {
        height: 100%;
        min-height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;

         @media (max-width: 999px) {
          min-height: unset;
         }

        .wpb_wrapper {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
        }
      }

      .wpb_content_element,
      .hover-wrap {
        margin-bottom: 2px !important;
      }

      .vc_column-inner {
        background: var(--c-light);
      }

      h1 {
        font-size: 7.7vw;
        color: var(--c-dark);
        font-family: 'aro normal', Arial, Helvetica, sans-serif;
        line-height: 0.8;
        letter-spacing: -0.02em;
        text-align: center;

        @media (max-width: 999px) {
          font-size: 14.8vw;
        }
      }

      .img-with-aniamtion-wrap {
        width: 57%;

        @media (max-width: 999px) {
          width: calc(100% - var(--gap-container-main) * 2);
        }
      }
    }

    &:nth-child(2) {
      background: var(--c-light);
      color: var(--c-dark);
      padding: 0;

      .vc_column-inner {
        padding: 20px;
        height: 100%;
        min-height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;

        @media (max-width: 999px) {
          padding: 100px var(--gap-container-main);
          min-height: unset;
        }

        .wpb_wrapper {
          display: flex;
          flex-wrap: wrap;
          column-gap: 12px;

          .wpb_text_column:nth-child(2),
          .wpb_text_column:nth-child(3) {
            display: inline-block;
            width: calc(50% - 12px / 2);
          }
        }
      }

      p {
        font-size: var(--fs-xs);
        line-height: 1.1;
        padding-right: 16px;

        @media (max-width: 999px) {
          font-size: var(--fs-sm);
        }

        a {
          background: var(--c-dark);
          color: var(--c-light);
          border-radius: 4px;
          padding: 6px 28px;
          margin-top: calc(40px - 1em);
          display: block;

          @media (max-width: 999px) {
            margin-top: calc(24px - 1em);
          }

          &:hover {
            background: var(--c-dark);
            color: var(--c-light) !important;
          }
        }
      }

      h2 {
        font-family: 'aro condensed', Arial, Helvetica, sans-serif;
        color: var(--c-dark);
        font-weight: 500;
        font-size: var(--fs-lg);
        line-height: 0.8;
        padding-right: 25%;
        text-transform: uppercase;
        margin-bottom: 72px;

        @media (max-width: 999px) {
          padding-right: 0;
          margin-bottom: 1em;
          line-height: 0.85;
        }

        a {
          color: var(--c-brown);
        }
      }

      h3 {
        font-weight: 500;
        font-size: var(--fs-md);
        line-height: 1.1;
        color: var(--c-dark);
        display: block;
        width: 100%;

        &::after {
          display: block;
          content: '';
          height: 2px;
          width: 100%;
          background: var(--c-dark);
          margin-top: 8px;
          margin-bottom: 4px;
        }
      }
    }
  }
}



/* ============================================
PRESS REVIEWS
============================================ */
.container.main-content:has(#press-reviews) {
  padding: 135px var(--gap-container-main) 200px;
  background: var(--c-light);

  @media (max-width: 999px) {
    padding: 100px var(--gap-container-main);
    max-width: 100%;
  }
}

#press-reviews {
  .section-title {
    margin-bottom: 80px;
    text-align: left;

    @media (max-width: 999px) {
      margin-bottom: 60px;
    }

    h1 {
      color: var(--c-grey-inactive2);
    }
  }

  #press-reviews-list {
    .wpb_wrapper:has(.wpb_content_element) {
      display: flex;
      flex-wrap: wrap;
      column-gap: 12px;
      row-gap: 48px;

      @media (max-width: 999px) {
        row-gap: 40px;
      }
      
      .wpb_content_element {
        width: calc(25% - 12px * 3 / 4);

        @media (max-width: 999px) {
          width: calc(50% - 12px * 1 / 2);
        }

        h3 {
          font-family: 'aro condensed', Arial, Helvetica, sans-serif;
          color: var(--c-dark);
          font-weight: 500;
          font-size: var(--fs-md);
          line-height: 0.8;
          margin-bottom: 12px;
          width: 100%;
          text-align: left;

          @media (max-width: 999px) {
            margin-bottom: 8px;
            font-size: var(--fs-lg);
          }

          &::after {
            display: block;
            content: '';
            height: 2px;
            width: 100%;
            background: var(--c-dark);
            margin-top: 12px;

            @media (max-width: 999px) {
              margin-top: 8px;
            }
          }
        }

        p:has(em) {
          margin-top: -1em;
          color: var(--c-grey-inactive2);

          em {
            font-style: normal;
          }
        }

        a {
          background: var(--c-dark);
          color: var(--c-light);
          border-radius: 4px;
          padding: 6px 28px;
          margin-top: calc(20px - 1em);
          display: inline-block;

          @media (max-width: 999px) {
            margin-top: calc(16px - 1em);
            font-size: var(--fs-sm);
          }

          &:hover {
            background: var(--c-dark);
            color: var(--c-light) !important;
          }
        }
      }
    }
  }
}



/* ============================================
PROGRAMMES FOR MEMBERS
============================================ */
.container.main-content:has(#programmes-for-members) {
  padding: 135px var(--gap-container-main) 200px;
  background: var(--c-light);

  @media (max-width: 999px) {
    padding: 100px var(--gap-container-main) 0;
    max-width: 100%;
  }
}

#programmes-for-members {
  .section-title {
    h1 {
      color: var(--c-grey-inactive2);
    }
  }

  .clear {
    margin-bottom: 12px;
  }

  .wpb_tabs_nav {
    padding: 0 !important;
    position: relative;
    z-index: 20;

    @media (max-width: 999px) {
      flex-wrap: wrap;
      justify-content: space-evenly;
    }

    .tab-item {
      padding: 3px 5px 3px 3px;

      @media (max-width: 999px) {
        width: 33.33%;
        flex-grow: 0;
      }

      &::before {
        top: 3px;
      }

      &.active-tab {
        color: var(--c-light);
      }
    }
  }

  .wpb_row {
    .wpb_column {
      &:nth-child(1) {
        margin-bottom: 0;
      }

      &:nth-child(2) {
        padding-bottom: 135px;

        @media (max-width: 999px) {
          padding-bottom: 100px;
        }

        h2 {
          font-family: 'aro normal', Arial, Helvetica, sans-serif;
          font-size: 3.2vw;
          line-height: 0.95;
          letter-spacing: -0.02em;
          text-transform: uppercase;
          color: var(--c-light);
          background: var(--c-dark);
          padding: 4px;

          @media (max-width: 999px) {
            font-size: 6.2vw;
          }
        }
      }
    }
  }

  .wpb_tabs_nav .tab-item:nth-child(1).active-tab,
  .wpb_tab:nth-of-type(1) .wpb_row .wpb_column:nth-child(2) h2 {
    background: var(--c-winered);
  }

  .wpb_tabs_nav .tab-item:nth-child(2).active-tab,
  .wpb_tab:nth-of-type(2) .wpb_row .wpb_column:nth-child(2) h2 {
    background: var(--c-darkgreen);
  }

  .wpb_tabs_nav .tab-item:nth-child(3).active-tab,
  .wpb_tab:nth-of-type(3) .wpb_row .wpb_column:nth-child(2) h2 {
    background: var(--c-blue);
  }

  .wpb_tabs_nav .tab-item:nth-child(4).active-tab,
  .wpb_tab:nth-of-type(4) .wpb_row .wpb_column:nth-child(2) h2 {
    background: var(--c-darkbrown);
  }

  .wpb_tabs_nav .tab-item:nth-child(5).active-tab,
  .wpb_tab:nth-of-type(5) .wpb_row .wpb_column:nth-child(2) h2 {
    background: var(--c-winered);
  }

  .wpb_tabs_nav .tab-item:nth-child(6).active-tab,
  .wpb_tab:nth-of-type(6) .wpb_row .wpb_column:nth-child(2) h2 {
    background: var(--c-darkgreen);
  }

  .wpb_tabs_nav .tab-item:nth-child(7).active-tab,
  .wpb_tab:nth-of-type(7) .wpb_row .wpb_column:nth-child(2) h2 {
    background: var(--c-blue);
  }
}



/* ============================================
POSITION PAPERS AND STATEMENTS
============================================ */
#position-papers {
  .section-title {
    h1 {
      font-family: 'aro condensed', Arial, Helvetica, sans-serif;
      font-size: 12vw;
      letter-spacing: -0.02em;
      line-height: 0.8;
      color: var(--c-winered);

      @media (max-width: 999px) {
        font-size: 13.6vw;
      }
    }
  }

  .nectar_single_testimonial {
    background: var(--c-winered);
    margin-top: 0;
    margin-bottom: 135px;

    @media (max-width: 999px) {
      margin-bottom: 60px;
    }

    p, 
    span {
      color: var(--c-beige);
    }
  }

  .nectar-post-grid {
    .nectar-post-grid-item {
      .meta-category {
        a {
          color: var(--c-pink);
          transition: all var(--trans-default);
        }
      }

      .nectar-post-grid-item-bg {
        .post-grid-cover-title {
          position: absolute;
          background: var(--c-winered);
          color: var(--c-pink);
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 2;
          display: flex;
          align-items: center;
          justify-content: center;
          font-family: 'aro normal', Arial, Helvetica, sans-serif;
          font-size: 3.25vw;
          line-height: 0.87;
          letter-spacing: -0.02em;
          text-transform: uppercase;
          text-align: center;
          min-height: unset !important;
          padding: 0 16px;
          transition: all var(--trans-default);

          @media (max-width: 999px) {
            font-size: 5vw;
          }
        }
      }

      &:hover {
        .meta-category {
          a {
            color: var(--c-winered);
          }
        }

        .nectar-post-grid-item-bg {
          .post-grid-cover-title {
            background: var(--c-pink);
            color: var(--c-winered);
          }
        }
      }
    }

  }
}

/* Highlight colors */
mark[class*="cc-highlight-"] {
  padding: 0 4px;
}
mark.cc-highlight-blue {
  background-color: var(--c-blue);
  color: var(--c-light);
}
mark.cc-highlight-yellow {
  background-color: var(--c-yellow);
  color: var(--c-black);
}
mark.cc-highlight-green {
  background-color: var(--c-green-highlight);
  color: var(--c-black);
}
mark.cc-highlight-red {
  background-color: var(--c-winered);
  color: var(--c-light);
}
mark.cc-highlight-black {
  background-color: var(--c-black);
  color: var(--c-light);
}
mark.cc-highlight-white {
  background-color: var(--c-light);
  color: var(--c-black);
}