/*-------------------------Global color/background/font ------------------------------*/
#mainContentWrapper {
  color: #002d72 !important;
  background-color: #fff !important;
  text-decoration: none;
}
#mainContent {
  color: #000000;
  font-family: "Open Sans", sans-serif;
}
/*-----------Header1, topheader.jsp, ((logo, cart, login))-----------------*/
/* setting color/background */
#header1Wrapper,
#header1Container,
#header1,
#header2Container,
#header3Wrapper,
#header3Container,
#globalNavigationBar,
.navbar-light .navbar-nav .nav-link,
.nav-link > span,
#cartInfo .glyphicon-shopping-cart,
#loginNameWrapper,
#loginSignInLink,
#loginInfo,
.headerProfileLink,
#variableContentBlockPG0156 {
  color: #002d72 !important;
  background-color: #fff !important;
}
.navbar-toggler {
  background-color: #002d72 !important;
  border-color: #002d72 !important;
}
#subHeader2Title,
#footer1Container,
.nav-item,
.navbar-light .navbar-nav .nav-link,
.nav-link > span,
.headerStudentLoginDropdownLink,
#loginNameWrapper,
#logoutLinkWrapper,
.headerProfileLink,
#loginDropdownMenuLink,
#loginSignIn {
  font-family: "Work Sans", sans-serif;
  font-size: 1rem !important; /* global nav item font size */
  font-weight: 500 !important;
}

#subHeader2Title,
#loginDropdownMenuLink,
#logoutLinkWrapper {
  font-weight: 700 !important;
}
#header1Container {
  width: 100%;
} /* Middle of the languagebar.jsp ((logo, cart, login))*/

#header1 {
  padding-top: 13px;
  padding-bottom: 9px;
}
#schoolHeaderLogoWrapper {
  display: grid;
  place-items: center;
}

#globalNavigationBar {
  padding-top: 0px;
  padding-left: 0px;
}

.portalMenuDropDownContainer {
  padding-top: 5px;
  padding-left: 0px;
}

#mainNavBarCollapsable{
  padding-top: 5px;
}
.navbar-brand {
  display: none;
}
#header3 {
  display: none;
}

/*----------------------------------------------------------------------------*/

/*-------------------------Global nav, globalNavigationEmbeddable.jsp ------------------------------*/
#subHeader2Hr {
  height: 1px;
  border: none;
  margin-bottom: 5px;
  margin-top: 0;
  background-color: lightgrey;
}
#subHeader2Title {
  padding: 5px;
}
#header3Container {
  display: flex;
}
#cartInfo {
  padding-top: 13px;
  text-align: right;
}
#loginWrapper {
  padding: 7px 17px 0px 11px;
}
#loginNameWrapper {
  width: 100%;
  text-align: left;
}
#loginNameWrapper {
  display: none;
}
#loginInfo {
  float: right;
  text-align: right;
  padding-top: 5px;
}
#logoutLinkWrapper:before {
  content: "";
}
.dropdown.headerStudentLoginContainer,
.dropdown.headerStudentLoginContainer:hover,
#logoutLinkWrapper {
  padding: 5px 23px 5px 23px;
  border: 1px solid #002d72 !important;
  border-radius: 4px;
  line-height: 1.2;
  font-weight: 700 !important;
  width: 100%;
  max-width: none;
}
#logoutLinkWrapper {
  padding: 5px 11px 5px 11px;
}

a.headerStudentLoginLogoutLink,
a.headerStudentLoginLogoutLink:hover,
#loginDropdownMenuLink,
#loginDropdownMenuLink:hover {
  text-decoration: none;
  color: inherit !important;
  background: inherit !important;
}
#logoutLinkWrapper:hover,
.dropdown.headerStudentLoginContainer:hover {
  color: #fff !important;
  background: #002d72 !important;
}

#cartInfo {
  text-align: center;
}
/*----------------------------------------------------------------------------------*/

/*----------------------Breadcrumbs------------------------------------------------------*/

.searchBreadcrumbSeparator,
#searchAgainLink {
  display: none;
}

/*----------------------------------------------------------------------------------*/
a {
  color: #002d72 !important;
}

#buttonJumpToSections
{
  background-color: #002d72 !important;
  border-color: #002d72 !important;
  color: #fff !important;
}

/*----------------------Footer, bottomNavigation.jsp------------------------------------------------------*/

footer {
  background-color: #002d72;
  color: #ffffff !important;
  padding: 20px;
}

.footerNav {
  font-size: 14px !important;
}

#footer-info {
  line-height: 18px;
}

#footer2Sub2 {
  height: 65px; /*footer 1 sub 1 height**/
}

#footer1Wrapper {
  height: 100%; /*Whole footer height **/
}

footer a {
  color: white !important;
}

.footerContactBorder {
  border: 0.125em solid #2b508a;
  border-top: 0px;
  border-bottom: 0px;
}
.footerContact {
  height: 100%;
  padding-top: 19px;
}
/*----------------------------------------------------------------------------------*/

#sidebar1Wrapper {
  background-color: white;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #aab9d0 !important;
}

/*----------------------JHU Custom Footer, bottomNavigation.jsp------------------------------------------------------*/
.university-name,
.contact,
li.phone-number,
.tier-1,
.utility-links,
ul.tier-1 li a,
ul.utility-links li a:hover {
  color: #fff;
}
#variableContentBlockPG0156 {
  font-weight: 500 !important;
  padding-top: 35px !important;
  padding-bottom: 20px !important;
  display: flex;
  -ms-flex-align: center;
}
.university-name {
  font-weight: 700;
  padding: 0 0 9px 0;
  display: list-item;
}
.contact > .address,
.contact > .phone-number,
.copyRight {
  font-weight: 400;
}
.contact > .phone-number {
  padding-bottom: 9px;
}
.visuallyhidden {
  display: none;
}

ul.social {
  list-style: none;
  padding: 0 0 9px 0;
}
ul.social > li {
  float: left;
  margin-right: 5px;
}
ul.social li > a {
  display: block;
  text-decoration: none;
}

ul.social > li > a > i {
  background: #2b508a;
  border-radius: 7px;
}
.tier-1 {
  padding-top: 13px;
}
.tier-1,
.utility-links {
  list-style: none;
}
.tier-1 > li {
  padding: 0.25em 0;
  border: solid #d5dce8;
  border-width: 0 0 0.125em;
  list-style: none;
  position: relative;
}
.utility-links > li {
  padding: 0.25em 0;
  list-style: none;
  position: relative;
}
ul.tier-1 li a,
.utility-links li a {
  display: block;
  text-decoration: none;
  margin-right: 5px;
  font-weight: 700;
}

ul.utility-links li a {
  color: #aab9d0 !important;
}
ul.utility-links li a:hover {
  color: #fff !important;
}

/*----------------------JHU Custom Global Navigation, globalNavigationEmbeddable.jsp-----*/
#collapseProgramsMenuOptions {
  position: absolute;
  will-change: transform;
  top: 10px;
  left: 0px;
  transform: translate3d(-7px, 27px, 0px);
}

#buttonRegisterExternalUser,
#buttonContinueExternalLogon {
  float: left;
}
.btn-primary {
    color: #fff;
    background-color: #002d72;
    border-color: #002d72;
}
#existingStudentDiv > .card.card-body.sectionHeader,
#newStudentDiv > .card.card-body.sectionHeader,
#contentModule5{
  display: none;
}