:root {
--main-Background-color: #6d707a;				/*top menu above banner*/
--Header-Menu-Background-color: #ffffff;		/*top menu above banner*/
--Header-Menu-Font-color:#000000;				/*top menu above banner*/
--secondaryMenu-Background-color: #393636;  		/*below banner*/
--secondaryMenu-Font-color: #ffffff;			/*below banner*/
--secondaryMenu-Hover-Background-color:#ffb351;	/*below banner*/
--secondaryMenu-Hover-Font-color: #000000;		/*below banner*/
--mainHeaderTags-Background-color:#000000;		
--mainHeaderTags-Font-color: #ffffff;
--subHeaderTags-Font-color:#000000;
--Button-Background-color:#005191;				/*default navigation buttons*/
--Button-Font-color:#ffffff;					/*default navigation buttons*/
--Button-Hover-Background-color:#000000;		/*default navigation buttons*/
--PledgeTypeIcons-color:#000000;				/*pledge type icons*/
--PledgeProgress-Background-color:#000000;		/*pledge progress*/
}


#MainContent {
	background-color:  var(--main-Background-color);
	padding-bottom:45px;
}
#MainContent .container {
	background-color: white;
}


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

	#MainContent {
		padding:10px !important;
	}

	#main-banner{
		margin-top: 94px; /*match height of header menu so there is no gap*/
	}
}

/*---------------------------------------------Login page---------------------------------------------*/
.Body-Page-preLoginJAAS #header-menu,
.Body-Page-UserRegistration #header-menu{
  display: none;
}

.Body-Page-preLoginJAAS #main-banner {
	margin-top: 0px; 
}

/*-------------------------------------------------menus---------------------------------------------------*/
/*don't want mobile menu to be in banner, put below it.*/
nav#secondary-menu {
	position: relative;
	top: 0;
	background-color: var(--secondaryMenu-Background-color) !important;
}

nav.header-top-menu {
	max-width: 100%;
}


nav#secondary-menu .PortletHeader {
	margin:0;
	background-size: 35px 35px;
background-position: 5px;
}

#header-menu, #header-menu .col-lg-9 {
	background-color:var(--Header-Menu-Background-color) !important;
}
.header-top-menu ul li a {
	color: var(--Header-Menu-Font-color) !important;
}

nav.header-mobile-menu .AreaHeader::before {
	border: 2px solid var(--Header-Menu-Font-color) !important;
	color: var(--Header-Menu-Font-color) !important;
	margin: -70px 20px 10px 0; /*adjust top because not vertically aligned in header*/
}

nav#secondary-menu ul {
	background-color: var(--secondaryMenu-Background-color);
}
nav#secondary-menu ul li a {
	color: var(--secondaryMenu-Font-color);
}
nav#secondary-menu ul li a:hover {
	color: var(--secondaryMenu-Hover-Font-color) !important;
	background: var(--secondaryMenu-Hover-Background-color) !important;
}



/*------------------------------------------------logo-------------------------------------------------*/
.LogoUnderBanner {
	padding:10px 0 20px 0;
	text-align: center;
}
.LogoUnderBanner img {
	max-height: 100px;
}
#header-menu .PortletLogo {
	margin: 0 0;
}
#header-menu .PortletLogo img,
#container-area-1 .PortletLogo img{
  max-height:80px
}
#header-menu .col-lg-3 {
	padding: 10px 10px !important;
}
#footer .PortletLogo{
	display:none;
}


/*-------------------------------------------------header tags--------------------------------------------------*/
.Page-IPledgeDes1 h2, 
.Page-IPledgeDes2 h2, 
.Page-IPledgeCombined h2, 
.AgencySectionHeader h2,
.Page-IPledgeCombined h2 p, 
.AgencySectionHeader h2 p, 
.Page-IPledgeDes1 h2 a, 
.Page-IPledgeDes2 h2 a, 
.Page-IPledgeCombined h2 a, 
.AgencySectionHeader h2 a {
	background-color: var(--mainHeaderTags-Background-color);
	color: var(--mainHeaderTags-Font-color);
}

.Page-IPledgeCombined .CommunityCare h2, .Page-IPledgeCombined .ServiceCategories h2, .Page-IPledgeCombined .TargetedAgencies h2, .Page-IPledgeCombined .TargetedAgencies h2 p, .Page-IPledgeCombined .AgencySectionHeader h2, .Page-IPledgeCombined .WriteIns h2, .Page-IPledgeCombined .AgencySectionHeader h2 a {
	color: var(--subHeaderTags-Font-color);
}



/*-------------------------------------Pledge Progress Buttons ---------------------------*/
nav.PledgeProgress li.ProgressStepCurrent.DefaultButtons {
	background:var(--PledgeProgress-Background-color) !important;
}



/*----------------------------------------Buttons----------------------------------------*/
.DefaultButtons .button {
	background-color: var(--Button-Background-color) !important;
	color: var(--Button-Font-color) !important;
}
.DefaultButtons .button:hover {
	color: #fff;
	background-color: var(--Button-Hover-Background-color) !important;
}



/*-----------------------------------Pledge Type Icons ---------------------------------*/
.PledgeTypeSelection .TypeSelection-Items label.RadioLabel::before, .PledgeTypeSelection .TypeSelection-Items label.RadioLabel::after, div#PledgePaymentInfo .BlockDetails > div.form-check > label.form-check-label::before, div#PledgePaymentInfo .BlockDetails > div.form-check > label.form-check-label::after {
	color:var(--PledgeTypeIcons-color);
}

body .PledgeTypeSelection .TypeSelection-Items input[type="radio"]:checked + span + label.RadioLabel, 
body .PledgeTypeSelection .TypeSelection-Items input[type="radio"]:checked + label.RadioLabel,
.PledgeTypeSelection .TypeSelection-Items label.RadioLabel:hover,
.PledgeTypeSelection label.RadioLabel:hover::before{
	background-color:var(--PledgeTypeIcons-color) !important;
}




/*--------------------------------------footer-----------------------------------------*/
#footer {
	background-color: var(--main-Background-color);
	padding-bottom: 20px;
}
#footer .container {
	padding: 0;
}
.FooterMes {
	text-align: center;
}
.Footer {
	padding-top: 0;
	padding-bottom: 0;
}

.LMMouseText {
	text-align: center;
}


.Body-Page-SinglePageRegEvent .WillAttendBlock {
display: none;
}

.Body-Page-SinglePageRegEvent .Navigation li{
  display: inline !important;
}