/* HisBA redesign - global CSS for Wild Apricot (Website > CSS), Casefile theme. Built by build.py: #mLayout:has(.hb-tpl) = every page, #PAGEID_1075294 = homepage only. Both tokens carry an ID so these rules outrank the theme without !important. */ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&family=Source+Serif+4:opsz,wght@8..60,600;8..60,700&display=swap'); :root{ --hb-navy:#1F2A44; --hb-navy-deep:#141C2F; --hb-gold:#D9B814; --hb-gold-dark:#B89A0A; --hb-ink:#212121; --hb-muted:#5B6172; --hb-paper:#F7F5EF; --hb-line:#E4E0D4; --hb-serif:"Source Serif 4",Georgia,"Times New Roman",serif; --hb-sans:"Poppins","Segoe UI",Arial,sans-serif; } /* ---------- typography (site) ---------- */ #mLayout:has(.hb-tpl), #mLayout:has(.hb-tpl) .gadgetStyleNone{font-family:var(--hb-sans);color:var(--hb-ink)} #mLayout:has(.hb-tpl) h1,#mLayout:has(.hb-tpl) h2,#mLayout:has(.hb-tpl) h3,#mLayout:has(.hb-tpl) h4{font-family:var(--hb-serif);font-weight:700;color:var(--hb-navy);line-height:1.15;text-transform:none;letter-spacing:normal} /* ---------- template header: Custom HTML gadget (.hb-header) in the Header placeholder, WA login button beside it, WA menu in the next placeholder pulled up beside the logo ---------- */ :root{--hb-top:40px;--hb-row:86px;--hb-menu:50px;--hb-logo-w:345px;--hb-join-w:140px} #mLayout:has(.hb-tpl) .zoneHeader1{position:relative;background:#fff} #mLayout:has(.hb-tpl) .zoneHeader1 .WaPlaceHolder>div{max-width:none;padding:0} #mLayout:has(.hb-tpl) .zoneHeader1 .WaLayoutTable,#mLayout:has(.hb-tpl) .zoneHeader1 .WaLayoutTable>tbody,#mLayout:has(.hb-tpl) .zoneHeader1 .WaLayoutRow,#mLayout:has(.hb-tpl) .zoneHeader1 .WaLayoutItem{display:block;width:auto!important;padding:0;position:static} #mLayout:has(.hb-tpl) .zoneHeader1 .WaLayoutPlaceHolder>div{padding:0} #mLayout:has(.hb-tpl) .zoneHeader1 .WaLayoutSeparator{display:none} #mLayout:has(.hb-tpl) .zoneHeader1 [class*="WaGadget"]{margin:0} #mLayout:has(.hb-tpl) .zoneHeader1 .WaGadgetContent:not(:has(.hb-header)),#mLayout:has(.hb-tpl) .zoneHeader1 .WaGadgetSocialProfile,#mLayout:has(.hb-tpl) .zoneHeader1 .WaGadgetSiteSearch{display:none} #mLayout:has(.hb-tpl) .zoneHeader1 .gadgetStyleBody{padding:0} #mLayout:has(.hb-tpl) .hb-topbar{background:var(--hb-navy-deep);color:#C9CEDB;font-size:14px;height:var(--hb-top)} #mLayout:has(.hb-tpl) .hb-topbar .hb-wrap{display:flex;align-items:center;justify-content:space-between;height:100%;padding-right:calc(24px + 80px)} #mLayout:has(.hb-tpl) .hb-header a{color:#C9CEDB;text-decoration:none;font-family:var(--hb-sans)} #mLayout:has(.hb-tpl) .hb-header a:hover{color:#fff} #mLayout:has(.hb-tpl) .hb-topbar__social a{margin-right:18px} #mLayout:has(.hb-tpl) .hb-mainrow{height:var(--hb-row);border-bottom:1px solid var(--hb-line)} #mLayout:has(.hb-tpl) .hb-mainrow .hb-wrap{display:flex;align-items:center;justify-content:space-between;height:100%} #mLayout:has(.hb-tpl) .hb-logo img{display:block;height:52px;width:auto;max-width:none} #mLayout:has(.hb-tpl) .hb-header a.hb-join{background:var(--hb-gold);color:var(--hb-ink);font:600 15px/1 var(--hb-sans);padding:15px 22px;border-radius:4px;white-space:nowrap} #mLayout:has(.hb-tpl) .hb-header a.hb-join:hover{background:var(--hb-gold-dark);color:var(--hb-ink)} #mLayout:has(.hb-tpl) .zoneHeader1 .WaGadgetLoginButton{position:absolute;top:0;right:max(24px,calc(50% - 616px));z-index:5;height:var(--hb-top);display:flex;align-items:center} #mLayout:has(.hb-tpl) .zoneHeader1 .WaGadgetLoginButton .loginContainer .loginLink{min-width:0;margin:0;padding:0;background:transparent;border:0;color:#C9CEDB;font:500 14px/1 var(--hb-sans);text-transform:none} #mLayout:has(.hb-tpl) .zoneHeader1 .WaGadgetLoginButton .loginContainer .loginLink:hover{background:transparent;color:#fff} #mLayout:has(.hb-tpl) .zoneHeader1 .WaGadgetLoginButton .loginContainer.authenticated .loginLink{width:30px;height:30px;line-height:30px;font-size:20px} #mLayout:has(.hb-tpl) .zoneHeader1 .WaGadgetLoginButton .loginContainer.authenticated .loginLink:before{font-size:20px;line-height:30px} #mLayout:has(.hb-tpl) .zoneHeader1 .WaGadgetLoginButton .loginPanel{top:var(--hb-top)} /* the WA menu gadget sits in the same Header placeholder after the header gadget and is pulled up beside the logo: negative top margin = (row + menu)/2 + 1px border */ #mLayout:has(.hb-tpl) .zoneHeader1 .WaGadgetMenuHorizontal.HorizontalMenuStyle001{position:relative;z-index:4;box-sizing:border-box;max-width:1280px;margin:calc(-1 * (var(--hb-row) + var(--hb-menu)) / 2 - 1px) auto calc((var(--hb-row) - var(--hb-menu)) / 2 + 1px);padding:0 calc(24px + var(--hb-join-w)) 0 calc(24px + var(--hb-logo-w));pointer-events:none} #mLayout:has(.hb-tpl) .zoneHeader1 .WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner{pointer-events:auto} #mLayout:has(.hb-tpl) .zoneHeader2 .WaGadgetContent{display:none} #mLayout:has(.hb-tpl) .WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner{display:flex;justify-content:flex-end} #mLayout:has(.hb-tpl) .WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li>.item>a{height:auto;padding:14px 10px;color:var(--hb-ink);font:500 14px/22px var(--hb-sans);text-transform:none;border-radius:4px} /* the logo links home, so the menu's own Home item is redundant */ #mLayout:has(.hb-tpl) .WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li:first-child:has(>.item>a[title="Home"]){display:none} #mLayout:has(.hb-tpl) .WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li>.item:first-child>a{padding-left:10px} #mLayout:has(.hb-tpl) .WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li>.item>a>span{height:auto} #mLayout:has(.hb-tpl) .WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li>.item:hover>a{color:var(--hb-navy);background:var(--hb-paper)} #mLayout:has(.hb-tpl) .WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li.sel>.item>a{color:var(--hb-navy);box-shadow:inset 0 -3px 0 var(--hb-gold)} #mLayout:has(.hb-tpl) .WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul ul{border-top:3px solid var(--hb-gold);box-shadow:0 12px 28px rgba(31,42,68,.16)} #mLayout:has(.hb-tpl) .WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul ul li>.item>a{font:500 14px/1.3 var(--hb-sans);text-transform:none} #mLayout:has(.hb-tpl) .WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul ul li.sel>.item>a{color:var(--hb-gold-dark)} #mLayout:has(.hb-tpl) .WaGadgetMenuHorizontal.HorizontalMenuStyle001 .stickyMenu.active{border-bottom:1px solid var(--hb-line)} #mLayout:has(.hb-tpl) .WaGadgetMenuHorizontal.HorizontalMenuStyle001 .stickyMenu.active .menuInner{max-width:1280px;margin:0 auto;padding:0 24px;box-sizing:border-box} #mLayout:has(.hb-tpl) .WaGadgetMobilePanel .mobilePanel{background:var(--hb-navy)} /* ---------- template footer: Custom HTML gadget (.hb-footer) in a footer placeholder ---------- */ #mLayout:has(.hb-tpl) .zoneFooter1,#mLayout:has(.hb-tpl) .zoneFooter2,#mLayout:has(.hb-tpl) .zoneFooter3,#mLayout:has(.hb-tpl) .zoneWAbranding{background:var(--hb-navy-deep)} #mLayout:has(.hb-tpl) [class*="zoneFooter"] .WaPlaceHolder{background:transparent!important} #mLayout:has(.hb-tpl) [class*="zoneFooter"] .WaPlaceHolder>div{max-width:none;padding:0} #mLayout:has(.hb-tpl) [class*="zoneFooter"] [class*="WaGadget"]{margin:0} #mLayout:has(.hb-tpl) [class*="zoneFooter"] .gadgetStyleBody{padding:0} #mLayout:has(.hb-tpl) [class*="zoneFooter"] .WaGadgetContent:not(:has(.hb-footer)){display:none} #mLayout:has(.hb-tpl) .hb-footer{color:#C9CEDB;padding:64px 0 28px;font:400 15px/1.6 var(--hb-sans)} #mLayout:has(.hb-tpl) .hb-footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px} #mLayout:has(.hb-tpl) .hb-footer h4{font:600 13px/1 var(--hb-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--hb-gold);margin:0 0 16px} #mLayout:has(.hb-tpl) .hb-footer a{color:#C9CEDB;text-decoration:none;display:block;padding:4px 0} #mLayout:has(.hb-tpl) .hb-footer a:hover{color:#fff} #mLayout:has(.hb-tpl) .hb-footer p{margin:0 0 1em} #mLayout:has(.hb-tpl) .hb-footer p a{display:inline;padding:0} #mLayout:has(.hb-tpl) .hb-footer__brand{display:flex;gap:16px;align-items:center;margin-bottom:16px} #mLayout:has(.hb-tpl) .hb-footer__brand strong{font:600 18px/1.25 var(--hb-serif);color:#fff} #mLayout:has(.hb-tpl) .hb-seal{display:block;flex:none;width:60px;height:64px;overflow:hidden} #mLayout:has(.hb-tpl) .hb-seal img{display:block;height:64px;width:auto;max-width:none} #mLayout:has(.hb-tpl) .hb-footer p.hb-footer__legal{border-top:1px solid rgba(255,255,255,.12);margin:44px 0 0;padding-top:20px;font-size:13px;color:#8E95A8} #mLayout:has(.hb-tpl) .zoneWAbranding{color:#8E95A8;font-size:12px;padding-bottom:12px} #mLayout:has(.hb-tpl) .zoneWAbranding a{color:#C9CEDB} /* ---------- inner pages: normalize legacy content styling (site) ---------- */ #mLayout:has(.hb-tpl) :where(.zoneHeader3 .WaPlaceHolder>div){max-width:1280px;padding:36px 24px 8px} #mLayout:has(.hb-tpl) :where(.zoneContent .WaPlaceHolder>div){max-width:1280px;padding:16px 24px 64px} #mLayout:has(.hb-tpl) :is(.WaGadgetContent,.WaGadgetHeadline) .gadgetStyleBody{font-size:17px;line-height:1.65;color:var(--hb-ink)} #mLayout:has(.hb-tpl) .WaGadgetContent .gadgetStyleBody :is(p,li,td){line-height:1.6!important} #mLayout:has(.hb-tpl) .WaGadgetContent .gadgetStyleBody :is(p,ul,ol){margin:0 0 1em} #mLayout:has(.hb-tpl) :is(.WaGadgetContent,.WaGadgetHeadline) .gadgetStyleBody font{font-family:inherit} #mLayout:has(.hb-tpl) :is(.WaGadgetContent,.WaGadgetHeadline) .gadgetStyleBody :is(h1,h2,h3,h4){font-family:var(--hb-serif);font-weight:700;color:var(--hb-navy);line-height:1.2!important;margin:0 0 .5em} #mLayout:has(.hb-tpl) :is(.WaGadgetContent,.WaGadgetHeadline) .gadgetStyleBody :is(h1,h2,h3,h4) font{font-family:var(--hb-serif);font-weight:700!important} #mLayout:has(.hb-tpl) .WaGadgetHeadline .gadgetStyleBody{font-family:var(--hb-serif);font-weight:700;color:var(--hb-navy)} #mLayout:has(.hb-tpl) .WaGadgetHeadline .gadgetStyleBody :is(p,h1,h2,h3){line-height:1.2!important;margin:0} #mLayout:has(.hb-tpl) .WaGadgetHeadline .gadgetStyleBody font{font-family:var(--hb-serif);font-weight:700!important} #mLayout:has(.hb-tpl) img.WaContentDivider{display:block!important;width:72px!important;height:4px!important;margin:14px auto 22px!important;background:var(--hb-gold)!important;border:0!important} #mLayout:has(.hb-tpl) .WaGadgetContent .gadgetStyleBody a:not(.stylizedButton){color:var(--hb-navy);text-decoration:underline;text-decoration-color:var(--hb-gold);text-decoration-thickness:2px;text-underline-offset:3px} #mLayout:has(.hb-tpl) .WaGadgetContent .gadgetStyleBody a:not(.stylizedButton):hover{color:var(--hb-gold-dark)} #mLayout:has(.hb-tpl) a.stylizedButton{display:inline-block!important;background:var(--hb-gold)!important;color:var(--hb-ink)!important;border:0!important;border-radius:4px!important;padding:14px 26px!important;font:600 16px/1 var(--hb-sans)!important;text-decoration:none!important;text-transform:none!important;box-shadow:none!important} #mLayout:has(.hb-tpl) a.stylizedButton font{font-size:inherit!important;color:inherit!important;font-family:inherit!important} #mLayout:has(.hb-tpl) a.stylizedButton:hover{background:var(--hb-gold-dark)!important} #mLayout:has(.hb-tpl) :is(input[type=submit],input[type=button],button):is(.nextButton,.prevButton,.registerButton,.typeButton,.generalButton,.submitButton,.loginButton){background:var(--hb-navy)!important;color:#fff!important;border:0!important;border-radius:4px!important;padding:12px 22px!important;font:600 15px/1 var(--hb-sans)!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer} #mLayout:has(.hb-tpl) :is(input[type=submit],input[type=button],button):is(.nextButton,.prevButton,.registerButton,.typeButton,.generalButton,.submitButton,.loginButton):hover{background:var(--hb-navy-deep)!important} #mLayout:has(.hb-tpl) :is(.WaGadgetContent,.WaGadgetHeadline) .gadgetStyleBody img{max-width:100%;height:auto} /* banner-style content gadgets (inline background image + fixed height) may grow with the larger text */ #mLayout:has(.hb-tpl) .WaGadgetContent[style*="background-image"]{height:auto!important} #mLayout:has(.hb-tpl) :is(.WaGadgetContent,.WaGadgetHeadline) .gadgetStyleBody table{max-width:100%} #mLayout:has(.hb-tpl) :is(.pageTitle,.sectionTitle,.boxHeaderTitle,.boxHeaderTitle a){font-family:var(--hb-serif);color:var(--hb-navy)} /* ---------- homepage shell: every gadget becomes an edge-to-edge band ---------- */ #PAGEID_1075294 :is(.zoneHeader3,.zoneContent) .WaPlaceHolder>div{max-width:none;padding:0} #PAGEID_1075294 :is(.zoneHeader3,.zoneContent) .WaPlaceHolder{background:transparent!important} #PAGEID_1075294 :is(.zoneHeader3,.zoneContent) [class*="WaGadget"]{margin:0} /* ---------- bands and shared pieces (custom HTML gadgets) ---------- */ #mLayout:has(.hb-tpl) .hb-band{padding:clamp(48px,7vw,96px) 0} #mLayout:has(.hb-tpl) .hb-band--paper{background:var(--hb-paper)} #mLayout:has(.hb-tpl) .hb-band--navy{background:var(--hb-navy);color:#E8EAF0} #mLayout:has(.hb-tpl) .hb-band--head{padding-bottom:32px} #mLayout:has(.hb-tpl) .hb-band--head .hb-head{margin-bottom:0} #mLayout:has(.hb-tpl) .hb-band--line{border-top:1px solid var(--hb-line)} #mLayout:has(.hb-tpl) .hb-wrap{max-width:1280px;margin:0 auto;padding:0 24px;box-sizing:border-box} #mLayout:has(.hb-tpl) .hb-band h1{font-size:clamp(2.2rem,5vw,4rem);margin:0 0 .5em;text-wrap:balance} #mLayout:has(.hb-tpl) .hb-band h2{font-size:clamp(1.7rem,3vw,2.5rem);margin:0 0 .5em;text-wrap:balance} #mLayout:has(.hb-tpl) .hb-band h3{font-size:1.3rem;font-weight:600;margin:0 0 .5em} #mLayout:has(.hb-tpl) .hb-band p{margin:0 0 1em;font-size:17px;line-height:1.65} #mLayout:has(.hb-tpl) .hb-band li{font-size:17px;line-height:1.65} #mLayout:has(.hb-tpl) .hb-band a{color:var(--hb-navy)} #mLayout:has(.hb-tpl) .hb-band img{max-width:100%;height:auto;display:block} #mLayout:has(.hb-tpl) .hb-band--navy h2,#mLayout:has(.hb-tpl) .hb-band--photo h1,#mLayout:has(.hb-tpl) .hb-band--photo h2{color:#fff} #mLayout:has(.hb-tpl) .hb-band p.hb-eyebrow{font:600 13px/1 var(--hb-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--hb-gold-dark);margin:0 0 14px} #mLayout:has(.hb-tpl) .hb-band--navy p.hb-eyebrow,#mLayout:has(.hb-tpl) .hb-band--photo p.hb-eyebrow{color:var(--hb-gold)} #mLayout:has(.hb-tpl) .hb-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:32px} #mLayout:has(.hb-tpl) .hb-head h2{margin:0} #mLayout:has(.hb-tpl) .hb-band a.hb-more{font-weight:600;text-decoration:none;border-bottom:2px solid var(--hb-gold);padding-bottom:2px} #mLayout:has(.hb-tpl) .hb-band a.hb-more:hover{border-color:var(--hb-navy)} #mLayout:has(.hb-tpl) .hb-band a.hb-btn{display:inline-block;font:600 16px/1 var(--hb-sans);padding:16px 28px;border-radius:4px;text-decoration:none;border:2px solid transparent} #mLayout:has(.hb-tpl) .hb-band a.hb-btn--gold{background:var(--hb-gold);color:var(--hb-ink)} #mLayout:has(.hb-tpl) .hb-band a.hb-btn--gold:hover{background:var(--hb-gold-dark)} #mLayout:has(.hb-tpl) .hb-band a.hb-btn--ghost{border-color:rgba(255,255,255,.7);color:#fff} #mLayout:has(.hb-tpl) .hb-band a.hb-btn--ghost:hover{background:#fff;color:var(--hb-navy)} #mLayout:has(.hb-tpl) .hb-band a.hb-btn--navy{background:var(--hb-navy);color:#fff} #mLayout:has(.hb-tpl) .hb-band a.hb-btn--navy:hover{background:var(--hb-navy-deep)} #mLayout:has(.hb-tpl) .hb-band a:focus-visible{outline:3px solid var(--hb-gold);outline-offset:3px} #mLayout:has(.hb-tpl) .hb-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px} /* photo bands */ #mLayout:has(.hb-tpl) .hb-band--photo{position:relative;color:#E8EAF0;background:var(--hb-navy-deep) center/cover no-repeat} #mLayout:has(.hb-tpl) .hb-band--photo::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(20,28,47,.94) 0%,rgba(20,28,47,.78) 45%,rgba(20,28,47,.35) 100%)} #mLayout:has(.hb-tpl) .hb-band--photo>.hb-wrap{position:relative} #mLayout:has(.hb-tpl) .hb-hero{background-image:url('/resources/Pictures/home-hero-gala-awards.jpg');background-position:center 30%;padding:clamp(72px,11vw,160px) 0} #mLayout:has(.hb-tpl) .hb-hero h1{max-width:14em} #mLayout:has(.hb-tpl) .hb-hero p.hb-lede{font-size:clamp(17px,1.6vw,21px);max-width:40em} #mLayout:has(.hb-tpl) .hb-band p.hb-note{margin:22px 0 0;font-size:15px} #mLayout:has(.hb-tpl) .hb-note strong{color:var(--hb-gold)} #mLayout:has(.hb-tpl) .hb-gala{background-image:url('/resources/Pictures/home-gala-stage.jpg');background-position:center 35%} #mLayout:has(.hb-tpl) .hb-band p.hb-when{font:600 18px/1.4 var(--hb-sans);color:var(--hb-gold);margin-bottom:14px} #mLayout:has(.hb-tpl) .hb-gala p.hb-lede{max-width:38em} /* announcement strip */ #mLayout:has(.hb-tpl) .hb-strip{background:var(--hb-gold);color:var(--hb-ink);padding:14px 0;font-weight:500;font-size:16px} #mLayout:has(.hb-tpl) .hb-strip .hb-wrap{display:flex;gap:8px 20px;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center} #mLayout:has(.hb-tpl) .hb-strip a{color:var(--hb-ink);font-weight:600} /* membership */ #mLayout:has(.hb-tpl) .hb-split{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,72px);align-items:center} #mLayout:has(.hb-tpl) .hb-checks{list-style:none;margin:0 0 8px;padding:0} #mLayout:has(.hb-tpl) .hb-checks li{padding:7px 0 7px 32px;position:relative} #mLayout:has(.hb-tpl) .hb-checks li::before{content:"";position:absolute;left:4px;top:15px;width:14px;height:7px;border:solid var(--hb-gold);border-width:0 0 3px 3px;transform:rotate(-45deg)} #mLayout:has(.hb-tpl) .hb-free{background:#fff;color:var(--hb-ink);border-radius:6px;padding:36px;border-left:6px solid var(--hb-gold)} #mLayout:has(.hb-tpl) .hb-free h3{font-size:1.7rem;margin-bottom:8px;color:var(--hb-navy)} #mLayout:has(.hb-tpl) .hb-free p.hb-eyebrow{color:var(--hb-gold-dark)} /* program cards, news items */ #mLayout:has(.hb-tpl) .hb-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px} #mLayout:has(.hb-tpl) .hb-card{display:flex;flex-direction:column;border:1px solid var(--hb-line);border-radius:6px;overflow:hidden;background:#fff} #mLayout:has(.hb-tpl) .hb-card>img{aspect-ratio:16/9;object-fit:cover;width:100%} #mLayout:has(.hb-tpl) .hb-card__body{padding:28px;display:flex;flex-direction:column;flex:1} #mLayout:has(.hb-tpl) .hb-card__body ul{margin:0 0 20px;padding-left:20px} #mLayout:has(.hb-tpl) .hb-card__body .hb-more{margin-top:auto;align-self:flex-start} #mLayout:has(.hb-tpl) .hb-card__body p.hb-meta{color:var(--hb-muted);font-size:15px} /* about */ #mLayout:has(.hb-tpl) .hb-about{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(28px,5vw,72px);align-items:center} #mLayout:has(.hb-tpl) .hb-about figure{margin:0} #mLayout:has(.hb-tpl) .hb-about figure img{border-radius:6px;box-shadow:0 12px 32px rgba(31,42,68,.18)} #mLayout:has(.hb-tpl) .hb-about figcaption{font-size:14px;color:var(--hb-muted);margin-top:10px} /* sponsors */ #mLayout:has(.hb-tpl) .hb-band h3.hb-tier{font:600 13px/1 var(--hb-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--hb-muted);margin:32px 0 14px;display:flex;align-items:center;gap:16px} #mLayout:has(.hb-tpl) .hb-tier::after{content:"";flex:1;height:1px;background:var(--hb-line)} #mLayout:has(.hb-tpl) .hb-logos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px} #mLayout:has(.hb-tpl) .hb-logos li{height:96px;padding:16px 20px;box-sizing:border-box;background:#fff;border:1px solid var(--hb-line);border-radius:4px;display:grid;place-items:center} #mLayout:has(.hb-tpl) .hb-logos img{max-width:100%;max-height:64px;width:auto;height:auto;object-fit:contain} #mLayout:has(.hb-tpl) .hb-logos li.hb-logos__text{font:600 16px/1.25 var(--hb-serif);color:var(--hb-navy);text-align:center} #mLayout:has(.hb-tpl) .hb-logos--diamond{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))} #mLayout:has(.hb-tpl) .hb-logos--diamond li{height:128px} #mLayout:has(.hb-tpl) .hb-logos--diamond img{max-height:88px} /* ---------- WA gadgets on the homepage, restyled (same gadgets, same data) ---------- */ #PAGEID_1075294 :is(.zoneHeader3,.zoneContent) .WaGadgetUpcomingEvents, #PAGEID_1075294 :is(.zoneHeader3,.zoneContent) .WaGadgetRecentBlogPosts{padding:0 max(24px,calc(50% - 616px)) clamp(48px,7vw,96px)} #PAGEID_1075294 :is(.zoneHeader3,.zoneContent) .WaGadgetUpcomingEvents{background:var(--hb-paper)} #PAGEID_1075294 :is(.zoneHeader3,.zoneContent) .WaGadgetUpcomingEvents .gadgetStyleBody, #PAGEID_1075294 :is(.zoneHeader3,.zoneContent) .WaGadgetRecentBlogPosts .gadgetStyleBody{padding:0!important} #PAGEID_1075294 :is(.zoneHeader3,.zoneContent) .WaGadgetUpcomingEvents ul, #PAGEID_1075294 :is(.zoneHeader3,.zoneContent) .WaGadgetRecentBlogPosts ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px} #PAGEID_1075294 :is(.zoneHeader3,.zoneContent) .WaGadgetUpcomingEvents ul li, #PAGEID_1075294 :is(.zoneHeader3,.zoneContent) .WaGadgetRecentBlogPosts ul li{position:relative;display:flex;flex-direction:column;margin:0;background:#fff;border:0;border-top:4px solid var(--hb-gold);border-radius:4px;padding:26px 26px 70px;box-shadow:0 1px 2px rgba(31,42,68,.08),0 8px 24px rgba(31,42,68,.06)} #PAGEID_1075294 :is(.zoneHeader3,.zoneContent) .WaGadgetRecentBlogPosts ul li{border:1px solid var(--hb-line);border-top:4px solid var(--hb-gold);box-shadow:none} #PAGEID_1075294 :is(.zoneHeader3,.zoneContent) .WaGadgetUpcomingEvents ul li .date, #PAGEID_1075294 :is(.zoneHeader3,.zoneContent) .WaGadgetRecentBlogPosts ul li .date{order:-1;display:block;padding:0;margin:0 0 10px;font:600 13px/1.3 var(--hb-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--hb-gold-dark)} #PAGEID_1075294 :is(.zoneHeader3,.zoneContent) .WaGadgetUpcomingEvents ul li .date::after, #PAGEID_1075294 :is(.zoneHeader3,.zoneContent) .WaGadgetRecentBlogPosts ul li .date::after{content:none} #PAGEID_1075294 :is(.zoneHeader3,.zoneContent) .WaGadgetUpcomingEvents ul li .title, #PAGEID_1075294 :is(.zoneHeader3,.zoneContent) .WaGadgetRecentBlogPosts ul li .title{margin:0;padding:0} #PAGEID_1075294 :is(.zoneHeader3,.zoneContent) .WaGadgetUpcomingEvents ul li .title a, #PAGEID_1075294 :is(.zoneHeader3,.zoneContent) .WaGadgetRecentBlogPosts ul li .title a{font:600 20px/1.25 var(--hb-serif);color:var(--hb-navy);text-decoration:none} #PAGEID_1075294 :is(.zoneHeader3,.zoneContent) .WaGadgetRecentBlogPosts ul li .title a{font-size:18px} #PAGEID_1075294 :is(.zoneHeader3,.zoneContent) .WaGadgetUpcomingEvents ul li .title a:hover, #PAGEID_1075294 :is(.zoneHeader3,.zoneContent) .WaGadgetRecentBlogPosts ul li .title a:hover{text-decoration:underline} #PAGEID_1075294 :is(.zoneHeader3,.zoneContent) .WaGadgetUpcomingEvents ul li .title a::after, #PAGEID_1075294 :is(.zoneHeader3,.zoneContent) .WaGadgetRecentBlogPosts ul li .title a::after{content:"Details & RSVP \2192";position:absolute;left:26px;bottom:24px;font:600 15px/1 var(--hb-sans);border-bottom:2px solid var(--hb-gold);padding-bottom:3px} #PAGEID_1075294 :is(.zoneHeader3,.zoneContent) .WaGadgetRecentBlogPosts ul li .title a::after{content:"View posting \2192"} #PAGEID_1075294 :is(.zoneHeader3,.zoneContent) .WaGadgetUpcomingEvents ul li .location{color:var(--hb-muted);font-size:15px;margin-top:10px} #PAGEID_1075294 :is(.zoneHeader3,.zoneContent) .WaGadgetRecentBlogPosts ul li .author{display:none} @media (max-width:860px){ #mLayout:has(.hb-tpl) .hb-split,#mLayout:has(.hb-tpl) .hb-about{grid-template-columns:1fr} #mLayout:has(.hb-tpl) .hb-wrap{padding:0 16px} #PAGEID_1075294 :is(.zoneHeader3,.zoneContent) .WaGadgetUpcomingEvents, #PAGEID_1075294 :is(.zoneHeader3,.zoneContent) .WaGadgetRecentBlogPosts{padding-left:16px;padding-right:16px} #mLayout:has(.hb-tpl) .hb-footer__grid{grid-template-columns:1fr 1fr} } @media (max-width:767px){ #mLayout:has(.hb-tpl) :where(.zoneHeader3 .WaPlaceHolder>div),#mLayout:has(.hb-tpl) :where(.zoneContent .WaPlaceHolder>div){padding-left:16px;padding-right:16px} #mLayout:has(.hb-tpl) .zoneHeader1 .WaGadgetMenuHorizontal.HorizontalMenuStyle001{margin:0;padding:0} #mLayout:has(.hb-tpl) .zoneHeader1 .WaGadgetLoginButton{display:none} #mLayout:has(.hb-tpl) .hb-topbar .hb-wrap{padding-right:16px} #mLayout:has(.hb-tpl) .hb-topbar__social{display:none} #mLayout:has(.hb-tpl) .hb-mainrow{height:auto;padding:12px 0} #mLayout:has(.hb-tpl) .hb-logo img{height:44px} #mLayout:has(.hb-tpl) .hb-header a.hb-join{padding:11px 14px;font-size:14px} } @media (max-width:560px){ #mLayout:has(.hb-tpl) .hb-footer__grid{grid-template-columns:1fr} }