p {
	padding-bottom: 1em;
}

a {
	color: blue;
}

h1 {
	font-size: 1.2em;
}

h2 {
	font-size: 1em;
}

@media (min-width: 768px){
	.col-sm-3 {
		width: 30%;
	}
}

@media (min-width: 768px) {
.col-sm-offset-3 {
    margin-left: 30%;
}
}

@media (min-width: 768px) {
	.col-sm-9 {
		width: 70%;
	}
}

@media (min-width: 768px) {
	.col-sm-8 {
		width: 60%;
	}
}

@media (min-width: 768px){ 
	.col-sm-5 {
    		width: 55%;
	}
}

/********* WHITE PAGE STYLING *********/

@media screen and (min-width: 960px) {
 .Role-Donor .GRMainPage,
 .Role-Donor-Profile .GRMainPage,
 .Role-IndDonor .GRMainPage {
    background-color:#ebebeb;
}
}

@media screen and (min-width: 960px) {
    .Role-Donor .GRMainContent,
    .Role-Donor-Profile .GRMainContent,
    .Role-IndDonor .GRMainContent {
    background-color:white;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
}
}

@media screen and (min-width: 960px) {
.Area-Pledge, main.Area-Registration {
    margin-left: 1em;
    margin-right: 1em;
}
}

/******* END WHITE PAGE STYLING *******/

/******  TOP MENU BAR ******/

/** Top Banners **/

.GenericResponsiveTop1 {
    background: #DB3B0F;
    color: white;
    font-size: 2em;
    padding: .5em;
    letter-spacing: .1em;
    font-family: 'Oswald',"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.GenericResponsiveTop2 {
	clear: both;
	background-color: white;
	padding-top: 1em;
	padding-bottom: 1em;
	position: relative;
	border-bottom: 10px solid #DB3B0F;
	/*overflow: hidden; /*Update 05052020 Chrome fix for 0 height - Upic Ticket #197740*/
     /* overflow causes the cascading menu to be hidden */
	/* andrew added 06052020 - upic ticket */
	min-height: 125px;
}

.Logo.WebLogoL {
    float: left;
}

.WebLogoR img {
	max-width: 225px;
	max-height: 125px;
	float: right;
}

@media screen and (max-width: 960px) {
	.WebLogoR img {
	margin-left:0;
	}
}

/** Top Menu **/

ul.pureCssMenu.pureCssMenum {
	font-size:1.1em;
	font-family:'Roboto',OpenSans,"Helvetica Neue",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	text-align: center;
	transform: translateY(70%);
}

@media screen and (max-width: 960px) {
.GenericResponsiveTop2 .PortletMenu .PortletHeader {
	background-image: url('https://uwgsl.upicsolutions.org/uwgsl/UserPreferences/2018ePledgeStyle/BlueMenu-Button.png');
	background-size: 30px 30px;
	width: 30px;
	height: 30px;
	clear: right;
	float:right;
}
}

@media screen and (max-width: 960px) {
.GenericResponsiveTop2 .PortletMenu ul.pureCssMenu {
	transform:none;
}
}

@media screen and (max-width: 960px) {
ul.pureCssMenu li {
	border: 1px solid #ccc;
}
}

.GenericResponsiveTop2 ul.pureCssMenu a, .GenericResponsiveTop2 ul.pureCssMenu li.dis a:hover, .GenericResponsiveTop2 ul.pureCssMenu li.sep a:hover {
	 color: #00529B;
    font-weight: 700;
    border: 1px solid transparent
}

/*ul.pureCssMenu a {
    color: #00529B;
    font-weight: 700;
    border: 1px solid transparent
}*/

ul.pureCssMenu li a:hover {
    color: #00529B;
    font-weight:700;
    background-color: white;
    border: 1px solid #e7e7e7;
}

ul.pureCssMenu li:hover>a {
    background-color: white;
    border: 1px solid #e7e7e7;
    color: #00529b;
    font-weight: 700;
}

/* Main Menu Drop downs */

ul.pureCssMenum ul {
    background-color: white;
}

@media screen and (max-width: 960px) {
ul.pureCssMenu {
	clear:both;
}
}

/*** MAIN BODY ***/

/* Center Main Content **/

/*@media screen and (min-width: 1025px) {
.Role-Donor .GRMainContent,
.Role-Donor-Profile .GRMainContent {
    max-width: 65%;
    margin: 0 auto;
}
}
*/

/* Hide Selection of Type Header */

.PledgeTypeSelection .page-header {
    display: none;
}

.GRMainTop.row {
    display: none;
}

/* Size of Entry Fields */

.col-sm-9.Col-Data.Col-Input input#billAmountDisplay {
    width: auto;
}

div#CCPPAmountRadios .input-group {
    width: fit-content;
}

/* Font Weight for Pledge Type Labels */

#PledgePaymentInfo > div.Block > div.BlockDetails {
    font-weight: bold;
}

/* Body adustments for small screens */

@media screen and (max-width: 960px) {
	.PledgeTypeSelection {
		padding:0; 
	}
}

@media screen and (max-width: 960px) {
	.col-sm-12 {
		padding-left:0;
	}
}

/* Drop Down Menus */

select {
    height: auto !important;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

/* Designation Check Box */

.Block td {
    padding-top: 0;
}

/** FOOTER **/


/* Hide Helix Footer */
.GRFooter {
    display: none;
}

.GenericResponsiveBottom {
    background-color: #DB3B0F;
    color: #ebebeb;
}

.MenuHeader:before {
	display:none;
}

.ROLE.MENU {
    text-align: center;
    padding-bottom: 20px;
}

.ROLE.MENU:before {
    font-weight:bold;
    content:'Select Role:';
}

.Menu-Bottom a {
    color: #00529c;
    font-weight: bold;
}

.Menu-Bottom a:hover {
    text-decoration:underline;
    font-weight:700;
}

.GenericResponsiveBottom a {
    color: #ebebeb;
    text-decoration: underline;
}

.GenericResponsiveBottom a:hover {
	color: #003885;
}

/** BUTTONS AND NAVIGATION **/

/* Style */

.DefaultButtons .button {
    font-family: 'Roboto',OpenSans,"Helvetica Neue",Helvetica,Arial,sans-serif;
    background-color: #DB3B0F;
    color: white;
    text-transform: uppercase;
    border: none;
    outline: none;
    font-size: 1.3em;
    transition: background .2s ease-in-out;
    font-weight: bold;
    letter-spacing: .1em
}

.DefaultButtons .button:hover {
    background-color:#d23a10;
    color: white;
    box-shadow:none;
    outline: none;
}

/* Position */

nav ol, nav ul {
    display: inline-flex;
    flex-direction: row-reverse;
}

nav.PledgeNavigation, nav.PledgeConfirmationButtons, nav.NavigationButtons, nav.FinalPledgeNavigation, nav.ChangeOrgNavigation, nav.Navigation {
    text-align: center;
    margin: 0 auto;
}

li.PledgeNavigation1.PledgeNavigationNext.Next.DefaultButtons,
li.PledgeNavigation2.PledgeNavigationPrevious.Back.DefaultButtons,
li.PledgeNavigation1.PledgeNavigationNext.Confirm.DefaultButtons{
	padding: 1em 20px;
}


li.PledgeNavigation2.PledgeNavigationCancel.Cancel.DefaultButtons,
li.PledgeNavigation3.PledgeNavigationCancel.Cancel.DefaultButtons,
li.Button2.ButtonCancel.Cancel.DefaultButtons {
    display: none;
}

/*************** END BUTTONS AND NAVIGATION ******************/

/************* DESIGNATION PAGE ***************/

/* Agency Search */

.form-check.ParentAgencyOnly {
    display: none;
}

/* Selected Agencies Table */

#SelectedAgendiesTable.SelectedAgendiesTable .row.Row-Header, #PASearchResults.PASearchResults .row.Row-Header, #WriteInDesTable .row.Row-Header {
    width: 100%;
}
#SelectedAgendiesTable.SelectedAgendiesTable .row, #PASearchResults.PASearchResults .row, #WriteInDesTable .row {
    width:100%;
}

/*********** END DESIGNATION PAGE  ***********/

/*************** WRITE_IN PAGE ***************/

img.guideStarScreenShot {
    width: 100% !important;
}

.WIAddress3Entry, .WIAddress4Entry, label.col-sm-3.control-label.WICountryHeading, input#WICountry {
    display: none;
}

input#WIName1, div.WIName2Entry input[type="TEXT"],
div.WIAddress1Entry input[type="TEXT"],
div.WIAddress2Entry input[type="TEXT"] {
    width:100%;
}

a.guideSearch {
	padding:5px;
}

/************* VERIFICATION PAGE *************/

label.col-sm-3.col-form-label.RosterName1Label {
    display: none;
}

.form-group.RosterName2Info {
    display: none;
}

/*********** END VERIFICATION PAGE ***********/

/* Designation Summary Table */

table.table.table-striped.table-bordered {
    margin: 10px auto;
}

/*********** CONFIRMATION PAGE ************/

.Section-PledgeConfirmDisplay h2 {
    display: none;
}

/********* END CONFIRMATION PAGE **********/


/************ FONT AWESOME *************/

i.fa.fa-plus {
    color: #00529B;
}



/********** END FONT AWESOME ***********/

/**********  ADMIN SPECIFIC  ************/

/* Entry Feilds  */
@media (min-width: 768px) {
.col-sm-9.Col-Input.Col-CampYearInput {
    width: 25%;
}
}

@media (min-width: 768px) {
.Col-Input.Col-EmpListInput {
    width: 31%;
}
}

/*   Send email   */

.Col-NoteVarLabel, .Col-NoteVariables {
    display: none;
}

.Col-ComLogLabel, div#CommSubjCode  {
    display: none;
}

.Col-JobLogLabel, .Col-JobLog {
    display: none;
}

.Col-ContactRuleCategoryLabel, .Col-ContactCategoryList {
    display: none;
}

/*   Add Employee Page - Hide Payroll Date and Suggested Gift Fields   */

.Col-PayrollStartDate, .Col-PayrollStartDateTable,
.Col-SugGift1, .Col-SugGift1Field,
.Col-SugGift2, .Col-SugGift2Field,
.Col-SugGift3, .Col-SugGift3Field,
.Col-SugGift4, .Col-SugGift4Field,
.Col-SugGift5, .Col-SugGift5Field {
	display:none;
}

/********END  ADMIN SPECIFIC  **********/

/************** HOME PAGE ****************/


/************ END HOME PAGE **************/

.Page-Home h1 {
    display: none;
}

/************** PROFILE ****************/

.Area-Profile, .Page-Home {
    margin: 15px;
    margin-top: 0px;
}

.Role-Donor-Profile .LoginInformationSection {
    display: none;
}

/************ END PROFILE **************/

/************ CHANGE PASSWORD **************/
.Page-ChangePassword {
    margin: 15px;
}

/**********END CHANGE PASSWORD ************/

.FlagRow-ePledge1 { display: none;}
.FlagRow-ePledge2 { display: none;}
.FlagRow-ePledge3 { display: none;}
.FlagRow-ePledge4 { display: none;}

/*.Section-PledgeAddInfo  .FlagTable { display: none;}*/


/*********** EMPLOYEE REGISTRANT PAGE *************/

.UserRegistrationSecCode {text-align: center;}

.SecurityCodeValue .form-control {
    margin: 0 auto;
}

/********* Fix Height 0 auto calc on area elements with all floated items **********/
.AreaFooter:after {
  content: '';
  display: block;
  clear: both;
}


/********************* Added by Andrew to remove the white spacing beneath the top rows ****/
.GRMainContent { margin-top: 0px;}