/* Something Different city pages (/team-building-activities-{city}/), loaded by
   emex-sd-landing/city-page.php on pages carrying [emex_sd_results]. */

/* The Something Different canvas: same warm paper as the landing and its type
   pages (body.emex-directory-archive in emex-directory.css). */
body.emex-sd-city-page{ background-color:var(--emex-paper); }
body.emex-sd-city-page .content-bg,
body.emex-sd-city-page .entry-content-wrap,
body.emex-sd-city-page .entry-hero-container-inner{
  background:transparent !important; box-shadow:none !important;
}

/* The 1120px rail every Something Different page sits on (.emex-landing__body,
   emex-directory.css). The page hero, the editor's intro and the results block
   all share it, so the title, the text and the filter column start at one x. */
body.emex-sd-city-page .entry-hero .entry-header,
body.emex-sd-city-page .entry-content-wrap > .entry-content{
  max-width:1120px; margin-left:auto; margin-right:auto;
}
body.emex-sd-city-page .emex-landing--city > .directorist-container-fluid,
body.emex-sd-city-page .emex-landing--city .listing-with-sidebar__wrapper{ padding-left:0; padding-right:0; }

/* Title: Kadence's centred uppercase page hero restyled as the Something Different
   archive title (.emex-archive-title, emex-directory.css). */
body.emex-sd-city-page .entry-hero-container-inner{ min-height:0 !important; }
body.emex-sd-city-page .entry-hero .hero-container{ padding:32px 0 0; }
body.emex-sd-city-page .entry-hero .entry-header{ text-align:left; justify-content:flex-start; align-items:flex-start; min-height:0; }
body.emex-sd-city-page .entry-hero .entry-title{
  font-family:var(--emex-serif); font-weight:900; font-size:clamp(30px,4.2vw,44px);
  letter-spacing:-0.02em; line-height:1.05; color:var(--emex-ink); text-transform:none;
  text-align:left; margin:0;
}

/* Intro: the editor's paragraphs, as .emex-sd-landing__para / .emex-landing__desc. */
/* With a featured image, city-page.php wraps them in .emex-sd-type-hero beside
   the photo (layout in emex-sd-landing.css). */
body.emex-sd-city-page .entry-content > p,
body.emex-sd-city-page .emex-sd-type-hero__text > p{
  font-family:var(--emex-sans); font-size:16.5px; line-height:1.6; color:var(--emex-ink-70);
  max-width:60ch; margin:0 0 14px;
}
body.emex-sd-city-page .entry-content > p:first-child,
body.emex-sd-city-page .entry-content > .emex-sd-type-hero:first-child{ margin-top:18px; }

/* Section heading above the results, as .emex-sd-landing__heading. */
body.emex-sd-city-page .entry-content > h2{
  font-family:var(--emex-serif); font-weight:700; font-size:24px; line-height:1.2;
  letter-spacing:-0.01em; text-transform:none; color:var(--emex-ink);
  margin:32px 0 16px; padding:0;
}

/* Room above the footer: the results block ends the page and its sticky sidebar
   settles at the block's bottom edge, so without this it sits on #colophon. The
   same 56px as /browseall (emex-sd-landing.css). */
body.emex-sd-city-page .entry-content-wrap{ padding-bottom:56px; }

/* Phones: Kadence's boxed layout pulls the content box 1rem past each screen
   edge (content.min.css, max-width:719px) and expects .entry-content-wrap
   padding to bring the text back; the site's Additional CSS zeroes that padding
   on every page, so text ran off both sides. Cancel the bleed and set the
   gutter once, here. */
@media (max-width:719px){
  body.emex-sd-city-page .content-bg:not(.loop-entry){ margin-left:0; margin-right:0; }
}
@media (max-width:1024px){
  body.emex-sd-city-page .entry-content-wrap,
  body.emex-sd-city-page .entry-hero .hero-container{ padding-left:16px; padding-right:16px; box-sizing:border-box; }
}