html, body, p {
	color:#000 !important;

	font-size: 18px;
  line-height: 28px;
}

.Logo img {
	margin: 9px 14px 11px 0;
}

.Body-Page-preLoginJAAS .UWW2025MainTop .PortletLogo {
	display:none;
}
.general-footer .bottom-logo .PortletLogo .WebLogoR img {
	max-width: 170px !important;
	max-height: 100px !important;
	margin: 6px 0 10px 16px;
}

.banner-wrapper img {
	width: 100% !important;
	height: auto !important;
	object-fit: cover;
	position: relative;
	left: 0;
	z-index: 0;
}
.outer-circle-overlay {
	background-color: transparent;
	clip-path: none;
}
.left-circle-overlay {
	width: 80%;
	height: 100%;
	background-color: transparent;
	clip-path: none;

}
.left-circle-overlay p {
	font-size: 18px;
	line-height: 22px;
	color: #fff !important;
	margin-bottom:0 !important;
}

.UWW2025Bottom5 .Portlet {
	padding: 0px 0;

}
.left-circle-overlay h1 {
	font-size: 50px !important;
}

.PledgeTypeSelection .TypeSelection-Items label.RadioLabel, #PledgePaymentInfo .BlockDetails > div.form-check > label.form-check-label {
	color: #000;
}
.CallToActionContainer{
	margin-left:-10px;
	margin-right:-10px;
}
.CallToActionContainer .box p{
	margin-bottom:0;
}
.BannerDonateNow a {
	background-color: #fff;
	width: 160px;
	border-radius: 30px;
	padding: 15px 15px;
	margin: 15px 0;
	color: #000;
	text-align: center;
	text-transform: uppercase;
	font-weight: 500;
	line-height: 16px;
	font-size: 16px;
	position: absolute;
	bottom: 0;
	left: 15px;
	cursor:pointer;
	z-index:10000000;
	border:2px solid #fcb53e;
	font-weight:bold;
}

@media screen and (max-width: 1080px) {

.left-circle-overlay h1 {
	font-size: 37px !important;
}

}


@media screen and (min-width: 1041px) {
	.UWW2025Top1 .col-sm-4 {
		min-height: 90px;
	}
}


@media screen and (max-width: 956px) {
  .left-circle-overlay, .outer-circle-overlay {
    background-color: transparent;
    display: flex !important;
  }
.left-circle-overlay p {
	display: block !important;
	margin-bottom:0 !important;
	font-size:16px;
}  
.left-circle-overlay h1 {
	font-size: 37px !important;
}
.left-text {
	width: 55% !important;
	
}
}


@media screen and (max-width: 800px) {

.left-circle-overlay h1 {
	font-size: 25px !important;
	margin:0;
}
.left-circle-overlay p {

    line-height: 16px;
	font-size: 14px;
}

.PledgeProgress ol li::before{
  
font-size: 20px !important;

}
nav.PledgeProgress li{
	text-align: center;
}
nav.PledgeProgress li.ProgressArrow.DefaultButtons {
	width: 9px;
}




}

@media screen and (max-width: 600px) {
.left-text {
	display: flex !important;
}
.left-circle-overlay h1 {
	font-size: 15px !important;
	margin:0;
}
.left-circle-overlay p {

	font-size: 14px;
	display: none !important;
}
}
.UWW2025Bottom1 {
	background-color: #ffead0;
}

.UWW2025Top1 {
	position: fixed;
	z-index: 1000000;
	box-shadow: 0 0 10px 0px #999;
}
.UWW2025Top2 {
	padding-top: 85px;
}
.Body-Page-preLoginJAAS .UWW2025Top1 {
	box-shadow: none;
	position: relative;
}
.Body-Page-signoffPage .UWW2025Top1 {
	box-shadow: none !important;
	position: relative !important;
}
.UWW2025Top1 .col-sm-8 {
	padding-top: 0px;
}

.UWW2025Top1 li.DonateButton {
	background-color: red;
	border-radius: 20px;
	color: #fff !important;
	padding: 2px 10px;
	margin-left:25px;
}
.UWW2025Top1 li.DonateButton a {
	color: #fff !important;
}
.UWW2025Top1 li.DonateButton a:hover {
	color: #fff !important;
}
.Body-Page-preLoginJAAS .UWW2025Top1 .col-sm-4, .Body-Page-LoginForgot .UWW2025Top1 .col-sm-4, .Body-Page-signoffPage .UWW2025Top1 .col-sm-4 {

	margin: 10px 0 0px 0px;
}

.CallToActionImage {
	margin: 0 10px;
}
.CallToActionContainer > .col-sm-4{
	background-color:transparent !important;
}
.CallToActionContainer > .col-sm-4 > .box {
	margin: 0 10px 10px 10px;
}
.CallToActionBlue1 > .box {
	background-color: #21296B;
}
.CallToActionBlue2 .box{
	background-color: #0044B5;
}
.CallToActionBlue3 .box{
	background-color: #5082F0;
}

.UWW2025Bottom1 .box {
	padding: 30px;
	min-height:255px;
	height:auto;

}

.UWW2025Bottom4 {
	padding: 50px 0;
}

.Body-Page-Home .Roll-oaAgency .HomeSection .card{
	margin:10px 0;
	padding:0;
}


/*------------------------- Designation : Begin ------------------------------*/


/* Service Categories layout */
.ServiceCategories .row.Row-Header {
    display: none !important;
}

.ServiceCategories .col-sm-1.text-center.Col-Image.Col-Info {
    display: none;
}

.ServiceCategories .BlockDetails .row.Row-Odd {
    border-right: 0;
    border-left: 0;
}

.ServiceCategories label.col-sm-8, 
.ServiceCategories .col-sm-3 {
    max-width: 100%;
    flex: 0 0 100%;
}

.ServiceCategories .BlockDetails .row.Row-Even,
.ServiceCategories .BlockDetails .row.Row-Odd {
    border: 1px solid #cccccc !important;
  background-color: #ffffff;
}

.ServiceCategories > .Block > .BlockDetails > div {
    display: inline-block;
    width: 24%;
    max-width: 24%;
    vertical-align: top;
    margin-right: 14px;
    border-radius: 6px;
    min-height: 600px !important; 
    text-align: center !important;
}

.ServiceCategories > .Block > .BlockDetails > div img {
    width: inherit;
    margin: 10px auto !important;
    text-align: center !important; 
    float: none !important;
    display: block !important;
    clear: both !important;
    max-height: 117px;
}

.ServiceCategories > .Block > .BlockDetails > div h2 {
    margin-top:0 !important;
    font-size: 18px !important;
    line-height: 24px !important;
}

.ServiceCategories > .Block > .BlockDetails > div:nth-child(2) {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin-bottom: 18px;
    margin-top: 10px;
    display: block !important;
    min-height: 0 !important;
}

.ServiceCategories > .Block > .BlockDetails > div span {
    display: block;
    clear: both !important;
}

.ServiceCategories .BlockDetails .row.Row-Odd, 
.ServiceCategories .BlockDetails .row.Row-Even {
    padding:0 0 10px 0 !important;
    margin: 0 6px 10px 0;
}

label.col-sm-7.col-form-label.Col-Text.Col-Name, .ServiceCategories label.col-sm-8.col-form-label.Col-Text.Col-Name {
    width: 100% !important;
}

.ServiceCategories > .Block > .BlockDetails .ArticleTitle {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: #ffffff !important;
    padding: 6px 12px;
    background-color: #0056A7;
    font-weight: bold;
    font-size: 18px;
    font-family: "ff-meta-web-pro",sans-serif !important;
    font-weight: bold !important;
    clear: both;
}

.ServiceCategories > .Block > .BlockDetails br {
    display: none;
}

.ServiceCategories > .Block > .BlockDetails label {
    padding:0 !important;
}

.ServiceCategories > .Block > .BlockDetails .Article .BlockDetails > div {
    margin: 10px 15px;
}

.ServiceCategories > .Block > .BlockDetails .Article .BlockDetails > div,
.ServiceCategories > .Block > .BlockDetails .Article .BlockDetails p,
.ServiceCategories > .Block > .BlockDetails .Article .BlockDetails span {
    font-size: 15px !important;
    line-height: 20px !important; 
    font-weight: normal;
    
}

.ServiceCategories > .Block > .BlockDetails .col-sm-3.Col-Data.Col-Input input {
   max-width: 100% !important;
    width:100% !important;
}

.ServiceCategories .Block .BlockDetails .col-sm-3.Col-Input {
	width: 100%;
}
.ServiceCategories > .Block > .BlockDetails .col-sm-3.Col-Data.Col-Input input {
	max-width: 100% !important;
	width: 100% !important;
}

@media screen and (max-width: 992px) {
.ServiceCategories > .Block > .BlockDetails > div {
    display: block;
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    min-height: 0 !important; 
}
}

.UWImpactonDesPage .ServiceCategories > .Block > .BlockDetails > div:nth-child(2) {
	width: 24% !important;
	max-width: 24% !important;
	flex: 0 0 24% !important;
	margin-bottom: 18px;
	margin-top: 0px;
	display: inline-block !important;
	min-height: 0 !important;
	min-height: 600px !important;
}
.UWImpactonDesPage .CommunityCareAmount {
	border-radius: 6px;
	border: 1px solid #cccccc;
	width: 100%;
	text-align: left;
	margin-top: 10px;
}

.UWImpactonDesPage .row.ComCare > label {
	display: none;
}

.UWImpactonDesPage .CommunityCareAmount h2 {
	margin: 0 0px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	color: #ffffff !important;
	padding: 0px 12px;
	background-color: #0056A7;
	font-weight: bold;
	font-size: 22px !important;
}

.UWImpactonDesPage .CommunityCareAmount p:empty {
	display: none;
}
.UWImpactonDesPage .CommunityCareAmount .BlockDetails > div[class^=Article]{
	padding:10px;
}
.UWImpactonDesPage .CommunityCare > .Block > h2{
	display:none;
}
@media only screen and (max-width: 992px) {
	.UWImpactonDesPage .ServiceCategories > .Block > .BlockDetails > div:nth-child(2) {
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 100% !important;
		min-height: 0 !important;
		
	}
}

.Section-DesignationOptions{
	display:none;
}


/*------------------------- Designation : End ------------------------------*/

/*remove empty space on Step 3 - preferences page*/
.Body-Page-IPledgeAddInfo .Section-PledgeAddInfo #nameRow{
	margin:0 !important;;
}
.Body-Page-IPledgeAddInfo .Section-PledgeAddInfo h1{
	margin:25px 0  0px 0 !important;
}