/* 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; } }