.contribute-links.monthly {
    background: #ddd;
    padding: 10px 20px;
    margin-right: 10px;
    color: #fff;
    border-radius: 14px;
}
.contribute-links.onetime {
    background: #ddd;
    padding: 10px 20px;
    margin-right: 10px;
    color: #fff;
        border-radius: 14px;
}
.contribute-links.monthly.active {
    background: #F8981C;
    padding: 10px 20px;
    margin-right: 10px;
    color: #fff;
        border-radius: 14px;
}
.contribute-links.onetime.active {
    background: #F8981C;
    padding: 10px 20px;
    margin-right: 10px;
    color: #fff;
        border-radius: 14px;
}

    img.main-logo {
        width: 910px;
    }
    
    div.ngp-form {
        max-width: 100% !important;
    }
    
    header.at-markup.HeaderHtml,
    .multistep-layout.split-layout form {
        width: 100% !important;
    }
    
   fieldset,
   .at-inner,
   .at-legal {
        background: rgb(36,151,169) !important;
        color: white !important;
    }
 
   .at form {
       margin-top: -10px !important;
   }
   

   legend {
       color: white !important;
   }

    header.at-title {
        background: white;
        color: rgb(36,151,169) !important;
        font-size: 28px !important;
    }
    
    .HeaderHtml,
    .FastAction {
        background: white;
        color: black !important;
    }
    
    .at-markup a {
        color: rgb(36,151,169) !important;   
    }
    
    p {
        margin: 0;
        padding: 16px 0;
    }
    
    div.ngp-form {
        margin-top: -4px;
    }

    .at form {
        background:rgb(36,151,169) !important;
        color: #fff;
    }    
    .at form .label-amount > a {
    	background-color: rgb(114,173,190) !important;
    	border-radius: 15px !important;
    	color: white !important;
    }
    .form-label.gift-type {
    	font-size: 2.125rem !important;
    	padding-bottom: 0;
    }
    .at input[type="checkbox"] + span::after {
    	-webkit-transition: all 0.1s ease-in-out;
    	-moz-transition: all 0.1s ease-in-out;
    	transition: all 0.1s ease-in-out;
    	color: #fff;
    	content: "✔";
    	display: block;
    	font-family: 'Arial Unicode MS';
    	font-size: 1.5rem;
    	line-height: 1;
    	left: 4px;
    	position: absolute;
    	top: 5px;
    }    
    .at input[type="checkbox"] + span::before {
    	height: 2.125rem !important;
    	width: 2.125rem !important;
    	background: transparent;
    	border-radius: 4px;
    	border: 1px solid #ced4da;
    	color: inherit;
    	content: "";
    	display: block;
    	left: 0;
    	position: absolute;
    	top: 2px;
    }
    .at input[type="checkbox"] + span {
    	cursor: pointer;
    	float: left;
    	padding-left: 2.65rem;
    	position: relative;
    	-webkit-user-select: none;
    	-moz-user-select: none;
    	-ms-user-select: none;
    	user-select: none;
    }

    .at form .label-amount>a {
        background-color: rgb(114,173,190) !important;
        border-radius: 15px !important;
    }
    .at form .label-amount input[type="radio"]:checked+a {
        background-color: rgb(126,193,76) !important;
        color: white;
    }
    .at input[type="checkbox"]+span:before {
        border-color: white !important;
        color: black !important;
    }
    .at input[type="checkbox"]:checked+span:before{
        background: rgb(126,193,76) !important;
    }
    .at form .label-amount input:required{
        background: rgb(126,193,76) !important;
        border-color: rgb(126,193,76) !important;
    }
    .at label {
        color: white !important;
    }
    .at-recurring label {
    	font-size: inherit !important;
    }
    .at-fieldset.ContactInformation label,
    .at-fieldset.PaymentInformation label {
    	font-size: inherit !important;
    }
    .at label small {
        color: #eeeeee !important;
    }
    .at fieldset legend {
    	color: #212529;
    	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    	font-weight: normal !important;
    	font-size: 2.125rem !important;
    	margin: 0 0.625rem;
    	padding-bottom: 0;
    	padding-top: 23px;
    	border: 0;
    }
    .at-legal a,
    .change-account {
        color: rgb(126,193,76) !important;
    }
    .at .btn-at-primary {
        background: white !important;
        border: 3px solid rgb(126,193,76) !important;
        color: rgb(36,151,169) !important;
        border-radius: 15px !important;
        font-size: large !important;
        font-weight: bold !important;
    }
    
    header.at-title {
        background: white;
        color: rgb(36,151,169) !important;
        font-size: 28px !important;
    }
    
  .at form .label-amount.label-otheramount.toolong {
        width: 47% !important;
        margin: 0 3px;
        position: relative;
    }
  .at input[type="checkbox"] + span {
    	cursor: pointer;
    	float: left;
    	padding-left: 2.5rem !important;
    	position: relative;
    	-webkit-user-select: none;
    	-moz-user-select: none;
    	-ms-user-select: none;
    	user-select: none;
    }
  .at input[type="checkbox"] + span::after {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	color: #fff;
	content: "✔";
	display: block;
	font-family: 'Arial Unicode MS';
	font-size: 1.813rem !important;
	line-height: 1;
	left: 4px;
	position: absolute;
	top: 5px;
}
    .at input[type="text"], .at input[type="password"], .at input[type="date"], 
    .at input[type="datetime"], .at input[type="datetime-local"], .at input[type="month"], 
    .at input[type="week"], .at input[type="email"], .at input[type="number"], .at input[type="search"], 
    .at input[type="tel"], .at input[type="time"], .at input[type="url"], .at input[type="color"], .at textarea {
    	-webkit-appearance: none;
    	/* border-radius: 0; */
    	background-color: #fff;
    	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    	border-style: solid;
    	border-width: 1px;
    	border-color: #ced4da;
    	box-shadow: none;
    	color: rgba(0,0,0,0.75);
    	display: block;
    	font-size: 1.875rem !important;
    	line-height: 1;
    	margin: 0 0 1rem 0;
    	padding: 0.5rem;
    	height: 3.313rem !important;
    	width: 100%;
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
    	border-radius: 4px;
    } 
  .at-select select {
  	-webkit-appearance: none !important;
  	-moz-appearance: none !important;
  	display: block;
  	background-color: #fff;
  	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjEycHgiIHZpZXdCb3g9IjAgMCA2IDEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgICAgICAgPHRpdGxlPnNlbGVjdGFycm93PC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4gICAgICAgIDxnIGlkPSJzZWxlY3RhcnJvdyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDEuMDAwMDAwKSIgc3Ryb2tlPSIjODY4RTk2Ij4gICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgiIHBvaW50cz0iMCAzIDMuMDU1MDg0OTMgMCA2IDIuODkxODE2NTciPjwvcG9seWxpbmU+ICAgICAgICAgICAgPHBvbHlsaW5lIGlkPSJQYXRoLUNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMuMDAwMDAwLCA4LjUwMDAwMCkgc2NhbGUoMSwgLTEpIHRyYW5zbGF0ZSgtMy4wMDAwMDAsIC04LjUwMDAwMCkgIiBwb2ludHM9IjAgMTAgMy4wNTUwODQ5MyA3IDYgOS44OTE4MTY1NyI+PC9wb2x5bGluZT4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==) !important;
  	background-position: right 8px center;
  	background-repeat: no-repeat;
  	border-style: solid;
  	border-width: 1px;
  	border-color: #ced4da;
  	padding: 0.5rem 1.25rem 0.5rem 0.5rem;
  	font-size: 1.875rem !important;
  	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
  	color: rgba(0,0,0,0.75);
  	line-height: normal;
  	border-radius: 4px;
  	height: 3.313rem !important;
  }
  .at form .label-amount input {
	width: 100% !important;
	font-size: 0.9375rem;
	margin-left: 0;
	height: 50px !important;
	min-height: 0;
	padding: 7px 10px 7px 2.5rem !important;
	outline: none;
	border: 1px solid #BBB;
	border-radius: 4px;
	background-color: #fff;
	font-size: 24px;
	line-height: 1.42857;
	font-weight: 400;
	letter-spacing: -0.03em;
	max-width: 100%;
	margin-bottom: 0;
} 
.at form .label-amount.incrediblyLong,
.at form .label-amount.tooLong {
	width: 20%;
	height: 50px;
	margin-right: 2%;
	/* float: left; */
	color: #FFF;
	font-size: 15px !important;
	background-image: none;
	padding: 7px;
	margin: 10px 3px 10px 3px;
	letter-spacing: -0.03em;
	line-height: 1.42857;
	display: inline-block;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-align: center;
	text-shadow: -1px -1px 1px rgba(38,116,52,0.1);
	font-weight: 400;
	white-space: nowrap;
	position: relative;
	z-index: 1;
	vertical-align: top;
}
.contribute-links.onetime.active {
	background: #F8981C;
	padding: 10px 20px;
	margin-right: 10px;
	color: #fff;
	border-radius: 7px;
	font-size: 22px;
	font-weight: bold;
}
.contribute-links.onetime{
	background: #ddd;
	padding: 10px 20px;
	margin-right: 10px;
	color: #fff;
	border-radius: 7px;
	font-size: 22px;
	font-weight: bold;
}
.contribute-links.monthly {
	background: #ddd;
	padding: 10px 20px;
	margin-right: 10px;
	color: #fff;
	border-radius: 7px;
	font-size: 22px;
	font-weight: bold;
}
.contribute-links.monthly.active {
	background: #F8981C;
	padding: 10px 20px;
	margin-right: 10px;
	color: #fff;
	border-radius: 7px;
	font-size: 22px;
	font-weight: bold;
}
    .at form .label-amount.toolong>a {
        border-radius: 7px !important;
    }
    .FooterHtml {
        background: white !important; 
        border-radius: 15px !important;
    }
    .FooterHtml strong,
    .FooterHtml span {
        color: black !important;        
    }