/* Member pages: full-width text, sidebars that stay in view, home page. Presentation only.
   Loaded after nm-member.css (see membersiteheader.jspf), so these rules win.
   The "is-pinned" class is added by the small script in membersiteheader.jspf, which also sets each sidebar's "top". */

/* ---- Events and Marketplace posts: the text fills the column, like the photos above it ---- */
body.nm-member .nmm-evd-desc,body.nm-member .nmm-mkd-desc,
body.nm-member .nmm-evd-main .nmm-prose,body.nm-member .nmm-mkd-main .nmm-prose{max-width:none}
body.nm-member .nmm-evd-desc .article,body.nm-member .nmm-mkd-desc .article{overflow-wrap:break-word}
body.nm-member .nmm-evd-desc .article pre,body.nm-member .nmm-mkd-desc .article pre{max-width:100%;overflow-x:auto}
/* the sidebars are a little narrower so the text gets the room (they were 380px) */
@media (min-width:981px){
  body.nm-member .nmm-evdgrid,body.nm-member .nmm-mkdgrid{grid-template-columns:minmax(0,1fr) clamp(290px,23vw,340px);column-gap:clamp(28px,3vw,44px)}
}
@media (min-width:981px) and (max-width:1100px){
  body.nm-member .nmm-evdgrid,body.nm-member .nmm-mkdgrid{grid-template-columns:minmax(0,1fr) 290px;column-gap:28px}
}

/* ---- sidebars that stay in view (wide screens only; nothing is sticky below 981px) ---- */
@media (min-width:981px){
  html body.nm-member .is-pinned.is-pinned{position:sticky}
  body.nm-member .nmm-ed .nmm-events.is-pinned{align-self:start}
}

/* ---- Home page: the story is shown in full, no "Read our story" button ---- */
body.nm-member .nmm-about .nmm-readmore,
body.nm-member .nmm-about .nmm-about-sum{display:none!important}
body.nm-member .nmm-about .nmm-clamp,
body.nm-member .nmm-about .nmm-clamp.is-folded:not(.is-open),
body.nm-member .nmm-about .nmm-clamp.is-clamped{max-height:none!important;overflow:visible!important;visibility:visible!important;margin:20px 0 0!important}
body.nm-member .nmm-about .nmm-clamp .article{max-width:640px;font:400 17px/1.6 var(--nmm-font);color:var(--nmm-text)}
body.nm-member .nmm-about .nmm-clamp .article p{margin:0 0 1em}
body.nm-member .nmm-about .nmm-clamp .article>:last-child{margin-bottom:0}

/* ---- Home page: the topic icons run across the top of the right-hand side, above the featured items and the Share / Events column ----
   The tall About story spans two rows; without a flexible row it stretched the first row and left a gap under the icons, so the second row takes the extra height. */
body.nm-member .nmm-ed > .nmm-ed-right{grid-area:e;min-width:0;margin:0 0 30px}
body.nm-member .nmm-ed > .nmm-ed-right .nmm-events{margin:0;max-width:none}
body.nm-member .nmm-ed{grid-template-areas:"a" "c" "s" "e" "n"}
body.nm-member .nmm-chips{margin-bottom:20px}
@media (min-width:981px){
  body.nm-member .nmm-ed.has-a.has-m.has-e,
  body.nm-member .nmm-ed.has-a.has-m:not(.has-e){grid-template-rows:auto minmax(0,1fr) auto}
  body.nm-member .nmm-ed.has-a.has-e:not(.has-m){grid-template-rows:auto minmax(0,1fr)}
  body.nm-member .nmm-ed.has-m.has-e:not(.has-a){grid-template-rows:auto auto minmax(0,1fr)}
}