/* ===================================
   WHC Med Articles - Responsive Styles
   =================================== */

/* Tablet (768px - 1024px) */
@media (max-width: 1024px) {
  .container {
    width: 100%;
    max-width: 768px;
    padding: 0 24px;
  }
  .article-container {
    padding: 0;
  }
}

/* Mobile (< 768px) */
@media (max-width: 768px) {
  .container {
    width: 100%;
    max-width: 100%;
    padding: 0 16px;
  }
  
  header .container {
    padding: 10px 16px;
  }

  /* Article Images Swiper */
  .article-images.swiper {
    height: 300px;
  }

  .article-images .swiper-button-prev,
  .article-images .swiper-button-next {
    width: 36px;
    height: 36px;
  }

  .article-images .swiper-button-prev::after,
  .article-images .swiper-button-next::after {
    font-size: 16px;
  }
  #whc-editorial-wrapper .image-grid {
    grid-template-columns:auto !important;
  }
}

/* Small Mobile (< 480px) */
@media (max-width: 480px) {
  .container {
    padding: 0 12px;
  }
  
  header .container {
    padding: 10px 12px;
  }
  .search-bar {
    display:none;
  }
}