@import url('https://fonts.googleapis.com/css2?family=Antonio:wght@500;700&family=Palanquin:wght@400;500;700&display=swap');:root{--uw-blue:#1F4EA1;--uw-navy:#21296B;--uw-amber:#F5A800;--uw-disabled:#a0a0a0;--font-body:'Palanquin','Segoe UI',system-ui,-apple-system,sans-serif;--font-head:'Antonio',Impact,'Arial Narrow',Arial,sans-serif}html,body{font-family:var(--font-body) !important;font-weight:500}body p:not([style*="font-family"]),body span:not([style*="font-family"]){font-family:var(--font-body) !important}.GeneralBlueTop2 ul.pureCssMenu a,.GeneralBlueTop2 ul.pureCssMenu a:hover,.GeneralBlueTop2 ul.pureCssMenu a:focus,.GeneralBlueTop2 ul.pureCssMenu li a:hover,.GeneralBlueTop2 ul.pureCssMenu li.dis a:hover,.GeneralBlueTop2 ul.pureCssMenu li.sep a:hover{font-family:var(--font-head) !important;font-size:17px !important;font-weight:500 !important;letter-spacing:0.045em !important}.GeneralBlueTop2 ul.pureCssMenu a{pointer-events:auto !important}.GeneralBlueTop2 ul.pureCssMenu{display:flex !important;align-items:stretch;padding:0 !important;margin:0 !important}.GeneralBlueTop2 ul.pureCssMenu>li{display:flex !important;align-items:stretch;padding:0 !important;margin:0 !important}.GeneralBlueTop2 ul.pureCssMenu>li>a{display:flex !important;align-items:center;border-bottom:4px solid transparent !important}.BannerNote{position:absolute;top:0;left:0;z-index:1;width:100%;margin:0;padding:0;border-radius:8px !important;overflow:hidden;transform:translateZ(0)}.BannerNote h2,.BannerNote h2 span{color:#ffffff !important;font-family:var(--font-head) !important;font-size:36px !important;font-weight:700 !important;line-height:1.2 !important;letter-spacing:0.045em !important;text-shadow:0 1px 3px rgba(0,0,0,0.55) !important}.GeneralBlueTop1{height:71px;background-color:#ffffff !important}.GeneralBlueTop2{top:71px;background:rgba(31,78,161,0.96) !important;display:flex;align-items:stretch}.GeneralBlueTop2 .container,.GeneralBlueTop2 .GeneralBlue1PArea2,.GeneralBlueTop2 .LFArea,.GeneralBlueTop2 .Portlet,.GeneralBlueTop2 .PortletMenu{padding-top:0 !important;padding-bottom:0 !important;margin-top:0 !important;margin-bottom:0 !important;display:flex !important;align-items:stretch}.GeneralBlueBottom5{background-color:var(--uw-navy) !important;padding-top:20px !important;padding-bottom:20px !important}.GeneralBlueBottom5 .container{padding-left:0 !important;padding-right:0 !important;padding-top:0 !important;padding-bottom:0 !important;margin-top:0 !important;margin-bottom:0 !important}.GeneralBlueBottom5 .GeneralBlue1PArea14,.GeneralBlueBottom5 .LFArea,.GeneralBlueBottom5 .Portlet,.GeneralBlueBottom5 .PortletNote{padding-top:0 !important;padding-bottom:0 !important;margin-top:0 !important;margin-bottom:0 !important}.carousel-caption{background-color:rgba(33,41,107,0.8) !important;text-align:center;border-radius:8px !important;overflow:hidden;transform:translateZ(0)}.GeneralBlueTop2 ul.pureCssMenu li:hover>a,.GeneralBlueTop2 ul.pureCssMenu li:focus-within>a,.GeneralBlueTop2 ul.pureCssMenu a:focus{border-bottom:4px solid var(--uw-amber) !important}.GeneralBlueTop2 ul.pureCssMenu a:focus{outline:2px solid var(--uw-amber);outline-offset:-2px}.GeneralBlueTop2 ul.pureCssMenu a,.GeneralBlueTop2 ul.pureCssMenu a:hover,.GeneralBlueTop2 ul.pureCssMenu li.dis a:hover,.GeneralBlueTop2 ul.pureCssMenu li.sep a:hover{text-shadow:none !important}.GeneralBlueMainTop.row{float:none !important}.PortletLogo .WebLogoR img{max-width:100% !important;max-height:inherit !important;margin:4px 0 0 0 !important}.PortletLogo .Logo.WebLogoR{float:none !important;display:block;width:100%}.PortletLogo .Logo.WebLogoR img{display:block !important;margin-left:auto !important;margin-right:auto !important}.LFArea.Area-GeneralBlue1PArea4{display:flex;flex-wrap:wrap;justify-content:center;width:100%}.LFArea.Area-GeneralBlue1PArea4>div{float:none !important}.LFArea.Area-GeneralBlue1PArea4 .Portlet{display:inline-block;float:none !important}.LFArea.Area-GeneralBlue1PArea4 .Portlet-Separator{display:none}.GeneralBlueMainPage h1 span{font-size:2.5rem !important;line-height:1.25;margin-bottom:30px;font-family:var(--font-head) !important}.Body-Page-Home .GeneralBlueMainPage h1{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.GeneralBlueMainContent{margin-top:0 !important;padding-top:12px !important}.Body-Page-Home .GeneralBlueMainContent{padding-top:0 !important}.Area-HomePage,.Page-Home{margin-top:0 !important;padding-top:0 !important}.GeneralBlueTop3,.GeneralBlueTop3 .LFArea,.GeneralBlueTop3 .Portlet,.GeneralBlueTop3 .PortletWebNote{margin-bottom:0 !important;padding-bottom:0 !important}.GeneralBlueTop3 p{margin-bottom:0 !important}.Role-Donor{margin-top:0 !important;padding-top:0 !important}.ThermometerSection{margin-top:0 !important;margin-bottom:0 !important;padding-top:0 !important;padding-bottom:0 !important}.LeaderShipImage,.RTCGivingLevels{float:right !important;display:block;margin:0 0 15px 20px;clear:right}.LeaderShipImage img,.RTCGivingLevels img{border:1px solid #e1e1e1;border-radius:3px;display:block;max-width:100%}img.RTCGivingLevels{border:1px solid #e1e1e1;border-radius:3px;max-width:100%}.GeneralBlueMainPage>h1{margin-top:0;padding-top:0}.PortletHeader:empty,.PortletFooter:empty,.AreaHeader:empty,.AreaFooter:empty,.FooterMes:empty{display:none !important;height:0 !important;margin:0 !important;padding:0 !important}.GeneralBlueSecondaryMenu:has(.GeneralBlue1PSecMenu:empty){display:none !important;height:0 !important;padding:0 !important;margin:0 !important}.UWW2025SecondaryMenu:has(.UWW20251LSecMenu:empty),.UWW2025SecondaryMenu:has(.UWW20251PSecMenu:empty),.UWW2025SecondaryMenu:has(.UWW20251NSecMenu:empty){display:none !important;height:0 !important;padding:0 !important;margin:0 !important}input[type="radio"],.form-check input[type="radio"].form-check-input{-webkit-appearance:none !important;-moz-appearance:none !important;appearance:none !important;width:18px !important;height:18px !important;min-width:18px !important;min-height:18px !important;max-width:18px !important;max-height:18px !important;flex:0 0 18px !important;aspect-ratio:1/1;box-sizing:border-box !important;padding:0 !important;border:3px solid var(--uw-blue);border-radius:50% !important;background-color:transparent;background-image:none;background-repeat:no-repeat;background-position:center;background-size:8px 8px;margin-right:6px;cursor:pointer;vertical-align:middle;box-shadow:none !important;transition:border-color 0.15s ease,background-color 0.15s ease}input[type="radio"]:hover:not(:disabled){border-color:var(--uw-navy);background-color:rgba(31,78,161,0.08)}input[type="radio"]:checked{border-color:var(--uw-blue);background-color:transparent !important;background-image:radial-gradient(circle closest-side,var(--uw-blue) 92%,transparent 100%) !important}input[type="radio"]:focus{outline:none;border-color:var(--uw-blue)}input[type="radio"]:focus-visible{outline:2px solid var(--uw-blue);outline-offset:2px}input[type="radio"]:disabled{border-color:var(--uw-disabled);cursor:not-allowed;opacity:0.55}/* Radio label rules are split so browsers without :has() support (pre-2022 Chrome/Safari, Firefox before 121) still apply the plain "+ label" rules. Keep them separate. */input[type="radio"] + label{color:var(--uw-blue);font-family:var(--font-body);font-weight:500;cursor:pointer}label:has(input[type="radio"]){color:var(--uw-blue);font-family:var(--font-body);font-weight:500;cursor:pointer}label:has(+ input[type="radio"]){color:var(--uw-blue);font-family:var(--font-body);font-weight:500;cursor:pointer}label:has(input[type="radio"]){display:inline-flex;align-items:center;gap:6px}input[type="radio"] + label{vertical-align:middle}label:has(+ input[type="radio"]){vertical-align:middle}input[type="radio"]:disabled + label{color:var(--uw-disabled);cursor:not-allowed}label:has(input[type="radio"]:disabled){color:var(--uw-disabled);cursor:not-allowed}label:has(+ input[type="radio"]:disabled){color:var(--uw-disabled);cursor:not-allowed}@media (prefers-reduced-motion:reduce){input[type="radio"]{transition:none}}@media (forced-colors:active){input[type="radio"]{border-color:ButtonText}input[type="radio"]:checked{background-image:radial-gradient(circle closest-side,ButtonText 92%,transparent 100%) !important}}@media (prefers-contrast:more){input[type="radio"]{border-width:4px;border-color:#000000}input[type="radio"]:checked{background-image:radial-gradient(circle closest-side,#000000 92%,transparent 100%) !important}input[type="radio"] + label{color:#000000}label:has(input[type="radio"]){color:#000000}label:has(+ input[type="radio"]){color:#000000}}.SessionTimeoutTimerLabel div,.SessionTimeoutTimerLabel p,.SessionTimeoutTimerLabel span.SessionTimeoutDialogText{display:inline}div.SessionTimeoutTimerLabel,label.SessionTimeoutTimerLabel{font-family:var(--font-body);font-weight:500}#nameRow .row.gx-1>.col-sm{display:flex;flex-direction:column;justify-content:flex-end}/* DO NOT CHANGE: giving options (#PledgePaymentInfo, *AmountRadios) keep their original width and layout. Only radio appearance may be styled there. NOTE: #PledgeTypeSelectionBlock does not exist on the UWW2025 pledge page (the id there is #PledgeTypeSelectionSection), so the combined page gift type options (.TypeSelection, e.g. Credit Card) are excluded by class instead, giving gift types and amount options the same layout on every pledge page. Amount radios are also excluded by class (ccAmountRadio500, ccAmountRadioOther) so the combined pledge page (IPledgeCombined) does not flash the flex layout before the script adds its *AmountRadios wrapper. */.form-check:not(#PledgePaymentInfo .form-check,#PledgeTypeSelectionBlock .form-check,[id$="AmountRadios"] .form-check,.form-check[class*="AmountRadio"],.TypeSelection .form-check){display:flex;align-items:center;gap:6px;padding-left:0}.form-check:not(#PledgePaymentInfo .form-check,#PledgeTypeSelectionBlock .form-check,[id$="AmountRadios"] .form-check,.form-check[class*="AmountRadio"],.TypeSelection .form-check) .form-check-input{float:none;margin:0;flex-shrink:0}.form-check:not(#PledgePaymentInfo .form-check,#PledgeTypeSelectionBlock .form-check,[id$="AmountRadios"] .form-check,.form-check[class*="AmountRadio"],.TypeSelection .form-check) label p{display:inline;margin:0}label .maintWebNoteContainer,.form-check .maintWebNoteContainer,.buttonText .maintWebNoteContainer,label .maintWebNoteContainer p,.form-check .maintWebNoteContainer p,.buttonText .maintWebNoteContainer p{display:inline;margin:0}.PledgeNavigationB{margin-top:28px;width:100%}nav.Navigation{margin-left:0 !important;margin-right:0 !important}nav.Navigation ol,nav.PledgeConfirmationButtons,nav.PledgeConfirmationButtons ol{display:block;width:100%;margin:0;padding:0;list-style:none}/* DO NOT CHANGE: Confirm message sits right of the Confirm button. !important display applies only to options NOT hidden by Andar (display: none, d-none, hidden). Match "display: none" exactly: the active option carries "pointer-events: none". Only one Confirm option may show at a time. */nav li[class*="NavigationConfirm"]{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:16px;width:100%;float:none !important;list-style:none}nav li[class*="NavigationConfirm"]:not([style*="display: none"]):not([style*="display:none"]):not(.d-none):not([hidden]){display:flex !important}li[class*="NavigationConfirm"] a.button{flex:0 0 auto;float:none !important;width:auto !important;margin:0 !important}li[class*="NavigationConfirm"] [class*="_Extra"]{flex:1 1 0;min-width:0;display:block;float:none !important;text-align:left;font-size:13px;line-height:1.4;color:#555555 !important;background:none !important;border:0 !important;padding:0 !important;text-transform:none !important;letter-spacing:normal !important}li[class*="NavigationConfirm"] [class*="_Extra"]:not([style*="display: none"]):not([style*="display:none"]):not(.d-none):not([hidden]):not(:empty){display:block !important}li[class*="NavigationConfirm"] [class*="_Extra"] p{display:inline;margin:0 !important}li[class*="NavigationConfirm"] [class*="_Extra"]:empty{display:none !important}@media only screen and (max-width:767.98px){.GeneralBlueMainPage{margin-top:0}.GeneralBlueMainPage h1 span{font-size:1.75rem !important;line-height:1.25}.LeaderShipImage,.RTCGivingLevels{float:none !important;display:block;margin:0 0 15px 0;width:100%}nav li[class*="NavigationConfirm"]{flex-direction:column;align-items:flex-start;gap:8px}}@media only screen and (min-width:768px) and (max-width:1199.98px){.GeneralBlueMainPage{margin-top:85px}}@media print{.GeneralBlueTop1,.GeneralBlueTop2,.GeneralBlueTop3,.BannerNote,.carousel,.carousel-caption,.ThermometerSection,.GeneralBlueBottom5,.UWW2025TopAreas,.UWW2025SecondaryMenu,.UWW2025Bottom1,.UWW2025Bottom2,.UWW2025Bottom3,.UWW2025Bottom4,.UWW2025Bottom5,.UWW2025FooterMenu,.UWW2025Footer,#webAdmin-container,#session-data-container{display:none !important}body,body p,body span{color:#000000 !important}a,a:visited{color:#000000 !important;text-decoration:underline}.GeneralBlueMainPage,.GeneralBlueMainContent,.UWW2025MainPage,.UWW2025MainContent{margin:0 !important;padding:0 !important}}.form-check .input-group.OtherAmountInline{display:inline-flex;flex-wrap:nowrap;width:auto;vertical-align:middle;margin-left:10px}.input-group.OtherAmountInline>.form-control{flex:0 0 9em;width:9em}/* Hide the designation totals table. Scoped to #DesignationSection so the pledge section's amount entry (which reuses the Row-PledgeAmount class) is never affected. */#DesignationSection .BlockDetails:has(> table #STotalPledge),#DesignationSection table:has(#STotalPledge){display:none !important}/* "Other Amount" row: keep the label and the inline "$" box on one line. Some page templates make option labels full width (e.g. pill buttons on the combined pledge page), which pushed the box onto the next line. */[id$="AmountRadios"] .form-check[class*="AmountRadioOther"]{display:flex !important;flex-wrap:nowrap !important;align-items:center}[id$="AmountRadios"] .form-check[class*="AmountRadioOther"]>label{width:auto !important;flex:0 0 auto}/* Leadership level message: shown below the amount options (the script moves it out of the inline "$" group); hidden while still inside the group so it never squeezes the amount box. */.newleaderLevelMsg{margin-top:10px;color:var(--uw-navy);font-weight:700}.input-group>.newleaderLevelMsg{display:none !important}