/* ========== Global CSS ========== */
:root {
  /*
  --nectar-accent-color: #161616;
  --nectar-extra-color-1: #CBBDB0;
  --nectar-extra-color-2: #FCF9F5;
  --nectar-extra-color-3: #323232;
  --nectar-new-desert-drift: #FCF9F5;
  --nectar-black: #000000;
  --nectar-white: #ffffff;
  */
}
/* ===== Fonts ===== */
/* = Nohemi = */
@font-face {
  font-family: 'Nohemi';
  font-weight: 100;
  font-style: normal;
  src: url('../fonts/Nohemi-Thin.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Nohemi';
  font-weight: 200;
  font-style: normal;
  src: url('../fonts/Nohemi-ExtraLight.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Nohemi';
  font-weight: 400;
  font-style: normal;
  src: url('../fonts/Nohemi-Regular.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Nohemi';
  font-weight: 500;
  font-style: normal;
  src: url('../fonts/Nohemi-Medium.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Nohemi';
  font-weight: 600;
  font-style: normal;
  src: url('../fonts/Nohemi-SemiBold.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Nohemi';
  font-weight: 700;
  font-style: normal;
  src: url('../fonts/Nohemi-Bold.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Nohemi';
  font-weight: 800;
  font-style: normal;
  src: url('../fonts/Nohemi-ExtraBold.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Nohemi';
  font-weight: 900;
  font-style: normal;
  src: url('../fonts/Nohemi-Black.woff2') format('woff2');
  font-display: swap;
}
/* = Inter = */
@font-face {
  font-family: 'Inter';
  font-weight: 400;
  font-style: normal;
  src: url('../fonts/Inter-Regular.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  font-weight: 500;
  font-style: normal;
  src: url('../fonts/Inter-Medium.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  font-weight: 600;
  font-style: normal;
  src: url('../fonts/Inter-SemiBold.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  font-weight: 700;
  font-style: normal;
  src: url('../fonts/Inter-Bold.woff2') format('woff2');
  font-display: swap;
}
/* ===== Text Styling ===== */
body .container-wrap,
body .container-wrap p,
body .container-wrap .p-style div *,
body .container-wrap .btn,
body #top nav > ul > li > a {
  font-family: 'Inter', arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0px;
  > strong,
  > strong * {
    font-weight: 700;
  }
  &.semi-bold {
    font-weight: 600;
  }
}
body .container-wrap .small,
body .container-wrap .small *,
body .container-wrap .small div *,
body .container-wrap .gk-blog-post-category {
  font-size: 14px;
  > strong,
  > strong * {
    font-weight: 700;
  }
  &.semi-bold {
    font-weight: 600;
  }
}
body .container-wrap .large,
body .container-wrap .large *,
body .container-wrap .large div *,
body .container-wrap .mctp-copy-btn,
body .gk-issue-case-study-row {
  font-size: min(20px, 1.6vw);
  font-weight: 500;
  > strong,
  > strong * {
    font-weight: 700;
  }
  &.semi-bold {
    font-weight: 600;
  }
}
body .container-wrap .x-large,
body .container-wrap .x-large *,
body .container-wrap .x-large div *,
body .container-wrap .gk-blog-post-title  {
  font-size: min(24px, 1.9vw);
  font-weight: 500;
  font-family: 'Inter', arial, sans-serif;
  line-height: 1.4;
  letter-spacing: -4%;
  > strong,
  > strong * {
    font-weight: 700;
  }
  &.semi-bold {
    font-weight: 600;
  }
}
body .container-wrap h1,
body .container-wrap .h1-style *,
body .container-wrap .h1-style div * {
  font-family: 'Nohemi', arial, sans-serif;
  font-weight: 700;
  font-size: min(136px, 6.5vw);
  line-height: 1;
  letter-spacing: 0%;
}
body .container-wrap h2,
body .container-wrap .h2-style,
body .container-wrap .h2-style *,
body .container-wrap .h2-style div * {
  font-family: 'Nohemi', arial, sans-serif;
  font-weight: 400;
  font-size: min(80px, 5vw);
  line-height: 1.1;
  > strong,
  > strong * {
    font-weight: 700;
  }
}
body .container-wrap h3,
body .container-wrap .h3-style,
body .container-wrap .h3-style *,
body .container-wrap .h3-style div * {
  font-family: 'Nohemi', arial, sans-serif;
  font-weight: 400;
  font-size: min(64px, 4vw);
  line-height: 1.125;
  letter-spacing: 0%;
  > strong,
  > strong * {
    font-weight: 700;
  }
}
body .container-wrap h4,
body .container-wrap .h4-style,
body .container-wrap .h4-style *,
body .container-wrap .h4-style div * {
  font-family: 'Inter', arial, sans-serif;
  font-weight: 500;
  font-size: min(48px, 3.25vw);
  line-height: 1.2;
  letter-spacing: -4%;
  > strong,
  > strong * {
    font-weight: 700;
  }
}
body .container-wrap h5,
body .container-wrap .h5-style *,
body .container-wrap .h5-style div * {
  font-family: 'Inter', arial, sans-serif;
  font-weight: 500;
  font-size: min(40px, 3vw);
  line-height: 1.2;
  letter-spacing: -4%;
  > strong,
  > strong * {
    font-weight: 700;
  }
}
body .container-wrap h6,
body .container-wrap .h6-style *,
body .container-wrap .h6-style div * {
  font-family: 'Inter', arial, sans-serif;
  font-weight: 500;
  font-size: min(32px, 2.5vw);
  line-height: 1.2;
  letter-spacing: -4%;
  > strong,
  > strong * {
    font-weight: 700;
  }
  &.semi-bold {
    font-weight: 600;
  }
}
body .container-wrap .hero-text-style,
body .container-wrap .hero-text-style *,
body .container-wrap .hero-text-style div * {
  font-family: 'Nohemi', arial, sans-serif;
  font-weight: 700;
  font-size: min(160px, 9vw);
  line-height: 1.2;
  letter-spacing: 0%;
}
body .issue-offset-overlay .gk-issue-case-study-featured { 
  align-items: end !important;
  .gk-issue-case-study-featured-title {
    font-family: 'Inter', arial, sans-serif;
    font-weight: 500;
    font-size: min(200px, 8vw);
    line-height: 1;
    letter-spacing: 0%;
    padding-bottom: 0px !important;
  }
}
body .container-wrap .gk-hero-title,
body .container-wrap .gk-hero-title * {
  font-family: 'Nohemi', arial, sans-serif;
  font-weight: 700;
  font-style: Bold;
  /* font-size: min(400px, 16vw); */
  font-size: min(400px, 20vw);
  line-height: 1;
  letter-spacing: 0%;
}
body .container-wrap .reg * {
  font-weight: 400 !important;
}
body .container-wrap .uppercase,
body .container-wrap .uppercase div * {
  text-transform: uppercase;
}
body .container-wrap .dark-text ,
body .container-wrap .dark-text div * {
  color: var(--nectar-accent-color);
}
body .container-wrap .light-text ,
body .container-wrap .light-text div * {
  color: var(--nectar-extra-color-2);
}
body .container-wrap .brown-text ,
body .container-wrap .brown-text div * {
  color: var(--nectar-extra-color-1);
} 
/* ===== Link Styling ===== */
body .container-wrap .mctp-copy-btn,
body .issue-offset-overlay a,
body .container-wrap a,
body .container-wrap .btn {
  position: relative;
  &::before {
    content: '';
    display: block;
    position: absolute;
    bottom: -0.2rem;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--nectar-accent-color);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.5s ease-in-out;
  }
  &:hover::before {
    transform: scaleX(1);
    transform-origin: left;
  }
  &.light-link::before {
    background-color: var(--nectar-extra-color-2);
  }
}
body .container-wrap .nectar_icon_wrap .nectar_icon{
  transition: all 0.3s ease-in-out;
  a {
    position: absolute;
  }
  &:hover {
    transform: translateY(-5px);
  }
}
body .container-wrap .btn {
  display: block;
  padding: 0.125rem;
  margin: 0 auto 16px auto;
  background-color: var(--nectar-accent-color);
  border: none;
  border-radius: 0 !important;
  color: var(--nectar-white);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  &:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -0.2rem;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--nectar-white);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.5s ease-in-out;
  }
}
body .container-wrap .right-aligned-btn {
  text-align: right;
}
body .container-wrap .wpb_row.full-width-content {
  width: 100vw !important; /* Might be a temporary fix */
  margin-left: -50vw !important; /* Might be a temporary fix */
}
/* ===== Scrollbar Styling ===== */
body ::-webkit-scrollbar {
  transition: all 0.3s ease-in-out;
}
/* ===== Navigation Styling ===== */
body .ocm-effect-wrap-inner #header-space {
  display: none;
}

body .ocm-effect-wrap-inner #header-outer {
  background-color: transparent;
  box-shadow: none !important;
  z-index: 25;
  z-index: 99999999999999999999999999999;
  header {
    transition: all 0.3s ease-in-out;
  }
  #top .container #logo {
    text-transform: lowercase;
  }
  .menu-item {
    text-transform: uppercase;
  }
  .issues-nav-item {
    margin-left: 20vw;
    display: flex;
    align-items: center;
    gap: 8px;
    &::before {
      content: '';
      background-color: var(--nectar-extra-color-1);
      width: 12px;
      height: 12px;
      border-radius: 50%;
    }
    a {
      margin-left: 0 !important;
    }
  }
}
body .container-wrap .light-links a {
  color: var(--nectar-extra-color-2);
  &::before {
    background-color: var(--nectar-extra-color-2);
  }
}

#header-outer[data-lhe="text_reveal"] #top nav >ul >li[class*="menu-item-btn"] >a,
#header-outer[data-lhe="animated_underline"] #top nav > ul > li > a,
#top nav > ul > li[class*="button_solid_color"] > a,
body #header-outer[data-lhe="default"] #top nav .sf-menu > li[class*="button_solid_color"] > a:hover,
#header-outer[data-lhe="animated_underline"] #top nav > .sf-menu > li[class*="button_bordered"] > a,
#top nav > ul > li[class*="button_bordered"] > a,
body #header-outer.transparent #top nav > ul > li[class*="button_bordered"] > a,
body #header-outer[data-lhe="default"] #top nav .sf-menu > li[class*="button_bordered"] > a:hover,
body #header-outer.transparent #top nav > ul > li[class*="button_solid_color"] > a,
#header-outer[data-lhe="animated_underline"] #top nav > ul > li[class*="button_solid_color"] > a {
  margin-left: min(16px, 1.25vw);
  margin-right: min(16px, 1.25vw);
}
/* ===== Issue Offset Menu Styling ===== */
.issue-offset-overlay {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(100vh - var(--header-height, 0px));
  background: var(--nectar-extra-color-1);
  z-index: 9999;
  overflow-y: none;

  .issue-offset-close {
    position: absolute;
    top: 10px;
    right: 0px;
    background: transparent;
    border: none;
    color: var(--nectar-accent-color);
    cursor: pointer;
    padding: 16px;
    margin-right: 16px;
    transition: opacity 0.3s ease;
    z-index: 9999;
  }

  .issue-offset-container {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0px;
    box-sizing: border-box;

    .issue-offset-content {
      max-width: 100%;
      margin: 0 auto;
      padding: 0 32px;
      color: var(--nectar-accent-color);
      > .wpb_row {
        padding-top: calc(100vw * 0.03) !important;
        padding-bottom: calc(100vw * 0.03) !important;
        width: 100% !important;
        margin: 0 auto !important;
      }
    }
  }
}

/* ===== Footer Styling ===== */
body .container-wrap .footer-menu {
  ul.menu {
    margin: 0;
    li.menu-item {
      list-style: none;
      display: inline-block;
    }
  }
}
/* ===== Copy Text Styling ===== */
body .container-wrap .mctp-copy-wrapper {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  .mctp-copy-title {
    text-transform: uppercase;
    flex: 3.8;
  }
  .mctp-copy-text {
    flex: 5;
    word-break: break-word;
  }
  .mctp-copy-btn {
    flex: 0 0;
    background: transparent;
    padding: 0;
    padding-right: 30px;
    border: none;
    cursor: pointer;
    background-image: url('/wp-content/uploads/2025/11/content-copy.svg');
    background-size: 24px 24px;
    background-position: right center;
    background-repeat: no-repeat;
    display: inline-block;
    transition: all 0.3s ease-in-out;
  }
}
/* ===== Video Player Styling ===== */
body .container-wrap .within-column {
  position: relative;
  max-width: 100%;
  height: auto;
  min-height: 55vh;
  .media-player-content {
    position: absolute;
    height: 100%;
    padding: 0;
    
    .media-player-ui {
      width: 100%;

      .media-player-title {
        font-size: min(40px, 1.85vw);
      }

      & .media-progress-wrapper {
        .media-progress-bar {
          background-color: #FCF9F54d;
          .media-progress-fill {
            background-color: var(--nectar-extra-color-2);
          }
        }
        .media-play-btn {
          background-color: var(--nectar-extra-color-2);
          * {
            color: var(--nectar-accent-color);
          }
        }
      }
    }
  }
}
/* ===== Blog Post Filter Columns ===== */
body .container-wrap .gk-blog-post-filter {
  .gk-blog-post-grid {
    .gk-blog-post-item {
      .gk-blog-post-thumbnail {
        a {
          aspect-ratio: 4 / 3;
          display: flex;
          overflow: hidden;
          &:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: block;
            background-color: transparent;
            content: '';
            opacity: 0.25;
            transform: none !important;
            background: linear-gradient(90deg, #73b1aa7d 0%, #ffffff00 33%);
            transition: all 0.3s ease-in-out !important;
          }
          img {
            width: 100%;
            height: max-content;
            object-fit: cover;
            transition: all 0.3s ease-in-out;
          }
          &:hover:before {
            filter: saturate(00%);
            opacity: 1;
          }
        }
      }
      .gk-blog-post-categories {
        margin: 16px 0 20px 0;
      }
      .gk-blog-post-title {
        margin-bottom: 0;
      }
    }
  }
}

/* ===== Progress Bar ===== */
body .container-wrap .gk-blog-post-pagination {
  width: min(300px, 100%);
  margin: 4rem auto 32px auto;

  .gk-blog-post-load-more {
    font-weight: 500;
    cursor: pointer;
  }
  .gk-blog-post-progress-bar {
    width: 100%;
    height: 4px;
    background: var(--nectar-extra-color-3);
    border-radius: 2px;
    margin-bottom: 15px;
    transition: all 0.3s ease-in-out;
    overflow: hidden;

    .gk-blog-post-progress-fill {
      height: 100%;
      background: var(--nectar-extra-color-2);
      transition: width 0.3s ease;
      border-radius: 2px;
    }
  }

  &.hidden {
    display: none;
  }
}
/* ===== Back to Archive Button ===== */
.back-to-archive-link {
  position: absolute;
  top: calc(80px + 32px);
  left: 32px;
  z-index: 30;
    a {
    
  }
}
/* ===== Author Info ===== */
.gk-blog-post-author-info {
  display: grid;
  grid-template-columns: auto auto auto;
  width: min(200px, 100%);

  .gk-blog-post-date {
    grid-column: 1 / span 2;
    font-size: 14px;
    font-weight: 300;
  }
  .gk-blog-post-author-name {
    grid-column: 1 / span 2;
    font-size: 18px;
  }
  .gk-blog-post-author-avatar {
    grid-column: 3 / span 1;
    grid-row: 1 / span 2;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
/* ===== Issue Case Study - Table ===== */
body .gk-issue-case-study-table {
  .gk-issue-case-study-featured {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 32px;
    margin-bottom: 32px;
    * {
      flex: 1;
    }
    .gk-issue-case-study-featured-title {
      max-width: min(600px, 100%);
      padding-bottom: 64px;
    }
    .gk-issue-case-study-thumbnail {
      max-width: min(600px, 100%);
      aspect-ratio: 5 / 3;
      overflow: hidden;
      img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
    }
  }
  .gk-issue-case-study-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 32px;
    border-top: 1px solid var(--nectar-accent-color);
    padding: 0.35rem 0;
    font-weight: 400;

    .gk-issue-case-study-title {
      line-height: 1.2;
      flex: 3;
    }

    .gk-issue-case-study-issue-number {
      flex: 2;
      text-align: center;
    }

    .gk-issue-case-study-work {
      flex: 3;
    }
  }
}

/* ===== Misc ===== */
body .container-wrap .light-shadow {
  box-shadow: 4px 0px 28px 0px #0000001A;
}
body .container-wrap .white-line-border {
  border-top: 1px solid var(--nectar-white) !important;
}
.material .wpb_content_element, 
.material .wpb_row {
  margin-bottom: 0 !important;
}
.single .container-wrap .row, 
.single .container-wrap div.clear {
  padding-bottom: 0px;
}
body[data-header-resize="0"] .container-wrap, 
body[data-header-resize="0"] .project-title {
  padding-top: 0px;
}
body .container-wrap .post-area {
  margin-top: 0px;
}
body .container-wrap .global-max-width {
  .row_col_wrap_12.col.span_12 {
    position: absolute;
    width: 100%;
    /* height: 100%; */
  }
}
body .container-wrap .sticky-col {
  position: sticky;
  height: fit-content;
  top: 32px;
  /* * {
    position: sticky;
  } */
}
body .container-wrap .white-bg-overlay .hover-wrap-inner:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.25;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #73B1AA7d 0%, #ffffff00 33%);
  z-index: 10;
}