/*
Theme Name: Greendex 2.0
Theme URI: https://greendex.hu
Author: Andcode
Author URI: https://andcode.hu
Description: Greendex 2.0 block theme 1240px max width, NewsBlocks compatible, performance focused.
Text Domain: andcode-greendex
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 8.1
Version: 0.1.6
*/

/* Layer order all other CSS uses these layers */
@layer reset, base, layout, components, blocks, utilities;

/* RESET
   ------------------------------------------------------------------ */
@layer reset {
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  html {
    -webkit-text-size-adjust: 100%;
  }

  body,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  figure {
    margin: 0;
  }

  img,
  picture,
  video,
  canvas,
  svg {
    display: block;
    max-width: 100%;
  }

  input,
  button,
  textarea,
  select {
    font: inherit;
  }
}

/* Footer (UI 2025-12) */
@layer components {
  .gdx-footer {
    background: #fffdfb;
    color: #fffdfb;
    position: relative;
    padding-top: 64px;
    padding-bottom: 72px;
  }

  .gdx-footer::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 24px;
    background: var(--wp--preset--color--primary, #64a078);
  }

  .gdx-footer__inner {
    max-width: calc(1240px + 40px);
    margin-inline: auto;
    padding-inline: 20px;
    display: flex;
    flex-direction: column;
    /*gap: 10vh;*/
  }

  @media (max-width: 768px) {
    .gdx-footer__inner {
      padding-inline: 0;
    }
  }  

  .gdx-footer__top {
    display: flex;
    align-items: center;
    gap: 40px;
    padding-top: 70px;
    padding-bottom: 100px;
  }

  @media (max-width: 768px) {
    .gdx-footer__top {
        display: flex;
        align-items: center;
        gap: 40px;
        padding-top: 30px;
        padding-bottom: 60px;
    }
  }

  .gdx-footer__logo {
    flex: 0 0 auto;
    max-width: 134px;
  }

  .gdx-footer__logo svg {
    width: 204px;
    height: auto;
    display: block;
    color: #665;
  }

  .gdx-footer__top-line {
    flex: 1 1 auto;
    height: 1px;
    background: #DADADA;
    opacity: 0.7;
  }

  .gdx-footer__bottom {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 56px;
    align-items: start;
    padding-bottom: 10vh;
  }

  .gdx-footer__col {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .gdx-footer__title {
    border-bottom: 1px solid #665;
    padding-bottom: 8px;
    margin: 0 0 8px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #665;
  }

  .gdx-footer__title-icon {
    display: inline-block;
    width: 22px;
    height: 22px;
    background-color: var(--wp--preset--color--green-200, #a1d1b0);
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M22 0C22 12.1503 12.1503 22 0 22V0H22Z' fill='%23000'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M22 0C22 12.1503 12.1503 22 0 22V0H22Z' fill='%23000'/%3E%3C/svg%3E");
    mask-size: 22px 22px;
    -webkit-mask-size: 22px 22px;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
  }

  @media (max-width: 1023px) {
    .gdx-footer {
      padding-top: 48px;
      padding-bottom: 56px;
      padding-inline: 20px
    }
    .gdx-footer__bottom {
      grid-template-columns: 1fr;
      gap: 32px;
    }
  }
}

/* BASE base tokens plus body and links
   ------------------------------------------------------------------ */
@layer base {
  :root {
    /* Breakpoint tokens every responsive breakpoint relies on these */
    --bp-sm: 480px;
    --bp-md: 768px;
    --bp-lg: 1024px;
    --bp-xl: 1280px;

    /* Radius tokens sourced from theme.json custom.radius */
    --radius-sm: var(--wp--custom--radius--s, 8px);
    --radius-md: var(--wp--custom--radius--m, 12px);
    --radius-lg: var(--wp--custom--radius--l, 16px);
    --radius-image-l: var(--wp--custom--radius--image-l, 16px);
  }

  body {
    font-family: var(--wp--preset--font-family--atkinson-body, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
    font-size: var(--wp--preset--font-size--m, 16px);
    line-height: 1.6;
    background-color: var(--wp--preset--color--background, #ffffff);
    color: var(--wp--preset--color--slate-900, #111111);
  }

  a {
    color: var(--wp--preset--color--primary, #64a078);
    text-decoration: none;
  }

  a:hover,
  a:focus-visible {
    color: var(--wp--preset--color--primary, #64a078);
    text-decoration: underline;
  }

  .wp-site-blocks {
    overflow-x: clip;
  }

  @supports not (overflow: clip) {
    .wp-site-blocks {
      overflow-x: hidden;
    }
  }

  :focus-visible {
    outline: 2px solid var(--wp--preset--color--primary, #64a078);
    outline-offset: 2px;
  }
}

/* LAYOUT 1240px grid and base page structure
   ------------------------------------------------------------------ */
@layer layout {
  .site {
    /* 1240px content + 20px side padding = 1280px total width */
    max-width: calc(1240px + 40px);
    margin-inline: auto;
    padding-inline: 20px;
  }

  @media (min-width: 768px) and (max-width: 1366px ) {
    .site {
      padding-inline: 32px;
    }
    .site-header {
      padding: 0 16px;
    }
  }

  /*.site-header,
  .site-footer {
    padding-block: var(--wp--preset--spacing--m, 16px);
  }*/

  main {
    padding-block: var(--wp--preset--spacing--l, 24px);
  }

  @media (min-width: 769px) {
    main {
      padding-block: 0;
    }
  }
}

/* Ensure .site padding wins over global wp-block-group styles */
.wp-block-group.site {
  padding-inline: 20px;
}

@media (min-width: 768px) and (max-width: 1366px ) {
  .wp-block-group.site {
    padding-inline: 32px;
  }
}

/* COMPONENTS buttons, cards, navigation, etc.
   ------------------------------------------------------------------ */
@layer components {
  .gdx-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-inline: var(--wp--preset--spacing--m, 16px);
    padding-block: calc(var(--wp--preset--spacing--s, 8px) * 0.75);
    border: 1px solid transparent;
    background: var(--wp--preset--color--primary, #64a078);
    color: var(--wp--preset--color--background, #ffffff);
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    transition: transform 0.12s ease-out, box-shadow 0.12s ease-out, background-color 0.12s ease-out;
  }

  .gdx-button:hover,
  .gdx-button:focus-visible {
    transform: translateY(-1px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);
    text-decoration: none;
  }

  .gdx-button--secondary {
    background: transparent;
    color: var(--wp--preset--color--primary, #64a078);
    border-color: currentColor;
  }

  /* Header-specific helpers */
  .gdx-header__top,
  .gdx-header__bottom {
    width: 100%;
  }

  .gdx-header__widget {
    height: 86px;
    max-height: 86px;
    opacity: 1;
    margin: 0;
    padding: 0;
    overflow: hidden;
    transition: opacity 0.22s ease, transform 0.22s ease, max-height 0.24s ease, margin 0.24s ease, padding 0.24s ease;
    /* Keep resting state on normal text rasterization layer. */
    transform: none;
  }

  .gdx-icon-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: none;
    background: transparent;
    color: inherit;
    cursor: pointer;
  }

  .gdx-header__search .wp-block-search__inside-wrapper {
    border: none;
    padding: 0;
  }

  .gdx-header__search .wp-block-search__input {
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    background: transparent;
    color: inherit;
  }
}



  /* Desktop header layout */
  .gdx-header {
    gap: 48px;
    padding-block: 0 12px;
    transition: gap 0.24s ease, padding-block 0.24s ease;
    color: var(--wp--preset--color--primary, #64a078);
  }

  .gdx-header svg {
    color: var(--wp--preset--color--primary, #64a078);
    fill: currentColor;
  }

  /* Hide bottom when overlay open */
  body.gdx-overlay-open .gdx-header__bottom {
    display: none;
  }

  .gdx-header__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    width: 100%;
    min-height: 98px;
    margin: 0;
    padding: 0;
    transition: min-height 0.24s ease, gap 0.24s ease;
    position: relative;
    z-index: 1500;
  }

  .gdx-header__top > * {
    align-self: center;
    margin: 0;
  }

  .gdx-header__icons {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    color: var(--wp--preset--color--primary, #64a078);
    flex: 0 0 auto;
    padding-block: var(--wp--preset--spacing--m, 16px);
    padding-left: 0;
    padding-right: 0;
  }

  .gdx-header__logo {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    margin-inline: auto;
    flex: 1 1 auto;
    justify-content: center;
  }

  .gdx-header__socials {
    justify-self: end;
    display: inline-flex;
    align-items: center;
    gap: 20px;
    color: var(--wp--preset--color--primary, #64a078);
  }

  .gdx-icon-button {
    width: 36px;
    height: 36px;
  }

.gdx-icon-button svg {
  width: 32px;
  height: 32px;
}

.gdx-reading-progress {
  display: none;
  width: 100%;
  height: 5px;
  background: var(--wp--preset--color--slate-150, #dddee2);
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity 0.22s ease, transform 0.22s ease;
  pointer-events: none;
}

.gdx-reading-progress__bar {
  width: 100%;
  height: 100%;
  background: var(--wp--preset--color--primary, #64a078);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.08s linear;
}

@media (min-width: 769px) {
  body.single-post .site-header .gdx-reading-progress,
  body.single-post .gdx-header .gdx-reading-progress {
    display: block;
  }

  body.single-post .site-header.is-compact .gdx-reading-progress,
  body.single-post .gdx-header.is-compact .gdx-reading-progress {
    opacity: 1;
    transform: translateY(0);
  }
}

.gdx-icon-button--search-mobile {
  display: none;
}
  .gdx-header.is-compact .gdx-icon-button,
  .site-header.is-compact .gdx-icon-button {
    width: 36px;
    height: 36px;
  }

  .gdx-header.is-compact .gdx-icon-button svg,
  .site-header.is-compact .gdx-icon-button svg {
    width: 32px;
    height: 32px;
  }

  .gdx-header__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    width: 100%;
    padding-top: clamp(10px, 2.2vh, 24px);
    padding-bottom: clamp(6px, 1vh, 12px);
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #dddee2; /* slate-150 */
    min-height: 23px;
    max-height: 200px;
    opacity: 1;
    transition: opacity 0.22s ease, transform 0.22s ease, max-height 0.24s ease, padding 0.24s ease, border-color 0.24s ease;
    /* Keep resting state on normal text rasterization layer. */
    transform: none;
    overflow: hidden;
  }

  .gdx-header__date,
  .gdx-header__bottom > .wp-block-shortcode,
  .gdx-header__bottom > p:first-child {
    font-family: "Atkinson Hyperlegible Next", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: var(--wp--preset--font-size--s, 14px);
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: var(--wp--preset--color--slate-700, #56565f);
    margin: 0;
    padding: 0;
    display: inline-flex;
    align-items: center;
    max-width: none;
    width: auto;
    margin-right: auto;
    white-space: nowrap;
  }

  /* Force date wrapper to ignore constrained layout max-width centering */
  .gdx-header__date.is-layout-constrained.wp-block-group {
    max-width: none;
    width: auto;
    margin: 0;
    padding: 0;
    align-items: center;
    justify-content: flex-start;
  }

  .gdx-header__nav {
    justify-self: end;
    display: inline-flex;
    align-items: center;
    gap: 18px;
    color: var(--wp--preset--color--primary, #64a078);
    font-family: "Atkinson Hyperlegible Next", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: var(--wp--preset--font-size--s, 14px);
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--wp--preset--color--primary, #64a078);
    margin-left: auto;
  }

  .gdx-header__nav a {
    color: var(--wp--preset--color--slate-700, #56565f);
    text-decoration: none;
  }

  .gdx-header__nav .current-menu-item > a,
  .gdx-header__nav .current-menu-ancestor > a,
  .gdx-header__nav .current-menu-parent > a,
  .gdx-header__nav .current-post-parent > a,
  .gdx-header__nav .current-post-ancestor > a,
  .gdx-header__nav .current_page_item > a,
  .gdx-header__nav .current_page_parent > a,
  .gdx-header__nav .current_page_ancestor > a,
  .gdx-header__nav .current-menu-item > .wp-block-navigation-item__content,
  .gdx-header__nav .current-menu-ancestor > .wp-block-navigation-item__content,
  .gdx-header__nav .current-menu-parent > .wp-block-navigation-item__content,
  .gdx-header__nav .current-post-parent > .wp-block-navigation-item__content,
  .gdx-header__nav .current-post-ancestor > .wp-block-navigation-item__content,
  .gdx-header__nav .current_page_item > .wp-block-navigation-item__content,
  .gdx-header__nav .current_page_parent > .wp-block-navigation-item__content,
  .gdx-header__nav .current_page_ancestor > .wp-block-navigation-item__content,
  .gdx-header__nav a[aria-current="page"] {
    color: var(--wp--preset--color--slate-700, #56565f);
    font-weight: inherit;
    text-decoration: none;
  }

  .gdx-header__nav a:hover,
  .gdx-header__nav a:focus-visible {
    text-decoration: underline;
  }

  .gdx-header__logo {
    justify-self: center;
    color: var(--wp--preset--color--primary, #64a078);
  }

  .gdx-header__logo svg {
    width: 204px;
    height: auto;
    display: block;
    transition: width 0.2s ease;
  }

  .gdx-header__socials {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
    color: var(--wp--preset--color--primary, #64a078);
    flex: 0 0 auto;
    margin-left: auto;
  }

  .gdx-header__socials .gdx-social {
    display: flex;
    align-items: center;
  }

  /* Remove default padding/margins from template part wrapper for the header */
  .site-header.wp-block-template-part {
    margin: 0;
    padding: 0 20px;
  }

  .gdx-header__socials a {
    display: inline-flex;
    align-items: center;
  }

  .gdx-header__socials svg {
    display: block;
    width: 32px;
    height: 32px;
  }

  .gdx-header__socials .gdx-social--youtube svg {
    width: 38px;
    height: 26px;
  }

  .gdx-header__socials .gdx-social--tiktok svg {
    width: 28px;
    height: 32px;
  }

@media (min-width: 1024px) {
  .gdx-header__widget {
    height: auto;
    min-height: 86px;
    max-height: none;
    margin-bottom: 1.5vh;
    overflow: visible;
  }
  .gdx-header__bottom {
    padding-top: clamp(14px, 2.8vh, 30px);
  }  
}
 
  @media (min-width: 700px) and (max-width: 767px) {
    .gdx-header__bottom {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      column-gap: 20px;
      align-items: center;
    }

    .gdx-header__date,
    .gdx-header__bottom > .wp-block-shortcode,
    .gdx-header__bottom > p:first-child {
      grid-column: 1;
      white-space: nowrap;
      flex: 0 0 auto;
      margin-right: 0;
    }

    .gdx-header__nav.gdx-header__nav--featured {
      grid-column: 2;
      display: flex;
      overflow-x: auto;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
      align-items: center;
      gap: 16px;
      flex-wrap: nowrap;
      justify-content: flex-start;
      width: 100%;
      max-width: 100%;
      padding: 0 12px 6px;
      margin: 0;
      min-width: 0;
      flex: 1 1 0;
      margin-left: 0;
      justify-self: stretch;
    }

    .gdx-header__nav.gdx-header__nav--featured .wp-block-navigation__responsive-container-open,
    .gdx-header__nav.gdx-header__nav--featured .wp-block-navigation__responsive-container-close {
      display: none;
    }

    .gdx-header__nav.gdx-header__nav--featured .wp-block-navigation__responsive-container {
      position: static;
      display: block !important;
      opacity: 1;
      transform: none;
      visibility: visible;
      pointer-events: auto;
      height: auto;
      width: 100%;
    }

    .gdx-header__nav.gdx-header__nav--featured .wp-block-navigation__responsive-dialog {
      position: static;
      box-shadow: none;
      transform: none;
      height: auto;
      width: 100%;
    }

    .gdx-header__nav.gdx-header__nav--featured .wp-block-navigation__responsive-container-content {
      display: block;
      width: 100%;
    }

    .gdx-header__nav.gdx-header__nav--featured::-webkit-scrollbar {
      display: none;
    }

    .gdx-header__nav.gdx-header__nav--featured .wp-block-navigation__container,
    .gdx-header__nav.gdx-header__nav--featured .wp-block-page-list,
    .gdx-header__nav.gdx-header__nav--featured .wp-block-pages-list__item,
    .gdx-header__nav.gdx-header__nav--featured .wp-block-navigation__container > li {
      display: inline-flex;
      align-items: center;
      flex-wrap: nowrap;
      gap: 16px;
      padding: 0;
      margin: 0;
      list-style: none;
      white-space: nowrap;
      width: max-content;
    }

    .gdx-header__nav.gdx-header__nav--featured .wp-block-navigation__container > li > a,
    .gdx-header__nav.gdx-header__nav--featured .wp-block-navigation__container > li > span,
    .gdx-header__nav.gdx-header__nav--featured .wp-block-navigation__container > li .wp-block-navigation-item__content,
    .gdx-header__nav.gdx-header__nav--featured .wp-block-pages-list__item__link {
      padding: 4px 0;
      font-weight: inherit;
      text-transform: inherit;
      letter-spacing: inherit;
      color: var(--wp--preset--color--primary, #64a078);
      white-space: nowrap;
    }
  }

  @media (min-width: 768px) and (max-width: 1239px) {
    .gdx-header__nav.gdx-header__nav--featured {
      overflow-x: auto;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
      flex-wrap: nowrap;
    }

    .gdx-header__nav.gdx-header__nav--featured::-webkit-scrollbar {
      display: none;
    }

    .gdx-header__nav.gdx-header__nav--featured .wp-block-navigation__responsive-container-open,
    .gdx-header__nav.gdx-header__nav--featured .wp-block-navigation__responsive-container-close {
      display: none;
    }

    .gdx-header__nav.gdx-header__nav--featured .wp-block-navigation__responsive-container {
      position: static;
      display: block !important;
      opacity: 1;
      transform: none;
      visibility: visible;
      pointer-events: auto;
      height: auto;
      width: 100%;
    }

    .gdx-header__nav.gdx-header__nav--featured .wp-block-navigation__responsive-dialog {
      position: static;
      box-shadow: none;
      transform: none;
      height: auto;
      width: 100%;
    }

    .gdx-header__nav.gdx-header__nav--featured .wp-block-navigation__responsive-container-content {
      display: block;
      width: 100%;
    }

    .gdx-header__nav.gdx-header__nav--featured .wp-block-navigation__container,
    .gdx-header__nav.gdx-header__nav--featured .wp-block-page-list,
    .gdx-header__nav.gdx-header__nav--featured .wp-block-pages-list__item,
    .gdx-header__nav.gdx-header__nav--featured .wp-block-navigation__container > li {
      display: inline-flex;
      align-items: center;
      flex-wrap: nowrap;
      gap: 18px;
      padding: 0;
      margin: 0;
      list-style: none;
      white-space: nowrap;
      width: max-content;
    }
  }

  /* Fullscreen overlay menu */
  .gdx-overlay {
    position: fixed;
    inset: 0;
    background: #257450;
    color: #fffdfb;
    display: none;
    z-index: 1200;
    padding: 16vh 0px 104px;
    margin-top: 0;
    min-height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    max-width: none;
    width: 100vw;
  }

  .gdx-overlay::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 24px;
    background: var(--wp--preset--color--green-800, #194E36);
    z-index: 1;
    pointer-events: none;
  }

  .gdx-overlay__inner {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: calc(1240px + 80px);
    margin: 0 auto;
    padding-inline: 40px;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 56px;
    align-items: start;
  }

  .gdx-overlay__col {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  @media (max-width: 768px) {
    .gdx-overlay__inner {
      grid-template-columns: 1fr;
    }
  }

  .gdx-overlay-open .gdx-overlay__title {
    margin: 0 0 8px;
    padding: 0;
    font-family: var(--wp--preset--font-family--sentient-heading, Georgia, "Times New Roman", serif);
    font-size: 26px;
    font-weight: 700;
    /*line-height: 1.3;*/
    color: #fffdfb;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid var(--wp--preset--color--green-600, #64a078);
    padding-bottom: 8px;
  }

.gdx-overlay__title {
    margin: 0 0 8px;
    padding: 0;
    font-family: var(--wp--preset--font-family--sentient-heading, Georgia, "Times New Roman", serif);
    font-size: 26px;
    font-weight: 700;
    /*line-height: 1.3;*/
    color: #665;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid #DADADA;
    padding-bottom: 8px;
  }

.gdx-overlay__title-icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-color: var(--wp--preset--color--green-200, #a1d1b0);
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M22 0C22 12.1503 12.1503 22 0 22V0H22Z' fill='%23000'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M22 0C22 12.1503 12.1503 22 0 22V0H22Z' fill='%23000'/%3E%3C/svg%3E");
  mask-size: 22px 22px;
  -webkit-mask-size: 22px 22px;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

.gdx-search {
  position: fixed;
  inset: 0;
  display: none;
  background: var(--wp--preset--color--background, #fffdfb);
  color: var(--wp--preset--color--slate-800, #39393f);
  z-index: 900;
  padding: 140px 0 64px;
  overflow: auto;
}

.gdx-search__inner {
  max-width: calc(1240px + 40px);
  margin: 0 auto;
  padding: 0 20px;
}

.gdx-search__form {
  display: flex;
  align-items: center;
  gap: 18px;
  border-bottom: 1px solid var(--wp--preset--color--slate-200, #d2d2d8);
  padding-bottom: 14px;
}

.gdx-search__input {
  flex: 1 1 auto;
  border: none;
  background: transparent;
  font-family: var(--wp--preset--font-family--sentient-heading, Georgia, "Times New Roman", serif);
  font-size: 26px;
  font-weight: 400;
  line-height: 1.3;
  color: var(--wp--preset--color--slate-700, #56565f);
  padding: 6px 0;
}

.gdx-search__input:focus {
  outline: none;
}

.gdx-search__input::placeholder {
  color: var(--wp--preset--color--slate-600, #72737f);
  opacity: 1;
}

.gdx-search__submit {
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  border-radius: 999px;
  border: none;
  background: var(--wp--preset--color--primary, #64a078);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 14px rgba(50, 155, 107, 0.18);
  cursor: pointer;
  transition: transform 0.12s ease-out, box-shadow 0.12s ease-out, background-color 0.12s ease-out;
}

.gdx-search__submit:hover,
.gdx-search__submit:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 8px 16px rgba(50, 155, 107, 0.22);
  text-decoration: none;
}

.gdx-search__submit svg {
  width: 18px;
  height: 18px;
  fill: #fff;
}

.gdx-search__submit svg path {
  fill: #fff;
}

.gdx-search__empty {
  margin: 0;
  padding: 24px 0 12px;
  font-size: 18px;
  color: var(--wp--preset--color--slate-700, #56565f);
}

body.gdx-search-open {
  overflow: hidden;
}

body.gdx-search-open .gdx-search {
  display: block;
}

body.gdx-search-open .gdx-header__bottom,
body.gdx-search-open .gdx-header__widget {
  display: none;
}

body.gdx-search-open .gdx-overlay {
  display: none;
}

@media (max-width: 767px) {
  .gdx-search {
    padding: 112px 0 48px;
  }

  .gdx-search__form {
    gap: 12px;
    padding-bottom: 12px;
  }

  .gdx-search__input {
    font-size: 22px;
  }

  .gdx-search__submit {
    width: 34px;
    height: 34px;
  }
}

/*IMG Lightbox*/
.wp-lightbox-overlay.zoom.active .scrim {
  background-color: var(--wp--preset--color--slate-900, #1D1D20)!important;
}

.wp-lightbox-overlay.zoom.active .close-button {
  fill: var(--wp--preset--color--slate-100, #E9E9EC)!important;
}

/*IMG gallery*/
.wp-block-gallery.has-nested-images figcaption {
    text-align: left;
}

/* Single content: show only the first gallery item in the content flow */
.gdx-single__content-main .wp-block-gallery > figure:not(:first-child),
.gdx-single__content-main .wp-block-gallery > .wp-block-image:not(:first-child),
.gdx-single__content-main .wp-block-gallery > li:not(:first-child),
.entry-content .wp-block-gallery > figure:not(:first-child),
.entry-content .wp-block-gallery > .wp-block-image:not(:first-child),
.entry-content .wp-block-gallery > li:not(:first-child) {
  display: none;
}

/* Archive page spacing */
.gdx-archive {
  margin-top: 50px;
}

@media (max-width: 768px) {
  .gdx-archive {
    margin-top: 0;
  }
}

.gdx-archive__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
}

.gdx-archive__title {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--wp--preset--color--slate-800, #39393f);
  font-family: var(--wp--preset--font-family--sentient-heading, Georgia, "Times New Roman", serif);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 135%;
  margin: 0;
  flex: 1 1 auto;
  min-width: 0;
  text-decoration: none;
  border-bottom: none;
  padding-bottom: 0;
}

.gdx-archive__title::before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  background-color: var(--wp--preset--color--green-200, #a1d1b0);
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M22 0C22 12.1503 12.1503 22 0 22V0H22Z' fill='%23000'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M22 0C22 12.1503 12.1503 22 0 22V0H22Z' fill='%23000'/%3E%3C/svg%3E");
  mask-size: 22px 22px;
  -webkit-mask-size: 22px 22px;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  flex-shrink: 0;
}

.gdx-archive__title::after {
  content: "";
  display: block;
  flex: 1 1 auto;
  height: 18px;
  margin-left: 16px;
  margin-right: 12px;
  background-image: repeating-linear-gradient(
    108deg,
    var(--wp--preset--color--slate-100, #e9e9ec) 0 2px,
    transparent 2px 5px
  );
  background-repeat: repeat;
}

.gdx-archive__pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  margin: 40px auto 0;
  padding: 0 20px;
}

.gdx-archive__page-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--wp--preset--color--slate-700, #56565f);
  font-weight: 600;
  font-size:19px;
  text-decoration: none;
}

.gdx-archive__page-btn:hover,
.gdx-archive__page-btn:focus-visible {
  text-decoration: underline;
}

.gdx-archive__pagination-divider {
  display: inline-block;
  width: 1px;
  height: 18px;
  background: var(--wp--preset--color--slate-200, #d2d2d8);
  margin: 0 16px;
}

  .gdx-overlay__nav,
  .gdx-overlay__nav ul {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 0;
    margin: 0;
    list-style: none;
  }

  .gdx-overlay__nav li {
    margin: 0;
    padding: 0;
  }

  .gdx-overlay__nav a {
    color: #fffdfb;
    text-decoration: none;
    font-weight: 700;
  }

  .gdx-overlay__nav a:hover,
  .gdx-overlay__nav a:focus-visible {
    text-decoration: underline;
  }

  .gdx-overlay-open .gdx-overlay__nav--left a {
    color: #fffdfb;
    font-family: "Atkinson Hyperlegible Next", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
  }

  .gdx-overlay__nav--left a {
    color: #665;
    font-family: "Atkinson Hyperlegible Next", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
  }

  @media (max-width: 768px) {
    .gdx-overlay__nav--left a {
      font-size: 20px;
      font-weight: 600;
      line-height: 135%;
    }
  }

  .gdx-overlay__nav--left {
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    text-align: left;
  }

  .gdx-overlay__nav--left .wp-block-navigation__responsive-container,
  .gdx-overlay__nav--left .wp-block-navigation__responsive-dialog,
  .gdx-overlay__nav--left .wp-block-navigation__responsive-container-content,
  .gdx-overlay__nav--left .wp-block-navigation__container,
  .gdx-overlay__nav--left .wp-block-navigation__submenu-container,
  .gdx-overlay__nav--left .wp-block-page-list {
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    text-align: left;
    transform: none;
  }

  .gdx-overlay__nav--left .wp-block-navigation__submenu-container {
    position: static;
    min-width: 0;
    height: auto;
    border: 0;
    background: transparent;
    color: inherit;
    opacity: 1;
    visibility: visible;
  }

  .gdx-overlay__nav--left.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
    position: static;
    left: auto;
    right: auto;
    top: auto;
    min-width: 0;
    height: auto;
    margin-left: 0;
    padding-left: 0;
    transform: none;
  }

  .gdx-overlay-open .gdx-overlay__nav--center a {
    color: #fffdfb;
    font-family: "Sentient", Georgia, "Times New Roman", serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    padding: 4px 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border: 1px solid #fffdfb;
  }

  .gdx-overlay__nav--center a {
    color: #665;
    font-family: "Sentient", Georgia, "Times New Roman", serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    padding: 4px 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border: 1px solid #DADADA;
  }

  .gdx-overlay__nav--center,
  .gdx-overlay__nav--center ul {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .gdx-overlay__nav--center > ul,
  .gdx-overlay__nav--center > .wp-block-page-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
  }

  .gdx-overlay__nav--center li {
    margin: 0;
    padding: 0;
  }

  .gdx-overlay__nav--center .wp-block-navigation-item__content,
  .gdx-overlay__nav--center .wp-block-pages-list__item__link {
    display: flex;
    padding: 4px 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--wp--preset--color--green-100, #D8F3E7);
  }

  .gdx-overlay__nav--right,
  .gdx-overlay__nav--right ul {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0;
    column-gap: 24px;
    row-gap: 8px;
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .gdx-overlay__nav--right > ul,
  .gdx-overlay__nav--right > .wp-block-page-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
  }

  .gdx-overlay__nav--right li {
    margin: 0;
    padding: 0;
  }

  .gdx-overlay__nav--right .wp-block-navigation-item__content,
  .gdx-overlay__nav--right .wp-block-pages-list__item__link {
    display: flex;
    padding: 4px 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border: none;
  }

  .gdx-overlay-open .gdx-overlay__nav--right a {
    color: #fffdfb;
    font-family: "Atkinson Hyperlegible Next", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }

  .gdx-overlay__nav--right a {
    color: #665;
    font-family: "Atkinson Hyperlegible Next", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }

  body.gdx-overlay-open,
  .gdx-overlay-open .site-header {
    background: #257450;
    color: #fffdfb;
  }

  body.gdx-overlay-open .site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1400;
  }

  body.gdx-overlay-open .gdx-header {
    position: relative;
    z-index: 1401;
  }

  body.gdx-overlay-open .gdx-overlay {
    display: block;
  }

  body.gdx-overlay-open {
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-gutter: stable;
  }

  @media (max-width: 768px) {
    body.gdx-overlay-open {
      overflow: hidden;
    }

    body.gdx-overlay-open .gdx-overlay {
      top: 90px;
      bottom: 0;
      height: auto;
      min-height: 0;
      padding: 0 0 calc(48px + env(safe-area-inset-bottom));
      overscroll-behavior: contain;
    }

    body.gdx-overlay-open .gdx-overlay__inner {
      height: auto;
      min-height: 100%;
      padding-inline: 53px;
      padding-top: 0;
    }

    body.gdx-overlay-open .gdx-overlay::after {
      content: none;
    }
  }

  body.gdx-overlay-open .gdx-header svg {
    color: #fffdfb;
    fill: #fffdfb;
  }

  .gdx-icon-button__icon--close {
    display: none;
  }

  body.gdx-overlay-open .gdx-icon-button__icon--menu {
    display: none;
  }

  body.gdx-overlay-open .gdx-icon-button__icon--close {
    display: inline-flex;
  }

  /* Tablet header layout */
  @media (max-width: 1023px) {
    .gdx-header {
      gap: 28px;
      padding-block: 0 10px;
    }

    .gdx-header__top {
      min-height: 80px;
      gap: 24px;
    }

    .gdx-header__icons {
      gap: 16px;
    }

    .gdx-header__logo svg {
      width: 180px;
    }

    .gdx-header__socials {
      gap: 16px;
    }

    .gdx-header__socials svg {
      width: 28px;
      height: 28px;
    }

    .gdx-header__socials .gdx-social--youtube svg {
      width: 34px;
      height: 24px;
    }

    .gdx-header__socials .gdx-social--tiktok svg {
      width: 24px;
      height: 28px;
    }
  }

  @media (max-width: 767px) {
    .gdx-header__bottom {
      gap: 16px;
      padding-bottom: 10px;
    }

    .gdx-header__date,
    .gdx-header__bottom > .wp-block-shortcode,
    .gdx-header__bottom > p:first-child {
      font-size: 13px;
    }

    .gdx-header__nav {
      gap: 14px;
      font-size: 13px;
      flex-wrap: wrap;
      row-gap: 6px;
    }
  }


@media (min-width: 769px) {
  body.square-hero .gdx-single__inner,
  body.bigimg-hero .gdx-single__inner {
    padding-top: 16px;
  }

  /* Compact header state (desktop scroll) */  
  .gdx-header__top {
    justify-content: center;
  }

    .gdx-header__logo {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      margin: 0;
      flex: 0 0 auto;
    }

    .gdx-header__icons {
      margin-right: auto;
      justify-content: flex-start;
      gap: 20px;
    }

    .gdx-header__socials {
      margin-left: auto;
    }

    .gdx-header__icons {
      width: 92px; /* 2x36px + 20px gap to prevent horizontal shift */
    }

    .site-header {
      position: sticky;
      top: 0;
      z-index: 1000;
      background-color: var(--wp--preset--color--background, #ffffff);
      transition: box-shadow 0.24s ease, background-color 0.24s ease, transform 0.24s ease;
    }

    .site-header.is-compact .gdx-header,
    .gdx-header.is-compact {
      height: 60px;
      min-height: 60px;
      max-height: 60px;
      padding-block: 0;
      overflow: hidden;
    }

    .site-header.is-compact {
      box-shadow: 0 6px 14px 0 rgba(0, 0, 0, .08);
    }

    .site-header.is-compact .gdx-header__top,
    .gdx-header.is-compact .gdx-header__top {
      height: 60px;
      min-height: 60px;
      max-height: 60px;
      gap: 16px;
      align-items: center;
    }

    .site-header.is-compact .gdx-header__top > *,
    .gdx-header.is-compact .gdx-header__top > * {
      align-self: center;
    }

    .gdx-overlay-open .site-header.is-compact .gdx-header__top {
      background-color: #257450;
    }

    .site-header.is-compact .gdx-header__bottom,
    .gdx-header.is-compact .gdx-header__bottom {
      opacity: 0;
      transform: translateY(-6px);
      max-height: 0;
      min-height: 0;
      padding-top: 0;
      padding-bottom: 0;
      border-bottom-color: transparent;
      overflow: hidden;
      pointer-events: none;
      transition: opacity 0.22s ease, transform 0.22s ease, max-height 0.24s ease, padding 0.24s ease, border-color 0.24s ease;
    }

    .site-header.is-compact .gdx-header__widget,
    .gdx-header.is-compact .gdx-header__widget {
      opacity: 0;
      transform: translateY(-6px);
      max-height: 0;
      min-height: 0;
      margin: 0;
      padding: 0;
      overflow: hidden;
      pointer-events: none;
      transition: opacity 0.22s ease, transform 0.22s ease, max-height 0.24s ease, margin 0.24s ease, padding 0.24s ease;
    }
    .site-header.is-compact .gdx-header__logo svg,
    .gdx-header.is-compact .gdx-header__logo svg {
      width: 130px;
    }

    .site-header.is-compact .gdx-header__icons,
    .gdx-header.is-compact .gdx-header__icons {
      gap: 20px;
      padding-block: 0;
      height: 60px;
      align-items: center;
    }

    .site-header.is-compact .gdx-header__logo,
    .gdx-header.is-compact .gdx-header__logo,
    .site-header.is-compact .gdx-header__socials,
    .gdx-header.is-compact .gdx-header__socials {
      height: 60px;
      align-items: center;
    }
  }

  /* Mobile header layout */
  @media (max-width: 699px) {
    .gdx-header {
      gap: 16px;
      padding: 12px 16px 10px;
    }

    .gdx-header__top {
      justify-content: space-between;
      gap: 16px;
      min-height: 56px;
    }

    .gdx-header__icons {
      display: inline-flex;
      gap: 16px;
      flex: 0 0 auto;
    }

    .gdx-icon-button--search-desktop {
      display: none;
    }

    .gdx-icon-button--search-mobile {
      display: inline-flex;
    }

    .gdx-header__logo {
      flex: 1 1 auto;
      justify-content: center;
      margin: 0 auto;
    }

    .gdx-header__logo svg {
      width: 160px;
    }

    .gdx-header__socials {
      display: none;
    }

    .gdx-header__bottom {
      display: block;
      padding: 0;
      margin: 0;
      border: 0;
    }

    .gdx-header__date {
      display: none;
    }

    .gdx-header__nav {
      display: flex;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
      align-items: center;
      gap: 16px;
      flex-wrap: nowrap;
      justify-content: flex-start;
      width: 100%;
      padding: 0 3px 6px;
      margin: 0;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.03em;
      color: var(--wp--preset--color--primary, #64a078);
    }

    /* Force nav items always visible (disable WP responsive overlay) */
    .gdx-header__nav .wp-block-navigation__responsive-container-open,
    .gdx-header__nav .wp-block-navigation__responsive-container-close {
      display: none;
    }

    .gdx-header__nav .wp-block-navigation__responsive-container {
      position: static;
      display: block !important;
      opacity: 1;
      transform: none;
      visibility: visible;
      pointer-events: auto;
      height: auto;
      width: 100%;
    }

    .gdx-header__nav .wp-block-navigation__responsive-dialog {
      position: static;
      box-shadow: none;
      transform: none;
      height: auto;
      width: 100%;
    }

    .gdx-header__nav .wp-block-navigation__responsive-container-content {
      display: block;
      width: 100%;
    }

    .gdx-header__nav .wp-block-navigation__container,
    .gdx-header__nav .wp-block-page-list,
    .gdx-header__nav .wp-block-pages-list__item,
    .gdx-header__nav .wp-block-navigation__container > li {
      display: inline-flex;
      align-items: center;
      flex-wrap: nowrap;
      gap: 16px;
      padding: 0;
      margin: 0;
      list-style: none;
      white-space: nowrap;
      width: max-content;
    }

    .gdx-header__nav .wp-block-navigation__container > li > a,
    .gdx-header__nav .wp-block-navigation__container > li > span,
    .gdx-header__nav .wp-block-navigation__container > li .wp-block-navigation-item__content,
    .gdx-header__nav .wp-block-pages-list__item__link {
      padding: 4px 0;
      font-weight: inherit;
      text-transform: inherit;
      letter-spacing: inherit;
      color: var(--wp--preset--color--primary, #64a078);
      white-space: nowrap;
    }

    .gdx-header__nav .wp-block-navigation__container > li {
      gap: 0;
      flex: 0 0 auto;
    }

    .gdx-header__nav .wp-block-navigation__container {
      display: inline-flex;
      flex-wrap: nowrap;
      width: auto;
      justify-content: flex-start;
    }

    .gdx-header__nav::-webkit-scrollbar {
      display: none;
    }

    .gdx-header__nav a {
      padding: 4px 0;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.03em;
      color: var(--wp--preset--color--primary, #64a078);
    }
  }

  @media (min-width: 769px) {
    /* Featured block primary title (P1) */
    .andcode-newsblock.featured-block .featured-p1 .post-card__title,
    .andcode-newsblock.featured-block .featured-p1 .post-card__title a {
      color: var(--wp--preset--color--slate-800, #39393f);
      font-family: var(--wp--preset--font-family--sentient-heading, "Sentient", Georgia, "Times New Roman", serif);
      font-size: var(--xxxl, 40px);
      font-style: normal;
      font-weight: 500;
      line-height: 120%;
    }

    .andcode-newsblock.featured-block .featured-p1 .post-card__title a:hover,
    .andcode-newsblock.featured-block .featured-p1 .post-card__title a:focus-visible {
      color: var(--wp--preset--color--primary, #64a078);
    }
  }


/* BLOCKS WordPress block refinements
   ------------------------------------------------------------------ */
@layer blocks {
  .wp-block-post-title {
    margin-block-end: var(--wp--preset--spacing--s, 8px);
  }

  .wp-block-group.gdx-section {
    padding-block: var(--wp--preset--spacing--xl, 40px);
  }

  .wp-site-blocks .wp-block-group.gdx-section {
    padding-inline: 0;
  }
}

/* UTILITIES helper classes
   ------------------------------------------------------------------ */
@layer utilities {
  .u-visually-hidden {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap;
  }

  .u-text-center {
    text-align: center;
  }

  .u-max-width-1240 {
    max-width: 1240px;
    margin-inline: auto;
  }
}

/* ======================================================================
   CORE / ROOT padding keep content truly 1240px wide
   (the 20px side padding lives on the .site wrapper)
   =================================================================== */

/* Constrained group: no extra horizontal padding, stay 1240px wide */
.wp-block-group.is-layout-constrained {
  padding-left: 0;
  padding-right: 0;
  max-width: 1240px;
  margin-inline: auto;
}

/* ======================================================================
   NEWSBLOCKS Andcode NewsBlocks integration (layout + type)
   =================================================================== */

/* only-mobile / only-desktop helper classes */
.only-desktop {
  display: none;
}

@media (min-width: 768px) {
  .only-desktop {
    display: initial;
  }

  .only-mobile {
    display: none;
  }
}

/* NewsBlocks visibility helpers (safe for block elements) */
@media (max-width: 768px) {
  .andcode-newsblock .anb-only-desktop {
    display: none !important;
  }
}

@media (min-width: 769px) {
  .andcode-newsblock .anb-only-mobile {
    display: none !important;
  }
}

/* Base article structure */
.andcode-newsblock .post-card {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--xs, 4px);
  box-sizing: border-box;
}

/* Image wrapper general rounding, overflow crops the image */
.andcode-newsblock .post-card__thumb,
.andcode-newsblock .post-card__image-wrapper {
  margin: 0 0 4px 0;
  overflow: hidden;
}

.post-card__thumb-link {
  display: block;
}

/* Image fills the container */
.andcode-newsblock .post-card__thumb img,
.andcode-newsblock .post-card__image {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  /*transition: transform 0.28s ease-out;
  transform: scale(1);*/
}

/* Subtle zoom on hover (image or title) */
/*@media (min-width: 1025px) {
  .andcode-newsblock .post-card:hover .post-card__thumb img,
  .andcode-newsblock .post-card:hover .post-card__image {
    transform: scale(1.05);
  }
}

@media (prefers-reduced-motion: reduce) {
  .andcode-newsblock .post-card__thumb img,
  .andcode-newsblock .post-card__image {
    transition: none;
    transform: none;
  }
}*/

@media (min-width: 769px) {
  /* Title heading font global settings */
  .andcode-newsblock .post-card__title {
    font-family: var(--wp--preset--font-family--sentient-heading, Georgia, "Times New Roman", serif);
    font-weight: 500;
    font-style: normal;
    margin: 0;
    color: var(--wp--preset--color--slate-800, #39393f);
  }

  .andcode-newsblock .post-card__title a {
    color: var(--wp--preset--color--slate-800, #39393f);
    text-decoration: none;
    transition: color 0.2s ease-out;
  }

  .andcode-newsblock .post-card__title a:hover,
  .andcode-newsblock .post-card__title a:focus-visible {
    color: var(--wp--preset--color--primary, #64a078);
    text-decoration: none;
  }
}

  /* Default image corner rounding (override per-component where needed) */
  img,
  picture img {
    border-radius: 0 0 24px 0;
  }

  .gdx-related-sidebar__thumb img,
  .gdx-related-sidebar__thumb picture img {
    border-radius: 8px;
  }
  
/* Category row green, uppercase, letter spaced */
.andcode-newsblock .post-card__cats {
  font-family: "Atkinson Hyperlegible Next", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--wp--preset--color--primary, #64a078);
  margin: 4px 0 8px 0;
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

@media (max-width: 768px) {
  .andcode-newsblock .post-card__cats {
    margin: 0;
  }
}

.andcode-newsblock .post-card__cats a {
  color: inherit;
  text-decoration: none;
}

.andcode-newsblock .post-card__cats a:hover,
.andcode-newsblock .post-card__cats a:focus-visible {
  text-decoration: underline;
}

/* Mobile card variants */
@media (max-width: 768px) {
  .andcode-newsblock .post-card.post-card--m-big .post-card__thumb,
  .andcode-newsblock .post-card.post-card--m-big .post-card__image-wrapper {
    width: 100%;
    aspect-ratio: 1 / 1;
    /*margin: 0 0 12px 0;*/
    display: block;
    order: 3;
  }

  .andcode-newsblock .post-card.post-card--m-big .post-card__thumb img,
  .andcode-newsblock .post-card.post-card--m-big .post-card__image {
    height: 100%;
  }

  /*.andcode-newsblock .post-card.post-card--m-big .post-card__title,
  .andcode-newsblock .post-card.post-card--m-big .post-card__title a {
    font-size: 28px;
    line-height: 130%;
    font-family: var(--wp--preset--font-family--sentient-heading, "Sentient", Georgia, "Times New Roman", serif);
    font-style: normal;
    font-weight: 500;
    text-decoration: none;
    color: var(--wp--preset--color--slate-800, #39393F);
    margin: 0;
    padding-bottom: 16px;
  }*/

  /*.andcode-newsblock .post-card.post-card--m-big .post-card__title,
  .andcode-newsblock .post-card.post-card--m-big .post-card__title a {
    font-size: 5.1vw;
    line-height: 130%;
    font-family: var(--wp--preset--font-family--sentient-heading, "Sentient", Georgia, "Times New Roman", serif);
    font-style: normal;
    font-weight: 500;
    text-decoration: none;
    color: var(--wp--preset--color--slate-800, #39393F);
    margin: 0;
    padding-bottom: 0;
  }*/

  .andcode-newsblock .post-card.post-card--m-big .post-card__meta {
    order: 3;
    /*display: flex;*/
    align-items: center;
    /*gap: 0;
    flex-wrap: wrap;*/
    /*padding-bottom: 12px;*/
  }

  .andcode-newsblock.gdx-entropy .post-card.post-card--m-big .post-card__title {
    order: 1;
  }

  .andcode-newsblock.gdx-entropy .post-card.post-card--m-big .post-card__cats {
    order: 2;
  }

  .andcode-newsblock.gdx-entropy .post-card.post-card--m-big .post-card__meta {
    order: 3;
  }

  .andcode-newsblock.gdx-entropy .post-card.post-card--m-big .post-card__thumb {
    order: 4;
  }

  .andcode-newsblock .post-card.post-card--m-big .post-card__excerpt {
    order: 4;
  }

  .andcode-newsblock.featured-block .featured-p1 .post-card.post-card--m-big .post-card__meta {
    order: 2;
  }

  .andcode-newsblock.featured-block .featured-p1 .post-card.post-card--m-big .post-card__title {
    order: 1;
  }

  .andcode-newsblock .post-card.post-card--m-big .post-card__author,
  .andcode-newsblock .post-card.post-card--m-big .post-card__readtime {
    font-family: "Atkinson Hyperlegible Next", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: var(--wp--preset--color--slate-600, #6b6b75);
  }

  .andcode-newsblock .post-card.post-card--m-big .post-card__author + .post-card__readtime::before {
    content: "|";
    margin: 0 6px;
    color: var(--wp--preset--color--slate-300, #c4c4cc);
  }

  .andcode-newsblock .post-card.post-card--m-big .post-card__meta > *:not(:first-child)::before {
    content: "|";
    margin: 0 8px;
    color: #cbd5e1;
  }

  .andcode-newsblock .post-card.post-card--m-default {
    display: flex;
    flex-direction: column;
  }

  .andcode-newsblock .post-card.post-card--m-default .post-card__thumb,
  .andcode-newsblock .post-card.post-card--m-default .post-card__image-wrapper {
    width: 100%;
    aspect-ratio: 16 / 9;
    display: block;
  }

  .andcode-newsblock .post-card.post-card--m-default .post-card__thumb img,
  .andcode-newsblock .post-card.post-card--m-default .post-card__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .andcode-newsblock .post-card.post-card--m-default .post-card__title,
  .andcode-newsblock .post-card.post-card--m-default .post-card__title a {
    font-size: 22px;
    line-height: 130%;
    font-weight: 500;
    font-family: var(--wp--preset--font-family--sentient-heading, "Sentient", Georgia, "Times New Roman", serif);
    font-style: normal;
    text-decoration: none;
    color: var(--wp--preset--color--slate-800, #39393F);
  }

  .andcode-videoblock .video-card--long .video-card__title,
  .andcode-videoblock .video-card--long .video-card__title a {
    font-size: 22px;
    line-height: 130%;
    font-weight: 500;
    font-family: var(--wp--preset--font-family--sentient-heading, "Sentient", Georgia, "Times New Roman", serif);
    font-style: normal;
    text-decoration: none;
    color: var(--wp--preset--color--slate-800, #39393F);
    margin-top: 16px;
    margin-bottom: 4px;
  }

  .andcode-videoblock .post-card__meta {
    display: inline-flex;
    align-items: center;
    gap: 0;
    flex-wrap: wrap;
    margin: 0 0 6px;
  }

  .andcode-videoblock .post-card__author,
  .andcode-videoblock .post-card__readtime {
    font-family: "Atkinson Hyperlegible Next", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: var(--wp--preset--color--slate-600, #6b6b75);
  }

  .andcode-videoblock .post-card__author + .post-card__readtime::before {
    content: "|";
    margin: 0 6px;
    color: var(--wp--preset--color--slate-300, #c4c4cc);
  }

  .andcode-newsblock .post-card.post-card--m-default .post-card__title:hover,
  .andcode-newsblock .post-card.post-card--m-default .post-card__title a:hover {
    color: var(--wp--preset--color--primary, #64a078);
  }

  .andcode-newsblock .post-card.post-card--m-default .post-card__meta {
    display: inline-flex;
    align-items: center;
    gap: 0;
    flex-wrap: wrap;
    /*margin: 4px 0 0;*/
    /*padding-bottom: 12px;*/
  }

  .andcode-newsblock.gdx-list .post-card.post-card--m-default .post-card__meta {
    display: block;
    /*gap: 6px;*/
  }

    .andcode-newsblock.gdx-bigone .post-card.post-card--m-default .post-card__meta {
    display: inline-flex;
    align-items: center;
    gap: 0;
    flex-wrap: wrap;
  }

  .andcode-newsblock .post-card.post-card--m-default .post-card__author,
  .andcode-newsblock .post-card.post-card--m-default .post-card__readtime {
    font-family: "Atkinson Hyperlegible Next", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: var(--wp--preset--color--slate-600, #6b6b75);
  }

  .andcode-newsblock .post-card.post-card--m-default .post-card__author + .post-card__readtime::before {
    content: "|";
    margin: 0 6px;
    color: var(--wp--preset--color--slate-300, #c4c4cc);
  }

  .andcode-newsblock .post-card.post-card--m-noimg .post-card__thumb,
  .andcode-newsblock .post-card.post-card--m-noimg .post-card__image-wrapper {
    display: none;
  }

  .andcode-newsblock .post-card.post-card--m-noimg .post-card__title,
  .andcode-newsblock .post-card.post-card--m-noimg .post-card__title a {
    font-size: 22px;
    line-height: 130%;
    font-weight: 500;
    font-family: var(--wp--preset--font-family--sentient-heading, "Sentient", Georgia, "Times New Roman", serif);
    font-style: normal;
    text-decoration: none;
    color: var(--wp--preset--color--slate-800, #39393F);
    order: 1;
  }

  .andcode-newsblock .post-card.post-card--m-noimg .post-card__cats {
    order: 2;
  }

  .andcode-newsblock .post-card.post-card--m-compact .post-card__title,
  .andcode-newsblock .post-card.post-card--m-compact .post-card__title a {
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
    font-family: var(--wp--preset--font-family--sentient-heading, "Sentient", Georgia, "Times New Roman", serif);
    font-style: normal;
    text-decoration: none;
    color: var(--wp--preset--color--slate-800, #39393F);
  }

  /*.andcode-newsblock .post-card.post-card--m-compact:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
  }*/
}

@media (max-width: 768px) {
  .andcode-newsblock .post-card.post-card--m-big .post-card__title,
  .andcode-newsblock .post-card.post-card--m-big .post-card__title a {
    font-size: 5.8vw;
    line-height: 130%;
    font-family: var(--wp--preset--font-family--sentient-heading, "Sentient", Georgia, "Times New Roman", serif);
    font-style: normal;
    font-weight: 500;
    text-decoration: none;
    color: var(--wp--preset--color--slate-800, #39393F);
    margin: 0;
    padding-bottom: 0;
  }
}

@media (max-width: 480px) {
  .andcode-newsblock .post-card.post-card--m-big .post-card__title,
  .andcode-newsblock .post-card.post-card--m-big .post-card__title a {
    font-size: 6.1vw;
  }
}


@media (min-width: 769px) {
  .andcode-newsblock .meta-line .post-card__author,
  .andcode-newsblock .meta-line .post-card__readtime,
  .gdx-archive .meta-line .post-card__author,
  .gdx-archive .meta-line .post-card__readtime {
    font-family: "Atkinson Hyperlegible Next", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    color: var(--wp--preset--color--slate-600, #72737f);
  }
}

@media (min-width: 769px) {
  .andcode-newsblock.gdx-entropy .meta-line .post-card__readtime::before,
  .andcode-newsblock.gdx-4x1 .meta-line .post-card__readtime::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 14px;
    background: #d0d0d0;
    margin: 0 12px;
    vertical-align: middle;
  }
}

/* Base grid layout when the block has data-variant="grid" */
.andcode-newsblock[data-variant="grid"] .post-list {
  display: grid;
  grid-template-columns: repeat(var(--cols, 3), 1fr);
  gap: var(--gap, 1rem);
}

/* ======================================================================
   FEATURED BLOCK (featured-p1, featured-middle, featured-right, featured-bottom)
   =================================================================== */

.andcode-newsblock.featured-block {
  max-width: 1240px;
  margin-inline: auto;
  display: flex;
  flex-wrap: wrap;
  row-gap: 16px;
}

/* Left large block */
.andcode-newsblock.featured-block > .featured-p1 {
  flex: 0 0 calc(1240px - 240px - 240px - 32px - 20px); /* 708px */
  margin-right: 32px;
}

/* Middle column */
  .andcode-newsblock.featured-block > .featured-middle {
    flex: 0 0 240px;
    margin-right: 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  @media (min-width: 769px) and (max-width: 828px) {
    .andcode-newsblock.featured-block > .featured-middle {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 32px;
    }

    .andcode-newsblock.featured-block > .featured-middle::before {
    content: "Most történik";
    display: block;
    color: var(--wp--preset--color--slate-800, #39393f);
    font-family: var(--wp--preset--font-family--sentient-heading, "Sentient", Georgia, "Times New Roman", serif);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    margin-bottom: 14px;
    padding-bottom: 4px;
    padding-left: 30px;
    min-height: 22px;
    border-bottom: 1px solid #e5e7eb;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M22 0C22 12.1503 12.1503 22 0 22V0H22Z' fill='%23a1d1b0'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 22px 22px;
  }

    .andcode-newsblock.featured-block > .featured-middle .post-card:nth-child(n+5) {
      display: none;
    }
  }

/* Right column */
  .andcode-newsblock.featured-block > .featured-right {
    flex: 0 0 240px;
    display: flex;
    flex-direction: column;
    /*gap: 22px;*/
  }

@media (min-width: 769px) and (max-width: 1366px) {
  .andcode-newsblock.featured-block {
    column-gap: 20px;
  }

  .andcode-newsblock.featured-block > .featured-p1 {
    flex: 1 1 480px;
    margin-right: 10px;
    min-width: 320px;
  }

  .andcode-newsblock.featured-block > .featured-right {
    flex: 0 1 240px;
    margin-right: 0;
  }
}

@media (min-width: 829px) and (max-width: 1366px) {
  .andcode-newsblock.featured-block > .featured-middle {
    flex: 0 1 240px;
    margin-right: 0;
  }
}

@media (min-width: 769px) and (max-width: 828px) {
  .andcode-newsblock.featured-block > .featured-middle {
      flex: 100%;      
  }
}

/* Middle column items: subtle dividers, tighter vertical rhythm */
@media (min-width: 769px) {
.andcode-newsblock.featured-block > .featured-middle .post-card {
  padding-block: 10px;
  border-bottom: 1px solid #e5e7eb;
  }

  .andcode-newsblock.featured-block > .featured-middle .post-card:first-child {
    padding-top: 0;
  }

  .andcode-newsblock.featured-block > .featured-middle .post-card:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
}

.andcode-newsblock.featured-block > .featured-bottom {
  flex: 0 0 100%;
  display: flex;
  justify-content: space-between;
  column-gap: 32px;
}

@media (min-width: 1024px) {
  .andcode-newsblock.featured-block > .featured-bottom {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .andcode-newsblock.featured-block > .featured-bottom .post-card {
    width: auto;
  }
}

/* Ensure bottom noimg row spans full width inside flex wrapper */
.andcode-newsblock.featured-block > .featured-bottom-noimg {
  flex: 0 0 100%;
}

/* BOTTOM NOIMG ROW 4 equal blocks - 4 cards with 32px gaps */

.andcode-newsblock.featured-block .featured-bottom-noimg {
    max-width: 1240px;
    margin-inline: auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 32px;
    row-gap: 24px;
    width: 100%;
    justify-items: stretch;
    padding-top: 32px; 
    border-top: 1px solid #e5e7eb;
}

@media (min-width: 769px) and (max-width: 1024px) {
  .andcode-newsblock.featured-block .featured-bottom-noimg {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .andcode-newsblock.featured-block .featured-bottom-noimg {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}



@media (min-width: 769px) {
  /* Featured middle column titles */
  .andcode-newsblock.featured-block > .featured-middle .post-card__title,
  .andcode-newsblock.featured-block > .featured-middle .post-card__title a {
    font-size: 15px;
    font-weight: 400;
    line-height: 135%;
  }

  /* Featured right column titles */
  .andcode-newsblock.featured-block > .featured-right .post-card__title,
  .andcode-newsblock.featured-block > .featured-right .post-card__title a {
    font-size: 20px;
    line-height: 140%;
  }
}

  /* Featured labels */
  .andcode-newsblock.featured-block > .featured-middle::before {
    content: "Most történik";
    display: block;
    color: var(--wp--preset--color--slate-800, #39393f);
    font-family: var(--wp--preset--font-family--sentient-heading, "Sentient", Georgia, "Times New Roman", serif);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    margin-bottom: 14px;
    padding-bottom: 4px;
    border-bottom: 1px solid #e5e7eb;
  }

  .andcode-newsblock.featured-block > .featured-right::before {
    content: "Szerkesztőségi friss";
    display: block;
    color: var(--wp--preset--color--slate-800, #39393f);
    font-family: var(--wp--preset--font-family--sentient-heading, "Sentient", Georgia, "Times New Roman", serif);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    margin-bottom: 24px;
    padding-bottom: 4px;
    border-bottom: 1px solid #e5e7eb;
  }

@media (max-width: 768px) {
  .andcode-newsblock.featured-block > .featured-middle::before,
  .andcode-newsblock.featured-block > .featured-right::before {
    display: none;
    content: none;
  }
}

  /* Featured-right meta-line author/readtime */
  .andcode-newsblock.featured-block > .featured-right .meta-line .post-card__author,
.andcode-newsblock.featured-block > .featured-right .meta-line .post-card__readtime {
    font-family: "Atkinson Hyperlegible Next", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    color: var(--wp--preset--color--slate-600, #72737f);
  }

  /* Featured-bottom meta author/readtime */
  .andcode-newsblock.featured-block > .featured-bottom .post-card__author,
  .andcode-newsblock.featured-block > .featured-bottom .post-card__readtime {
    font-family: "Atkinson Hyperlegible Next", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    color: var(--wp--preset--color--slate-600, #72737f);
  }

  /* Featured-right and featured-bottom meta separators */
  .andcode-newsblock.featured-block > .featured-right .meta-line,
  .andcode-newsblock.featured-block > .featured-bottom .meta-line {
    display: inline-flex;
    align-items: center;
    gap: 0;
    white-space: nowrap;
    padding-bottom: 24px;
  }

  .andcode-newsblock.featured-block > .featured-right .meta-line .post-card__readtime::before,
  .andcode-newsblock.featured-block > .featured-bottom .meta-line .post-card__readtime::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 14px;
    background: #d0d0d0;
    margin: 0 12px;
    vertical-align: middle;
  }

  /* Featured-right divider between first and second article */
  .andcode-newsblock.featured-block > .featured-right article + article {
    position: relative;
    padding-top: 28px;
  }

  @media (max-width: 1089px) {
    .andcode-newsblock.featured-block > .featured-right article + article {
        position: relative;
        padding-top: 0;
    }
  }


  .andcode-newsblock.featured-block > .featured-right article + article::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #e5e7eb;
  }

  /* Newsblock header: title styling + leading icon */
  .andcode-newsblock__header,
  .gdx-archive__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    grid-column: 1 / -1;
    margin-bottom: 8px;
  }

  .andcode-videoblock__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    grid-column: 1 / -1;
    margin-bottom: 24px;
  }

  .andcode-newsblock__title,
  .andcode-newsblock__title a,
  .andcode-videoblock__title,
  .andcode-videoblock__title a {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--wp--preset--color--slate-800, #39393f);
    font-family: var(--wp--preset--font-family--sentient-heading, "Sentient", Georgia, "Times New Roman", serif);
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 135%;
    margin: 0;
    flex: 1 1 auto;
    min-width: 0;
    text-decoration: none;
  }

  .andcode-videoblock.gdx-drkvid .andcode-videoblock__title,
  .andcode-videoblock.gdx-drkvid .andcode-videoblock__title a,
  .andcode-videoblock.gdx-drkvid .post-card__author,
  .andcode-videoblock.gdx-drkvid .post-card__readtime {
    color: #fffdfb;
  }
  

  @media (max-width: 768px) {
    .andcode-newsblock__title,
    .andcode-newsblock__title a,
    .andcode-videoblock__title,
    .andcode-videoblock__title a {
      font-size: 22px;
      line-height: 150%;
    }
  }

  /*.andcode-newsblock__title:hover,
  .andcode-newsblock__title a:hover {
    color: var(--wp--preset--color--primary, #64a078);
  }*/

  .andcode-newsblock__title::before,
  .andcode-videoblock__title::before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    background-color: var(--wp--preset--color--green-200, #a1d1b0);
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M22 0C22 12.1503 12.1503 22 0 22V0H22Z' fill='%23000'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M22 0C22 12.1503 12.1503 22 0 22V0H22Z' fill='%23000'/%3E%3C/svg%3E");
    mask-size: 22px 22px;
    -webkit-mask-size: 22px 22px;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    flex-shrink: 0;
  }

  /* Decorative stripe inside title between text and more link */
  .andcode-newsblock__title::after,
  .andcode-videoblock__title::after {
    content: "";
    display: block;
    flex: 1 1 auto;
    height: 18px;
    margin-left: 16px;
    margin-right: 12px;
    background-image: repeating-linear-gradient(
      108deg,
      var(--wp--preset--color--slate-100, #e9e9ec) 0 2px,
      transparent 2px 5px
    );
    background-repeat: repeat;
  }

.video-card__title,
.video-card__title a {
  color: var(--slate-800, #39393F);
  font-family: var(--wp--preset--font-family--sentient-heading);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  text-decoration: none;
  margin-top: 12px;
 }

.andcode-videoblock.gdx-drkvid .video-card__title,
.andcode-videoblock.gdx-drkvid .video-card__title a {
  color: #fffdfb;
}

  /* Archive featured (3-up) layout */
  .gdx-archive__featured3 {
    display: grid;
    grid-template-columns: minmax(0, 898px) 300px;
    column-gap: 32px;
    row-gap: 28px;
    align-items: start;
    margin-bottom: 48px;
  }

  .gdx-archive__featured3 .post-card {
    display: flex;
    flex-direction: column;
    gap: 8px;
    box-sizing: border-box;
  }

  .gdx-archive__featured3 .post-card__thumb {
    margin: 0 0 8px 0;
    overflow: hidden;
    border-radius: 0 0 12px 0;
  }

  .gdx-archive__featured3 .post-card__thumb img,
  .gdx-archive__featured3 .post-card__thumb picture {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    border-radius: 0 0 12px 0;
  }

  @media (min-width: 769px) {
    .gdx-archive__featured3 .post-card__title,
    .gdx-archive__featured3 .post-card__title a {
      color: var(--wp--preset--color--slate-800, #39393f);
      font-family: var(--wp--preset--font-family--sentient-heading, "Sentient", Georgia, "Times New Roman", serif);
      font-style: normal;
      text-decoration: none;
      margin: 0;
    }

    .gdx-archive__featured3 .post-card__title a:hover,
    .gdx-archive__featured3 .post-card__title a:focus-visible {
      color: var(--wp--preset--color--primary, #64a078);
      text-decoration: underline;
    }

    .gdx-archive__featured-main .post-card__title,
    .gdx-archive__featured-main .post-card__title a {
      font-size: 40px;
      line-height: 115%;
      font-weight: 500;
      color: var(--wp--preset--color--slate-800, #39393f);
    }

    .gdx-archive__featured-side .post-card__title,
    .gdx-archive__featured-side .post-card__title a {
      font-size: 20px;
      line-height: 130%;
      font-weight: 500;
    }
  }

  @media (max-width: 768px) { 
    .gdx-archive__featured-main .post-card__title,
    .gdx-archive__featured-main .post-card__title a {
      font-size: 5.8vw;
      line-height: 130%;
      font-family: var(--wp--preset--font-family--sentient-heading);
      font-style: normal;
      font-weight: 500;
      text-decoration: none;
      color: var(--wp--preset--color--slate-800, #39393F);
      margin: 0;
      padding-bottom: 0;
    }
  }

  .gdx-archive__featured-side {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 20px;
    width: 100%;
    max-width: 300px;
  }

  .gdx-archive__featured3 .meta-line {
    display: inline-flex;
    align-items: center;
    gap: 0;
    font-family: "Atkinson Hyperlegible Next", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    color: #666;
    white-space: nowrap;
  }

  .gdx-archive__featured3 .post-card__author,
  .gdx-archive__featured3 .post-card__readtime {
    margin: 0;
    padding: 0;
  }

  .gdx-archive__featured3 .post-card__author + .post-card__readtime::before,
  .gdx-archive__featured3 .meta-line .post-card__readtime::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 14px;
    background: #d0d0d0;
    margin: 0 10px;
  }

  @media (max-width: 1200px) {
    .gdx-archive__featured3 {
      grid-template-columns: 1fr;
    }

    .gdx-archive__featured-side {
      max-width: none;
      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
      column-gap: 20px;
    }
  }

  @media (max-width: 768px) {
    .gdx-archive__featured3 {
      row-gap: 16px;
      margin-bottom: 0px;
    }

    .gdx-archive .gdx-archive__featured3 .post-card.post-card--m-compact,
    .gdx-archive .gdx-archive__list .post-card.post-card--m-compact {
      position: relative;
      display: block;
      padding: 24px 0 24px 96px;
      margin: 0;
      border-bottom: 1px solid var(--wp--preset--color--slate-150, #DDDEE2);
      min-height: 128px;
    }

    .gdx-archive__featured-side {
      row-gap: 0;
    }

    .gdx-archive .gdx-archive__featured3 .post-card.post-card--m-compact .post-card__thumb,
    .gdx-archive .gdx-archive__list .post-card.post-card--m-compact .post-card__thumb {
      position: absolute;
      top: 24px;
      left: 0;
      width: 80px;
      height: 80px;
      margin: 0;
      overflow: hidden;
      border-radius: 0 0 12px 0;
    }

    .gdx-archive .gdx-archive__featured3 .post-card.post-card--m-compact .post-card__thumb img,
    .gdx-archive .gdx-archive__list .post-card.post-card--m-compact .post-card__thumb img,
    .gdx-archive .gdx-archive__featured3 .post-card.post-card--m-compact .post-card__thumb picture,
    .gdx-archive .gdx-archive__list .post-card.post-card--m-compact .post-card__thumb picture {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      border-radius: 0 0 12px 0;
    }

    .gdx-archive .gdx-archive__featured3 .post-card.post-card--m-compact .post-card__title,
    .gdx-archive .gdx-archive__featured3 .post-card.post-card--m-compact .post-card__title a,
    .gdx-archive .gdx-archive__list .post-card.post-card--m-compact .post-card__title,
    .gdx-archive .gdx-archive__list .post-card.post-card--m-compact .post-card__title a {
      font-family: var(--wp--preset--font-family--sentient-heading, "Sentient", Georgia, "Times New Roman", serif);
      font-size: 19px;
      font-weight: 500;
      line-height: 1.3;
      color: var(--slate-800, #39393F);
      text-decoration: none;
      margin: 0;
    }

    .gdx-archive .gdx-archive__featured3 .post-card.post-card--m-compact .post-card__title,
    .gdx-archive .gdx-archive__list .post-card.post-card--m-compact .post-card__title {
      margin: 0 0 6px;
    }

    .gdx-archive .gdx-archive__featured3 .post-card.post-card--m-compact .meta-line,
    .gdx-archive .gdx-archive__list .post-card.post-card--m-compact .meta-line {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 14px;
      font-weight: 500;
      line-height: 110%;
      color: var(--slate-600, #72737F);
      white-space: nowrap;
      margin: 0;
    }

    .gdx-archive .gdx-archive__featured3 .post-card.post-card--m-compact .post-card__author,
    .gdx-archive .gdx-archive__featured3 .post-card.post-card--m-compact .post-card__readtime,
    .gdx-archive .gdx-archive__list .post-card.post-card--m-compact .post-card__author,
    .gdx-archive .gdx-archive__list .post-card.post-card--m-compact .post-card__readtime {
      margin: 0;
      padding: 0;
      display: flex;
      font-size: 14px;
      color: var(--slate-600, #72737F);
    }

    .gdx-archive .gdx-archive__featured3 .post-card.post-card--m-compact .post-card__readtime::before,
    .gdx-archive .gdx-archive__list .post-card.post-card--m-compact .post-card__readtime::before {
      content: "";
      display: inline-block;
      width: 1px;
      height: 14px;
      background: #d0d0d0;
      margin-right: 8px;
    }
  }

  /* Archive list images: only bottom-right corner rounded */
  .gdx-archive .gdx-list .post-card__thumb img,
  .gdx-archive .gdx-list .post-card__thumb picture {
    border-radius: 0 0 12px 0;
  }


  .andcode-newsblock__title a,
  .andcode-newsblock__title .andcode-newsblock__title-link,
  .andcode-videoblock__title a,
  .andcode-videoblock__title .andcode-videoblock__title-link {
    flex: 0 0 auto;
  }

.andcode-newsblock__more,
.andcode-videoblock__more {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  transform: translateY(-11px);
    color: var(--wp--preset--color--slate-600, #72737f);
    text-align: right;
    font-family: var(--wp--preset--font-family--sentient-heading, "Sentient", Georgia, "Times New Roman", serif);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
  line-height: normal;
  white-space: nowrap;
}

@media (max-width: 768px) {
  .andcode-newsblock__more,
  .andcode-videoblock__more {
    display: none;
  }
}

@media (min-width: 769px) {
  /* Featured bottom and Featured bottom NOIMG row titles */
  .andcode-newsblock.featured-block > .featured-bottom .post-card__title,
  .andcode-newsblock.featured-block > .featured-bottom .post-card__title a,
  .andcode-newsblock.featured-block > .featured-bottom-noimg .post-card__title,
  .andcode-newsblock.featured-block > .featured-bottom-noimg .post-card__title a {
    font-size: 20px;
    line-height: 140%;
  }
}

.featured-bottom-noimg > .post-card {
	padding-left: 16px;
  border-left: 1px solid #e5e7eb;
}

.featured-bottom-noimg > .post-card:nth-child(4n+1) {
	padding-left: 0;
  border-left: 0;
}

@media (min-width: 1025px) {
	.andcode-newsblock.featured-block .featured-bottom-noimg .post-card.post-card--m-noimg .post-card__cats {
		order: 1;
	}

	.andcode-newsblock.featured-block .featured-bottom-noimg .post-card.post-card--m-noimg .post-card__title {
		order: 2;
	}

	.andcode-newsblock.featured-block .featured-bottom-noimg .post-card.post-card--m-noimg .post-card__date {
		order: 3;
	}
}

@media (max-width: 1024px) {
	.andcode-newsblock.featured-block .featured-bottom-noimg .post-card.post-card--m-noimg .post-card__title {
		order: 1;
	}

	.andcode-newsblock.featured-block .featured-bottom-noimg .post-card.post-card--m-noimg .post-card__cats {
		order: 2;
	}

	.andcode-newsblock.featured-block .featured-bottom-noimg .post-card.post-card--m-noimg .post-card__date {
		order: 3;
	}

	.andcode-newsblock .post-card.post-card--m-compact .post-card__thumb,
	.andcode-newsblock .post-card.post-card--m-compact .post-card__image-wrapper {
		border-radius: 8px;
		overflow: hidden;
	}

	.andcode-newsblock .post-card.post-card--m-compact .post-card__thumb img,
	.andcode-newsblock .post-card.post-card--m-compact .post-card__thumb picture,
	.andcode-newsblock .post-card.post-card--m-compact .post-card__image {
		border-radius: 8px;
	}
}

@media (min-width: 769px) and (max-width: 1024px) {
	.featured-bottom-noimg > .post-card {
		padding-left: 16px;
		border-left: 1px solid #e5e7eb;
	}

	.featured-bottom-noimg > .post-card:nth-child(2n+1) {
		padding-left: 0;
		border-left: 0;
	}
}

@media (max-width: 768px) {
	.featured-bottom-noimg > .post-card {
		padding-left: 0;
		border-left: 0;
	}
}

/* Tablet layout */
@media (min-width: 769px) and (max-width: 1023px) {
  .andcode-newsblock.featured-block {
    row-gap: 24px;
  }

  .andcode-newsblock.featured-block > .featured-bottom {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    /*column-gap: 24px;*/
    /*row-gap: 24px;*/
  }

  .andcode-newsblock.featured-block > .featured-bottom .post-card {
    flex: none;
    width: auto;
  }

  .andcode-newsblock.featured-block > .featured-bottom .post-card:last-child {
    display: none;
  }

  .andcode-newsblock.featured-block > .featured-bottom .post-card:nth-last-child(2) {
    border-bottom: 0;
  }

  /*.andcode-newsblock.featured-block > .featured-middle .post-card__title,
  .andcode-newsblock.featured-block > .featured-middle .post-card__title a,
  .andcode-newsblock.featured-block > .featured-right .post-card__title,
  .andcode-newsblock.featured-block > .featured-right .post-card__title a {
    font-size: 15px;
  }*/

  .andcode-newsblock.featured-block > .featured-right .meta-line,
  .andcode-newsblock.featured-block > .featured-bottom .meta-line {
    white-space: normal;
    padding-bottom: 0;
    grid-column: 2;
    grid-row: 3;
  }
}

@media (min-width: 769px) and (max-width: 1089px) {
  .andcode-newsblock.featured-block > .featured-right {
    flex: 1 1 100%;
    max-width: none;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 32px;
    row-gap: 16px;
  }

  .andcode-newsblock.featured-block > .featured-right::before,
  .andcode-newsblock.featured-block > .featured-right article + article::before {
    /*grid-column: 1 / -1;*/
    display: none;
  }
}

/*@media (min-width: 769px) and (max-width: 1023px) {
  .andcode-newsblock.featured-block .featured-p1 .post-card__title,
  .andcode-newsblock.featured-block .featured-p1 .post-card__title a {
    font-size: 24px;
    line-height: 140%;
  }
}*/

/* MOBILE FALLBACK simple stacked layout
   ------------------------------------------------------------------ */
@media (max-width: 768px) {
  .andcode-newsblock.featured-block {
    display: block;
  }

  .andcode-newsblock.featured-block > .featured-p1,
  .andcode-newsblock.featured-block > .featured-bottom {
    flex: none;
    width: 100%;
    margin-right: 0;
  }

  .andcode-newsblock.featured-block > .featured-p1 {
    margin-top: 0;
  }

  .andcode-newsblock.featured-block > .featured-middle { 
    flex: none;
    width: 100%;
    margin-right: 0;
    /*margin-top: 6px;*/
  }
  
  .andcode-newsblock.featured-block > .featured-bottom {
    display: flex;
    flex-direction: column;
  }

  .andcode-newsblock.featured-block > .featured-bottom .post-card {
    flex: none;
    width: 100%;
  }

  .andcode-newsblock.featured-block > .featured-p1 .post-card__thumb img,
  .andcode-newsblock.featured-block > .featured-p1 .post-card__thumb picture {
    border-radius: 0 0 50px 0;
  }

}

/* FEATURED mobile spacing contract */
@media (max-width: 768px) {
  .andcode-newsblock.featured-block > :is(.featured-p1, .featured-middle, .featured-right, .featured-bottom, .featured-bottom-noimg) {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
  }

  .andcode-newsblock.featured-block > .featured-bottom-noimg {
    border-top: 0;
  }

  .andcode-newsblock.featured-block > :is(.featured-p1, .featured-middle, .featured-right, .featured-bottom, .featured-bottom-noimg) > .post-card {
    padding-top: 0;
    padding-bottom: var(--gdx-mobile-card-separator-space);
    margin-bottom: var(--gdx-mobile-card-separator-space);
    border-bottom: 1px solid var(--gdx-mobile-card-separator-color);
  }

  .andcode-newsblock.featured-block > :is(.featured-p1, .featured-middle, .featured-right, .featured-bottom, .featured-bottom-noimg) > .post-card :is(.meta-line, .meta) {
    margin: 0;
    padding: 0;
  }

  .andcode-newsblock.featured-block > :is(.featured-p1, .featured-middle, .featured-right, .featured-bottom, .featured-bottom-noimg) > .post-card > :is(.post-card__title, .post-card__cats, .post-card__meta, .meta-line, .meta, .post-card__excerpt, .post-card__date, .post-card__author, .post-card__readtime) {
    margin: 0;
  }

  .andcode-newsblock.featured-block > :is(.featured-p1, .featured-middle, .featured-right, .featured-bottom, .featured-bottom-noimg) > .post-card > :is(.post-card__title, .post-card__cats, .post-card__meta, .meta-line, .meta, .post-card__excerpt, .post-card__date, .post-card__author, .post-card__readtime) + :is(.post-card__title, .post-card__cats, .post-card__meta, .meta-line, .meta, .post-card__excerpt, .post-card__date, .post-card__author, .post-card__readtime) {
    margin-top: var(--gdx-mobile-card-stack-gap);
  }

  .andcode-newsblock.featured-block > .featured-right article + article {
    padding-top: 0;
  }

  .andcode-newsblock.featured-block > .featured-right article + article::before {
    content: none;
    display: none;
  }
}

/* ======================================================================
   4x1 BLOCK four equal-width cards (desktop 3-3-3-3 columns)
   =================================================================== */

.andcode-newsblock.gdx-4x1 {
  max-width: 1240px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 32px;
  row-gap: 24px;
}

/* Post cards use equal-width columns in the grid */
.andcode-newsblock.gdx-4x1 .post-card {
  height: 100%;
}

@media (min-width: 769px) {
  /* gdx-4x1 and video card titles */
  .andcode-newsblock.gdx-4x1 .post-card__title,
  .andcode-newsblock.gdx-4x1 .post-card__title a,
  .andcode-videoblock .video-card .video-card__title,
  .andcode-videoblock .video-card .video-card__title a {
    font-size: 20px;
    line-height: 140%;
  }
}

.andcode-videoblock .video-card .video-card__title,
.andcode-videoblock .video-card .video-card__title a {
  margin-bottom: 0;
}

/* gdx-4x1 meta (author/readtime) - align with featured styling */
.andcode-newsblock.gdx-4x1 .meta-line {
  display: inline-flex;
  align-items: center;
  gap: 0;
  white-space: nowrap;
}

.andcode-newsblock.gdx-4x1 .meta-line .post-card__author,
.andcode-newsblock.gdx-4x1 .meta-line .post-card__readtime,
.video-card .meta-line .post-card__author,
.video-card .meta-line .post-card__readtime {
  font-family: "Atkinson Hyperlegible Next", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  color: var(--wp--preset--color--slate-600, #72737f);
}

@media (min-width: 769px) {
  .video-card .meta-line .post-card__readtime::before, 
  .andcode-newsblock.gdx-4x1 .meta-line .post-card__readtime::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 14px;
    background: #d0d0d0;
    margin: 0 12px;
    vertical-align: middle;
  }
}

/*.andcode-newsblock.gdx-4x1 .meta-line .post-card__readtime::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 14px;
  background: #d0d0d0;
  margin: 0 12px;
  vertical-align: middle;
}*/

/* Responsiveness - tablet: 2 columns */
@media (min-width: 769px) and (max-width: 1023px) {
  .andcode-newsblock.gdx-4x1 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* gdx-4x1 mobile spacing contract */
@media (max-width: 768px) {
  .andcode-newsblock.gdx-4x1 {
    display: block;
  }

  .andcode-newsblock.gdx-4x1 > .post-card {
    height: auto;
    padding-top: 0;
    padding-bottom: var(--gdx-mobile-card-separator-space);
    margin-bottom: var(--gdx-mobile-card-separator-space);
    border-bottom: 1px solid var(--gdx-mobile-card-separator-color);
  }

  .andcode-newsblock.gdx-4x1 > .post-card :is(.meta-line, .meta) {
    margin: 0;
    padding: 0;
  }

  .andcode-newsblock.gdx-4x1 > .post-card > :is(.post-card__title, .post-card__cats, .post-card__meta, .meta-line, .meta, .post-card__excerpt, .post-card__date, .post-card__author, .post-card__readtime) {
    margin: 0;
  }

  .andcode-newsblock.gdx-4x1 > .post-card > :is(.post-card__title, .post-card__cats, .post-card__meta, .meta-line, .meta, .post-card__excerpt, .post-card__date, .post-card__author, .post-card__readtime) + :is(.post-card__title, .post-card__cats, .post-card__meta, .meta-line, .meta, .post-card__excerpt, .post-card__date, .post-card__author, .post-card__readtime) {
    margin-top: var(--gdx-mobile-card-stack-gap);
  }
}


/* ======================================================================
   BIGONE BLOCK one large post, text on the left, image on the right
   =================================================================== */



/* Main layout: text left, large image right, vertically centered */
@media (min-width: 769px) {
  .andcode-newsblock.gdx-bigone .post-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 56px;
    align-items: center;
    align-content: center;
    justify-items: center;
    min-height: 604px;
  }
  .andcode-newsblock.gdx-bigone {
    max-width: 1240px;
    margin-inline: auto;
    padding-block: var(--wp--preset--spacing--xl, 40px);
    border-top: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
  }
}

@media (max-width: 768px) {
  .andcode-newsblock.gdx-bigone {
    border-top: 1px solid #e5e7eb;
  }
}

.andcode-newsblock.gdx-bigone .post-card .bigone-body {
  grid-column: 1;
  grid-row: 1 / 5;
  align-self: center;
  justify-self: center;
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: center;
}

/* Image on the right, filling the column */
.andcode-newsblock.gdx-bigone .post-card__thumb,
.andcode-newsblock.gdx-bigone .post-card__thumb--secondary {
  flex: 1 1 100%;
  grid-row: 1 / 5;
  align-self: center;
  margin: 0; /* override global spacing */
  max-width: 604px;
  max-height: 604px;
  width: 100%;
  height: 100%;
  justify-self: end;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.andcode-newsblock.gdx-bigone .post-card__image-wrapper {
  width: 100%;
  height: 100%;
  max-width: 604px;
  max-height: 604px;
}

.andcode-newsblock.gdx-bigone .post-card__image {
  width: 100%;
  max-width: 604px;
  max-height: 604px;
  object-fit: cover;
  display: block;
}

.andcode-newsblock.gdx-bigone .post-card__thumb--secondary img {
  width: 100%;
  height: auto;
  max-width: 604px;
  max-height: 604px;
  object-fit: cover;
  display: block;
}

/* Only bottom-right corner radius using the image-l token */


/* Left text column everything in column 1, centered */
.andcode-newsblock.gdx-bigone .post-card__cats,
.andcode-newsblock.gdx-bigone .post-card__excerpt,
.andcode-newsblock.gdx-bigone .post-card__author,
.andcode-newsblock.gdx-bigone .post-card__readtime,
.andcode-newsblock.gdx-bigone .meta {
  grid-column: 1;
  text-align: center;
  justify-self: center;
}

@media (min-width: 769px) {
  /* Title slightly larger, strong, Sentient font */
  .andcode-newsblock.gdx-bigone .post-card__title {
    grid-column: 1;
    text-align: center;
    justify-self: center;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.25;
    margin: 0 0 24px;
  }
}

@media (min-width: 769px) {
  .andcode-newsblock.gdx-bigone .meta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    margin-bottom: 20px;
    padding: 0 10px 8px;
    position: relative;
  }

  .andcode-newsblock.gdx-bigone .meta::after {
    content: "";
    display: block;
    width: 300px;
    height: 1px;
    background-color: #e5e7eb;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -20px;
  }
}

.andcode-newsblock.gdx-bigone .post-card__cats {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
  color: var(--wp--preset--color--primary, #64a078);
  margin: 0;
  display: inline-flex;
  gap: 6px;
}

.andcode-newsblock.gdx-bigone .post-card__cats a {
  color: inherit;
  text-decoration: none;
}

.andcode-newsblock.gdx-bigone .post-card__cats a:hover,
.andcode-newsblock.gdx-bigone .post-card__cats a:focus-visible {
  text-decoration: underline;
}

.andcode-newsblock.gdx-bigone .post-card__author,
.andcode-newsblock.gdx-bigone .post-card__readtime {
  font-family: "Atkinson Hyperlegible Next", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  color: var(--wp--preset--color--slate-600, #72737f);
}

.andcode-newsblock.gdx-bigone .meta > *:not(:first-child)::before {
  content: "|";
  color: #cbd5e1;
  margin: 0 12px;
}

/* Featured P1 meta */
@media (min-width: 769px) {
  .andcode-newsblock.featured-block .featured-p1 .meta {
    display: inline-flex;
    align-items: center;
    gap: 0;
    margin: 0 0 16px;
    padding-top: 16px;
  }
}
.andcode-newsblock.featured-block .featured-p1 .post-card__cats {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 500;
  color: var(--wp--preset--color--primary, #64a078);
  margin: 0;
  display: inline-flex;
  gap: 6px;
}

.andcode-newsblock.featured-block .featured-p1 .post-card__cats a {
  color: inherit;
  text-decoration: none;
}

.andcode-newsblock.featured-block .featured-p1 .post-card__cats a:hover,
.andcode-newsblock.featured-block .featured-p1 .post-card__cats a:focus-visible {
  text-decoration: underline;
}

.andcode-newsblock.featured-block .featured-p1 .post-card__author,
.andcode-newsblock.featured-block .featured-p1 .post-card__readtime {
  font-family: "Atkinson Hyperlegible Next", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  color: #919191;
}

.andcode-newsblock.featured-block .featured-p1 .meta > *:not(:first-child)::before {
  content: "|";
  color: #cbd5e1;
  margin: 0 12px;
}



/* Excerpt plus a short line below, both centered */
.andcode-newsblock.gdx-bigone .post-card__excerpt {
  max-width: 32rem;
  margin: 10px auto 0;
  font-size: var(--wp--preset--font-size--m, 20px);
  font-weight: 400;
  line-height: 160%;
  color: var(--wp--preset--color--slate-800, #39393F);
}

@media (max-width: 768px) {
  .andcode-newsblock.gdx-bigone .post-card__excerpt {
    margin: 0;
    padding: 0;
  }
}

@media (min-width: 769px) {
  .andcode-newsblock.gdx-bigone .post-card__meta::after {
    content: "";
    display: block;
    width: 300px;
    height: 1px;
    background-color: #e5e7eb;
    margin: 24px auto 16px;
  }
}

/* MOBILE / TABLET stacked, image on top */
@media (max-width: 768px) {
  .andcode-newsblock.gdx-bigone {
    padding-block: var(--wp--preset--spacing--l, 24px);
    margin-block-start: 0;
  }

  .andcode-newsblock.gdx-bigone .post-card__excerpt {
    font-size: 15px
  }

  .andcode-newsblock.gdx-bigone .post-card {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    row-gap: var(--gdx-mobile-card-stack-gap);
  }

  .andcode-newsblock.gdx-bigone .post-card .bigone-body {
    gap: var(--gdx-mobile-card-stack-gap);
  }

  .andcode-newsblock.gdx-bigone .post-card .bigone-body > :is(.post-card__title, .post-card__meta, .meta-line, .meta, .post-card__excerpt, .post-card__date, .post-card__cats, .post-card__author, .post-card__readtime) {
    margin: 0;
    padding: 0;
  }

  .andcode-newsblock.gdx-bigone .post-card .bigone-body > :is(.post-card__title, .post-card__meta, .meta-line, .meta, .post-card__excerpt, .post-card__date, .post-card__cats, .post-card__author, .post-card__readtime) + :is(.post-card__title, .post-card__meta, .meta-line, .meta, .post-card__excerpt, .post-card__date, .post-card__cats, .post-card__author, .post-card__readtime) {
    margin-top: var(--gdx-mobile-card-stack-gap);
  }

  .andcode-newsblock.gdx-bigone .post-card .bigone-body :is(.post-card__meta, .meta-line, .meta)::after {
    content: none;
    display: none;
  }

  .andcode-newsblock.gdx-bigone .post-card .bigone-body .post-card__meta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    width: 100%;
    text-align: center;
  }

  .andcode-newsblock.gdx-bigone .post-card__thumb {
    order: -1; /* image on top */
    grid-column: auto;
    grid-row: auto;
    height: auto;
  }

  .andcode-newsblock.gdx-bigone .post-card__image-wrapper,
  .andcode-newsblock.gdx-bigone .post-card__image {
    height: auto;
  }

  .andcode-newsblock.gdx-bigone > article > div.bigone-body > h2 {
    text-align: center;
  }
}

/* gdx-list layout: 4 cikk + opcionális jobb oldali banner */
.andcode-newsblock.gdx-list {
  display: grid;
  grid-template-columns: minmax(0, 898px) 324px;
  gap: 32px;
  align-items: start;
  padding: 0 0px 16px;
  color: #2b2b2b;
}

.andcode-newsblock.gdx-list .andcode-newsblock__header {
  grid-column: 1 / -1;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 0 14px;
}

.andcode-newsblock.gdx-list .articles {
  display: grid;
  grid-template-columns: 1fr;
  gap: 28px;
  padding-right: 12px;
  max-width: 922px;
}

.andcode-newsblock.gdx-list .post-card {
  display: grid;
  grid-template-columns: 392px 474px;
  align-items: start;
  column-gap: 32px;
  row-gap: 0;
  padding-bottom: 16px;
}

.andcode-newsblock.gdx-list .post-card:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.andcode-newsblock.gdx-list .post-card__thumb img,
.andcode-newsblock.gdx-list .post-card__thumb picture {
  width: 392px;
  max-width: 392px;
  height: auto;
  display: block;
}
@media (min-width: 769px) {
  .andcode-newsblock.gdx-list .post-card__title,
  .andcode-newsblock.gdx-list .post-card__title a {
    font-size: 28px;
    text-decoration: none;
    line-height: 140%;
  }
}

.andcode-newsblock.gdx-list .post-card__thumb {
  grid-column: 1;
  grid-row: 1 / span 5;
}

.andcode-newsblock.gdx-list .post-card__cats,
.andcode-newsblock.gdx-list .post-card__author,
.andcode-newsblock.gdx-list .post-card__readtime,
.andcode-newsblock.gdx-list .post-card__excerpt {
  flex: 1 1 100%;
}

@media (max-width: 768px) {
  .archive .gdx-section.gdx-archive__list .post-card__author,
  .archive .gdx-section.gdx-archive__list .post-card__readtime {
    flex: none;
  }  
}

@media (min-width: 769px) {
  .andcode-newsblock.gdx-list .post-card__title a:hover {
    color: #1d7a56;
  }
}

.andcode-newsblock.gdx-list .post-card__cats a {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 700;
  color: #1d7a56;
}

.andcode-newsblock.gdx-list .post-card__cats {
  margin-top: 12px;
}

.andcode-newsblock.gdx-list .post-card__author,
.andcode-newsblock.gdx-list .post-card__readtime {
  font-family: "Atkinson Hyperlegible Next", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  color: var(--wp--preset--color--slate-600, #72737f);
  display: inline;
  white-space: nowrap;
}

.andcode-newsblock.gdx-list .meta-line {
  /*display: inline-flex;*/
  align-items: center;
  gap: 0;
  white-space: nowrap;
  margin-top: 0;
}

.andcode-newsblock.gdx-list .meta-line .post-card__author,
.andcode-newsblock.gdx-list .meta-line .post-card__readtime {
  margin: 0;
  padding: 0;
}

/*.andcode-newsblock.gdx-list .post-card__author + .post-card__readtime::before,*/
.andcode-newsblock.gdx-list .meta-line .post-card__readtime::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 14px;
  background: #d0d0d0;
  margin: 0 12px;
  vertical-align: middle;
}

.andcode-newsblock.gdx-list .post-card__excerpt {
  color: var(--slate-800, #39393F);
  margin-top: 12px;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.andcode-newsblock.gdx-list .andcode-newsblock__ad {
  width: 100%;
  max-width: 324px;
  min-width: 324px;
  padding-left: 24px;
  box-sizing: border-box;
  margin-left: auto;
}

@media (max-width: 1100px) {
  .andcode-newsblock.gdx-list {
    grid-template-columns: 1fr;
  }
  .andcode-newsblock.gdx-list .andcode-newsblock__ad {
    order: 2;
    margin: 0 auto;
  }
  .andcode-newsblock.gdx-list .articles {
    padding-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .andcode-newsblock.gdx-list .articles {
    max-width: 100%;
  }

  .andcode-newsblock.gdx-list .post-card {
    grid-template-columns: minmax(0, 44%) minmax(0, 56%);
  }

  .andcode-newsblock.gdx-list .post-card__thumb img,
  .andcode-newsblock.gdx-list .post-card__thumb picture {
    width: 100%;
    max-width: none;
  }
}

/* gdx-entropy layout */
.andcode-newsblock.gdx-entropy {
  display: grid;
  grid-template-columns: 320px 604px 1fr;
  gap: 32px;
  color: #2b2b2b;
}

.andcode-newsblock.gdx-entropy .entropy-left,
.andcode-newsblock.gdx-entropy .entropy-middle {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.andcode-newsblock.gdx-entropy .entropy-left {
  grid-column: 1;
  max-width: 320px;
}

.andcode-newsblock.gdx-entropy .entropy-middle {
  flex: 1 1 100%;
  max-width: 604px;
}

.andcode-newsblock.gdx-entropy .entropy-left .post-card__thumb img,
.andcode-newsblock.gdx-entropy .entropy-left .post-card__thumb picture,
.andcode-newsblock.gdx-entropy .entropy-middle .post-card__thumb img,
.andcode-newsblock.gdx-entropy .entropy-middle .post-card__thumb picture {
  width: 100%;
  height: auto;
  display: block;
}

.andcode-newsblock.gdx-entropy .entropy-middle .post-card__thumb img,
.andcode-newsblock.gdx-entropy .entropy-middle .post-card__thumb picture {
  max-height: 360px;
  object-fit: cover;
}

@media (min-width: 769px) {
  .andcode-newsblock.gdx-entropy .post-card__title a:hover {
    color: #1d7a56;
  }

  /* Entropy left column title spacing and size */
  .andcode-newsblock.gdx-entropy .entropy-left .post-card__title {
    margin-top: 16px;
  }

  .andcode-newsblock.gdx-entropy .entropy-left .post-card__title,
  .andcode-newsblock.gdx-entropy .entropy-left .post-card__title a {
    font-size: 18px;
    line-height: normal;
  }

  .andcode-newsblock.gdx-entropy .entropy-middle .post-card__title,
  .andcode-newsblock.gdx-entropy .entropy-middle .post-card__title a {
    font-size: 24px;
    line-height: normal;
  }

  .andcode-newsblock.gdx-entropy .entropy-right .post-card__title,
  .andcode-newsblock.gdx-entropy .entropy-right .post-card__title a {
    font-size: 16px;
    line-height: normal;
  }
}

.andcode-newsblock.gdx-entropy .post-card__cats a {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 600;
  color: #1d7a56;
}

.andcode-newsblock.gdx-entropy .meta-line {
  display: inline-flex;
  align-items: center;
  gap: 0;
  font-size: 13px;
  color: #666;
}

/* Entropy meta author/readtime */
/*@media (min-width: 769px) {
  .andcode-newsblock.gdx-entropy > .post-card__author,
  .andcode-newsblock.gdx-entropy > .post-card__readtime {
    font-family: "Atkinson Hyperlegible Next", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    color: var(--wp--preset--color--slate-600, #72737f);
  }
}*/

/*.andcode-newsblock.gdx-entropy .meta-line .post-card__readtime::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 14px;
  background: #d0d0d0;
  margin: 0 12px;
  vertical-align: middle;
}*/

.andcode-newsblock.gdx-entropy .entropy-right {
  grid-column: 3;
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
  padding-left: 12px;
}

@media (min-width: 769px) {
  .andcode-newsblock.gdx-entropy .entropy-right .post-card:last-child {
    border-bottom: none;
  }
}

@media (max-width: 1100px) {
  .andcode-newsblock.gdx-entropy {
    grid-template-columns: 1fr;
  }
  .andcode-newsblock.gdx-entropy .entropy-left,
  .andcode-newsblock.gdx-entropy .entropy-middle,
  .andcode-newsblock.gdx-entropy .entropy-right {
    max-width: none;
    grid-column: auto;
  }
  .andcode-newsblock.gdx-entropy .entropy-right {
    padding-left: 0;
    border-left: none;
  }
}

@media (max-width: 768px) {
  .andcode-newsblock.gdx-entropy .entropy-middle .post-card__thumb img,
  .andcode-newsblock.gdx-entropy .entropy-middle .post-card__thumb picture {
    max-height: none;
  }
}

/* gdx-entropy mobile spacing contract */
@media (max-width: 768px) {
  .andcode-newsblock.gdx-entropy {
    display: block;
  }

  .andcode-newsblock.gdx-entropy > :is(.entropy-left, .entropy-middle, .entropy-right) {
    display: block;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
  }

  .andcode-newsblock.gdx-entropy > :is(.entropy-left, .entropy-middle, .entropy-right) > .post-card {
    padding-top: 0;
    padding-bottom: var(--gdx-mobile-card-separator-space);
    margin-bottom: var(--gdx-mobile-card-separator-space);
    border-bottom: 1px solid var(--gdx-mobile-card-separator-color);
  }

  .andcode-newsblock.gdx-entropy > :is(.entropy-left, .entropy-middle, .entropy-right) > .post-card :is(.meta-line, .meta) {
    margin: 0;
    padding: 0;
  }

  .andcode-newsblock.gdx-entropy > :is(.entropy-left, .entropy-middle, .entropy-right) > .post-card > :is(.post-card__title, .post-card__cats, .post-card__meta, .meta-line, .meta, .post-card__excerpt, .post-card__date, .post-card__author, .post-card__readtime) {
    margin: 0;
  }

  .andcode-newsblock.gdx-entropy > :is(.entropy-left, .entropy-middle, .entropy-right) > .post-card > :is(.post-card__title, .post-card__cats, .post-card__meta, .meta-line, .meta, .post-card__excerpt, .post-card__date, .post-card__author, .post-card__readtime) + :is(.post-card__title, .post-card__cats, .post-card__meta, .meta-line, .meta, .post-card__excerpt, .post-card__date, .post-card__author, .post-card__readtime) {
    margin-top: var(--gdx-mobile-card-stack-gap);
  }
}

/* gdx-sheep layout */
.andcode-newsblock.gdx-sheep {
  display: grid;
  grid-template-columns: 816px 392px;
  gap: 32px;
  color: #2b2b2b;
}

.andcode-newsblock.gdx-sheep .post-card__thumb img,
.andcode-newsblock.gdx-sheep .post-card__thumb picture {
  width: 100%;
  height: auto;
  display: block;
}
@media (min-width: 769px) {
  .andcode-newsblock.gdx-sheep .post-card__title,
  .andcode-newsblock.gdx-sheep .post-card__title a {
    font-size: 22px;
    text-decoration: none;
  }

  .andcode-newsblock.gdx-sheep .post-card__title a:hover {
    color: #1d7a56;
  }
}

.andcode-newsblock.gdx-sheep .post-card__cats a {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 700;
  color: #1d7a56;
}

.andcode-newsblock.gdx-sheep .meta-line {
  display: inline-flex;
  align-items: center;
  gap: 0;
  font-size: 13px;
  color: #666;
}

.andcode-newsblock.gdx-sheep .meta-line .post-card__readtime::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 14px;
  background: #d0d0d0;
  margin: 0 12px;
  vertical-align: middle;
}

.andcode-newsblock.gdx-sheep .sheep-p1 {
  grid-column: 1;
}

.andcode-newsblock.gdx-sheep .sheep-p1 .post-card__thumb img,
.andcode-newsblock.gdx-sheep .sheep-p1 .post-card__thumb picture {
  height: auto;
  max-height: 540px;
  object-fit: cover;
}

.andcode-newsblock.gdx-sheep .sheep-right {
  flex: 1 1 100%;
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  max-width: 392px;
}

@media (min-width: 769px) {
  .andcode-newsblock.gdx-sheep .sheep-p1 .post-card__title,
  .andcode-newsblock.gdx-sheep .sheep-p1 .post-card__title a {
    font-size: 32px;
    line-height: normal;
  }
}

@media (min-width: 769px) {
  .andcode-newsblock.gdx-sheep .sheep-right .post-card:first-child .post-card__thumb img,
  .andcode-newsblock.gdx-sheep .sheep-right .post-card:first-child .post-card__thumb picture {
    width: 100%;
    height: auto;
    max-height: 220px;
    object-fit: cover;
  }

  .andcode-newsblock.gdx-sheep .sheep-right .post-card:first-child {
    padding-bottom: 12px;
    border-bottom: 1px solid #e8e8e8;
  }

  .andcode-newsblock.gdx-sheep .sheep-right .post-card:first-child .post-card__title,
  .andcode-newsblock.gdx-sheep .sheep-right .post-card:first-child .post-card__title a {
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
  }
  .andcode-newsblock.gdx-sheep .sheep-right .post-card:nth-child(n+2) {
    display: grid;
    grid-template-columns: 86px 1fr;
    grid-template-rows: auto auto;
    column-gap: 12px;
    row-gap: 8px;
    align-items: start;
    padding: 12px 0;
    border-bottom: 1px solid #e8e8e8;
  }
  .andcode-newsblock.gdx-sheep .sheep-right .post-card:nth-child(n+2) .post-card__title {
    grid-column: 2;
  }

  .andcode-newsblock.gdx-sheep .sheep-right .post-card:nth-child(n+2) .post-card__thumb {
    grid-column: 1;
    grid-row: 1 / span 2;
  }

  .andcode-newsblock.gdx-sheep .sheep-right .post-card:nth-child(n+2) .post-card__cats {
    grid-column: 2;
    margin-top: 0;
    grid-row: 2;
  }

  .andcode-newsblock.gdx-sheep .sheep-right .post-card:nth-child(n+2) .post-card__thumb img,
  .andcode-newsblock.gdx-sheep .sheep-right .post-card:nth-child(n+2) .post-card__thumb picture {
    width: 86px;
    height: 86px;
    object-fit: cover;
  }

  .andcode-newsblock.gdx-sheep .sheep-right .post-card:last-child {
    border-bottom: none;
  }
}

/* Overrides: gdx-sheep layout and typography */
.andcode-newsblock.gdx-sheep {
  grid-template-columns: 816px 392px;
}

@media (min-width: 769px) {
  .andcode-newsblock.gdx-sheep .sheep-p1 .post-card__title,
  .andcode-newsblock.gdx-sheep .sheep-p1 .post-card__title a {
    font-size: 32px;
    line-height: normal;
  }

  .andcode-newsblock.gdx-sheep .sheep-right .post-card:first-child .post-card__title,
  .andcode-newsblock.gdx-sheep .sheep-right .post-card:first-child .post-card__title a {
    font-size: 20px;
    line-height: normal;
  }

  .andcode-newsblock.gdx-sheep .sheep-right .post-card:nth-child(n+2) .post-card__title,
  .andcode-newsblock.gdx-sheep .sheep-right .post-card:nth-child(n+2) .post-card__title a {
    font-size: 18px;
    line-height: 140%;
    margin: 0;
  }
}

.andcode-newsblock.gdx-sheep .sheep-right {
  max-width: 392px;
}

@media (max-width: 1100px) {
  .andcode-newsblock.gdx-sheep {
    grid-template-columns: 1fr;
  }
  .andcode-newsblock.gdx-sheep .sheep-p1,
  .andcode-newsblock.gdx-sheep .sheep-right {
    grid-column: auto;
  }
}

/* gdx-sheep mobile spacing contract */
@media (max-width: 768px) {
  .andcode-newsblock.gdx-sheep {
    display: block;
  }

  .andcode-newsblock.gdx-sheep > :is(.sheep-p1, .sheep-right) {
    display: block;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
  }

  .andcode-newsblock.gdx-sheep > :is(.sheep-p1, .sheep-right) > .post-card {
    display: block;
    grid-template-columns: none;
    grid-auto-rows: auto;
    column-gap: 0;
    row-gap: 0;
    padding-top: 0;
    padding-bottom: var(--gdx-mobile-card-separator-space);
    margin-bottom: var(--gdx-mobile-card-separator-space);
    border-bottom: 1px solid var(--gdx-mobile-card-separator-color);
  }

  .andcode-newsblock.gdx-sheep > :is(.sheep-p1, .sheep-right) > .post-card :is(.meta-line, .meta) {
    margin: 0;
    padding: 0;
  }

  .andcode-newsblock.gdx-sheep > :is(.sheep-p1, .sheep-right) > .post-card > :is(.post-card__title, .post-card__cats, .post-card__meta, .meta-line, .meta, .post-card__excerpt, .post-card__date, .post-card__author, .post-card__readtime) {
    margin: 0;
  }

  .andcode-newsblock.gdx-sheep > :is(.sheep-p1, .sheep-right) > .post-card > :is(.post-card__title, .post-card__cats, .post-card__meta, .meta-line, .meta, .post-card__excerpt, .post-card__date, .post-card__author, .post-card__readtime) + :is(.post-card__title, .post-card__cats, .post-card__meta, .meta-line, .meta, .post-card__excerpt, .post-card__date, .post-card__author, .post-card__readtime) {
    margin-top: var(--gdx-mobile-card-stack-gap);
  }

  .andcode-newsblock.gdx-sheep > .sheep-right > .post-card.post-card--m-compact {
    position: relative;
    display: block;
    min-height: 108px;
    padding-left: calc(92px + var(--gdx-mobile-card-compact-gap-x));
  }

  .andcode-newsblock.gdx-sheep > .sheep-right > .post-card.post-card--m-compact .post-card__thumb,
  .andcode-newsblock.gdx-sheep > .sheep-right > .post-card.post-card--m-compact .post-card__image-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 92px;
    height: 92px;
    margin: 0;
  }

  .andcode-newsblock.gdx-sheep > .sheep-right > .post-card.post-card--m-compact .post-card__thumb img,
  .andcode-newsblock.gdx-sheep > .sheep-right > .post-card.post-card--m-compact .post-card__thumb picture,
  .andcode-newsblock.gdx-sheep > .sheep-right > .post-card.post-card--m-compact .post-card__image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
  }

  .andcode-newsblock.gdx-sheep > .sheep-right > .post-card .bh-body > :is(.post-card__title, .post-card__cats, .post-card__meta, .meta-line, .meta, .post-card__excerpt, .post-card__date, .post-card__author, .post-card__readtime) {
    margin: 0;
    padding: 0;
  }

  .andcode-newsblock.gdx-sheep > .sheep-right > .post-card .bh-body > :is(.post-card__title, .post-card__cats, .post-card__meta, .meta-line, .meta, .post-card__excerpt, .post-card__date, .post-card__author, .post-card__readtime) + :is(.post-card__title, .post-card__cats, .post-card__meta, .meta-line, .meta, .post-card__excerpt, .post-card__date, .post-card__author, .post-card__readtime) {
    margin-top: var(--gdx-mobile-card-stack-gap);
  }

  .andcode-newsblock.gdx-sheep > .sheep-right > .post-card:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
  }
}

@media (max-width: 768px) {
  .andcode-newsblock.gdx-list .post-card {
    grid-template-columns: 92px 1fr;
  }
  .andcode-newsblock.gdx-list .post-card__thumb img,
  .andcode-newsblock.gdx-list .post-card__thumb picture {
    max-width: 100%;
  }
}

/* gdx-wall layout */
.andcode-newsblock.gdx-wall {
  display: grid;
  grid-template-columns: 604px 604px;
  column-gap: 32px;
  row-gap: 20px;
  color: #2b2b2b;
  max-width: 1228px;
}

@media (min-width: 769px) and (max-width: 1366px) {
  .andcode-newsblock.gdx-wall {
    grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
    max-width: 100%;
  }
}

.andcode-newsblock.gdx-wall .wall-p1 {
  grid-column: 1;
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 14px;
}

.andcode-newsblock.gdx-wall .wall-p1 .post-card {
  display: flex;
  flex-direction: column;
  gap: 0px;
}

.andcode-newsblock.gdx-wall .wall-p1 .post-card__thumb {
  order: -1;
}

.andcode-newsblock.gdx-wall .post-card__thumb,
.andcode-newsblock.gdx-wall .post-card__image-wrapper {
  margin-bottom: 3px;
}

.andcode-newsblock.gdx-wall .wall-p1 .meta {
  display: inline-flex;
  align-items: center;
  gap: 0;
  margin: 0 0 16px;
  padding-top: 16px;
}

@media (max-width: 768px) {
  .andcode-newsblock.gdx-wall .wall-p1 .meta {
    display: inline-flex;
    align-items: center;
    gap: 0;
    margin: 0;
    padding-top: 0;
  }
}

.andcode-newsblock.gdx-wall .wall-p1 .post-card__cats {
  margin: 0;
  display: inline-flex;
  gap: 6px;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
  color: var(--wp--preset--color--primary, #64a078);
}

.andcode-newsblock.gdx-wall .wall-p1 .post-card__cats a {
  color: inherit;
  text-decoration: none;
}

.andcode-newsblock.gdx-wall .wall-p1 .post-card__cats a:hover,
.andcode-newsblock.gdx-wall .wall-p1 .post-card__cats a:focus-visible {
  text-decoration: underline;
}

.andcode-newsblock.gdx-wall .wall-p1 .post-card__author,
.andcode-newsblock.gdx-wall .wall-p1 .post-card__readtime {
  font-family: "Atkinson Hyperlegible Next", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  color: var(--slate-600, #72737F);
}

.andcode-newsblock.gdx-wall .wall-p1 .meta > *:not(:first-child)::before {
  content: "|";
  color: #cbd5e1;
  margin: 0 12px;
}

.andcode-newsblock.gdx-wall .wall-p1 .post-card__thumb img,
.andcode-newsblock.gdx-wall .wall-p1 .post-card__thumb picture {
  width: 100%;
  height: auto;
  max-height: 520px;
  object-fit: cover;
  display: block;
}

@media (min-width: 769px) {
  .andcode-newsblock.gdx-wall .wall-p1 .post-card__title,
  .andcode-newsblock.gdx-wall .wall-p1 .post-card__title a {
    font-size: 32px;
    line-height: 135%;
    text-decoration: none;
    margin-top: 16px;
  }

  .andcode-newsblock.gdx-wall .wall-p1 .post-card__title a:hover {
    color: #1d7a56;
  }
}

.andcode-newsblock.gdx-wall .wall-p1 .post-card__cats a {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 600;
  color: var(--wp--preset--color--primary, #64a078);
}

.andcode-newsblock.gdx-wall .wall-p1 .meta-line {
  display: inline-flex;
  align-items: center;
  gap: 0;
  font-size: 13px;
  color: #666;
}

.andcode-newsblock.gdx-wall .wall-p1 .meta-line .post-card__readtime::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 14px;
  background: #d0d0d0;
  margin: 0 12px;
  vertical-align: middle;
}

.andcode-newsblock.gdx-wall .wall-p1 .post-card__excerpt {
  font-size: 15px;
  color: #4a4a4a;
}

.andcode-newsblock.gdx-wall .wall-right {
  flex: 1 1 100%;
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 22px;
  /*padding-left: 8px;*/
}


.andcode-newsblock.gdx-wall .wall-right .post-card {
  display: grid;
  grid-template-columns: 180px 1fr;
  column-gap: 14px;
  grid-auto-rows: auto;
  row-gap: 0;
  padding-bottom: 16px;
  border-bottom: 1px solid #e8e8e8;
}

@media (min-width: 769px) {
  .andcode-newsblock.gdx-wall .wall-right .post-card:last-child {
    border-bottom: none;
  }
}

.andcode-newsblock.gdx-wall .wall-right .post-card__thumb img,
.andcode-newsblock.gdx-wall .wall-right .post-card__thumb picture {
  width: 180px;
  height: 180px;
  object-fit: cover;
  display: block;
}

@media (min-width: 769px) and (max-width: 1366px) {
  .andcode-newsblock.gdx-wall .wall-right .post-card {
    grid-template-columns: minmax(0, 1fr) minmax(177px, 1fr);
  }

  .andcode-newsblock.gdx-wall .wall-right .post-card__thumb img,
  .andcode-newsblock.gdx-wall .wall-right .post-card__thumb picture {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
  }
}

.andcode-newsblock.gdx-wall .wall-right .post-card__thumb {
  grid-row: 1 / span 3;
}

.andcode-newsblock.gdx-wall .wall-right .post-card__cats {
  margin: 0 0 4px;
}

@media (min-width: 769px) {
  .andcode-newsblock.gdx-wall .wall-right .post-card__title,
  .andcode-newsblock.gdx-wall .wall-right .post-card__title a {
    font-size: 20px;
    line-height: 140%;
    text-decoration: none;
    margin: 0 0 7px;
  }

  .andcode-newsblock.gdx-wall .wall-right .post-card__title a:hover {
    color: #1d7a56;
  }
}

.andcode-newsblock.gdx-wall .wall-right .post-card__cats a {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 600;
  color: var(--wp--preset--color--primary, #64a078);
}

.andcode-newsblock.gdx-wall .wall-right .meta-line {
  display: inline-flex;
  align-items: center;
  gap: 0;
  font-size: 14px;
  color: var(--slate-600, #72737F);
}

.andcode-newsblock.gdx-wall .wall-right .meta-line .post-card__readtime::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 14px;
  background: #d0d0d0;
  margin: 0 12px;
  vertical-align: middle;
}

/* gdx-wall mobile spacing contract */
@media (max-width: 768px) {
  .andcode-newsblock.gdx-wall {
    display: block;
  }

  .andcode-newsblock.gdx-wall > :is(.wall-p1, .wall-right) {
    display: block;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
  }

  .andcode-newsblock.gdx-wall > :is(.wall-p1, .wall-right) > .post-card {
    display: block;
    grid-template-columns: none;
    grid-auto-rows: auto;
    column-gap: 0;
    row-gap: 0;
    padding-top: 0;
    padding-bottom: var(--gdx-mobile-card-separator-space);
    margin-bottom: var(--gdx-mobile-card-separator-space);
    border-bottom: 1px solid var(--gdx-mobile-card-separator-color);
  }

  .andcode-newsblock.gdx-wall > :is(.wall-p1, .wall-right) > .post-card :is(.meta-line, .meta) {
    margin: 0;
    padding: 0;
  }

  .andcode-newsblock.gdx-wall > :is(.wall-p1, .wall-right) > .post-card > :is(.post-card__title, .post-card__cats, .post-card__meta, .meta-line, .meta, .post-card__excerpt, .post-card__date, .post-card__author, .post-card__readtime) {
    margin: 0;
  }

  .andcode-newsblock.gdx-wall > :is(.wall-p1, .wall-right) > .post-card > :is(.post-card__title, .post-card__cats, .post-card__meta, .meta-line, .meta, .post-card__excerpt, .post-card__date, .post-card__author, .post-card__readtime) + :is(.post-card__title, .post-card__cats, .post-card__meta, .meta-line, .meta, .post-card__excerpt, .post-card__date, .post-card__author, .post-card__readtime) {
    margin-top: var(--gdx-mobile-card-stack-gap);
  }

  .andcode-newsblock.gdx-wall > .wall-right > .post-card.post-card--m-compact {
    position: relative;
    display: block;
    min-height: 108px;
    padding-left: calc(92px + var(--gdx-mobile-card-compact-gap-x));
  }

  .andcode-newsblock.gdx-wall > .wall-right > .post-card.post-card--m-compact .post-card__thumb,
  .andcode-newsblock.gdx-wall > .wall-right > .post-card.post-card--m-compact .post-card__image-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 92px;
    height: 92px;
    margin: 0;
  }

  .andcode-newsblock.gdx-wall > .wall-right > .post-card.post-card--m-compact .post-card__thumb img,
  .andcode-newsblock.gdx-wall > .wall-right > .post-card.post-card--m-compact .post-card__thumb picture,
  .andcode-newsblock.gdx-wall > .wall-right > .post-card.post-card--m-compact .post-card__image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
  }

  .andcode-newsblock.gdx-wall > .wall-p1 > .post-card .post-card__thumb img,
  .andcode-newsblock.gdx-wall > .wall-p1 > .post-card .post-card__thumb picture {
    max-height: none;
  }

  .andcode-newsblock.gdx-wall > .wall-right > .post-card .bh-body > :is(.post-card__title, .post-card__cats, .post-card__meta, .meta-line, .meta, .post-card__excerpt, .post-card__date, .post-card__author, .post-card__readtime) {
    margin: 0;
    padding: 0;
  }

  .andcode-newsblock.gdx-wall > .wall-right > .post-card .bh-body > :is(.post-card__title, .post-card__cats, .post-card__meta, .meta-line, .meta, .post-card__excerpt, .post-card__date, .post-card__author, .post-card__readtime) + :is(.post-card__title, .post-card__cats, .post-card__meta, .meta-line, .meta, .post-card__excerpt, .post-card__date, .post-card__author, .post-card__readtime) {
    margin-top: var(--gdx-mobile-card-stack-gap);
  }

  .andcode-newsblock.gdx-wall > :last-child > .post-card:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
  }
}

/* Single layout */
/*.gdx-single {
  margin-top: 50px;
}*/

.gdx-single__shell {
  width: 100%;
}

@media (max-width: 768px) {
  .gdx-single__shell{
    padding-top: 12px;
  }
}


@media (min-width: 769px) {
  .gdx-single__inner {
    max-width: 1240px;
    margin: 0 auto;
    padding-top: 24px;
  }
}

.gdx-single__article {
  width: 100%;
}

.gdx-single__article--default {
  display: block;
}

.gdx-single__article--default > .gdx-hero--default {
  grid-column: 1 / -1;
}

.gdx-single__content--default {
  grid-column: 3;
}

.gdx-single__content {
  width: 100%;
  position: relative;
  max-width: 675px;
  margin-left: 0;
}

.gdx-single__content--rails {
  display: grid;
  grid-template-columns: 44px 731px 1fr;
  column-gap: 24px;
  align-items: start;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 769px) and (max-width: 1280px) {
  .bigimg-hero .gdx-single__content--rails {
    grid-template-columns: 44px minmax(600px, 731px) minmax(240px, 350px);
    column-gap: 0;
  }
}

@media (min-width: 769px) {
  .gdx-single__article--default .gdx-hero--default + .gdx-single__content--rails {
    grid-template-columns: 44px minmax(24px, 97px) 675px minmax(24px, 124px) minmax(240px, 340px);
    column-gap: 0;
  }

  .gdx-single__article--default .gdx-hero--default + .gdx-single__content--rails .gdx-single__content-main {
    grid-column: 3;
    padding-left: 0;
  }

  .gdx-single__article--default .gdx-hero--default + .gdx-single__content--rails .gdx-single__rail--share {
    grid-column: 1;
  }

  .gdx-single__article--default .gdx-hero--default + .gdx-single__content--rails .gdx-single__rail--related {
    grid-column: 5;
    width: auto;
  }
}

.gdx-single__rail--share {
  grid-column: 1;
  justify-self: start;
}

.gdx-single__rail--related {
  grid-column: 3;
  justify-self: end;
  align-self: start;
  /*width: 340px;*/
  width: clamp(250px, 30vw, 340px);
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .gdx-single__rail--related {
    width: clamp(160px, 17vw, 240px);
    margin-right: 48px;
  }
}

.gdx-single__content-main {
  grid-column: 2;
  padding-left: 56px;
}

/*@media (min-width: 1024px) and (max-width: 1280px) {
  .gdx-single__content-main {
    grid-column: 2;
    padding-left: 1vw;
  }
}*/

@media (min-width: 769px) and (max-width: 1023px) {
  .gdx-single__content-main {
    padding-left: 0;
  }
}

.gdx-single__content--bigimg {
  padding-top: 32px;
}

.gdx-single__content--bigimg .gdx-rails-meta {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 16px;
}

.gdx-single__content--bigimg .gdx-hero__tags {
  padding-top: 0;
}

.gdx-single__content--bigimg .gdx-hero__author {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 24px 0 16px 0;
  margin-top: 13px;
  border-top: 1px solid #e0e0e0;
}

.gdx-mobile-only {
  display: none !important;
}

@media (max-width: 1023px) {
  .gdx-single__content--rails {
    grid-template-columns: 1fr;
    row-gap: 16px;
  }

  .gdx-single__rail--share,
  .gdx-single__rail--related,
  .gdx-single__content-main {
    grid-column: 1;
  }

  .gdx-single__rail--share .gdx-share {
    flex-direction: row;
    gap: 8px;
  }

  .gdx-share__item {
    width: 44px;
    height: 44px;
    padding: 12px;
    border-radius: 3px;
    border: 1px solid var(--slate-200, #D2D2D8);
    font-size: 0;
  }
}

.gdx-article-bottom-recommendation {
  max-width: calc(1240px + 40px);
  margin: 100px auto 0;
  padding-inline: 20px;
}

@media (max-width: 768px) {
  .gdx-article-bottom-recommendation {
    margin-top: 40px;
    padding-inline: 20px;
  }
}

.gdx-share-inline {
  margin: 32px 0 32px;
}

.gdx-share-inline .gdx-share {
  flex-direction: row;
  align-items: center;
  gap: 12px;
}

.gdx-share-separator {
  width: 100%;
  height: 18px;
  margin: 8px 0 28px;
  background-image: repeating-linear-gradient(
    108deg,
    var(--wp--preset--color--slate-100, #e9e9ec) 0 2px,
    transparent 2px 5px
  );
  background-repeat: repeat;
}

@media (max-width: 768px) {
  .gdx-share-inline {
    margin: 24px 0 12px;
  }
}

.gdx-author-list {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media (max-width: 768px) {
  .gdx-author-list {
    margin-top: 21px;
    padding-top: 25px;
    border-top: 1px solid var(--wp--preset--color--slate-150, #dddee2);
  }
}  
  
.gdx-author-box {
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 16px;
  align-items: center;
}

.gdx-author-box__avatar img {
  width: 72px;
  height: 72px;
  border-radius: 999px;
  object-fit: cover;
}

.gdx-author-box__name {
  margin: 0 0 4px;
  font-family: var(--wp--preset--font-family--sentient-heading, Georgia, "Times New Roman", serif);
  font-size: 22px;
  font-weight: 600;
  color: var(--wp--preset--color--slate-800, #39393f);
}

.gdx-author-box__bio {
  margin: 0 0 12px;
  color: var(--wp--preset--color--slate-700, #56565f);
  font-size: 15px;
  line-height: 1.5;
}

.gdx-author-box__links {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.gdx-author-box__link {
  color: var(--wp--preset--color--primary, #64a078);
  font-weight: 600;
  text-decoration: underline;
}

.gdx-author-box__divider {
  display: none;
  width: 1px;
  height: 14px;
  background: #d0d0d0;
  margin: 0 12px;
  vertical-align: middle;
}

@media (min-width: 769px) {
  .gdx-author-box__divider {
    display: inline-block;
  }
}

.gdx-author-box__separator {
  border: 0;
  border-top: 1px solid var(--wp--preset--color--slate-150, #dddee2);
  margin: 0;
}

@media (max-width: 768px) {
  .gdx-author-box {
    grid-template-columns: 64px 1fr;
    align-items: start;
  }

  .gdx-author-box__avatar img {
    width: 64px;
    height: 64px;
  }
}

/* Default hero */
.gdx-hero--default {
  width: 100%;
  display: grid;
  grid-template-columns: 44px minmax(24px, 97px) 675px minmax(24px, 124px) minmax(240px, 340px);
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-areas:
    "share gap title spacer related"
    "share gap meta spacer related"
    "share gap image spacer related"
    "share gap tags spacer related"
    "share gap divider spacer related"
    "share gap author spacer related";
  row-gap: 12px;
  padding-bottom: 40px;
}

/*.gdx-hero--default {
  width: 100%;
  display: grid;
  grid-template-columns: 36px minmax(24px, 97px) 675px minmax(24px, 124px) minmax(300px, 340px);
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-areas:
    "share gap title spacer related"
    "share gap meta spacer related"
    "share gap image spacer related"
    "share gap tags spacer related"
    "share gap divider spacer related"
    "share gap author spacer related";
  row-gap: 12px;
  padding-bottom: 40px;
}*/

/* Place hero children in columns */
.gdx-hero--default > *:not(.gdx-share):not(.gdx-hero__related) {
  grid-column: 3;
}
.gdx-hero__related {
  grid-area: related;
  grid-column: 5;
  grid-row: 3;
  align-self: start;
}

.gdx-hero__title {
  grid-area: title;
  margin: 0;
  color: var(--wp--preset--color--slate-800, #39393f);
  font-family: var(--wp--preset--font-family--sentient-heading, "Sentient", Georgia, "Times New Roman", serif);
  font-size: 40px;
  font-weight: 500;
  line-height: 120%;
}

.office .gdx-hero__title {
  line-height: 120%;
  padding-top: 0;
  padding-bottom: 32px;
  margin-bottom: 24px;
  border-bottom: 1px solid #dddee2;
}


@media (min-width: 980px) and (max-width: 1365px) {
  .gdx-hero--default .gdx-hero__title {
    font-size: 2.95vw;
    font-weight: 500;
   line-height: 130%;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .gdx-hero--default .gdx-hero__title {
    font-size: 38px;
    font-weight: 500;
   line-height: 130%;
  }
}


@media (max-width: 768px) {
  .gdx-hero__title {
    font-size: 26px;
    font-weight: 500;
   line-height: 130%;
  }
}

.gdx-hero__related {
  align-self: start;
}

.gdx-hero__meta {
  grid-area: meta;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "Atkinson Hyperlegible Next", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #919191;
  padding-bottom: 16px;
}

@media (max-width: 768px) {
  .gdx-hero__meta {
    padding-bottom: 0;
  }
}

.gdx-hero__category {
  color: var(--wp--preset--color--primary, #64a078);
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}

.gdx-hero__date::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 14px;
  background: #d0d0d0;
  margin-right: 10px;
}

.gdx-share {
  grid-area: share;
  grid-column: 1;
  grid-row: 3;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}

.gdx-share__item {
  display: inline-flex;
  width: 44px;
  height: 44px;
  padding: 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 3px;
  border: 1px solid var(--slate-200, #D2D2D8);
  background: #ffffff;
  font-family: "Atkinson Hyperlegible Next", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0;
  font-weight: 700;
  color: var(--wp--preset--color--slate-700, #4b4c52);
  text-decoration: none;
  cursor: pointer;
}

.gdx-share__item:hover {
  border-color: #c8e8d6;
  color: var(--wp--preset--color--primary, #64a078);
}

.gdx-share__item svg,
.gdx-share__item span {
  display: none !important;
}

.gdx-share__item::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.gdx-share__item--fb::before {
  width: 13px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='24' viewBox='0 0 13 24' fill='none'%3E%3Cpath d='M12.153 13.5L12.8274 9.15656H8.61075V6.33797C8.61075 5.14969 9.19979 3.99141 11.0883 3.99141H13.0053V0.293438C13.0053 0.293438 11.2657 0 9.60244 0C6.12987 0 3.86004 2.08031 3.86004 5.84625V9.15656H0V13.5H3.86004V24H8.61075V13.5H12.153Z' fill='%2372737F'/%3E%3C/svg%3E");
}

.gdx-share__item--x::before {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18.2453 2.25H21.5547L14.3266 10.5094L22.8297 21.75H16.1734L10.9562 14.9344L4.99375 21.75H1.67969L9.40937 12.9141L1.25781 2.25H8.08281L12.7937 8.47969L18.2453 2.25ZM17.0828 19.7719H18.9156L7.08437 4.125H5.11562L17.0828 19.7719Z' fill='%2372737F'/%3E%3C/svg%3E");
}

.gdx-share__item--msgr::before {
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 0C4.477 0 0 4.09 0 9.133c0 2.812 1.329 5.328 3.441 7.007V20l3.154-1.73c1.05.292 2.173.45 3.405.45 5.523 0 10-4.09 10-9.133C20 4.09 15.523 0 10 0Zm.236 11.264L7.75 8.92l-4.29 2.344 4.8-5.088 2.457 2.344 4.29-2.344-4.771 5.088Z' fill='%2372737F'/%3E%3C/svg%3E");
}

.gdx-share__item--email::before {
  width: 20px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16' viewBox='0 0 20 16' fill='none'%3E%3Cpath d='M2 16C1.45 16 0.979167 15.8042 0.5875 15.4125C0.195833 15.0208 0 14.55 0 14V2C0 1.45 0.195833 0.979167 0.5875 0.5875C0.979167 0.195833 1.45 0 2 0H18C18.55 0 19.0208 0.195833 19.4125 0.5875C19.8042 0.979167 20 1.45 20 2V14C20 14.55 19.8042 15.0208 19.4125 15.4125C19.0208 15.8042 18.55 16 18 16H2ZM10 9L18 4V2L10 7L2 2V4L10 9Z' fill='%2372737F'/%3E%3C/svg%3E");
}

.gdx-share__item--copy::before {
  width: 20px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='10' viewBox='0 0 20 10' fill='none'%3E%3Cpath d='M9 10H5C3.61667 10 2.4375 9.5125 1.4625 8.5375C0.4875 7.5625 0 6.38333 0 5C0 3.61667 0.4875 2.4375 1.4625 1.4625C2.4375 0.4875 3.61667 0 5 0H9V2H5C4.16667 2 3.45833 2.29167 2.875 2.875C2.29167 3.45833 2 4.16667 2 5C2 5.83333 2.29167 6.54167 2.875 7.125C3.45833 7.70833 4.16667 8 5 8H9V10ZM6 6V4H14V6H6ZM11 10V8H15C15.8333 8 16.5417 7.70833 17.125 7.125C17.7083 6.54167 18 5.83333 18 5C18 4.16667 17.7083 3.45833 17.125 2.875C16.5417 2.29167 15.8333 2 15 2H11V0H15C16.3833 0 17.5625 0.4875 18.5375 1.4625C19.5125 2.4375 20 3.61667 20 5C20 6.38333 19.5125 7.5625 18.5375 8.5375C17.5625 9.5125 16.3833 10 15 10H11Z' fill='%2372737F'/%3E%3C/svg%3E");
}


.gdx-hero--square {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 604px);
  column-gap: 32px;
  row-gap: 24px;
  align-items: center;
  padding: 0px 0 64px;
}

.gdx-hero--square .gdx-hero__content {
  grid-column: 1;
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 640px;
}

.gdx-hero--square .gdx-hero__meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding-bottom: 0;
}

.gdx-hero--square .gdx-hero__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}

.gdx-hero--square .gdx-hero__divider {
  margin: 16px 0 12px;
}

@media (max-width: 768px) {
  .gdx-hero--square .gdx-hero__divider {
    margin: 8px 0;
  }
}

.gdx-hero--square .gdx-hero__author {
  /*border-top: 1px solid #e0e0e0;*/
  /*padding-top: 16px;*/
  gap: 16px;
}

.gdx-hero--square .gdx-hero__author-avatar {
  flex-shrink: 0;
}


.gdx-hero--square .gdx-hero__image {
  grid-column: 2;
  /*justify-self: end;*/
} 

.gdx-hero--square .gdx-hero__image img {
  width: 604px;
  height: 604px;
  max-width: 100%;
  object-fit: cover;
  /*border-radius: var(--radius-image-l, 16px);*/
}

@media (max-width: 768px) {
  .gdx-hero--square .gdx-hero__image img {
    border-radius: 0 0 50px 0;
  }
} 

.gdx-hero--square .gdx-hero__related {
  display: none;
}

.gdx-hero--square .gdx-share {
  display: none;
}

.gdx-hero--bigimg {
  position: relative;
}

.gdx-hero--bigimg .gdx-hero__image--bigimg img, 
.gdx-hero--bigimg .gdx-hero__image--bigimg picture {
  width: 100%;
  max-width: 1240px;
  height: auto;
  display: block;
  /*border-radius: var(--radius-image-l, 16px);*/
  aspect-ratio: 1240 / 698;
  object-fit: cover;
}

.gdx-hero--bigimg .gdx-hero__overlay--bigimg {
  position: absolute;
  left: 32px;
  right: 32px;
  bottom: 32px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  color: #fff;
  padding: 0 0 32px 93px;

  max-width: 905px;
}

.gdx-hero--bigimg .gdx-hero__meta--bigimg {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  background: var(--green-900, #0C271B);
  padding: 6px 10px;
  align-self: flex-start;
}

.gdx-hero--bigimg .gdx-hero__meta--bigimg .gdx-hero__category {
  color: var(--wp--preset--color--primary, #64a078);
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
}

.gdx-hero--bigimg .gdx-hero__meta--bigimg .gdx-hero__date {
  color: #d8f3e7;
  font-family: "Atkinson Hyperlegible Next", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  font-weight: 500;
  padding-left: 10px;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}

.gdx-hero--bigimg .gdx-hero__date::before {
  content: none;
}

.gdx-hero--bigimg .gdx-hero__title--bigimg {
  color: #fff;
  font-family: "Sentient", Georgia, "Times New Roman", serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 131%;
  margin: 0;
}

@media (min-width: 1025px) and (max-width: 1280px) {
  .gdx-hero--bigimg .gdx-hero__title--bigimg {
    font-size: 2.8vw;
    line-height: 140%;
  }

  .gdx-hero--bigimg .gdx-hero__overlay--bigimg {
    padding: 0 0 32px 69px;
  }  
}  

.gdx-hero--bigimg .gdx-hero__title--bigimg span {
  display: inline;
  background: var(--green-900, #0C271B);
  padding: 5px 12px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

@media (min-width: 980px) and (max-width: 1100px) {
  .gdx-hero--square {
    grid-template-columns: minmax(440px, 1fr) minmax(200px, 500px);
    row-gap: 24px;
  }
}

@media (max-width: 1100px) {
  .gdx-hero--square .gdx-hero__image,
  .gdx-hero--square .gdx-hero__image img {
    width: 100%;
    height: auto;
  }
}

/* Post/Page body copy */
.gdx-single__content p,
body.page .entry-content p {
  color: var(--slate-900, #1D1D20);
  font-family: var(--wp--preset--font-family--sentient-heading, "Sentient", Georgia, "Times New Roman", serif);
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: 162%;
  padding: 0 0 24px;
}

.gdx-single__content h2,
body.page .entry-content h2 {
  color: var(--slate-900, #1D1D20);
  font-family: var(--wp--preset--font-family--sentient-heading, "Sentient", Georgia, "Times New Roman", serif);
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.gdx-single__content h3,
body.page .entry-content h3 {
  color: var(--slate-800, #39393F);
  font-family: var(--wp--preset--font-family--sentient-heading, "Sentient", Georgia, "Times New Roman", serif);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.gdx-single__content h4,
body.page .entry-content h4 {
  color: var(--slate-800, #39393F);
  font-family: var(--wp--preset--font-family--sentient-heading, "Sentient", Georgia, "Times New Roman", serif);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}

.gdx-single__content ul, 
.gdx-single__content ol {
  margin-top: 0;
  padding-top: 0;
}

.gdx-single__content li {
  color: #39393f;
  font-family: var(--wp--preset--font-family--sentient-heading);
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  /*padding-bottom: 8px;*/
}

.gdx-single__content li::marker {
  color: var(--wp--preset--color--primary, #64a078);
  font-size: 1.1em;
  font-weight: 500;
}

.gdx-single__content a {
  color: var(--green-600, #64a078);
  font-style: normal;
  font-weight: 500;
  text-decoration-line: underline;
  text-decoration-style: solid;
}

/* Preserve bigimg rails tag styling over generic content link styles */
.gdx-rails-meta--bigimg .gdx-hero__tag {
  color: #919191;
  text-decoration: none;
  font-family: "Sentient", Georgia, "Times New Roman", serif;
  font-weight: 500;
  line-height: normal;
  display: inline-block;
  padding: 8px 12px;
  border: 1px solid #DADADA;
}

.gdx-single__content .wp-element-caption,
body.page .entry-content .wp-element-caption,
.gdx-single__content figcaption,
body.page .entry-content figcaption {
  color: var(--wp--preset--color--slate-600, #72737F);
  font-family: "Atkinson Hyperlegible Next", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}

.gdx-single__content blockquote,
body.page .entry-content blockquote p {
  position: relative;
  max-width: 675px;
  margin: 24px 0 24px;
  margin-left: -124px;
  padding-left: 80px;
}

.gdx-single__content blockquote p,
body.page .entry-content blockquote p {
  color: var(--wp--preset--color--slate-900, #1D1D20);
  font-family: var(--wp--preset--font-family--sentient-heading, Georgia, "Times New Roman", serif);
  font-size: 24px;
  font-weight: 500;
  line-height: 140%; 
}

.gdx-single__content blockquote::before,
body.page .entry-content blockquote::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='55' height='44' viewBox='0 0 55 44' fill='none'%3E%3Cpath d='M21.4674 40.8569C23.7133 38.7615 24.8371 36.0839 24.8389 32.8242C24.8389 29.3318 23.7151 26.5969 21.4674 24.6193C19.2198 22.6417 16.5584 21.6523 13.4832 21.6511C10.9997 21.6511 8.81161 22.4075 6.919 23.9205C6.56394 22.8728 6.38642 21.6505 6.38642 20.2535C6.38642 16.8784 7.71711 13.5607 10.3785 10.3003C13.0399 7.04 16.2039 4.65366 19.8706 3.14131L18.2738 0C12.0038 2.90929 7.39108 6.69137 4.43575 11.3462C1.48042 16.0011 0.00183333 21.1816 0 26.8878C0 28.2847 0.177528 30.088 0.532583 32.2976C0.879159 34.4938 1.7286 36.5839 3.01675 38.4098C4.06399 40.0242 5.45632 41.3946 7.09683 42.4257C8.75172 43.4752 10.8808 44 13.4842 44C16.5581 44 19.2191 42.9523 21.4674 40.8569ZM51.6258 40.8569C53.8753 38.7615 55 36.0839 55 32.8242C55 29.3318 53.8765 26.5969 51.6294 24.6193C49.3824 22.6417 46.721 21.6523 43.6453 21.6511C41.1611 21.6511 38.9727 22.4075 37.0801 23.9205C36.725 22.8728 36.5478 21.6505 36.5484 20.2535C36.5484 16.8784 37.8791 13.5607 40.5405 10.3003C43.2019 7.04 46.3656 4.65306 50.0317 3.13951L48.4358 0C42.1651 2.91169 37.5513 6.69497 34.5941 11.3498C31.6369 16.0047 30.1583 21.184 30.1583 26.8878C30.1583 28.2847 30.3359 30.088 30.6909 32.2976C31.0383 34.4941 31.8887 36.5841 33.1778 38.4098C34.2251 40.0244 35.6178 41.3949 37.2588 42.4257C38.9137 43.4752 41.0425 44 43.6453 44C46.7198 44 49.3811 42.9523 51.6294 40.8569H51.6258Z' fill='%2364a078'/%3E%3C/svg%3E");
}

.gdx-single__content p.hl-background,
body.page .entry-content p.hl-background {
  display: block;
  width: 675px;
  max-width: 100%;
  padding: 32px 20px 32px 20px;
  background: var(--wp--preset--color--primary, #64a078);
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
  margin: 0 0 24px;
}

p.hl-background a {
  color: var(--wp--preset--color--background);
}

.gdx-single__content p.hl-border-left,
body.page .entry-content p.hl-border-left {
  position: relative;
  margin-left: -160px;
  padding-left: 103px;
  color: var(--slate-900, #1D1D20);
  font-size: 22px;
  font-weight: 500;
  line-height: 160%;
  max-width: 685px;
  margin-bottom: 24px;
}

.gdx-single__content p.hl-border-left::before,
body.page .entry-content p.hl-border-left::before {
  content: "";
  position: absolute;
  left: 24px;
  top: 0;
  bottom: 0;
  width: 47px;
  background: var(--wp--preset--color--green-100, #D8F3E7);
  border-radius: 0 0 32px 0;
  display: block;
}

.gdx-single__content p.hl-border-topleft,
body.page .entry-content p.hl-border-topleft {
  margin-left: -84px;
  padding: 24px;
  border-top: 3px solid var(--wp--preset--color--green-100, #D8F3E7);
  border-left: 3px solid var(--wp--preset--color--green-100, #D8F3E7);
  color: var(--slate-900, #1D1D20);
  /*font-size: 19px;
  font-weight: 500;
  line-height: 160%;*/
  max-width: 685px;
  margin-bottom: 48px;
  margin-top: 48px;
}

@media (max-width: 1280px) {
  .gdx-single__content blockquote,
  body.page .entry-content blockquote p {
    margin-left: 0;
    padding-left: 42px;
  }
  
  .gdx-single__content blockquote::before, 
  body.page .entry-content blockquote::before {
    width: 24px;
  }  

  /*.gdx-single__content p.hl-background,
  body.page .entry-content p.hl-background {
    font-size: 19px;
    line-height: 170%;
  }*/

  /*.gdx-single__content p.hl-background {
    width: 100vw;
    max-width: none;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }*/

  .gdx-single__content p.hl-border-left,
  body.page .entry-content p.hl-border-left {
    margin-left: -65px;
    padding-left: 103px;
    font-size: 19px;
    line-height: 170%;
    margin-bottom: 24px;
  }

  .gdx-single__content p.hl-border-left::before,
  body.page .entry-content p.hl-border-left::before {
    left: 60px;
    width: 26px;
    border-radius: 0;
  }

  .gdx-single__content p.hl-border-topleft,
  body.page .entry-content p.hl-border-topleft {
    margin-left: 0;
    padding: 35px 0 12px 35px;
    font-size: 19px;
    line-height: 170%;
    margin-bottom: 24px;
  }
}

/* Related sidebar (override for plugin template) */
.gdx-related-body {
  margin: 32px 0 40px;
  display: grid;
  gap: 16px;
}

.gdx-related-body__header {
  display: grid;
  gap: 12px;
}

.gdx-single__content .gdx-related-body__heading,
.entry-content .gdx-related-body__heading {
  margin: 0;
  font-family: var(--wp--preset--font-family--sentient-heading);
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  color: var(--slate-800, #39393F);
}

.gdx-related-body__rule {
  height: 1px;
  width: 100%;
  background: var(--wp--preset--color--slate-150, #DDDEE2);
}

.gdx-related-body__list {
  display: grid;
  gap: 24px;
}

.gdx-related-body__item {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 24px;
  align-items: center;
  padding: 8px 0 24px 0;
  border-bottom: 1px solid var(--wp--preset--color--slate-150, #DDDEE2);
}

.gdx-related-body__thumb img {
  width: 120px;
  height: 120px;
  object-fit: cover;
  display: block;
  border-radius: var(--wp--custom--radius--image-m, 12px);
}

.gdx-single__content .gdx-related-body__title,
.entry-content .gdx-related-body__title {
  margin: 0 0 8px 0;
  font-family: var(--wp--preset--font-family--sentient-heading);
  font-size: 21px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--slate-800, #39393F);
}

.gdx-related-body__title a {
  color: inherit;
  text-decoration: none;
}

.gdx-related-body__title a:hover {
  text-decoration: underline;
}

.gdx-related-body__meta {
  display: flex;
  align-items: center;
  gap: 10px;
}

.gdx-related-body__cat {
  font-weight: 600;
  font-size: 14px;
  color: var(--wp--preset--color--primary, #64a078);
  text-transform: uppercase;
  text-decoration: none;
  display:none;
}

.gdx-related-body__meta .post-card__author,
.gdx-related-body__meta .post-card__readtime {
  display: flex;
  font-size: 14px;
  color: var(--slate-600, #72737F);
}

.gdx-related-body__meta .post-card__readtime::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 14px;
  background: #d0d0d0;
  margin-right: 8px;
}

@media (max-width: 768px) {
  .gdx-related-body {
    margin: 24px 0 32px;
  }

  .gdx-related-body__heading {
    font-size: 20px;
  }

  .gdx-related-body__item {
    grid-template-columns: 80px 1fr;
    gap: 16px;
    align-items: center;
  }

  .gdx-related-body__thumb img {
    width: 80px;
    height: 80px;
    border-radius: 12px;
  }

  .gdx-related-body__title {
    font-size: 24px;
  }

  /*.gdx-related-body__meta .post-card__author,
  .gdx-related-body__meta .post-card__readtime {
    display: none;
  }*/

  /*.gdx-related-body__meta {
    display: none;
  }*/

  .gdx-related-body__cat {
    display: none;
  }  
}

.gdx-related-sidebar {
  display: grid;
  gap: 16px;
}

.gdx-related-sidebar__item {
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 16px;
  width: 100%;
  padding-bottom: 8px;
}

@media (min-width: 1025px) and (max-width: 1280px) {
  .gdx-related-sidebar__item {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .gdx-related-sidebar__item {
    padding: 8px 0 16px 0;
    border-bottom: 1px solid var(--wp--preset--color--slate-150, #dddee2);
  }
}  

.gdx-related-sidebar__thumb img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  display: block;
}

@media (min-width: 1025px) and (max-width: 1280px) {
  .gdx-related-sidebar__thumb {
    display: none
  }
}  

.gdx-related-sidebar__title,
 .gdx-related-sidebar__title a {
  margin: 0 0 4px 0;
  color: var(--slate-800, #39393F);
  font-size: 16px;
  line-height: 135%;
  font-weight: 500;
  text-decoration: none;
}

@media (max-width: 1024px) {
  .gdx-related-sidebar__title,
  .gdx-related-sidebar__title a {
    font-size: 18px;
    line-height: 140%;
    font-weight: 500;
  }
}

@media (min-width: 1025px) and (max-width:1280px) {
  .gdx-related-sidebar__title,
  .gdx-related-sidebar__title a {
    font-size: 15px;
    line-height: 135%;
    font-weight: 300;
    text-decoration: none;
  }
}

.gdx-single__rail--related .gdx-related-sidebar__title {
  margin: 0 0 4px 0;
  color: var(--slate-800, #39393F);
  font-size: 16px;
  line-height: normal;
  font-weight: 500;
}

/*.gdx-related-sidebar__title a {
  color: var(--slate-800, #39393F);
  font-size: 16px;
  line-height: normal;
  font-weight: 500;
  text-decoration: none;
}*/

.gdx-related-sidebar__title a:hover {
  text-decoration: underline;
}

.gdx-related-sidebar__meta {
  display: flex;
  align-items: center;
  gap: 8px;
}

.gdx-related-sidebar__cat {
  font-weight: 600;
  font-size: 12px;
  color: var(--wp--preset--color--primary, #64a078);
  text-transform: uppercase;
  text-decoration: none;
}

@media (max-width: 1024px) {
  .gdx-single__content .gdx-related-sidebar__cat {
    text-decoration: none;
    text-decoration-line: none;
  } 
}

.gdx-single__rail--related .gdx-related-sidebar__cat {
  font-weight: 600;
  font-size: 12px;
  color: var(--wp--preset--color--primary, #64a078);
  text-transform: uppercase;
  text-decoration: none;
}

.gdx-related-sidebar__cat:hover {
  text-decoration: underline;
}

.gdx-related-sidebar__meta .post-card__readtime {
  font-size: 14px;
  color: var(--slate-600, #72737F);
  position: relative;
  padding-left: 12px;
}

.gdx-related-sidebar__meta .post-card__readtime::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 14px;
  background: #d0d0d0;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

@media (min-width: 980px) and (max-width: 1145px) {
  .gdx-hero--default .gdx-hero__related {
    min-width: 0;
  }

  .gdx-hero--default > * {
    min-width: 0;
  }

  .gdx-hero--default .gdx-hero__related {
    min-width: 160px;
  }

  .gdx-hero--default .gdx-related-sidebar__item {
    padding-bottom: 16px;
    border-bottom: 1px solid var(--wp--preset--color--slate-150, #dddee2);
    grid-template-columns: 1fr;
  }

  .gdx-hero--default .gdx-related-sidebar__item:last-child {
    display:none;
  }

  .gdx-hero--default .gdx-related-sidebar__item:nth-last-child(2) {
    border-bottom: 0;
  }

  .gdx-hero--default .gdx-related-sidebar,
  .gdx-hero--default .gdx-related-sidebar__item,
  .gdx-hero--default .gdx-related-sidebar__content {
    min-width: 0;
  }

  .gdx-hero--default .gdx-related-sidebar__thumb img {
    width: 100%;
    max-width: none;
  }

  .gdx-hero--default .gdx-related-sidebar__thumb {
    display: none;
  }

  .gdx-hero--default .gdx-related-sidebar__content {
    width: 100%;
  }
}

.gdx-hero__image img,
.gdx-hero__image picture {
  grid-area: image;
  width: 675px;
  max-width: 675px;
  height: auto;
  border-radius: 24px;
  display: block;
  object-fit: cover;
}

@media (min-width: 769px) {
  .gdx-hero--default .gdx-hero__image img,
  .gdx-hero--default .gdx-hero__image picture {
    width: 100%;
    max-width: none;
    border-radius: 0 0 24px 0;
  }
}

@media (max-width: 768px) {
  .gdx-hero--default .gdx-hero__image img,
  .gdx-hero--default .gdx-hero__image picture,
  .gdx-hero--bigimg .gdx-hero__image img,
  .gdx-hero--bigimg .gdx-hero__image picture {
    border-radius: 0 0 40px 0;
  }
}

.gdx-hero__tags {
  grid-area: tags;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding-top: 16px;
}

.gdx-article-sponsor {
  margin-bottom: 16px;
  padding: 12px 16px;
  /*width: 100%;*/
  background: var(--wp--preset--color--green-200, #a1d1b0);
  color: var(--slate-900, #1D1D20);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.01em;
  border-radius: 0 0 12px 0;
}

@media (max-width: 768px) {
  .gdx-hero__tags {
    padding-top: 8px;
  }
}

.gdx-hero__tag {
  display: inline-block;
  padding: 8px 12px;
  color: #919191;
  border: 1px solid #DADADA;
  font-family: "Sentient", Georgia, "Times New Roman", serif;
  text-decoration: none;
  font-weight: 500;
  line-height: normal;
}

.gdx-hero__tag:hover {
  color: var(--wp--preset--color--primary, #64a078);
  border-color: var(--wp--preset--color--primary, #64a078);
}

.gdx-hero--square .gdx-hero__meta {
  color: var(--slate-600, #72737F);
  font-family: "Atkinson Hyperlegible Next", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.gdx-hero--square .gdx-hero__date::before {
  content: none;
}

.gdx-hero--square .gdx-hero__title {
  color: var(--wp--preset--color--slate-800, #39393f);
  font-family: "Sentient", Georgia, "Times New Roman", serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}

@media (max-width: 768px) {
  .gdx-hero--square .gdx-hero__title {
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
  }
}

.gdx-hero--square .gdx-hero__category {
  color: var(--green-600, #64a078);
  font-family: "Atkinson Hyperlegible Next", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
}

.gdx-hero__divider {
  grid-area: divider;
  width: 100%;
  border: 0;
  border-bottom: 1px solid #e0e0e0;
  margin: 16px 0 12px;
}

/*@media (max-width: 768px) {
  .gdx-hero__divider {
    margin: 8px 0 8px;
  }
}*/

.gdx-hero__author {
  grid-area: author;
  display: inline-flex;
  align-items: center;
  gap: 0;
  font-family: "Atkinson Hyperlegible Next", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #919191;
  line-height: 187%;
}

.gdx-hero__author-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

@media (min-width: 600px) {
  .gdx-hero__author-item {
    display: inline-flex;
    align-items: center;
    gap: 12px;
  }
}

.gdx-hero__author-item:not(:last-child)::after {
  content: ",";
}

.gdx-hero__author-divider {
  width: 1px;
  height: 28px;
  background: #e0e0e0;
  margin: 0 16px;
}

  .gdx-hero__author-avatar img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
  }

  /* Share bar */
/*.gdx-single .gdx-share {
  display: grid;
  gap: 8px;
}*/

  .gdx-share__item {
    width: 44px;
    height: 44px;
    border-radius: 3px;
    border: 1px solid var(--slate-200, #D2D2D8);
    background: var(--background, #FFFDFB);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Atkinson Hyperlegible Next", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    cursor: pointer;
    padding: 12px;
    gap: 8px;
  }

  .gdx-share__item:hover {
    border-color: #c8e8d6;
    color: var(--wp--preset--color--primary, #64a078);
  }

  /* Responsive */
/*@media (max-width: 1023px) {
    .gdx-single__inner {
      grid-template-columns: 1fr;
      row-gap: 20px;
    }

    .gdx-single__content {
      width: 100%;
      margin-left: 0;
      max-width: none;
    }

  .gdx-hero--default {
    width: 100%;
    grid-template-columns: 36px 16px 1fr;
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-areas:
      "share gap title"
      "share gap meta"
      "share gap image"
      "share gap tags"
      "share gap divider"
      "share gap author";
  }

  .gdx-single .gdx-share {
    margin-bottom: 16px;
    display: flex;
    gap: 8px;
  }
  }*/

/*@media (min-width: 769px) and (max-width: 1130px) {
  .gdx-hero--default {
    grid-template-columns: 36px minmax(12px, 24px) minmax(0, 1fr) minmax(12px, 24px) minmax(0, 260px);
    grid-template-areas:
      "share gap title spacer related"
      "share gap meta spacer related"
      "share gap image spacer related"
      "share gap tags spacer related"
      "share gap divider spacer related"
      "share gap author spacer related";
  }

  .gdx-hero--default .gdx-hero__image img,
  .gdx-hero--default .gdx-hero__image picture {
    width: 100%;
    max-width: none;
  }

  .gdx-hero--default .gdx-hero__related {
    max-width: 100%;
    min-width: 0;
  }
}*/

@media (min-width: 769px) and (max-width: 1145px) {
    .gdx-hero--default {
        width: 100%;
        display: grid;
        grid-template-columns: 44px minmax(0, 64px) minmax(0, 1fr) minmax(0, 64px) minmax(150px, 200px);
        grid-template-rows: auto auto auto auto auto auto;
        grid-template-areas:
            "share gap title spacer related"
            "share gap meta spacer related"
            "share gap image spacer related"
            "share gap tags spacer related"
            "share gap divider spacer related"
            "share gap author spacer related";
        row-gap: 12px;
        padding-bottom: 40px;
    }

    .gdx-single__article--default .gdx-hero--default + .gdx-single__content--rails {
        grid-template-columns: 44px minmax(0, 64px) minmax(0, 1fr) minmax(0, 64px) minmax(150px, 200px);
    }
    /*.gdx-hero--default {
        width: 100%;
        display: grid;
        grid-template-columns: 16px minmax(16px, 64px) minmax(500px, 675px) minmax(16px, 64px) minmax(180px, 1fr);
        grid-template-rows: auto auto auto auto auto auto;
        grid-template-areas:
            "share gap title spacer related"
            "share gap meta spacer related"
            "share gap image spacer related"
            "share gap tags spacer related"
            "share gap divider spacer related"
            "share gap author spacer related";
        row-gap: 12px;
        padding-bottom: 40px;
    }*/
   /*.gdx-hero--default .gdx-related-sidebar .gdx-related-sidebar__thumb {
      display: none;
    }*/
}


@media (max-width: 1024px) {
  .gdx-mobile-only {
    display: block !important;
  }

  .gdx-single__content--rails {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
  }

  .gdx-single__content--rails .gdx-single__content-main {
    order: 1;
    padding-left: 0;
  }

  .gdx-single__content--rails .gdx-single__rail--share {
    order: 2;
    justify-self: stretch;
    display: none;
    justify-content: center;
    width: 100%;
    margin: 8px 0 16px 0;
    padding: 24px 0 24px;
    border-top: 1px solid var(--wp--preset--color--slate-150, #dddee2);
    border-bottom: 1px solid var(--wp--preset--color--slate-150, #dddee2);
  }

  .gdx-single__content--rails .gdx-single__rail--share .gdx-share {
    justify-content: center;
  }

  .gdx-single__content--rails .gdx-single__rail--related {
    order: 3;
    width: 100%;
    justify-self: stretch;
  }

  .gdx-single__article--default {
    display: block;
  }

  .gdx-single__content {
    max-width: none;
  }

  .gdx-single__content--default {
    grid-column: auto;
  }

  .gdx-hero--default {
    grid-template-columns: 1fr;
    grid-template-areas:
      "title"
      "meta"
      "image"
      "tags"
      "divider"
      "author";
    padding-bottom: 32px;
  }

  .gdx-hero--default > *:not(.gdx-share):not(.gdx-hero__related) {
    grid-column: 1;
  }

  .gdx-hero--default .gdx-share,
  .gdx-hero--default .gdx-hero__related {
    display: none;
  }

  .gdx-hero--default .gdx-hero__divider {
    margin: 9px 0 5px;
  }

  .gdx-hero__author {
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 16px;
  }

  .gdx-hero__author-divider {
    display: none;
  }

  .gdx-hero__author-item {
    flex: 0 1 auto;
  }


  .gdx-single__content .gdx-author-box__link {
    text-decoration-line: none;
  }

  .gdx-hero__image img,
  .gdx-hero__image picture {
    width: 100%;
    max-width: none;
  }

  .gdx-single__article--default .gdx-share-inline,
  .gdx-single__article--default .gdx-share-separator {
    display: none;
  }

  .gdx-single__mobile-share {
    margin: 24px 0 40px 0;
    padding: 24px 0 24px;
    border-top: 1px solid var(--wp--preset--color--slate-150, #dddee2);
    border-bottom: 1px solid var(--wp--preset--color--slate-150, #dddee2);
  }

  .gdx-single__mobile-share .gdx-share {
    flex-direction: row;
    align-items: center;
    gap: 12px;
    justify-content: center;
  }

  .gdx-single__mobile-related {
    margin-top: 24px;
  }

  .gdx-single__mobile-related .gdx-related-sidebar__thumb img,
  .gdx-single__mobile-related .gdx-related-sidebar__thumb picture img {
    border-radius: 8px;
  }

  .gdx-single__rail--related .gdx-related-sidebar__thumb img,
  .gdx-single__rail--related .gdx-related-sidebar__thumb picture img {
    border-radius: 8px;
  }

  .gdx-related-sidebar__item {
    grid-template-columns: 1fr 80px;
  }

  .gdx-related-sidebar__thumb {
    order: 2;
  }

  .gdx-related-sidebar__content {
    order: 1;
  }

  .gdx-single__content--rails .gdx-share-inline,
  .gdx-single__content--rails .gdx-share-separator {
    display: none;
  }

  .gdx-hero--square {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas:
      "title"
      "meta"
      "image"
      "tags"
      "divider"
      "author";
    row-gap: 12px;
    padding: 0 0 40px;
  }

  .gdx-hero--square .gdx-hero__content {
    display: contents;
  }

  .gdx-hero--square .gdx-hero__title {
    grid-area: title;
  }

  .gdx-hero--square .gdx-hero__meta--square-mobile {
    grid-area: meta;
    padding-bottom: 0;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: "Atkinson Hyperlegible Next", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #919191;
  }

  .gdx-hero--square .gdx-hero__image {
    grid-area: image;
  }

  .gdx-hero--square .gdx-hero__tags {
    grid-area: tags;
    margin-top: 0;
  }

  .gdx-hero--square .gdx-hero__divider {
    grid-area: divider;
  }

  .gdx-hero--square .gdx-hero__author {
    grid-area: author;
  }

  .gdx-hero--bigimg {
    position: static;
  }

  .gdx-hero--bigimg .gdx-hero__overlay--bigimg {
    display: none;
  }

  .gdx-hero--bigimg .gdx-hero__title--bigimg-mobile {
    padding-bottom: 9px;
  }

  .gdx-hero--bigimg .gdx-hero__content--bigimg-mobile-bottom .gdx-hero__tags {
    padding-top: 21px;
  }

  .gdx-hero--bigimg .gdx-hero__content--bigimg-mobile-bottom .gdx-hero__divider {
    margin: 21px 0 17px;
  }

  .gdx-hero__meta--bigimg-mobile {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 13px;
    font-family: "Atkinson Hyperlegible Next", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: var(--wp--preset--color--slate-600, #5b5c63);
  }

  .gdx-hero--square .gdx-hero__date::before,
  .gdx-hero__meta--bigimg-mobile .gdx-hero__date::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 14px;
    background: #d0d0d0;
    margin-right: 10px;
    margin-left: 5px;
  }

  .gdx-hero--square .gdx-hero__meta--square {
    display: none;
  }

  .gdx-hero--square .gdx-hero__category--square {
    display: none;
  }

  .gdx-hero--square .gdx-hero__meta--square-mobile .gdx-hero__category--square {
    display: inline-flex;
    align-items: center;
  }

  .gdx-single__content--bigimg .gdx-rails-meta {
    display: none;
  }

  :where(.wp-site-blocks) > * {
    margin-block-start: 0;
    padding-top: 0;
  }
}

@media (max-width: 768px) {
  .andcode-newsblock {
    --gdx-mobile-card-separator-space: 16px;
    --gdx-mobile-card-stack-gap: 8px;
    --gdx-mobile-card-compact-gap-x: 16px;
    --gdx-mobile-card-separator-color: var(--wp--preset--color--slate-150, #dddee2);
  }

  .andcode-newsblock .post-card {
    box-sizing: border-box;
    gap: var(--gdx-mobile-card-stack-gap);
    column-gap: var(--gdx-mobile-card-compact-gap-x);
  }

  .andcode-newsblock:is(.featured-block, .gdx-4x1, .gdx-bigone, .gdx-list, .gdx-entropy, .gdx-sheep, .gdx-wall) :is(.articles, .entropy-left, .entropy-middle, .entropy-right, .sheep-p1, .sheep-right, .wall-right, .wall-p1) {
    gap: 0;
    row-gap: 0;
    column-gap: 0;
    margin: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .andcode-newsblock .post-card:is(.post-card--m-big, .post-card--m-default, .post-card--m-noimg, .post-card--m-compact) {
    padding-top: 0;
    padding-bottom: var(--gdx-mobile-card-separator-space);
    margin-bottom: var(--gdx-mobile-card-separator-space);
    border-bottom: 1px solid var(--gdx-mobile-card-separator-color);
  }

  .andcode-newsblock .post-card > :is(.post-card__title, .post-card__cats, .post-card__meta, .meta-line, .meta, .post-card__excerpt, .post-card__date, .post-card__author, .post-card__readtime) {
    margin: 0;
  }

  .andcode-newsblock .post-card > :is(.post-card__title, .post-card__cats, .post-card__meta, .meta-line, .meta, .post-card__excerpt, .post-card__date, .post-card__author, .post-card__readtime) + :is(.post-card__title, .post-card__cats, .post-card__meta, .meta-line, .meta, .post-card__excerpt, .post-card__date, .post-card__author, .post-card__readtime) {
    margin-top: var(--gdx-mobile-card-stack-gap);
  }

  .andcode-newsblock .post-card.post-card--m-default .post-card__thumb,
  .andcode-newsblock .post-card.post-card--m-default .post-card__image-wrapper,
  .andcode-newsblock .post-card.post-card--m-big .post-card__thumb,
  .andcode-newsblock .post-card.post-card--m-big .post-card__image-wrapper {
    margin: 0;
  }

  .andcode-newsblock .post-card.post-card--m-compact {
    position: relative;
    display: block;
    min-height: 108px;
    padding-left: calc(92px + var(--gdx-mobile-card-compact-gap-x));
  }

  .andcode-newsblock .post-card.post-card--m-compact .post-card__thumb,
  .andcode-newsblock .post-card.post-card--m-compact .post-card__image-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 92px;
    height: 92px;
    margin: 0;
  }

  .andcode-newsblock .post-card.post-card--m-compact .post-card__thumb img,
  .andcode-newsblock .post-card.post-card--m-compact .post-card__thumb picture,
  .andcode-newsblock .post-card.post-card--m-compact .post-card__image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
  }

  .andcode-newsblock .post-card.post-card--m-compact :is(.post-card__title, .post-card__cats, .post-card__meta, .post-card__excerpt, .post-card__date) {
    margin: 0;
  }

  .andcode-newsblock .post-card.post-card--m-compact :is(.post-card__title, .post-card__cats, .post-card__meta, .post-card__excerpt, .post-card__date) + :is(.post-card__title, .post-card__cats, .post-card__meta, .post-card__excerpt, .post-card__date) {
    margin-top: var(--gdx-mobile-card-stack-gap);
  }

  .andcode-newsblock .post-card.post-card--m-compact .post-card__meta {
    margin: 0;
  }

  .andcode-newsblock:not(.featured-block):not(.gdx-bigone):not(.gdx-entropy):not(.gdx-wall):not(.gdx-sheep) :is(.articles, .entropy-left, .entropy-middle, .entropy-right, .sheep-p1, .sheep-right, .wall-right, .wall-p1) > .post-card:last-child,
  .andcode-newsblock:not(.featured-block):not(.gdx-bigone):not(.gdx-entropy):not(.gdx-wall):not(.gdx-sheep) > .post-card:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
  }

  .andcode-newsblock:is(.featured-block, .gdx-4x1, .gdx-bigone, .gdx-list, .gdx-entropy, .gdx-sheep, .gdx-wall) {
    gap: 0;
    row-gap: 0;
    column-gap: 0;
  }
}

@media (max-width: 1023px) {
  .andcode-newsblock:is(.featured-block, .gdx-4x1, .gdx-bigone, .gdx-list, .gdx-entropy, .gdx-sheep, .gdx-wall) {
    padding-bottom: 24px;
    margin-bottom: 48px;
  }
}

/*@media (max-width: 768px) {
  .andcode-newsblock.gdx-bigone {
    margin-bottom: 24px;
  }
}*/

.gdx-fullwidth-section {
  position: relative;
  left: 50%;
  width: 100vw;
  width: 100dvw;
  margin-left: 0;
  margin-right: 0;
  transform: translateX(-50%);
  overflow-x: clip;
}

.gdx-fullwidth-section.wp-block-group.is-layout-constrained {
  max-width: none;
  margin-inline: 0;
  padding-left: 0;
  padding-right: 0;
}
html {
    /* Offset anchor scroll for fixed header (TOC and all hash links). */
    scroll-padding-top: 30vh;
}