.history-header {
  background-color: var(--nittany-navy) !important;
  padding: .5em 0;   
}
.container .site-header__inner__container {
  display: flex;
  justify-content: space-between;
  margin: 1440px;
  margin: 0 auto;
}
#site-header__inner .container {
  width: calc(100% - 10rem);
  /* padding-inline: var(--container-padding); */
  margin: 0 auto;
  padding-inline: var(--sp-0);
}
.site-branding__logo {
  width: 240px;
  margin: 1em 0;
}
.header-nav  {
   background-color: rgba(0, 0, 0, 0);
}
.history-nolink .primary-nav__menu-link--nolink {
  padding-block: var(--sp0-5);
  padding-inline-start: 0;
  padding-inline-end: 0;
  color: var(--white);
  font-weight: normal;
}

.history-nolink .primary-nav__menu-link--level-1 {
    background-color: rgba(0, 0, 0, 0);
}

.mobile-nav-button__label {
  color: var(--white);
}
.header-nav {
  background-color: rgba(0, 0, 0, 0);
}
@media (min-width: 75rem) {
  body:not(.is-always-mobile-nav) .header-nav {
    position: static;
    display: flex;
    visibility: visible;
    overflow: visible;
    grid-column: 5 / 15;
    align-items: center;
    justify-content: flex-end;
    max-width: none;
    height: var(--header-height-wide-when-fixed);
    margin-block-start: auto;
    padding-block: 0;
    padding-inline-start: 0;
    padding-inline-end: 0;
    transition: transform 0.2s;
    transform: none;
    border-block-start: 0;
    box-shadow: none;
    background: rgba(0, 0, 0, 0);
  }
}
@media (min-width: 75rem) {
  body:not(.is-always-mobile-nav)
  .primary-nav__menu-item.primary-nav__menu-item--has-children
  .primary-nav__menu-link--nolink {
    color: var(--white);
  }
}

.primary-nav__menu-link--level-1 {
    position: relative;
    display: flex;
    letter-spacing: -1px;
    color: var(--nittany-navy);
    font-weight: 300;
    /* font-size: 1.6em; */
}
.primary-nav__menu-link--level-1:hover {
    color: var(--nittany-navy);
    text-decoration: none;
    letter-spacing: normal;

}
.primary-nav__menu-link:hover {
    position: relative;
    display: flex;
    letter-spacing: -1px;
    color: white;
    font-weight: 400;
    text-decoration: underline;
    font-family: var(--roboto-condensed);
}

@media (min-width: 75rem) {
  body:not(.is-always-mobile-nav) .primary-nav__menu-link-inner {
  padding-block: var(--sp2);
  padding-inline-start: 0;
  padding-inline-end: 0;
  font-size: 1.4em;
  font-weight:400;
  }
}
@media (min-width: 75rem) {
  body:not(.is-always-mobile-nav) .primary-nav__menu-link-inner:hover, 
  body:not(.is-always-mobile-nav) .primary-nav__menu-link-inner:active,{
    color:#fff;
    text-decoration:underline;
    cursor: pointer;
  }
}
@media (min-width: 75rem) {
  body:not(.is-always-mobile-nav) .primary-nav__menu-item.primary-nav__menu-item--has-children .primary-nav__menu-link--nolink {
    color: var(--white);
    font-size: 1.3em;
    margin-right: .25em;
  }
}
@media (min-width: 75rem) {
  body:not(.is-always-mobile-nav) .primary-nav__menu-item.primary-nav__menu-item--has-children .primary-nav__menu-link--nolink:hover
  body:not(.is-always-mobile-nav) .primary-nav__menu-item.primary-nav__menu-item--has-children .primary-nav__menu-link--nolink:active  {
   text-decoration: underline;

  }
}

/***** mobile ******/


/* @media (min-width: 43.75rem) {
  .header-nav {
    padding-block-end: var(--sp3);
    padding-inline-start: var(--sp3);
    border-top-width: calc(var(--sp7) + var(--drupal-displace-offset-top, 0px));
    margin-top: 4.4em;
    background: var(--white);
  }
} */
@media (min-width: 43.75rem) {
  .header-nav {
    position: fixed;
    z-index: 501;
    inset-block-start: 0;
    inset-inline-start: 100%;
    visibility: hidden;
    overflow: auto;
    flex-basis: max-content;
    width: 100%;
    max-width: var(--mobile-nav-width);
    height: 100%;
    padding-block: 0 var(--sp);
    padding-inline-start: var(--sp);
    padding-inline-end: var(--sp);
    border-block-start: solid var(--nittany-navy) calc(var(--sp3) + var(--drupal-displace-offset-top, 0px));
    background-color: var(--color--white); 
  }
}
.mobile-nav-button__icon, 
.mobile-nav-button__icon::before, 
.mobile-nav-button__icon::after {
  border-top: solid 3px var(--white);
}

@media (min-width: 43.75rem) {
  .header-nav {
    background: var(--white);
    border-top-width: calc(var(--sp7) + var(--drupal-displace-offset-top, 0px));
  }
}
li.primary-nav__menu-link--level-2 {
    font-family: var (--roboto-condensed);
    font-weight: normal;  
}
@media (min-width: 75rem) {
  body:not(.is-always-mobile-nav) .primary-nav__menu-link--level-2 .primary-nav__menu-link-inner {
    padding-block: var(--sp0-5);
    padding-inline-start: 0;
    padding-inline-end: 0;
    font-family: var(--roboto-condensed)
  }
}
@media (min-width: 75rem) {
  body:not(.is-always-mobile-nav) .primary-nav__menu-link--level-2 .primary-nav__menu-link-inner:hover {
   color: var(--nittany-navy);
   font-weight: 400;
  }
}
body:not(.is-always-mobile-nav) .primary-nav__menu-link--level-2 .primary-nav__menu-link-inner {
   color: var(--coaly-gray);
   font-weight: 400;
   font-size: 1.3em;
   font-family: var(--roboto-condensed);
   padding-inline-start: var(--sp1);
  }

@media (min-width: 75rem) {
  .primary-nav__menu-link {
    color: var(--white);
  }
}

.primary-nav__menu-item.primary-nav__menu-item--has-children .primary-nav__menu-link--nolink {
    flex-basis: calc(100% - var(--sp3));
    color: var(--nittany-navy);
}
/*** the nav headers in the dropdown ***/
.history-nolink .primary-nav__menu-link--level-1:hover {
    font-family: var(--roboto);
    text-decoration: none;
    font-size: 1.75rem;
}
.primary-nav__menu-item--level-1 .primary-nav__menu-link:hover {
    position: relative;
    display: flex;
    letter-spacing: 0px;  
    /* color: var(--nittany-navy); */
    /* font-weight: 400; */
    text-decoration: underline; 
    font-family: var(--roboto);
    color:#fff;

}
/*** history link dropdown ***/
.primary-nav__menu--level-2.is-active-menu-parent {
    visibility: visible;
    max-height: none;
    margin-block-start: var(--sp1-5);
    opacity: 1;
    margin: 0;
    padding: 0;
}
.history-nolink .primary-nav__menu-link--nolink {
    padding-block: var(--sp0-5);
    padding-inline-start: 0;
    padding-inline-end: 0;
    color: var(--nittany-navy);
    font-weight: normal;
}
@media (min-width: 75rem) {
  body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1 {
  position: relative;
  display: flex;
  align-items: center;
  width: max-content;
  max-width: 100%;
  margin-block: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  }
}
@media (min-width: 75rem) {
  body:not(.is-always-mobile-nav) .primary-nav__button-toggle .icon--menu-toggle {
  inset-inline-start: 0.1875rem;
  width: auto;
  transform: translateY(-50%);
  border-radius: 0.25rem;
  /* background-color: var(--color--white); */
  color: var(--color--white); 
    }
  }