/*Social buttons on top*/

.Social {padding: 0 !important; margin: 0 !important;}

.Social li a i {
    font-size: 1.4rem;
    font-weight: 800;
    color: #fbfbf2;
    background: #1f4684;
    padding: 1.8rem;
    height: 4.8rem;
    width: 4.8rem;
    border-radius: 5rem;
	margin-left: 1.2rem;
    margin-right: 1.2rem;
	margin-top: 2.4rem;
}

.Social li a i:hover {text-decoration: none; background: #ae3c3c !important;}


.nav-item {list-style: none; font-size: 1.6rem; font-weight: 900; padding: 0; float: right;

}

.navbar-nav li a i:hover {text-decoration: none; background: #ae3c3c !important;}

/*footer*/

#menu-footer {display: block!important; padding: 0!important; margin: 0 !important;}

#menu-footer li {display: block !important; width: 100%;padding: 0!important; margin: 0 !important;}

#menu-footer a {Color: #fbfbf2; padding: 0!important; margin: 0 !important;}


.FooterSocial {padding: 4.8rem 0 0 0; max-width: 26rem; width: 100%; min-width: 10rem; list-style: none;}
.FooterSocial li {display: inline; margin: 1.2rem 1.2rem 0 0; list-style: none;}
.FooterSocial li a {display: inline; top: 3.6rem; font-size: 1.4rem; font-weight: 800;}
.FooterSocial li a i:hover {text-decoration: none; background: #fbfbf2 !important; text-align: center; color: #ae3c3c;}
.FooterSocial li a i {
    text-align: center;
    color: #fbfbf2;
    background: #1f4684;
    padding: 2.25rem 0 0 0;
    width: 5rem;
    height: 5rem;
    border-radius: 5rem;
    line-height: 1rem;
}

/*Main nav brand*/

.navbar-brand {
    display: inline-block;
    /* padding-bottom: .3125rem; */
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
    padding: 1.2rem !important;
	margin: 0; 
	height: 9.4rem; 
	width: 9.4rem;
}

.navbar-brand img {max-width: 100%; display: block;}

.navbar-toggler-icon {
    display: grid !important;
    width: 1.8em;
    /* height: 1.5em; */
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%;
    margin: .4rem 0;
	height: .1rem !important; 
	background-color: #0a171f !important;


}


/*nav bar*/
.navbar {padding: 0 !important;}

.MainNav {padding-top: 0; height: 9.4rem;}

.menu {display: inline; padding: 2vh .5vw;}

.menu li {
font-size: 1.6rem; line-height: 2.4rem; font-weight: 900; display: inline-block; padding: 2.4rem 1.2rem; 
}


.Social { display: inherit; }



.navbar-nav li a {color: #ae3c3c !important;  }

.navbar-nav li a:hover {text-decoration: none; color: #0a171f !important;}



/*mobile*/

.overlay,.sideMenu{position:fixed;top:0}
.sideMenu {background: #f2edc9}
.overlay{bottom:0;left:-100%;right:100%;margin:auto;background-color:rgba(0,0,0,.8);z-index:998;transition:all ease 0.2s}
.overlay.open{left:0;right:0}
.sidebarNavigation{margin-bottom:0;z-index:999;justify-content:flex-start}
.sidebarNavigation .leftNavbarToggler{margin-right:1rem;order:-1}
.sideMenu{left:-100%;transition:all ease 0.5s;overflow:hidden;width:100%;z-index:999;max-width:100%;margin-bottom:0;padding:1rem}
.sideMenu.open{left:0;display:block;overflow-y:auto}
.sideMenu ul{margin:0;padding:0 1.5rem} 

/*donation button*/


.BigDonateButton:hover {background-color: #ae3c3c !important; text-decoration: none !important;}

/*footer donation*/

.BigDonateButtonBottom {background-color: #1f4684 !important; Color: #fbfbf2; padding: 2.4rem 4.8rem; text-align: center; font-weight: 900; border: none !important;   -webkit-transition-duration: 0.4s; transition-duration: 0.4s; border-radius: 1rem; font-size: 2.4rem; max-width: 100%; display: block; }

.BigDonateButtonBottom:hover {background-color: #fbfbf2 !important; color: #ae3c3c !important; text-decoration: none!important;}

.BigDonateButtonBottom span {width: 100%;}

/**Arrows*/

.nav li > a:after { content:  ' ⌄ '; }
.nav li > a:only-child:after { content: ''; } 


/**Drop downs*/

.menu li { position: relative; }

.sub-menu { 
  visibility: hidden; /* hides sub-menu */
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  width: 32rem;
  transform: translateY(-2em);
  z-index: -1;
  transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
	background: #f2edc9; 
	border-top: #ae3c3c 3px solid;
	padding: 1.2rem .3rem;
	margin: 0;
}

.sub-menu li {width: 100%; display: block; 	padding: 0 .3rem;
	margin: 0;
}

.menu li:focus .sub-menu,
.menu li:focus-within .sub-menu,
.menu li:hover .sub-menu {
  visibility: visible; /* shows sub-menu */
  opacity: 1;
  z-index: 1;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}