/* CAREPA custom CSS - complete file. The WildApricot CSS editor REPLACES user.css on every Save, so always paste this entire file. */ /* 1. White panel behind the Join page membership application form */ #PAGEID_7743 .WaGadgetMembershipApplication { background: #ffffff; border-radius: 8px; padding: 24px 20px; box-sizing: border-box; } #PAGEID_7743 .WaGadgetMembershipApplication .formTitleOuterContainer, #PAGEID_7743 .WaGadgetMembershipApplication .formTitleOuterContainer h3.formTitle, #PAGEID_7743 .WaGadgetMembershipApplication .mandatoryFieldsTitle { color: #16266B; } #PAGEID_7743 .WaGadgetMembershipApplication .fieldSubContainer .fieldLabel, #PAGEID_7743 .WaGadgetMembershipApplication .labelTitle, #PAGEID_7743 .WaGadgetMembershipApplication .labelSubTitle { color: #222222; } #PAGEID_7743 .WaGadgetMembershipApplication .typeInstruction, #PAGEID_7743 .WaGadgetMembershipApplication .levelDescription { color: #555555; } /* 2. Frame and widen the main content column */ .zoneMain .WaPlaceHolder > div { max-width: 1560px; border-left: 1px solid #ccd5e0; border-right: 1px solid #ccd5e0; box-shadow: -6px 0 12px -6px rgba(22,38,107,.18), 6px 0 12px -6px rgba(22,38,107,.18); } /* 3. White panel inside the framed content column */ .zoneMain .WaPlaceHolderContent > div { background: #ffffff; } /* 4. System content placeholder (Events list, Sponsors content): white inside the column, sides stay the page color */ #id_Footer { background-color: transparent !important; } #id_Footer > div { background-color: #ffffff; } /* 5. Menu: page names and sub page names in white (dropdown gets the navy brand background so white text stays readable) */ .WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel > li > .item > a, .WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel > li.sel > .item > a { color: #ffffff; } .WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel > li > .item:hover > a, .WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel > li.sel > .item:hover > a { color: #ffffff; background: rgba(255,255,255,.14); } .WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul ul { background: #16266B; border-color: #16266B; } .WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul ul li > .item > a, .WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul ul li.sel > .item > a { color: #ffffff; } .WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul ul li > .item:hover > a, .WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul ul li.sel > .item:hover > a { background: #CF1F26; color: #ffffff; } /* 6. Uniform side panels: header and footer bands live inside the framed column only, so the sides are one color top to bottom with no horizontal bands */ .zonePlace.zoneHeader1, .zonePlace.zoneHeader2, .zonePlace.zoneHeader3 { background-color: transparent; } #id_Header { background-image: none !important; } #id_Header > div { background-image: none; background-color: #EEF2FA; } #id_Header1 > div { background-color: #16266B; } #id_Footer1 { background-color: transparent !important; } #id_Footer1 > div { background-color: #16266B; border-top: 4px solid #CF1F26; padding: 24px 28px; } /* 7. Header2 placeholder carries real page content on template-built pages (Join intro, Board page) - keep it white */ #id_Header2 > div { background-color: #ffffff; } /* 8. Sticky footer: on short pages the gray footer band sits at the bottom of the screen instead of floating under the content */ .zoneMain { display: flex; flex-direction: column; min-height: 100vh; } .zonePlace.zoneFooter1 { margin-top: auto; } /* 9. Join page: make the membership level choices stand out as soft cards with bold prices */ #PAGEID_7743 .WaGadgetMembershipApplication .levelPropertiesContainer { background: #eef2fa; border: 1px solid #c9d4ee; border-radius: 8px; padding: 14px 16px; margin-bottom: 12px; } #PAGEID_7743 .WaGadgetMembershipApplication .levelProperties .labelTitle { font-size: 19px; color: #16266B; } #PAGEID_7743 .WaGadgetMembershipApplication .levelProperties .labelSubTitle { font-size: 17px; font-weight: 700; color: #CF1F26; } #PAGEID_7743 .WaGadgetMembershipApplication input[type="radio"] { width: 18px; height: 18px; accent-color: #16266B; vertical-align: middle; } /* 10. Footer band: clean, tight lines in all three columns; bold labels; white links */ #id_Footer1 p { margin: 0 !important; padding: 0; line-height: 1.55; } #id_Footer1 .gadgetContentEditableArea p:first-child { font-weight: bold; letter-spacing: .5px; margin-bottom: 6px !important; } #id_Footer1 a { color: #ffffff; } /* 11. Homepage "CAREPA EVENT PICTURES" bar above the slideshow: brand navy with a red accent */ #id_FzflUbh .gadgetStyleBody h1 { background: #16266B !important; border-bottom: 4px solid #CF1F26; padding: 14px 10px 12px; margin: 0; } #id_FzflUbh .gadgetStyleBody h1 font { color: #ffffff; } /* === v17+v28: Bylaws document styling, scoped to the document gadget ONLY (id_7wCXztp) so it cannot leak onto the header logo or footer gadgets on that page === */ #id_7wCXztp { max-width: 920px; margin: 0 auto; padding: 10px 26px 18px; } #id_7wCXztp h2, #id_7wCXztp h2 font, #id_7wCXztp h2 span, #id_7wCXztp h2 strong { color: #16266B !important; font-size: 19px !important; line-height: 1.4 !important; } #id_7wCXztp h2 { margin: 30px 0 10px !important; padding-bottom: 6px; border-bottom: 1px solid #dbe4f3; } #id_7wCXztp p { font-size: 16px !important; line-height: 1.7 !important; color: #333333 !important; margin: 0 0 12px !important; } #id_7wCXztp li { font-size: 16px !important; line-height: 1.7 !important; color: #333333 !important; margin-bottom: 6px; } #id_7wCXztp p font, #id_7wCXztp li font { font-size: 16px !important; color: #333333 !important; } #id_7wCXztp p[align="center"] { border-bottom: 3px solid #CF1F26; padding-bottom: 16px; margin-bottom: 24px !important; } #id_7wCXztp p[align="center"] font, #id_7wCXztp p[align="center"] span, #id_7wCXztp p[align="center"] strong { color: #16266B !important; font-size: 25px !important; line-height: 1.35 !important; } #id_7wCXztp blockquote { margin: 0 0 0 16px !important; padding: 0 !important; border: none !important; } /* === v17: Footer text back to white (the template edit dropped the footer's white text formatting) === */ #id_Footer1 p, #id_Footer1 span, #id_Footer1 font, #id_Footer1 div { color: #ffffff !important; } /* === v18: Footer text white - reinforced, gadget-style scope === */ #id_Footer1 .WaGadgetContent.gadgetStyle002 .gadgetStyleBody, #id_Footer1 .WaGadgetContent.gadgetStyle002 .gadgetStyleBody p, #id_Footer1 .WaGadgetContent.gadgetStyle002 .gadgetStyleBody span, #id_Footer1 .WaGadgetContent.gadgetStyle002 .gadgetStyleBody font, #id_Footer1 .WaGadgetContent.gadgetStyle002 .gadgetStyleBody div { color: #ffffff !important; } /* === v20: Footer - remove blank-line gaps caused by empty paragraphs in the footer gadgets === */ #id_Footer1 .gadgetStyleBody p:empty { display: none !important; } /* === v21: Footer - hide the break-only paragraph that leaves a blank line in the address column === */ #id_Footer1 .gadgetStyleBody p > br:first-child { display: none !important; } /* === v22: Header - pull the menu band up against the logo, align header cells to the bottom === */ #id_Header .WaLayoutTable td { vertical-align: bottom !important; } #id_Header > div { padding-bottom: 4px !important; } /* === v23: Header logo - one sizing rule, uniform band height, centered === */ #id_Header .WaLayoutTable { height: 198px !important; } #id_Header .WaLayoutTable td { vertical-align: middle !important; } td#id_pSXdnNk { width: 264px !important; } #id_HG7xjKH .gadgetStyleBody img { width: 232px !important; height: auto !important; max-width: none !important; } /* === v24: Footer text white for EVERY gadget type in the footer band (the address gadget was recreated as a Custom HTML gadget) === */ #id_Footer1 .gadgetStyleBody, #id_Footer1 .gadgetStyleBody p, #id_Footer1 .gadgetStyleBody span, #id_Footer1 .gadgetStyleBody font, #id_Footer1 .gadgetStyleBody div { color: #ffffff !important; } #id_Footer1 .gadgetStyleBody p:first-child { font-weight: bold; letter-spacing: .5px; margin-bottom: 6px !important; } /* === v25: Footer - one uniform text size and spacing for all three columns === */ #id_Footer1 .gadgetStyleBody p { font-size: 15px !important; line-height: 1.5 !important; margin: 0 0 2px !important; } /* === v27: Mobile header (phones) - release the rigid desktop sizing so the header lays out naturally on small screens, and take the header search box off phones (it drops over page titles on the Bylaws page; the mobile menu remains) === */ @media (max-width: 767px) { #id_Header .WaLayoutTable { height: auto !important; } #id_Header .WaLayoutTable td { width: auto !important; vertical-align: middle !important; } #id_HG7xjKH .gadgetStyleBody img { width: 180px !important; } #id_Fb8l2F8 { display: none !important; } } /* ===== v29: homepage Upcoming Events section + sidebar tab label ===== */ /* In-body Upcoming Events gadget (content placeholder only; the sidebar gadget keeps its own style) */ .WaPlaceHolderContent .WaGadgetUpcomingEvents { margin: 26px auto 6px; max-width: 1100px; } .WaPlaceHolderContent .WaGadgetUpcomingEvents::before { content: "UPCOMING EVENTS"; display: block; background: #16266B; color: #ffffff; font-size: 17px; font-weight: 700; letter-spacing: 1.5px; padding: 10px 16px; border-radius: 6px 6px 0 0; border-bottom: 3px solid #CF1F26; } .WaPlaceHolderContent .WaGadgetUpcomingEvents .gadgetStyleBody { border: 1px solid #dbe4f3; border-top: none; border-radius: 0 0 6px 6px; padding: 6px 18px 10px !important; background: #ffffff; } .WaPlaceHolderContent .WaGadgetUpcomingEvents ul { list-style: none; margin: 0; padding: 0; } .WaPlaceHolderContent .WaGadgetUpcomingEvents ul li { padding: 12px 2px; border-bottom: 1px solid #eef2fa; } .WaPlaceHolderContent .WaGadgetUpcomingEvents ul li.last { border-bottom: none; } .WaPlaceHolderContent .WaGadgetUpcomingEvents .title a { color: #16266B; font-size: 17px; font-weight: 700; text-decoration: none; } .WaPlaceHolderContent .WaGadgetUpcomingEvents .title a:hover { color: #CF1F26; text-decoration: underline; } .WaPlaceHolderContent .WaGadgetUpcomingEvents .date { color: #CF1F26; font-weight: 600; font-size: 14.5px; margin-top: 2px; } .WaPlaceHolderContent .WaGadgetUpcomingEvents .location { color: #555555; font-size: 14px; margin-top: 1px; } /* Label the collapsed left sidebar tab so visitors know it opens the events list */ .zoneSidebarLeft .sidebarButton::after { content: "EVENTS"; writing-mode: vertical-rl; font-size: 11px; font-weight: 700; letter-spacing: 2.5px; color: #ffffff; } /* ===== v30: widen content blocks to the frame + white fill down to the footer ===== */ /* Content-block wrappers (Custom HTML gadgets, every page) from their built-in 1000-1100px to near the 1560px frame edge */ .WaGadgetCustomHTML .gadgetStyleBody > div { max-width: 1480px !important; } /* History page: also widen the inner timeline container (its cards are not width-capped, so this is safe there) */ #PAGEID_18054 .WaGadgetCustomHTML .gadgetStyleBody div { max-width: 1480px !important; } /* Homepage Upcoming Events band: full frame width like the other homepage sections */ .WaPlaceHolderContent .WaGadgetUpcomingEvents { max-width: none; margin: 26px 0 6px; } /* Short pages: stretch the content zones so the white framed panel fills down to the footer - no grey gap */ .zoneMain .zonePlace.zoneContent { display: flex; flex-direction: column; } .zoneMain .zonePlace.zoneContent .WaPlaceHolder { flex: 1 0 auto; display: flex; flex-direction: column; } .zoneMain .zonePlace.zoneContent .WaPlaceHolder > div { flex: 1 0 auto; } /* Homepage monthly meeting flyer image: from 680px to nearly the full page width */ #id_fzkwHfc .gadgetStyleBody img { max-width: 1480px !important; } /* ===== v31: Bylaws document full width + Join application widening ===== */ #id_7wCXztp { max-width: 1480px; } #PAGEID_7743 .WaGadgetMembershipApplication { max-width: 1480px !important; } #PAGEID_7743 .WaPlaceHolderContent > div { background: #ffffff; } /* ===== v31b: system pages (Sponsors, Events) - stretch the id_Footer content zone so white fills from the menu to the footer, no grey band ===== */ .zoneMain .zonePlace.zoneFooter1 { display: flex; flex-direction: column; } #id_Footer { flex: 1 0 auto; display: flex; flex-direction: column; } #id_Footer > div { flex: 1 0 auto; } /* ===== v31c: fill the gap on Header2-block pages (History, Mission, Board, Join intro) - stretch the zoneHeader3 placeholder ===== */ .zoneMain .zonePlace.zoneHeader3 { display: flex; flex-direction: column; } .zoneMain .zonePlace.zoneHeader3 .WaPlaceHolder { flex: 1 0 auto; display: flex; flex-direction: column; } .zoneMain .zonePlace.zoneHeader3 .WaPlaceHolder > div { flex: 1 0 auto; } /* ===== v31d: Join us - stretch the narrow column holding the membership application gadget to full framed width (fallback: editor gadget-move unavailable) ===== */ #PAGEID_7743 div:has(> .WaGadgetMembershipApplication), #PAGEID_7743 td:has(> .WaGadgetMembershipApplication) { width: 100% !important; max-width: 1480px !important; } #PAGEID_7743 .WaGadgetMembershipApplication { width: 100% !important; max-width: 1480px !important; margin-left: auto !important; margin-right: auto !important; } /* ===== v31e: Join us - corrected parent widening (fixes v31d: descendant selector + any-depth :has) ===== */ #PAGEID_7743 .WaGadgetMembershipApplication { width: 100%!important; max-width: 1480px!important; margin-left: auto!important; margin-right: auto!important; } #PAGEID_7743 div:has(.WaGadgetMembershipApplication), #PAGEID_7743 td:has(.WaGadgetMembershipApplication) { width: 100%!important; max-width: 1480px!important; } /* ===== v31f: Join us - widen the questions footer Custom HTML block below the application ===== */ #PAGEID_7743 .WaGadgetCustomHTML { width: 100%!important; max-width: 1480px!important; margin-left: auto!important; margin-right: auto!important; } /* ===== v31b-fix: correct the zoneMain descendant selector (assignment: .zoneMain .zonePlace.zoneFooter1 with space) ===== */ .zoneMain .zonePlace.zoneFooter1 { display: flex; flex-direction: column;} /* ===== v32a: Sponsors + Events - grow the footer zone itself so white fills the space under the menu ===== */ #PAGEID_18064 .zonePlace.zoneFooter1, #PAGEID_7741 .zonePlace.zoneFooter1 { flex: 1 0 auto; } /* ===== v32b: Join - widen the questions footer block's containers (gadget id_2mDfcic) ===== */ #PAGEID_7743 div:has(#id_2mDfcic), #PAGEID_7743 td:has(#id_2mDfcic) { width: 100% !important; max-width: 1480px !important; } #PAGEID_7743 .WaPlaceHolderContent .WaLayoutTable { width: 100% !important; } /* ===== v32c: Sponsors - hide the empty content zones that leave the grey band under the menu ===== */ #PAGEID_18064 .zonePlace.zoneContent { display: none; } /* ===== v33a: larger text across the site ===== */ body { font-size: 17px; } .WaGadgetCustomHTML p, .WaGadgetCustomHTML li, .WaGadgetContent p, .WaGadgetContent li { font-size: 18px !important; line-height: 1.6 !important; } .WaGadgetCustomHTML h2, .WaGadgetContent h2 { font-size: 30px !important; } .WaGadgetCustomHTML h3, .WaGadgetContent h3 { font-size: 24px !important; } .WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel > li > .item > a { font-size: 17px !important; } .WaGadgetUpcomingEvents .title a { font-size: 18px !important; } .WaGadgetUpcomingEvents .date, .WaGadgetUpcomingEvents .location { font-size: 15.5px !important; } #id_Footer1 .gadgetStyleBody p { font-size: 16.5px !important; } .WaGadgetMembershipApplication { font-size: 16.5px; } /* ===== v33b: phones - fit the screen, stack the footer, blend the logo ===== */ @media (max-width: 767px) { .zoneMain .WaPlaceHolder > div { max-width: 100% !important; } .WaPlaceHolderContent img, .WaPlaceHolderHeader2 img { max-width: 100% !important; } #id_7wCXztp { max-width: 100%; padding: 10px 16px 18px; } #id_Header > div { background-color: #ffffff !important; } #id_HG7xjKH .gadgetStyleBody img { mix-blend-mode: multiply; } #id_Footer1 .WaLayoutTable, #id_Footer1 .WaLayoutTable tbody, #id_Footer1 .WaLayoutTable tr, #id_Footer1 .WaLayoutTable td { display: block !important; width: 100% !important; } #id_Footer1 > div { padding: 20px 18px !important; } } /* ===== v34: homepage - swap the Upcoming Events box to the top (Banquet Photos box takes its slot below the slideshow); events band goes orange-red with a bullhorn ===== */ #PAGEID_18049 .WaPlaceHolderContent > div { display: flex; flex-direction: column; } #PAGEID_18049 #id_wQZloci { order: -1; } #PAGEID_18049 #id_6R4JKaJ { order: 1; } #PAGEID_18049 #id_Kp5QtFQ { order: 2; } #PAGEID_18049 #id_pRDr8PY { order: 2; } .WaPlaceHolderContent .WaGadgetUpcomingEvents { border: 2px solid #D84315 !important; } .WaPlaceHolderContent .WaGadgetUpcomingEvents::before { content: "\1F4E3 UPCOMING EVENTS"; background: #D84315; border-bottom: 3px solid #A9320D; } /* ===== v34b: neutralize the v34 flex/order experiment (the swap is being done by moving the gadgets themselves) ===== */ #PAGEID_18049 .WaPlaceHolderContent > div { display: block; } #PAGEID_18049 #id_6R4JKaJ { order: 0; } /* ===== v35: Join intro block (gadget I6DbexU) - widen its 1000px inline cap to the frame ===== */ #id_I6DbexU .gadgetStyleBody > div { max-width: 1480px !important; } /* ===== v36: phone containment - Bylaws legacy tab spans + History flex rows must not stretch the page ===== */ #id_7wCXztp .Apple-tab-span { white-space: normal !important; } #id_7wCXztp [style*="white-space:pre"], #id_7wCXztp [style*="white-space: pre"] { white-space: normal !important; } @media (max-width: 767px) { html, body { overflow-x: hidden !important; overflow-x: clip !important; } .WaPlaceHolderHeader2 .WaGadget .gadgetStyleBody > div { max-width: 100% !important; } #PAGEID_18054 .WaGadget .gadgetStyleBody div { min-width: 0 !important; } } /* ===== v37: phone - Header2-zone layout chains get a definite full width so blocks wrap instead of sizing to content ===== */ @media (max-width: 767px) { .WaPlaceHolderHeader2, .WaPlaceHolderHeader2 > div, .WaPlaceHolderHeader2 .WaLayoutTable, .WaPlaceHolderHeader2 .WaLayoutTable > tbody, .WaPlaceHolderHeader2 .WaLayoutTable > tbody > tr, .WaPlaceHolderHeader2 .WaLayoutItem { display: block !important; width: 100% !important; max-width: 100% !important; } } /* ===== v38: Header2-zone layout chains get a definite full width at ALL widths (same rule as v37, unscoped) so History cannot overflow mid-size and large screens ===== */ .WaPlaceHolderHeader2, .WaPlaceHolderHeader2 > div, .WaPlaceHolderHeader2 .WaLayoutTable, .WaPlaceHolderHeader2 .WaLayoutTable > tbody, .WaPlaceHolderHeader2 .WaLayoutTable > tbody > tr, .WaPlaceHolderHeader2 .WaLayoutItem { width: 100% !important; max-width: 100% !important; } /* ===== v39: ALL placeholder zones get a definite full width (extends v38 beyond Header2) so footer-zone pages like Sponsors cannot size to content and clip on small phones ===== */ .WaPlaceHolder, .WaPlaceHolder > div, .WaPlaceHolder .WaLayoutTable, .WaPlaceHolder .WaLayoutTable > tbody, .WaPlaceHolder .WaLayoutTable > tbody > tr, .WaPlaceHolder .WaLayoutItem { width: 100% !important; max-width: 100% !important; } @media (max-width: 767px) { .WaPlaceHolder .WaLayoutTable, .WaPlaceHolder .WaLayoutTable > tbody, .WaPlaceHolder .WaLayoutTable > tbody > tr, .WaPlaceHolder .WaLayoutItem { display: block !important; } } /* ===== v40: desktop - restore the 1560px theme frame that v38/v39 stretched full-width, and center the Sponsors block root ===== */ @media (min-width: 768px) { .WaPlaceHolder { width: auto !important; max-width: none !important; } .WaPlaceHolder > div { width: auto !important; max-width: 1560px !important; } #id_2m9PdqE .gadgetStyleBody > div { margin-left: auto !important; margin-right: auto !important; } } /* ===== v41: typography unification (Lato block font, Droid Serif 30px page titles, navy system headings, uniform body text) + uniform 40px band-to-heading gap ===== */ #id_fzkwHfc .gadgetStyleBody > div, #id_JwL6r62 .gadgetStyleBody > div, #id_xaPqMUf .gadgetStyleBody > div, #id_pSz1RuE .gadgetStyleBody > div, #id_Kp5QtFQ .gadgetStyleBody > div, #id_pRDr8PY .gadgetStyleBody > div, #id_wKkQoKE .gadgetStyleBody > div, #id_Zx1OtJ3 .gadgetStyleBody > div, #id_vbNAKPY .gadgetStyleBody > div, #id_zcFopWL .gadgetStyleBody > div, #id_I6DbexU .gadgetStyleBody > div, #id_HOGIXWg .gadgetStyleBody > div, #id_2mDfcic .gadgetStyleBody > div { font-family: Lato, Helvetica, Arial, sans-serif !important; } #id_wKkQoKE [style*="font-size:28px"], #id_Zx1OtJ3 [style*="font-size:28px"], #id_zcFopWL [style*="font-size:26px"] { font-family: 'Droid Serif', Georgia, serif !important; font-size: 30px !important; } #id_wKkQoKE p, #id_Zx1OtJ3 p, #id_zcFopWL p, #id_vbNAKPY p, #id_I6DbexU p, #id_HOGIXWg p, #id_2mDfcic p { font-size: 18px !important; line-height: 1.6 !important; color: #333333 !important; } #id_Zx1OtJ3 [style*="font-size:14.5px"] { font-size: 17px !important; line-height: 1.65 !important; } #id_7wCXztp p, #id_7wCXztp li { font-size: 17px !important; line-height: 1.65 !important; } .WaGadgetEvents h1, .WaGadgetEvents h3, .WaGadgetEvents h4, .WaGadgetEvents h4 a { font-family: Lato, Helvetica, Arial, sans-serif !important; color: #16266B !important; } #PAGEID_18065 h2, #PAGEID_18065 h3 { color: #16266B !important; } #id_2m9PdqE .gadgetStyleBody > div { margin-top: 39px !important; } #PAGEID_7741 #id_a5fjgy4 { padding-top: 39px !important; } #id_FxQrfqb { margin-top: -51px !important; } #id_7wCXztp { margin-top: -13px !important; } #id_Zx1OtJ3 .gadgetStyleBody > div { padding-top: 14px !important; } #id_zcFopWL .gadgetStyleBody > div { padding-top: 10px !important; } #id_I6DbexU .gadgetStyleBody > div { padding-top: 33px !important; } /* ===== v42: Sponsors wall - give card logos/portraits definite widths so they never collapse to 0 while loading ===== */ #id_2m9PdqE img[style*="max-height:54px"] { width: 100% !important; height: 100% !important; } #id_2m9PdqE img[style*="max-width:48%"] { width: 48% !important; } #id_2m9PdqE img[style*="max-width:90%"] { width: 90% !important; } /* ===== v43: Sponsors wall - block-center the logo/portrait boxes (supersedes v42 sizing) so images keep natural proportions and never freeze at 0 width ===== */ #id_2m9PdqE img[style*="max-height:54px"] { width: auto !important; height: auto !important; } #id_2m9PdqE img[style*="max-width:48%"], #id_2m9PdqE img[style*="max-width:90%"] { width: auto !important; } #id_2m9PdqE div[style*="height:54px"] { display: block !important; text-align: center !important; line-height: 54px !important; } #id_2m9PdqE div[style*="height:92px"] { display: block !important; text-align: center !important; line-height: 92px !important; } #id_2m9PdqE div[style*="height:54px"] img, #id_2m9PdqE div[style*="height:92px"] img { vertical-align: middle !important; } #id_2m9PdqE div[style*="height:92px"] img { margin-left: 4px !important; margin-right: 4px !important; } /* ===== v44: panel edges align with the menu/footer bands (desktop) + Contact empty zone + Mission hero crop ===== */ @media (min-width: 768px) { #id_fzkwHfc .gadgetStyleBody > div, #id_JwL6r62 .gadgetStyleBody > div, #id_xaPqMUf .gadgetStyleBody > div, #id_pSz1RuE .gadgetStyleBody > div, #id_Kp5QtFQ .gadgetStyleBody > div, #id_pRDr8PY .gadgetStyleBody > div, #id_wKkQoKE .gadgetStyleBody > div, #id_Zx1OtJ3 .gadgetStyleBody > div, #id_vbNAKPY .gadgetStyleBody > div, #id_zcFopWL .gadgetStyleBody > div, #id_I6DbexU .gadgetStyleBody > div, #id_HOGIXWg .gadgetStyleBody > div, #id_2mDfcic .gadgetStyleBody > div, #id_2m9PdqE .gadgetStyleBody > div { width: calc(100% + 30px) !important; max-width: 1560px !important; margin-left: -15px !important; margin-right: -15px !important; box-sizing: border-box !important; } #id_7wCXztp, #id_FxQrfqb, #id_2K4ZhGr { width: calc(100% + 30px) !important; max-width: 1560px !important; margin-left: -15px !important; margin-right: -15px !important; box-sizing: border-box !important; } #PAGEID_7741 #id_Footer { width: 1560px !important; max-width: 1560px !important; } #PAGEID_7741 #id_Footer > div { width: 100% !important; } #id_a5fjgy4 { width: 100% !important; } #PAGEID_7743 #id_Header2 { width: 1430px !important; max-width: 1430px !important; } #PAGEID_7743 #id_Header2 > div { width: 100% !important; } } #PAGEID_7742 .zonePlace.zoneContent { display: none !important; } #id_rhkJjkx img { height: 400px !important; object-position: 50% 7% !important; } /* ===== v45: History root + Mission hero gadget breakout (missed by v44 specificity); Join form aligns to the band ===== */ @media (min-width: 768px) { #PAGEID_18054 #id_Zx1OtJ3 .gadgetStyleBody > div { width: calc(100% + 30px) !important; max-width: 1560px !important; margin-left: -15px !important; margin-right: -15px !important; box-sizing: border-box !important; } #id_rhkJjkx { width: calc(100% + 30px) !important; max-width: 1560px !important; margin-left: -15px !important; margin-right: -15px !important; box-sizing: border-box !important; } #PAGEID_7743 .WaGadgetMembershipApplication { width: calc(100% + 30px) !important; max-width: 1430px !important; margin-left: -15px !important; margin-right: -15px !important; box-sizing: border-box !important; } } /* ===== v46: History header placeholder takes the full frame (flex shrink-wrap) ===== */ @media (min-width: 768px) { #PAGEID_18054 #id_Header2 { width: 1560px !important; max-width: 1560px !important; } #PAGEID_18054 #id_Header2 > div { width: 100% !important; } } /* ===== v47: Sponsors wall - keep 3 cards per row at the wider panel width ===== */ #id_2m9PdqE .gadgetStyleBody > div > div:nth-of-type(4) > div { flex-basis: 400px !important; } /* ===== v48: hero crops - raise the frame on the Bylaws and Flyers hero photos so faces show ===== */ #id_7wCXztp .gadgetStyleBody > img { object-position: 50% 15% !important; } #id_FxQrfqb .gadgetStyleBody > img { object-position: 50% 15% !important; } /* ===== v49: Sponsors wall - correct card selector for 3-per-row (supersedes v47 targeting) ===== */ #id_2m9PdqE .gadgetStyleBody > div > div > div { flex-basis: 400px !important; } /* ===== v50: Sponsors + Flyers - text inset inside the full-width panels; heroes stay full-bleed ===== */ #id_2m9PdqE .gadgetStyleBody > div { padding-left: 28px !important; padding-right: 28px !important; } #id_2m9PdqE .gadgetStyleBody > img { width: calc(100% + 30px) !important; max-width: 1558px !important; margin-left: -15px !important; } #id_FxQrfqb .gadgetStyleBody { padding-left: 28px !important; padding-right: 28px !important; } #id_FxQrfqb .gadgetStyleBody > img { width: calc(100% + 56px) !important; max-width: 1558px !important; margin-left: -28px !important; } /* ===== v51: Homepage phone - halve the white gap above the Upcoming Events box (66px to 33px) ===== */ @media (max-width: 767px) { #PAGEID_18049 #id_Content > div { padding-top: 20px !important; } #PAGEID_18049 #id_2K4ZhGr { margin-top: 13px !important; } } /* ===== v52: Bylaws hero (courthouse columns) crop ===== */ #id_7wCXztp.gadgetStyleBody > img { object-position: 50% 35% !important; } /* ===== v53: Bylaws hero crop selector fix (descendant form) ===== */ #id_7wCXztp .gadgetStyleBody > img { object-position: 50% 35% !important; } /* ===== v54: Events credit line spans full width (right-aligned like the other hero credits) ===== */ #id_a5fjgy4 h3.sectionTitle { width: 100% !important; box-sizing: border-box !important; }