/* New system Menu Test */
#universal-navigation {
  background-color: var(--slate);
}
/* Logo site title styles */
div#logo-site-title a:hover,
div#logo-site-title a:focus {
  background-color: var(--hover-bg);
  color: var(--slate);
  text-decoration: none;
}
#logo-site-title {
  margin-top: 20px;
}
@media screen and (min-width: 1600px) {
  #universal-navigation img {
    padding-left: 0px !important;
  }
  #logo-site-title {
    padding-left: 150px;
  }
}
li.ask-oasis a {
  padding-top: 16px !important;
  border: none !important;
}
p.walden-w-temp {
  font-size: 4.5rem;
  display: inline-flex;
  color: #fff;
  font-family: noto;
  margin-top: -20px;
}

/* Basic styles for the navigation */
.system-navbar-container {
  position: relative;
  background-color: #fff;
}
.system-navbar-nav {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}
.system-navbar-nav li {
  position: relative;
}
.system-navbar-nav a {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px; 
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none !important;
  color: #000 !important;
}

/* Megamenu wrapper styles */
.system-megamenu-wrapper {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100vw;
  background-color: #fff;
  border-top: 1px solid #dadada;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  padding: 24px;
  z-index: 1000;
  flex-direction: column;
}
@media screen and (min-width: 1600px) {
  .system-navbar-container {
    padding-left: 150px;
  }
  .system-megamenu-wrapper {
    margin-left: -150px;
    padding-left: 150px;
  }
}
@media screen and (max-width: 1024px) {
	.system-navbar-container {
    display: none;
}
.topnav {
    background-color: var(--slate);
    position: relative;
    display: grid;
    grid-template-columns: 1fr 90px;
    align-items: center;
}
} 
/* Megamenu styles */
.system-megamenu {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.system-megamenu .system-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.system-megamenu .system-grid ul li {
  margin-bottom: 10px;
}
.system-megamenu-wrapper-header {
  display: grid;
  grid-template-columns: 3fr 1fr;
  grid-column-gap: 32px;
}
.system-megamenu {
  display: block;
}
.system-megamenu-marketing-promo {
  display: grid;
  grid-template-columns: 3fr 1fr;
}
.marketing-promo-content {
  background-color: var(--slate);
  padding: 16px;
}
.marketing-promo-content h2,
.marketing-promo-content h3,
.marketing-promo-content p {
  color: #fff !important;
}

/* Show the megamenu on click */
.system-navbar-nav li.open .system-megamenu-wrapper {
  display: flex;
}

/* Secondary list styles */
ul.system-secondary-list.ul-3-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  list-style-type: none;
  padding-left: 0px;
}
ul.system-secondary-list.ul-2-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  list-style-type: none;
  padding-left: 0px;
}
ul.system-third-level-links {
  list-style-type: none;
  padding: 0px;
}
ul.system-third-level-links a,
ul.system-secondary-list a {
  padding: 5px;
  border: none;
  text-decoration: none; 
}

/* Submenu header styles */
li.submenu-header p {
  font-size: 2rem;
  color: var(--slate);
  font-weight: bold;
  padding: 0px;
  margin: 0px;
}
li.submenu-header a {
  font-size: 2rem;
  color: var(--slate);
  font-weight: bold;
  position: relative; /* Ensure the pseudo-element is positioned relative to the link */
  text-decoration: none;
}
li.submenu-header a::after {
  content: "";
  display: block;
  width: 66%;
  border-bottom: 4px solid var(--gold);
  position: absolute;
  bottom: 0;
}
li.submenu-header p::after {
  content: "";
  display: block;
  width: 66%; /* Set the width to 66% */
  border-bottom: 4px solid var(--gold); /* Apply the border */
  bottom: 0; /* Position it at the bottom of the link */
}

/* Third-level links styles */
li.third-level-links a {
  font-weight: normal;
  border: none;
  color: var(--dark-gray);
  width: 100%;
  text-decoration: none;
}
li.third-level-links a:after {
  display: none;
}
li.third-level-links a:hover,
li.third-level-links a:focus {
  font-weight: bold;
}

/* Correcting the margin on megamenus */
div#megamenu-Library {
  margin-left: -235%;
}
div#megamenu-writing-apa {
  margin-left: -523%;
}
div#megamenu-math-stats {
  margin-left: -187%;
}
div#megamenu-success {
  margin-left: -355%;
}
div#megamenu-research {
  margin-left: -203%;
}
@media screen and (min-width: 1600px) {
  div#megamenu-Library {
    margin-left: -412%;
  }
  div#megamenu-writing-apa {
    margin-left: -617%;
  }
  div#megamenu-math-stats {
    margin-left: -285%;
  }
  div#megamenu-success {
    margin-left: -437%;
  }
  div#megamenu-research {
    margin-left: -273%;
  }
}
/* Submenu wrapper link styles */
a.submenu-wrapper-link {
  font-size: 2.5rem;
  padding: 0px;
  margin-bottom: 24px;
  width: 80%;
}
a.submenu-wrapper-link:hover {
  text-decoration: underline;
}

/* Close button styles */
button.close-navigation-menu {
  border: none;
  background-color: transparent;
  text-decoration: underline;
  right: 35px;
  position: absolute;
}
button.close-navigation-menu:hover,
button.close-navigation-menu:focus {
  background-color: var(--hover-bg);
  font-weight: bold;
}
/*LibCal Menus*/
/*RESEARCH*/ div#api_upc_cid2585_iid1415 a, 
/*LIBRARY*/div#api_upc_cid17196_iid1415 a, div#api_upc_cid17196_iid1415 span {
    color: #fff !important;
}
/*LIBRARY*/div#api_upc_cid17196_iid1415 a {
text-decoration: underline !important;
}
/*RESEARCH*/ div#api_upc_cid2585_iid1415 a:hover, .div#api_upc_cid2585_iid1415 a:focus, 
/*LIBRARY*/ div#api_upc_cid17196_iid1415 a:hover, .div#api_upc_cid17196_iid1415 a:focus
 {
    color: var(--slate) !important;
background-color: var(--hover-bg); 
}
/*LIBRARY*/ div#api_upc_cid17196_iid1415 ul {
    margin-inline-start: 0px !important;
    list-style: none;
    padding-left: 8px;
}
/*LIBRARY*/ div#api_upc_cid17196_iid1415 li {  
    border: 1px solid #fff;
    padding: 8px;
margin: 8px; 
}
/*LIBRARY*/ div#api_upc_cid17196_iid1415 a, div#api_upc_cid17196_iid1415 span {
padding-left: 8px; 
}
/*LIBRARY*/ div#api_upc_cid17196_iid1415 br {
display: none;
}