/* WordPress chrome + inner-page layout + extra responsive / motion */ /* Overflow must stay off . clip/hidden on html turns it into a scrollport, so 100vh overlays (gate, popup, rail) add blank space below the footer — worse with the WP admin bar's html margin-top. */ html,body{height:auto;max-height:none;min-height:0} html,body{overflow:visible;margin:0} html.gated,html.gated body{overflow:hidden;height:100%} html.gated .progress{opacity:0;pointer-events:none} .shell{align-items:start;overflow-x:clip} .rail{ height:calc(100vh - var(--ldf-topbar, 63px)); max-height:calc(100vh - var(--ldf-topbar, 63px)); align-self:start; } #main{min-width:0;overflow-x:clip} #main footer{width:100%;margin-bottom:0} /* WP adds class "page" to on every static page. The HTML theme used .page as a content wrapper with 80px bottom padding — that was painting empty space below the footer. */ body.page,body.home,body.single,body.archive,body.search,body.error404{ padding-bottom:0; display:block; } /* WP admin bar uses html { margin-top: 32px }, which adds empty scroll below the footer. Offset with body padding instead. */ html{margin-top:0 !important} body.admin-bar{padding-top:32px} @media screen and (max-width:782px){ body.admin-bar{padding-top:46px} } .ldf-popup{ position:fixed; inset:0; z-index:140; display:none; align-items:flex-start; justify-content:center; padding:max(72px,10vh) 18px 24px; overflow:auto; } .ldf-popup.is-open{display:flex} html.gated .ldf-popup{display:none} .ldf-popup-scrim{ position:absolute; inset:0; background:rgba(10,24,20,.48); backdrop-filter:blur(8px); } .ldf-popup-dialog{ position:relative; z-index:1; width:min(560px,100%); max-height:calc(100vh - 96px); overflow:auto; background:var(--surface); color:var(--ink); border:1px solid var(--line); border-radius:18px; box-shadow:var(--shadow-lift, 0 24px 60px rgba(0,0,0,.22)); padding:28px 28px 24px; } .ldf-popup-close{ position:absolute; top:10px; right:10px; width:36px; height:36px; border:0; border-radius:999px; background:transparent; color:var(--ink-2); font-size:1.6rem; line-height:1; cursor:pointer; } .ldf-popup-close:hover{background:var(--accent-soft,rgba(240,180,88,.18));color:var(--ink)} .ldf-popup-img{ display:block; width:100%; max-height:240px; object-fit:cover; border-radius:12px; margin:0 0 16px; } .ldf-popup-title{ font-family:var(--display); font-size:1.7rem; margin:.15em 0 .4em; } .ldf-popup-lede{color:var(--ink-2);margin:0 0 16px;line-height:1.55} .ldf-popup .kv{margin:0 0 18px} .ldf-popup .btn{margin-top:4px} .claim,.hero,.gate,.gate-bg,.wave{overflow-x:clip} div.page{display:block} div.page .anim{animation:pageIn .5s var(--ease) both} @keyframes pageIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}} body.admin-bar .topbar{top:32px} body.admin-bar .progress{top:32px} body.admin-bar .rail{top:calc(32px + var(--ldf-topbar, 63px));height:calc(100vh - 32px - var(--ldf-topbar, 63px));max-height:calc(100vh - 32px - var(--ldf-topbar, 63px))} body.admin-bar .gate{top:32px;height:calc(100% - 32px)} @media screen and (max-width:782px){ body.admin-bar .topbar{top:46px} body.admin-bar .progress{top:46px} body.admin-bar .rail{top:calc(46px + var(--ldf-topbar, 63px));height:calc(100vh - 46px - var(--ldf-topbar, 63px));max-height:calc(100vh - 46px - var(--ldf-topbar, 63px))} body.admin-bar .gate{top:46px;height:calc(100% - 46px)} } .gate-foot{ display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:16px; z-index:5; pointer-events:none; } .gate-foot > span:first-child{justify-self:start} .gate-foot > span:last-child{justify-self:end;text-align:right} .gate-foot .gate-alt{ margin-top:0; pointer-events:auto; } .gate-alt a{ cursor:pointer; pointer-events:auto; } @media (max-width:720px){ .gate-foot{ grid-template-columns:1fr; text-align:center; gap:10px; padding-bottom:16px; } .gate-foot > span:first-child, .gate-foot > span:last-child{justify-self:center;text-align:center} } .ldf-entry{max-width:78ch} .ldf-entry > *:first-child{margin-top:0} .ldf-entry h1,.ldf-entry h2,.ldf-entry h3{ font-family:var(--display); color:var(--ink); margin:1.4em 0 .45em; } h1.page-title{ color:var(--ink); } html[data-theme="dark"] #main h1, html[data-theme="dark"] #main h2, html[data-theme="dark"] #main h3, html[data-theme="dark"] #main .elementor-heading-title, html[data-theme="dark"] #main .elementor-widget-theme-post-title .elementor-heading-title, html[data-theme="dark"] #main .elementor-page-title .elementor-heading-title{ color:var(--ink) !important; } @media (prefers-color-scheme:dark){ html:not([data-theme="light"]) #main h1, html:not([data-theme="light"]) #main h2, html:not([data-theme="light"]) #main h3, html:not([data-theme="light"]) #main .elementor-heading-title, html:not([data-theme="light"]) #main .elementor-widget-theme-post-title .elementor-heading-title, html:not([data-theme="light"]) #main .elementor-page-title .elementor-heading-title{ color:var(--ink) !important; } } .ldf-entry p,.ldf-entry li{color:var(--ink-2);line-height:1.65} .ldf-entry img,.ldf-canvas img, .ldf-entry video,.ldf-canvas video{ max-width:100%; height:auto; border-radius:12px; } .ldf-entry .wp-block-gallery.has-nested-images figure.wp-block-image, #main .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image){ flex-grow:0; width:calc(33.333% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.666)); aspect-ratio:4 / 3; overflow:hidden; } .ldf-entry .wp-block-gallery.has-nested-images figure.wp-block-image img, #main .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) img{ width:100%; height:100%; object-fit:cover; border-radius:10px; } #main object[type="application/pdf"], #main iframe[src*=".pdf"], #main iframe[src*=".PDF"], #main embed[src*=".pdf"], #main embed[type="application/pdf"], #main iframe.ldf-pdf-frame{ display:block; width:100%; max-width:100%; height:min(1600px, 92vh); min-height:720px; border:0; border-radius:12px; background:#eef1ef; } #main object[type="application/pdf"] + iframe[src*=".pdf"], #main object[type="application/pdf"] + iframe[src*=".PDF"]{ display:none !important; } .ldf-pdf-wrap{margin:8px 0 28px} .ldf-pdf-wrap .ldf-pdf-dl{ display:inline-flex; margin-top:10px; } body.page-id-65 .elementor-widget-html .elementor-widget-container > a, body.page-id-136 .elementor-widget-html .elementor-widget-container > a{ display:none !important; } .ldf-canvas .elementor-widget-image img{ width:100%; max-width:800px; height:auto; display:block; margin:0 auto 24px; } .elementor-widget-heading.is-dup-title{display:none !important} .ldf-canvas{ max-width:none; width:100%; margin-top:8px; } .ldf-canvas .elementor-section.elementor-section-boxed > .elementor-container{ max-width:1140px; } .ldf-entry a.btn, .ldf-entry a[href$=".pdf"]{ display:inline-flex; } #page-events{padding-bottom:28px} #page-events .elementor-element-3174689{ display:none !important; } #page-events .event .btn{ justify-self:end; min-width:10.5em; justify-content:center; white-space:nowrap; } .donate-alert{ display:flex; gap:18px; align-items:flex-start; margin:22px 0 36px; padding:22px 24px 22px 20px; border-radius:14px; border:1.5px solid var(--accent); border-left-width:8px; background:var(--accent-soft); box-shadow:0 10px 28px rgba(201,130,31,.14); } .donate-alert-icon{ flex:none; width:44px; height:44px; border-radius:12px; background:var(--accent); color:#26170A; display:flex; align-items:center; justify-content:center; } .donate-alert-icon svg{width:22px;height:22px} .donate-alert-kicker{ display:block; font-family:var(--mono); font-size:11px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--accent); margin-bottom:6px; } .donate-alert-title{ font-family:var(--display); font-size:clamp(1.25rem,2.2vw,1.55rem); line-height:1.2; margin:0 0 8px; color:var(--ink); } .donate-alert-copy{ margin:0 0 16px; color:var(--ink); font-size:1.05rem; line-height:1.55; max-width:62ch; } .donate-alert .btn{margin-top:2px} @media (max-width:680px){ .donate-alert{flex-direction:column;gap:12px;padding:18px} } .ldf-nl-doc{margin:8px 0 36px} .ldf-nl-title{ font-family:var(--display); font-size:clamp(1.15rem,2vw,1.45rem); line-height:1.25; margin:0 0 14px; padding:0 44px; color:var(--ink); } @media (max-width:920px){ .ldf-nl-title{padding:0 22px} } .team-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; margin-top:28px; } .team-card{ background:var(--surface); border:1px solid var(--line); border-radius:14px; overflow:hidden; min-width:0; transition:transform .35s var(--ease), box-shadow .35s var(--ease); } .team-card:hover{ transform:translateY(-6px); box-shadow:var(--shadow-lift, 0 18px 40px rgba(0,0,0,.12)); } .team-card .photo{ position:relative; width:100%; height:220px; overflow:hidden; background:var(--surface-2,#e8eeec); } .team-card .photo img, .team-card > img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 18%; display:block; } .team-card > img{ position:relative; height:220px; } .team-card .meta{padding:14px 16px 18px} .team-card .nm{font-weight:600;color:var(--ink);overflow-wrap:anywhere} .team-card .rl{font-size:.85rem;color:var(--ink-2);margin-top:4px;overflow-wrap:anywhere;line-height:1.4} .team-card.is-team-hidden{display:none} .team-more-wrap{margin-top:28px;text-align:center} .team-more-wrap.is-team-done, #teamMore[hidden]{display:none !important} .dean{ display:grid; grid-template-columns:220px minmax(0,1fr); gap:28px; align-items:start; margin:28px 0 40px; } .dean img{ width:100%; height:260px; object-fit:cover; object-position:center 18%; border-radius:14px; } .post-list{display:flex;flex-direction:column;gap:22px;margin-top:26px} .post-list .post h3 a{color:inherit;text-decoration:none} .post-list .post h3 a:hover{color:var(--primary)} #page-blog .ldf-blog-banner{margin:8px 0 8px} #page-blog .ldf-blog-banner .elementor-widget-loop-grid, #page-blog .ldf-blog-banner .elementor-widget-posts, #page-blog .ldf-blog-banner .elementor-pagination, #page-blog .ldf-blog-banner nav[aria-label="Pagination"]{ display:none !important; } .post-list.is-cards{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin-top:28px; } .post-list.is-cards .post{ display:flex; flex-direction:column; grid-template-columns:none; gap:0; padding:0; border:1px solid var(--line); border-radius:14px; background:var(--surface); overflow:hidden; align-items:stretch; transition:transform .25s var(--ease), box-shadow .25s var(--ease); } .post-list.is-cards .post:hover{ padding-left:0; transform:translateY(-4px); box-shadow:var(--shadow-lift, 0 18px 40px rgba(0,0,0,.12)); } .post-list.is-cards .post .ph{ display:block; width:100%; aspect-ratio:16/10; border-radius:0; } .post-list.is-cards .post .ph img{ width:100%; height:100%; object-fit:cover; display:block; } .post-list.is-cards .post-body{padding:14px 16px 18px;display:flex;flex-direction:column;flex:1} .post-list.is-cards .post .when{padding-top:0;margin-bottom:6px} .post-list.is-cards .post h3{font-size:1.12rem;line-height:1.25;margin:0 0 8px} .post-list.is-cards .post p{flex:1;margin:0} #page-blog .ldf-pager{justify-content:center} #page-blog .ldf-pager ul, .ldf-pager ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0} @media (max-width:980px){ .post-list.is-cards{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width:620px){ .post-list.is-cards{grid-template-columns:1fr} } #main{min-width:0} .elementor-location-single{display:block;width:100%;min-width:0} .elementor-location-single img{max-width:100%;height:auto} .contact_forms_inner{ display:grid; gap:12px; max-width:420px; } .contact_forms_inner .contact_input{ width:100%; } .contact_forms_inner button, .contact_forms_inner input[type="submit"]{ display:inline-flex; align-items:center; justify-content:center; font:inherit; font-weight:600; padding:10px 18px; border:0; border-radius:8px; background:var(--primary); color:#fff; cursor:pointer; } .nav-links,.ldf-pager{ display:flex; flex-wrap:wrap; gap:8px; margin-top:28px; } a.page-numbers,.page-numbers{ display:inline-flex; align-items:center; justify-content:center; min-width:38px; padding:8px 12px; border:1px solid var(--line); border-radius:8px; text-decoration:none; color:var(--ink); background:var(--surface); } a.page-numbers:hover,.page-numbers.current{ background:var(--primary); border-color:var(--primary); color:#fff; } .post-navigation{ display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-top:36px; padding-top:18px; border-top:1px solid var(--line); } .post-navigation a{color:var(--primary);text-decoration:none} .door,.card,.inv,.event{ transition:transform .35s var(--ease), box-shadow .35s var(--ease); } .door:hover,.card:hover,.inv:hover{ transform:translateY(-4px); box-shadow:var(--shadow-lift, 0 18px 40px rgba(0,0,0,.12)); } .vids{gap:22px} .vid{ margin:0; background:var(--surface); border:1px solid var(--line); border-radius:14px; overflow:hidden; box-shadow:var(--shadow, 0 1px 2px rgba(0,0,0,.08)); } .vid video{ display:block; width:100%; aspect-ratio:16/9; height:auto; object-fit:cover; background:#071513; vertical-align:middle; } .vid figcaption{ display:flex; align-items:baseline; flex-wrap:wrap; gap:8px 10px; padding:12px 16px 14px; } .vid .tag{ font-family:var(--mono); font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:var(--accent); flex:0 0 auto; } .vid .vt{ font-size:.88rem; color:var(--ink-2); flex:1 1 12ch; min-width:0; } @media (max-width:1080px){ :root{--rail:260px} .shell{grid-template-columns:1fr} .icon-btn{display:inline-flex} .rail{ position:fixed; top:var(--ldf-topbar, 63px); left:0;bottom:0; height:calc(100vh - var(--ldf-topbar, 63px)); max-height:calc(100vh - var(--ldf-topbar, 63px)); width:min(84vw,300px); z-index:58;transform:translateX(-102%);transition:transform .32s var(--ease); box-shadow:var(--shadow-lift); } body.admin-bar .rail{ top:calc(32px + var(--ldf-topbar, 63px)); height:calc(100vh - 32px - var(--ldf-topbar, 63px)); max-height:calc(100vh - 32px - var(--ldf-topbar, 63px)); } .rail.open{transform:none} .wrap,.crumbs{padding-left:22px;padding-right:22px} .team-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .team-card .photo{height:auto;aspect-ratio:4/5} .dean{grid-template-columns:180px minmax(0,1fr)} .top-contact{display:none} .topbar > .btn.btn-accent{display:none} body.page-template-template-events-php .ldf-canvas .elementor-element-71a1640, body.page-id-1496 .ldf-canvas .elementor-element-352eb78{ padding-left:22px !important; padding-right:22px !important; } } @media screen and (max-width:782px){ body.admin-bar .rail{ top:calc(46px + var(--ldf-topbar, 63px)); height:calc(100vh - 46px - var(--ldf-topbar, 63px)); max-height:calc(100vh - 46px - var(--ldf-topbar, 63px)); } } @media (max-width:920px){ .brand-sub{display:none} .topbar .brand br{display:none} .claim-cta{flex-wrap:wrap} .helpband .tel{white-space:normal} } @media (max-width:820px){ .team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .doors{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width:680px){ .team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .dean{grid-template-columns:1fr} .dean img{height:auto;aspect-ratio:4/5;max-width:min(280px,100%)} .grid.g4{grid-template-columns:repeat(2,minmax(0,1fr))} .topbar{gap:8px;padding:8px 14px;align-items:center} .topbar .brand{flex:1;min-width:0;align-items:center} .topbar .brand-logo{ height:46px; max-width:min(168px, calc(100vw - 128px)); padding:2px 5px; } .topbar .brand > span{min-width:0;line-height:1.15} .topbar .icon-btn{flex-shrink:0} .brand-name{ font-size:.92rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1.15; } .btn-accent{padding:8px 12px;font-size:.8rem} .claim h1{font-size:clamp(1.7rem,8vw,2.6rem)} .page-title{font-size:clamp(1.6rem,7vw,2.4rem)} .split{grid-template-columns:1fr} #page-events .event .btn{justify-self:stretch;width:100%} #main object[type="application/pdf"], #main iframe[src*=".pdf"], #main iframe[src*=".PDF"], #main embed[src*=".pdf"], #main embed[type="application/pdf"], #main iframe.ldf-pdf-frame{ min-height:380px; height:min(70vh,640px); } } @media (max-width:480px){ .ldf-popup{padding:max(64px,8vh) 12px 16px} .ldf-popup-dialog{padding:22px 16px 18px} .ldf-popup-title{font-size:1.35rem} .team-card .meta{padding:10px 12px 14px} .team-card .nm{font-size:.92rem} .team-card .rl{font-size:.78rem} } @media (max-width:359px){ .team-grid{grid-template-columns:1fr} } #main img, #main video, #main iframe, #main embed{ max-width:100%; } #main .wp-block-table, #main .wp-block-preformatted, #main pre, #main .wp-block-code{ max-width:100%; overflow-x:auto; } #main .wp-block-image, #main .wp-block-video, #main .wp-block-embed, #main .alignwide, #main .alignfull{ max-width:100%; } #main .ph.band img, .post-list .post .ph img{ width:100%; height:100%; object-fit:cover; display:block; } @media (max-width:720px){ .ldf-entry .wp-block-gallery.has-nested-images figure.wp-block-image, #main .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image){ width:calc(50% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.5)); } } @media (max-width:420px){ .ldf-entry .wp-block-gallery.has-nested-images figure.wp-block-image, #main .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image){ width:100%; } } .reveal{ opacity:0; transform:translateY(18px); transition:opacity .7s var(--ease), transform .7s var(--ease); } .reveal.in,.js .reveal.in{opacity:1;transform:none} .reveal[data-d="1"]{transition-delay:.05s} .reveal[data-d="2"]{transition-delay:.1s} .reveal[data-d="3"]{transition-delay:.16s} .reveal[data-d="4"]{transition-delay:.22s} .reveal[data-d="5"]{transition-delay:.28s} @media (prefers-reduced-motion:reduce){ div.page .anim,.reveal{animation:none;opacity:1;transform:none} }