.elementor-22724 .elementor-element.elementor-element-5eb62a4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22724 .elementor-element.elementor-element-5eb62a4:not(.elementor-motion-effects-element-type-background), .elementor-22724 .elementor-element.elementor-element-5eb62a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4eec49f );}.elementor-22724 .elementor-element.elementor-element-4455e74{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;--overlay-opacity:0.7;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}.elementor-22724 .elementor-element.elementor-element-4455e74:not(.elementor-motion-effects-element-type-background), .elementor-22724 .elementor-element.elementor-element-4455e74 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-66bd830 );}.elementor-22724 .elementor-element.elementor-element-4455e74::before, .elementor-22724 .elementor-element.elementor-element-4455e74 > .elementor-background-video-container::before, .elementor-22724 .elementor-element.elementor-element-4455e74 > .e-con-inner > .elementor-background-video-container::before, .elementor-22724 .elementor-element.elementor-element-4455e74 > .elementor-background-slideshow::before, .elementor-22724 .elementor-element.elementor-element-4455e74 > .e-con-inner > .elementor-background-slideshow::before, .elementor-22724 .elementor-element.elementor-element-4455e74 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#1B1B2700;--background-overlay:'';}.elementor-22724 .elementor-element.elementor-element-445914a0{width:100%;max-width:100%;text-align:center;}.elementor-22724 .elementor-element.elementor-element-445914a0 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-22724 .elementor-element.elementor-element-0acf089{width:100%;max-width:100%;text-align:center;}.elementor-22724 .elementor-element.elementor-element-0acf089 .elementor-heading-title{font-family:var( --e-global-typography-cb9a778-font-family ), Sans-serif;font-size:var( --e-global-typography-cb9a778-font-size );font-weight:var( --e-global-typography-cb9a778-font-weight );line-height:var( --e-global-typography-cb9a778-line-height );}.elementor-22724 .elementor-element.elementor-element-18d3b014{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-justify-content:center;--e-filter-item-width:initial;--e-filter-item-flex-grow:0;--e-filter-wrap:nowrap;--e-filter-overflow-x:scroll;width:100%;max-width:100%;--e-filter-normal-text-color:var( --e-global-color-116b926 );--e-filter-hover-text-color:var( --e-global-color-0ca1279 );--e-filter-active-text-color:var( --e-global-color-4d72c63 );}.elementor-22724 .elementor-element.elementor-element-18d3b014 .e-filter-item:hover:not( [aria-pressed=true] ){background-color:var( --e-global-color-23872a4 );}.elementor-22724 .elementor-element.elementor-element-18d3b014 > .elementor-widget-container{margin:25px 0px 25px 0px;}.elementor-22724 .elementor-element.elementor-element-18d3b014 .e-filter-item{font-family:var( --e-global-typography-6e87a78-font-family ), Sans-serif;font-size:var( --e-global-typography-6e87a78-font-size );font-weight:var( --e-global-typography-6e87a78-font-weight );text-transform:var( --e-global-typography-6e87a78-text-transform );text-decoration:var( --e-global-typography-6e87a78-text-decoration );line-height:var( --e-global-typography-6e87a78-line-height );letter-spacing:var( --e-global-typography-6e87a78-letter-spacing );}.elementor-22724 .elementor-element.elementor-element-18d3b014 .e-filter-item:not( [aria-pressed=true] ):not( :hover ){border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-829b63b );}.elementor-22724 .elementor-element.elementor-element-18d3b014 .e-filter-item[aria-pressed="true"]{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-590c0f9 );}.elementor-22724 .elementor-element.elementor-element-98a2715{--grid-columns:3;}.elementor-22724 .elementor-element.elementor-element-98a2715 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-22724 .elementor-element.elementor-element-98a2715 .e-loop-item > .elementor-section, .elementor-22724 .elementor-element.elementor-element-98a2715 .e-loop-item > .elementor-section > .elementor-container, .elementor-22724 .elementor-element.elementor-element-98a2715 .e-loop-item > .e-con, .elementor-22724 .elementor-element.elementor-element-98a2715 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-22724 .elementor-element.elementor-element-484f219{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}body.elementor-page-22724:not(.elementor-motion-effects-element-type-background), body.elementor-page-22724 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4eec49f );}@media(max-width:1366px){.elementor-22724 .elementor-element.elementor-element-4455e74{--padding-top:10%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}.elementor-22724 .elementor-element.elementor-element-445914a0 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-22724 .elementor-element.elementor-element-0acf089 .elementor-heading-title{font-size:var( --e-global-typography-cb9a778-font-size );line-height:var( --e-global-typography-cb9a778-line-height );}.elementor-22724 .elementor-element.elementor-element-18d3b014 .e-filter-item{font-size:var( --e-global-typography-6e87a78-font-size );line-height:var( --e-global-typography-6e87a78-line-height );letter-spacing:var( --e-global-typography-6e87a78-letter-spacing );}}@media(max-width:1024px){.elementor-22724 .elementor-element.elementor-element-445914a0 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-22724 .elementor-element.elementor-element-0acf089 .elementor-heading-title{font-size:var( --e-global-typography-cb9a778-font-size );line-height:var( --e-global-typography-cb9a778-line-height );}.elementor-22724 .elementor-element.elementor-element-18d3b014 .e-filter-item{font-size:var( --e-global-typography-6e87a78-font-size );line-height:var( --e-global-typography-6e87a78-line-height );letter-spacing:var( --e-global-typography-6e87a78-letter-spacing );}.elementor-22724 .elementor-element.elementor-element-98a2715{--grid-columns:2;}}@media(max-width:767px){.elementor-22724 .elementor-element.elementor-element-4455e74{--padding-top:20%;--padding-bottom:20%;--padding-left:0%;--padding-right:0%;}.elementor-22724 .elementor-element.elementor-element-445914a0 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-22724 .elementor-element.elementor-element-0acf089 .elementor-heading-title{font-size:var( --e-global-typography-cb9a778-font-size );line-height:var( --e-global-typography-cb9a778-line-height );}.elementor-22724 .elementor-element.elementor-element-18d3b014 .e-filter-item{font-size:var( --e-global-typography-6e87a78-font-size );line-height:var( --e-global-typography-6e87a78-line-height );letter-spacing:var( --e-global-typography-6e87a78-letter-spacing );}.elementor-22724 .elementor-element.elementor-element-98a2715{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-4455e74 *//* =================================================================
   CENTRE[4]ARTS — RESIDENT ARTISTS ARCHIVE
   Native Elementor TAXONOMY FILTER + LOOP GRID, styled to match the
   Gallery / Members archives. Card = Image → Name (Post Title) →
   "Hamilton-Based Artist Resident" (Heading).

   ── TEMPLATE (do this first) ─────────────────────────────────────
   In the loop template, take the NAME off the image and stack the
   widgets:  Image → Post Title (name) → Heading (the resident label).
   Remove the dark box backgrounds on those widgets (Style ▸ Background).

   ── INSTALL ──────────────────────────────────────────────────────
   Container holding the two headings + Taxonomy Filter + Loop Grid →
   Advanced ▸ CSS ID =  c4-residents-archive
   Paste this into that container's Advanced ▸ Custom CSS.
   Also set that container's Background to #F5F5F5 and clear any overlay.
   Fully scoped to #c4-residents-archive — touches nothing else.
   ================================================================= */

#c4-residents-archive{
  --c4-purple:#4E42B5; --c4-ink:#111111; --c4-surface:#F5F5F5;
  --c4-line:#d8d6cf; --c4-muted:#9b988f; --c4-body:#3a382f;
  background-color:#F5F5F5 !important;
}
#c4-residents-archive > .elementor-background-overlay,
#c4-residents-archive .elementor-background-overlay{background:transparent !important;opacity:0 !important}

/* ---------- headings + intro ---------- */
#c4-residents-archive .elementor-heading-title{
  font-family:'League Spartan',sans-serif !important;font-weight:500;text-transform:uppercase;
  letter-spacing:.005em;color:var(--c4-ink) !important;
}
#c4-residents-archive .elementor-widget-text-editor,
#c4-residents-archive .elementor-widget-text-editor *{
  font-family:'Montserrat',sans-serif;color:var(--c4-body) !important;letter-spacing:.01em;
}


/* =================================================================
   1) TAXONOMY FILTER — the year buttons
   ================================================================= */
#c4-residents-archive .e-filter{
  display:flex !important;flex-wrap:wrap;gap:12px;border:0;padding:0;justify-content:center !important;width:100%;
}
#c4-residents-archive .elementor-widget-taxonomy-filter{text-align:center}
#c4-residents-archive .elementor-widget-taxonomy-filter > .elementor-widget-container{display:flex;justify-content:center}
#c4-residents-archive .e-filter-item{
  position:relative;overflow:hidden;z-index:0;
  font-family:'League Spartan',sans-serif;font-weight:500;text-transform:uppercase;
  font-size:14px;letter-spacing:.12em;line-height:1;
  color:var(--c4-ink) !important;background:transparent !important;
  border:1.5px solid var(--c4-ink) !important;border-radius:0 !important;
  padding:13px 20px;cursor:pointer;transition:color .4s ease;
}
#c4-residents-archive .e-filter-item::before{
  content:"";position:absolute;inset:0;z-index:-1;background:var(--c4-ink);
  transform:scaleX(0);transform-origin:left center;transition:transform .5s cubic-bezier(.5,0,.2,1);
}
#c4-residents-archive .e-filter-item > *{position:relative}
#c4-residents-archive .e-filter-item:hover,
#c4-residents-archive .e-filter-item:hover *{color:#fff !important}
#c4-residents-archive .e-filter-item:hover::before{transform:scaleX(1)}
#c4-residents-archive .e-filter-item[aria-pressed="true"],
#c4-residents-archive .e-filter-item[aria-pressed="true"] *,
#c4-residents-archive .e-filter-item.e-active,
#c4-residents-archive .e-filter-item.e-active *,
#c4-residents-archive .e-filter-item.e-filter-item--active,
#c4-residents-archive .e-filter-item.e-filter-item--active *{color:#fff !important}
#c4-residents-archive .e-filter-item[aria-pressed="true"]::before,
#c4-residents-archive .e-filter-item.e-active::before,
#c4-residents-archive .e-filter-item.e-filter-item--active::before{transform:scaleX(1)}
#c4-residents-archive .e-filter-item:focus-visible{outline:2px solid var(--c4-purple);outline-offset:3px}


/* =================================================================
   2) LOOP GRID — the resident cards
   ================================================================= */
/* vertical lines only: outer left frame + a divider on each card's right */
#c4-residents-archive .elementor-loop-container{
  gap:0 !important;background:transparent !important;border-left:1px solid var(--c4-line);
}
#c4-residents-archive .e-loop-item{
  position:relative;padding:0 clamp(14px,1.6vw,22px);
  border-right:1px solid var(--c4-line);background:transparent !important;
}

/* whole-card blur on hover (VIEW button + divider stay sharp) */
#c4-residents-archive .e-loop-item > *{transition:filter .5s ease}
#c4-residents-archive .e-loop-item:hover > *{filter:blur(7px) brightness(.72)}

/* portrait 4:5 image */
#c4-residents-archive .e-loop-item img{
  display:block;width:100% !important;height:100% !important;object-fit:cover;aspect-ratio:4/5;
  transition:transform .8s cubic-bezier(.2,.6,.2,1);
}
#c4-residents-archive .e-loop-item:hover img{transform:scale(1.05)}

/* VIEW PROFILE button on hover (card is already a link) */
#c4-residents-archive .e-loop-item::after{
  content:"VIEW PROFILE";
  position:absolute;left:50%;top:38%;transform:translate(-50%,-50%) scale(.95);
  z-index:5;pointer-events:none;white-space:nowrap;
  font-family:'League Spartan',sans-serif;font-weight:500;text-transform:uppercase;
  font-size:14px;letter-spacing:.14em;color:#111;background:#fff;padding:14px 26px;
  opacity:0;transition:opacity .4s ease,transform .45s cubic-bezier(.2,.6,.2,1);
}
#c4-residents-archive .e-loop-item:hover::after{opacity:1;transform:translate(-50%,-50%) scale(1)}

/* ---- card interior: NAME (Post Title) + LABEL (Heading) ---- */
/* strip the dark overlay boxes from the template */
#c4-residents-archive .e-loop-item .elementor-widget-heading,
#c4-residents-archive .e-loop-item .elementor-widget-post-title,
#c4-residents-archive .e-loop-item .elementor-widget-theme-post-title,
#c4-residents-archive .e-loop-item .elementor-heading-title{
  background:transparent !important;background-color:transparent !important;
}
/* NAME */
#c4-residents-archive .e-loop-item .elementor-widget-post-title .elementor-heading-title,
#c4-residents-archive .e-loop-item .elementor-widget-theme-post-title .elementor-heading-title{
  font-family:'League Spartan',sans-serif !important;font-weight:500;text-transform:uppercase;
  letter-spacing:.006em;line-height:1.05;font-size:clamp(20px,1.9vw,30px) !important;
  color:var(--c4-ink) !important;margin-top:16px !important;
}
/* LABEL — "Hamilton-Based Artist Resident" (the Heading widget) */
#c4-residents-archive .e-loop-item .elementor-widget-heading .elementor-heading-title{
  font-family:'League Spartan',sans-serif !important;font-weight:500;text-transform:uppercase;
  letter-spacing:.1em;font-size:14px !important;color:var(--c4-body) !important;margin-top:10px !important;
}


/* =================================================================
   PAGINATION — Previous / numbers / Next (if enabled)
   ================================================================= */
#c4-residents-archive .elementor-pagination{
  display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;border:0 !important;margin-top:clamp(40px,5vw,68px);
}
#c4-residents-archive .elementor-pagination .page-numbers{
  position:relative;overflow:hidden;z-index:0;display:inline-flex;align-items:center;justify-content:center;
  min-width:48px;padding:13px 16px;text-decoration:none;
  font-family:'League Spartan',sans-serif;font-weight:500;text-transform:uppercase;font-size:14px;letter-spacing:.1em;line-height:1;
  color:var(--c4-ink) !important;background:transparent !important;border:1.5px solid var(--c4-ink) !important;border-radius:0 !important;transition:color .4s ease;
}
#c4-residents-archive .elementor-pagination .page-numbers::before{
  content:"";position:absolute;inset:0;z-index:-1;background:var(--c4-ink);
  transform:scaleX(0);transform-origin:left center;transition:transform .5s cubic-bezier(.5,0,.2,1);
}
#c4-residents-archive .elementor-pagination a.page-numbers:hover{color:#fff !important}
#c4-residents-archive .elementor-pagination a.page-numbers:hover::before{transform:scaleX(1)}
#c4-residents-archive .elementor-pagination .page-numbers.current{color:#fff !important}
#c4-residents-archive .elementor-pagination .page-numbers.current::before{transform:scaleX(1)}
#c4-residents-archive .elementor-pagination .page-numbers.prev,
#c4-residents-archive .elementor-pagination .page-numbers.next{padding:13px 22px;letter-spacing:.12em}
#c4-residents-archive .elementor-pagination .page-numbers.dots{
  border:0 !important;background:transparent !important;min-width:auto;padding:13px 4px;color:var(--c4-muted) !important;
}
#c4-residents-archive .elementor-pagination .page-numbers.dots::before{display:none}
#c4-residents-archive .elementor-pagination .page-numbers:focus-visible{outline:2px solid var(--c4-purple);outline-offset:3px}


/* =================================================================
   RESPONSIVE + reduced motion
   ================================================================= */
@media (max-width:600px){
  #c4-residents-archive .e-loop-item{padding:0 clamp(12px,4vw,18px)}
}
@media (prefers-reduced-motion:reduce){
  #c4-residents-archive *{transition:none !important}
  #c4-residents-archive .e-loop-item:hover img{filter:none;transform:none}
  #c4-residents-archive .e-loop-item::after{display:none}
}/* End custom CSS */