.elementor-2771 .elementor-element.elementor-element-70011962{--display:flex;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-2771 .elementor-element.elementor-element-2f8e724a{--divider-border-style:solid;--divider-color:var( --e-global-color-text );--divider-border-width:1px;}.elementor-2771 .elementor-element.elementor-element-2f8e724a .elementor-divider-separator{width:100%;}.elementor-2771 .elementor-element.elementor-element-2f8e724a .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2771 .elementor-element.elementor-element-43e9ff92 .elementor-button{background-color:#FFD4FE00;}.elementor-2771 .elementor-element.elementor-element-43e9ff92{width:100%;max-width:100%;bottom:0px;}.elementor-2771 .elementor-element.elementor-element-43e9ff92 > .elementor-widget-container{margin:0px 0px 15px 0px;}body:not(.rtl) .elementor-2771 .elementor-element.elementor-element-43e9ff92{right:30px;}body.rtl .elementor-2771 .elementor-element.elementor-element-43e9ff92{left:30px;}.elementor-2771 .elementor-element.elementor-element-70d003ec{--display:flex;}/* Start custom CSS *//* ===== illZINE Gallery (month-grouped, year nav) ===== */

/* Month heading (matches Art look) */
.illzine-month__title {
  text-align: center;
  font-size: 2rem;
  margin: 2rem 0 1rem;
  color: #fff;
  position: relative;
}
.illzine-month__title::after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background: #F2B0FF; /* accent */
  margin: 0.5rem auto 0;
  border-radius: 2px;
}

/* YEAR navigation (top row, same vibe as Art) */
.illzine-year-nav {
  text-align: center;
  margin: 2rem 0;
}
.illzine-year-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-flex;
  gap: 2rem;
}
.illzine-year-nav li {
  position: relative;
  line-height: 1;
}
.illzine-year-nav li::after {
  content: "—";
  position: absolute;
  right: -1.25rem;
  top: 50%;
  transform: translateY(-50%);
  color: #F2B0FF;
}
.illzine-year-nav li:last-child::after { content: ""; }
.illzine-year-nav a {
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  text-decoration: none;
  transition: color 0.2s ease;
}
.illzine-year-nav a:hover { color: #F2B0FF; }

/* Smooth scroll like Art page */
html { scroll-behavior: smooth; }

/* If you have a sticky header, keep month sections from hiding under it */
.illzine-year-anchor { display:block; height:0; }
.illzine-month { scroll-margin-top: 80px; } /* tweak to your sticky header height */

/* Grid (4 per row, same breakpoints as Art) */
.illzine-grid-gallery {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  align-items: start;
}
@media (max-width: 1200px) { .illzine-grid-gallery { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 900px)  { .illzine-grid-gallery { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px)  { .illzine-grid-gallery { grid-template-columns: 1fr; } }

/* Cards / images — mirror Art behavior */
.illzine-card {
  display: block;
  border-radius: 8px;
  overflow: hidden;
}
.illzine-card__media { width: 100%; } /* natural aspect (same as Art) */
.illzine-thumb {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
  transition: transform .2s ease;
}
.illzine-thumb:hover { transform: scale(1.03); }

/* Optional: consistent tile height (uncomment if you want uniform rows) */
/*
.illzine-card__media { aspect-ratio: 3 / 4; }
.illzine-thumb { width: 100%; height: 100%; object-fit: cover; }
*//* End custom CSS */