/* Center 3rd polaroid when grid is 2 columns (840px - 1100px) */
@media only screen and (min-width: 841px) and (max-width: 1100px) {
  .polaroid-grid .polaroid-card:nth-child(3):last-child {
    grid-column: 1 / -1;
    justify-self: center;
    max-width: calc(50%);
  }
}

@media only screen and (max-width: 840px) {

  :root {
    --font-size-h6: calc(8px * 1.45);
  }
  .timeline-item{
    margin: -2rem;
  }

    .polaroid-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .polaroid-card {
    max-width: 350px;
    margin: 0 auto;
  }
  .timeline-postit {
    min-height: 250px;
    padding: 2rem 1.5rem;
  }

  .timeline-title{
    margin-bottom: 0rem;
    margin-top: 1.4rem;
  }
  /* Newsletter items - single column with centered image */
  .newsletter-item {
    display: flex;
    flex-direction: column;
    gap: calc(var(--padding) * 1.5);
    text-align: center;
  }

  .newsletter-item-content {
    display: flex;
    flex-direction: column;
    order: 2;
  }

  .newsletter-item-image {
    order: 1;
    align-self: center;
    width: 100%;
    max-width: 400px;
    height: auto;
    aspect-ratio: 1 / 1;
  }

  .newsletter-item-image img {
    width: 100%;
    height: 100%;
  }

  /* Reorder content within newsletter-item-content: categories first, then rest */
  .newsletter-item .card-categories {
    order: 1;
    justify-content: center;
    margin-bottom: 1rem;
    margin-top: 0;
  }

  .newsletter-item-title {
    order: 2;
  }

  .newsletter-item-author {
    order: 3;
  }

  .newsletter-item-excerpt {
    order: 4;
  }

  .newsletter-item-link {
    order: 5;
  }

  .hubspot-form-wrapper {
    max-width: 100% !important;
    margin: 0 !important;
  }
  .quote-of-month .index-card-wrapper {
    min-height: unset;
  }

  .quote-of-month .quote-text-overlay {
    padding: 4% 10% 6% 10%;
    min-height: unset;
  }

  .quote-of-month .quote-header{
    padding-top: 0;
  }

.mail {
        margin:0;
}
.puzzle-instructions-arrow, .archive-count-arrow, .timeline-arrow {
  display: none;
}

.filters-grid-container{
    gap: 30px;
}


.filter-column .facetwp-checkbox, .filter-section .facetwp-checkbox{
 padding: 12px 40px 12px 40px !important;
}

/* Single article pages - stack to one column */
  .single .two-column-grid {
    grid-template-columns: 1fr;
    gap: calc(var(--padding) * 1.5);
  }

  .single .column-left {
    padding-right: 0;
  }

  .single .column-right {
    position: relative;
    top: 0;
    order: -1; /* Move image/video above content on mobile */
  }

    .single .sidebar-image,
   .single .sidebar-video {
    max-width: 100%;
    margin: 0 auto;
  }

  .single .top .content {
    text-align: center;
    align-items: center;
  }

  .single .top .card-categories {
    justify-content: center;
  }

.button-group {
  gap: 40px;
}

    .button-group:has(.button-style-book-binding) {
    gap: 60px;
  }

  /* Switch to two-line stacked menu */
  .menu-bar {
    display: none;
  }
  .menu-bar.menu-mobile {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
  }

  .menu-bar.menu-mobile .site-branding {
    order: 1;
    margin: 0;
  }

  .menu-bar.menu-mobile .menu-left-menu-container,
  .menu-bar.menu-mobile .menu-right-menu-container {
    order: 2;
    margin: 0;
  }

  .menu-bar.menu-mobile .left-menu,
  .menu-bar.menu-mobile .right-menu {
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
  }

  .menu-bar.menu-mobile .left-menu li,
  .menu-bar.menu-mobile .right-menu li {
    margin: 0;
  }

  .menu-bar.menu-mobile a {
    padding: 8px 12px;
    font-size: 16px;
  }

  /* Keep submenus on top so they don't get blocked by items below */
  .menu-bar.menu-mobile ul.sub-menu {
    z-index: 999;
  }
  .menu-bar.menu-mobile li:hover > ul.sub-menu,
  .menu-bar.menu-mobile li:focus-within > ul.sub-menu {
    z-index: 999;
  }

}