/*UPDATED 12/9/2024*/ 

/*Header to Main Content*/
 :root {
    /*Walden brand colors*/
     --slate: #003b4c;
     --cyan: #00687f;
     --teal: #008ea9;
     --gold: #fdb71a;
     --green: #00a887;
     --light-gray: #dbdee0;
     --dark-gray: #5a5d66;
     --hover-bg: #B2D1D7;
    /*fonts and headings*/
     --headers: noto-serif, serif;
     --default: Arial, sans-serif;
}
/*Backend*/
/*Admin Page Breadcrumb*/
 #s-lib-admin-bc .breadcrumb, #s-lib-bc .breadcrumb {
     float: left !important;
}
div#s-lg-guide-print-url {
    padding-top: 5px;
}
/*Used to hide top navigation container added to templates Baby Hero and zzz-Side Nav so that tabs show appropriately based on need*/ 
.hide-top-tab-container {
    display: none !important;
}

/*Breadcrumbs and Print URL */
 div#page-header #s-lib-bc {
     margin-top: 0px;
}
 #s-lib-bc {
     padding-left: 15px !important;
     padding-right: 15px !important;
}
 li#s-lib-bc-group::before {
     content: " " !important;
     padding: 0;
}
 @media screen and (min-width: 1600px) {
     #s-lib-bc {
         margin-left: 150px;
    }
}
 @media screen and (max-width: 1024px) {
     #s-lib-bc {
         display: none;
    }
}
.breadcrumb>li#s-lib-bc-group, .breadcrumb>li#s-lib-bc-guide, .breadcrumb>li#s-lib-bc-page {
     display: inline-block;
}
.breadcrumb a {
     font-size: 1.6rem;
     letter-spacing: .02em;
     color: var(--light-gray) !important;
     text-decoration: none !important;
}
.breadcrumb a:hover, .breadcrumb a:focus {
	 color: var(--slate) !important;
 }
.breadcrumb>.active {
	 font-size: 1.6rem;
     letter-spacing: .02em;
     color: var(--gold) !important;
     text-decoration: none;
 }
.breadcrumb>li+li:before {
	 content: '\f061';
	 font-family: fontawesome;
	 font-size: 1.4rem; 
}
/*Hide Site Breadcrumbs for Account, School, Group*/
 #s-lib-bc-list > li:nth-child(2), #s-lib-bc-list > li:nth-child(1) {
     display: none !important;
}
/*PRINT & BROKEN URL*/
 #s-lg-guide-print-url a {
     float: right;
     font-size: 1.6rem;
     color: var(--light-gray) !important;
     text-decoration: none;
     padding-right: 10px;
     padding-left: 10px;
}
 #s-lg-guide-print-url a:hover,  #s-lg-guide-print-url a:focus {
	 color: var(--slate) !important;
 }
 #s-lg-guide-print-url a:last-child {
     border-right: 1px solid var(--light-gray);
}
 @media (min-width: 1600px) {
     #s-lg-guide-print-url {
         margin-right: 150px;
    }
}
 @media (max-width: 1024px) {
     #s-lg-guide-print-url {
         display: none;
    }
}
/*PREVIOUS AND NEXT BUTTONS*/
 #s-lg-page-prevnext {
     margin-left: 20px;
     margin-right: 20px;
     margin-bottom: 50px;
}
 @media (max-width: 1024px) {
     #s-lg-page-prevnext {
         display: none;
    }
}
/*styles previous and next buttons*/
 .pager li > a, .pager li > span {
     min-width: 250px;
     border-radius: 10px;
     box-shadow: 0px 1px 5px 0px var(--dark-gray), 0px 2px 2px 0px var(--dark-gray), 0px 3px 1px -2px var(--dark-gray);
}
 .pager li > a:focus, .pager li > a:hover {
     background-color: #00687f !important;
     color: #fff !important;
}
/*Skip to Main & Scroll to Top*/
 #s-lg-public-skiplink {
     border-bottom: 1px solid var(--dark-gray) !important;
}
/*scroll to top*/
#s-lib-scroll-top {
    right: 30px;
    background-image: url(https://d2jv02qf7xgjwx.cloudfront.net/customers/1460/images/scroll-to-top.png);
    height: 48px;
    width: 48px;
    background-size: cover;
}
#s-lib-scroll-top:hover, #s-lib-scroll-top:focus  {
    background-image: url(https://d2jv02qf7xgjwx.cloudfront.net/customers/1460/images/Back_to_Top_Button_Hover__1_.png);
}
 @media (max-width: 424px) {
     #s-lib-scroll-top {
         display: none !important;
        /*needs important tag*/
    }
}
/*Page Information*/
#page-header {
     width: 100%;
     margin-top: 0px;
     background-color: var(--slate);
	 padding-top: 3px; 
}
#s-lg-guide-desc-container, #s-lg-guide-description, #guide-title {
     display: none;
}
 #s-lg-guide-name {
     padding-left: 150px !important;
     color: #fff !important;
     font-family: Prompt;
     font-size: 4rem !important;
     font-weight: 500;
     line-height: 100%;
}
 #s-lg-guide-header-info {
     padding-left: 15px;
     margin-top: 50px;
}
 #s-lg-guide-header-info h1 {
     line-height: 100%;
     vertical-align: bottom;
     width: 95%;
}
 #s-lg-guide-desc-container {
     font-size: 2rem;
     text-align: center;
     line-height: 175% !important;
}
/*adjusting page header on Mobile*/
 @media screen and (max-width: 1599px) {
     #s-lg-guide-name {
         padding-left: 25px !important;
    }
}
 @media screen and (max-width: 1024px) {
     #s-lg-guide-name {
         margin-top: 0px !important;
         padding-left: revert !important;
         font-size: 5rem !important;
         text-align: center;
    }
     #s-lg-guide-header-info {
         margin-top: 70px !important;
    }
     #s-lg-guide-desc-container {
         font-size: 1.25rem;
    }
	#page-header {
		 background-color: #fff;
	}
}
 @media screen and (max-width: 767px) {
     #s-lg-guide-name {
         margin-top: 20px !important;
         font-size: 4rem !important;
    }
}
 @media screen and (max-width: 424px) {
     #s-lg-guide-name {
         padding-top: 10px;
         font-size: 3.25rem !important;
    }
}
/*HERO*/
/*default hero and guide title*/
div#hero-page-title {
    height: 200px;
}
 #hero {
     background-image: linear-gradient(0deg,#212322 0,rgba(33,35,34,0) 100%), url("https://libapps.s3.amazonaws.com/accounts/31417/images/walden-w-slate-hero.jpg");
     background-size: cover;
     background-repeat: no-repeat;
     height: 200px;
}
/*styles hero to have page title left and search right - content in templates*/
#grid-title-search {
	display: grid;
	grid-template-columns: 1.25fr 1fr;
	align-items: center;  	
}
@media screen and (min-width: 1025px) {
	#grid-title-search {
		height: 200px;
	}
}
@media screen and (max-width:1024px) {
	#grid-title-search {
			grid-template-columns: 1fr;
			padding-top: 16px; 
	}
}
/*IN HERO SEARCH STYLES*/ 
div#s-lg-embedded-search-widget-1724111228199 {
	width: 425px !important;
	background-color: #fff; 
	border-radius: 45px; 
	box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.30), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
	margin:auto;
}
#s-lg-embedded-search-widget-1724111228199 .s-lg-widget-search {
	width: 328px !important;
	display:inline-block !important;
}
#s-lg-embedded-search-widget-1724111228199 .s-lg-form-control {
	width: 85% !important;
    height: 53px;
    border-radius: 45px;
	border: none !important;
	box-shadow: none !important;
	background-color: transparent !important;
}
#s-lg-embedded-search-widget-1724111228199 .s-lg-form-control {
	border: 0px; 
}
div#s-lg-embedded-search-widget-1724111228199 button.s-lg-btn-api-drop.btn.btn-default {
	color:#fff !important;    
	background-color: var(--slate);
    border-radius: 45px;
    height: 40px;
	width: 90px !important;
}
input#s-lg-guide-search-1724111228199:focus-visible {
     border-radius: 45px;
    line-height: 1.5;
    width: 99% !important;
    padding: 18px;
    margin-left: 2px;
}
/*default hero and guide title*/
.hero-left-aligned-title {
	height: 430px; 
	background-position: right; 
	background-repeat: no-repeat; 
	position: relative;
	background-size: cover; 
}
/*wraps on page hero and page title*/ 

/*Adjusts Hero for Mobile*/
@media screen and (max-width: 900px) {
	.behind-mask, .hero-blue-mask, .hero-white-mask {
	background-image:none !important;
	}
}
@media screen and (min-width: 901px) {
	.behind-mask {
		margin-right: -85px; 
		min-height: 300px;
		background-repeat: no-repeat;
		background-position: right; 
	}
	.hero-blue-mask {
		background-image: URL(https://d2jv02qf7xgjwx.cloudfront.net/customers/1460/images/walden-w-blue-right.png);
		min-height: 300px;
		background-position: top right;
		background-repeat: no-repeat;
		padding-left: 24px; 
		background-size:cover;
}
	.hero-white-mask {
		background-image: URL(https://d2jv02qf7xgjwx.cloudfront.net/customers/1460/images/walden-w-white-right.png);
		min-height: 300px;
		background-position: top right;
		background-repeat: no-repeat;
		padding-left: 24px; 
		background-size:cover;
	}
}
@media screen and (min-width: 1280px) {
	.behind-mask {
		min-height: 430px; 
}
	.hero-blue-mask, .hero-white-mask  {
		min-height: 430px;  
	}
}
@media screen and (min-width: 1600px) {
	.behind-mask {
		margin-right: -85px; 
	}
}
/*OASIS Search Bar Centered*/
div#s-lg-embedded-search-widget-1723834539217 {
  width: 50%;
  margin: auto;
  background-color: #fff;
  border-radius: 45px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3),
    0px 2px 6px 2px rgba(0, 0, 0, 0.15);
}
#s-lg-embedded-search-widget-1723834539217 .s-lg-form-control {
  width: 80%;
  height: 53px;
  border-radius: 45px;
  box-shadow: none !important;
  background-color: transparent !important;
  border: 0px;
}
div#s-lg-embedded-search-widget-1723834539217
  button.s-lg-btn-api-drop.btn.btn-default {
  color: #fff !important;
  background-color: var(--slate);
  border-radius: 45px;
  height: 40px;
  width: 17%;
}
/*OASIS Search Bar for Internal Heroes  aligned-left*/
div#s-lg-embedded-search-widget-1723850281363 {
  width: 50%;
  background-color: #fff;
  border-radius: 45px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3),
    0px 2px 6px 2px rgba(0, 0, 0, 0.15);
  margin-top: 25px;
}
#s-lg-embedded-search-widget-1723850281363 .s-lg-form-control {
  width: 80%;
  height: 53px;
  border-radius: 45px;
  box-shadow: none !important;
  border: 0px;
}
div#s-lg-embedded-search-widget-1723850281363
  button.s-lg-btn-api-drop.btn.btn-default {
  color: #fff !important;
  background-color: var(--slate);
  border-radius: 45px;
  height: 40px;
  width: 17%;
}
/*OASIS Search Bar Full Width*/
div#s-lg-embedded-search-widget-1724014748316 {
  width: 80%;
  margin: auto;
  background-color: #fff;
  border-radius: 45px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3),
    0px 2px 6px 2px rgba(0, 0, 0, 0.15);
}
#s-lg-embedded-search-widget-1724014748316 .s-lg-form-control {
  width: 75%;
  height: 53px;
  border-radius: 45px;
  box-shadow: none !important;
  background-color: transparent !important;
  border: 0px;
}
div#s-lg-embedded-search-widget-1724014748316
  button.s-lg-btn-api-drop.btn.btn-default {
  color: #fff !important;
  background-color: var(--slate);
  border-radius: 45px;
  height: 40px;
  width: 22%;
}
/*OASIS Search in Nav - Resources by Degree*/
div#s-lg-embedded-search-widget-1724101538829 {
  width: 85%;
  margin: auto;
  background-color: #fff;
  border-radius: 45px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3),
    0px 2px 6px 2px rgba(0, 0, 0, 0.15);
}
#s-lg-embedded-search-widget-1724101538829 .s-lg-form-control {
  width: 75%;
  height: 53px;
  border-radius: 45px;
  box-shadow: none !important;
  background-color: transparent !important;
  border: 0px;
}
div#s-lg-embedded-search-widget-1724101538829
  button.s-lg-btn-api-drop.btn.btn-default {
  color: #fff !important;
  background-color: var(--slate);
  border-radius: 45px;
  height: 40px;
  width: 22%;
}
/*OASIS Search in Nav - Resources by Topic*/
div#s-lg-embedded-search-widget-1724101634230 {
  width: 80%;
  margin: auto;
  background-color: #fff;
  border-radius: 45px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3),
    0px 2px 6px 2px rgba(0, 0, 0, 0.15);
}
#s-lg-embedded-search-widget-1724101634230 .s-lg-form-control {
  width: 75%;
  height: 53px;
  border-radius: 45px;
  box-shadow: none !important;
  background-color: transparent !important;
  border: 0px;
}
div#s-lg-embedded-search-widget-1724101634230
  button.s-lg-btn-api-drop.btn.btn-default {
  color: #fff !important;
  background-color: var(--slate);
  border-radius: 45px;
  height: 40px;
  width: 17%;
}
/*Hide Hero Searches on Mobile*/
/*container for internal heroes, container for homepage center hero search*/
@media screen and (max-width: 1024px) {
  div#s-lg-box-33099183-container,
  div#s-lg-box-33097554-container,
  div#s-lg-widget-1724111228199 {
    display: none;
  }
}
/*MOBILE ONLY SEARCH - ID in TEMPLATE*/
@media screen and (max-width: 1024px) {
  #mobile-search-only {
    display: block;
    padding-top: 8px;
  }
}
@media screen and (min-width: 1025px) {
  #mobile-search-only {
    display: none;
  }
}
div#s-lg-embedded-search-widget-1724441332197 {
  width: 85%;
  margin: auto;
  background-color: #fff;
  border-radius: 45px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3),
    0px 2px 6px 2px rgba(0, 0, 0, 0.15);
}
#s-lg-embedded-search-widget-1724441332197 .s-lg-form-control {
  width: 75%;
  height: 53px;
  border-radius: 45px;
  box-shadow: none !important;
  background-color: transparent !important;
  border: 0px;
}
div#s-lg-embedded-search-widget-1724441332197
  button.s-lg-btn-api-drop.btn.btn-default {
  color: #fff !important;
  background-color: var(--slate);
  border-radius: 45px;
  height: 40px;
  width: 22%;
}
/*Side NAVIGATION - generated by LibGuides*/
ul.nav.nav-pills.nav-stacked li a {
    text-decoration: none;
}
ul.nav.nav-pills.nav-stacked li.active a.active span:before {
    border-left: 4px solid var(--gold);
    margin-left: -12px;
    margin-right: 8px;
    content: '';
}
ul.nav.nav-pills.nav-stacked li.active a.active span {
	font-weight: 700;
}
.nav-pills > li a {
    font-weight: normal !important;
}
.nav-stacked>li a:after {
    content: '\f061';
    font-family: fontawesome;
    display: inline-block;
    position: absolute;
    right: 0;
}
.nav-stacked>li a.active:after {
 display: none; 
}
/*Universal Navigation and Search Bar Header */
/*Logo site title*/
#walden-logo {
  float: left;
  margin-top: 25px;
  margin-left: 20px;
}
#logo-site-title {
  color: var(--cyan);
  font-size: 3.5rem;
  position: relative;
  display: inline-block;
  padding-top: 0px;
  font-weight: 700;
  justify-self: right;
}
#logo-site-title a {
  font-family: mulish;
  padding-left: 15px;
  text-decoration: none;
}
@media (min-width: 1600px) {
  #logo-site-title {
    margin-left: 15px;
  }
}
@media (max-width: 1024px) {
  #logo-site-title {
    text-align: center;
    display: block;
    margin-bottom: 10px;
  }
  #logo-site-title a {
    padding-left: revert;
  }
}
@media (max-width: 725px) {
  #logo-site-title a {
    padding-left: 15px;
    display: block;
    margin-top: 0px;
  }
}
@media (max-width: 424px) {
  #logo-site-title a {
    padding-left: revert;
    font-size: 2.5rem;
  }
}

/*Universal Navigation Login Header*/
/*adds a green lock before login links*/
 #universal-navigation {
     height: 65px;
     width: 100%;
     background-color: #00657c;
     margin-top: -10px;
	 position: relative;
	 z-index: 999; 
}
 #universal-navigation img {
     padding-top: 5px;
}
 #universal-navigation ul {
     list-style-type: none;
     float: right;
     padding-top: 20px;
}
 #universal-navigation li {
     float: right;
     padding-right: 12px;
     padding-top: 5px;
}
 #universal-navigation a {
     padding: 10px;
     text-decoration: none;
     color: #fff;
}
 #universal-navigation a:hover, #universal-navigation a:focus {
     color: #fff !important;
     text-decoration: underline;
     background-color: transparent !important;
}
 @media screen and (min-width: 1600px) {
     #universal-navigation img {
         padding-left: 150px;
    }
     #universal-navigation ul {
         margin-right: 150px;
    }
}
 @media screen and (max-width: 424px) {
     #universal-navigation ul {
         display: none;
    }
}
 /*Switching to Mobile Navigation*/
 @media screen and (max-width:1024px) {
     #universal-navigation {
         display: none !important;
    }
	
 }
 a#oasis-logo-link {
background-image: URL(https://d2jv02qf7xgjwx.cloudfront.net/customers/1460/images/W_and_OASIS_small.png);
height: 50px;
    margin-top: -7px;
    padding-right: 10px;
    width: 250px;
    display: block;
    background-repeat: no-repeat;
background-size: contain; 
}

 a#oasis-logo-link:hover, a#oasis-logo-link:focus {
background-color: var(--hover-bg) !important; 
background-image: URL(https://d2jv02qf7xgjwx.cloudfront.net/customers/1460/images/walden-logo-slate-small.png); 
} 
/*MOBILE NAVIGATION*/
/*To Mimic Hamburger Navigation*/
 .mobile-container {
     width: 100%;
     margin: auto;
     height: 75%;
     color: white;
     display: none;
     margin-bottom: 10px;
}
/*Use font awesome hamburger icon and link it to the site index*/
img.mobile-logo {
    width: 100%;
    max-width: 300px;
}
.topnav {
     background-color:var(--slate);
     position: relative;
	display: grid;
    grid-template-columns: 1fr 250px;
}
.topnav a {
     width: auto;
     color: #fff !important;
     padding: 10px 16px;
     text-decoration: none !important;
     font-size: 30px;
     display: inline-block;
     font-family: var(--headers) !important;
}
 @media screen and (max-width: 1024px) {
     .mobile-container {
         display: block;
    }
}
 @media screen and (max-width: 424px) {
     .topnav a {
         padding: 10px 16px;
         font-size: 22px;
    }
 }
/*NEW NAVIGATION CODE*/ 
/*new custom code*/
#degreeResources-megamenu {
    margin-left: -224px;
  }
#topicResources-megamenu {
  margin-left: -220%;
}
@media screen and (min-width: 1600px) {
  #degreeResources-megamenu {
    margin-left: -324px;
  }
  #topicResources-megamenu {
    margin-left: -270%;
  }
}
/*NAVIGATION CONTAINER FORMATTING*/
#navigation-link-container {
    display: grid;
    grid-template-columns: 200px 1fr;
    align-items: center;
	background-color: #fff; 
}
@media (min-width: 1600px) {
	div#navigation-link-container {
    padding-left: 100px;
	}
}
/*STANDARD NAVIGATION FORMATTING FOR BOOTSTRAP 3*/
.navbar {
  margin-bottom: 0px;
  border-radius: 0px !important;
}
.navbar-nav {
  background-color: #fff !important;
  height: auto;
  width: 100%;
  padding-left: 24px;
}
.navbar-default {
  background-color: #fff;
  border: none;
}
.nav.navbar-nav ul {
  background-color: #fff;
  min-height: 50px;
  display: block;
  margin-top: -8px;
}
.navbar-nav > li {
  display: inline-block;
}
.nav.navbar-nav li ul::before {
  display: none;
}
.nav > li > a {
  padding: 10px 20px 10px 7px !important;
}
.nav.navbar-nav li ul li {
  display: block;
  font-size: 1.5rem !important;
  line-height: 150%;
  list-style-type: none;
  position: static;
  text-align: left;
}
.nav.navbar-nav li:focus-within ul li a:focus {
  background-color: transparent !important;
  color: var(--slate) !important;
  font-weight: 700;
  display: block;
  text-decoration: underline !important;
}
.nav.navbar-nav li ul li a:hover {
  color: var(--slate);
  display: block;
  text-decoration: underline !important;
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  color: var(--slate);
  background-color: var(--hover-bg);
}
.nav > li > a:hover {
  outline: none;
}
.navbar-nav li:hover,
.navbar-nav li:focus,
.navbar-nav li:focus-within {
  background-color: transparent;
}
.nav.navbar-nav li ul li:hover,
.nav.navbar-nav li ul li:focus {
  border: none;
}
/*Top Level Navigation Links*/ 
/*top-level link styling*/
.navbar-default .navbar-nav > li > a.navigation-top-level-item {
  font-family: Roboto;
  font-size: 20px;
  line-height: 25.1px;
  color: #272727;
  background-color: transparent;
  border: none;
  padding-bottom: 15px;
  padding-top: 15px;
  border-bottom: 8px solid #fff;
  text-decoration: none !important;
}
.navbar-default .navbar-nav > li:focus a.navigation-top-level-item,
.navbar-default .navbar-nav > li:hover a.navigation-top-level-item,
.navbar-default .navbar-nav > li > a.navigation-top-level-item:focus-within {
  color: var(--slate) !important;
  background-color: transparent;
  font-weight: 600;
}
.nav.navbar-nav li a.navigation-top-level-item:focus,
.nav.navbar-nav li:active a.navigation-top-level-item,
.nav.navbar-nav li:hover a.navigation-top-level-item {
  border-bottom: 8px solid var(--gold);
}
/*Adjusting for Mobile*/
 @media screen and (max-width: 1400px) {
     .nav.navbar-nav li ul li a {
         padding: 7px;
         font-size: 1.6rem !important;
    }
     .navbar-default .navbar-nav>li>a {
         font-size: 2rem !important;
    }
}
 @media screen and (max-width: 1310px) {
     .nav.navbar-nav li ul li a {
         padding: 5px;
         font-size: 1.6rem !important;
    }
}
 @media screen and (max-width: 1100px) {
     .nav.navbar-nav li ul li a {
         padding: 3px;
         font-size: 1.65rem !important;
    }
     .navbar-default .navbar-nav>li>a {
         font-size: 1.8rem !important;
         padding-right: 10px;
    }
}
 @media screen and (max-width: 1024px) {
     .nav.navbar-nav li:hover ul, .nav.navbar-nav li:focus-within ul {
         display: none;
    }
     .universal-navigation, .help-support, .navbar, div#logo-site-title {
         display: none;
    }
}

/*NAVIGATION STYLES IN GROUP HEADER*/ 
.navigation-megamenu {
  display: none;
}
/*opens megamenu dropdown on click*/ 
.navigation-megamenu.active {
	display: grid;
	grid-template-columns: 60% 38%;
	grid-column-gap: 2%;
	width: 100vw;
	position: absolute;
	z-index: 1040;
	background-color: #fff;
	left: 0px;
	top: 53px;
	border-bottom: 1px solid; 
	height: 99vh; 
}
/*second level navigation links*/ 
/*container that holds the entire dropdown*/
.navigation-megamenu-links {
  padding: 15px;
}
/*Links*/
.nav.navbar-nav li ul.navigation-dropdown {
  position: absolute;
  z-index: 1040;
  left: 0;
  border: none;
  padding-top: 8px;
  padding-bottom: 20px;
  padding-left: 16px;
  padding-right: 10px;
  text-align: left;
  text-decoration: none;
  width: 30%;
  display: block; 
}
.nav.navbar-nav li ul li.navigation-dropdown-item a {
  position: relative;
  padding: 10px;
  color: var(--slate) !important;
  line-height: 190%;
  text-decoration: none !important;
  display: grid;
  grid-template-columns: 1fr 20px;
  align-items: center;
  width: 100%; 
  font-family: Roboto;
  font-size: 1.85rem;
  background-color: transparent;
  border: none;
  margin: 15px 0px;
}
li.navigation-dropdown-item a:hover,
li.navigation-dropdown-item a:focus {
  font-weight: 700;
}
li.navigation-dropdown-item a:hover::after,
li.navigation-dropdown-item a:focus::after,
li.navigation-dropdown-item a:active::after {
  content: url(https://d2jv02qf7xgjwx.cloudfront.net/customers/1460/images/right-chevron-slate-gray-background.png);
  display: inline-block;
  position: absolute;
  right: 0;
}
li.navigation-dropdown-item a:active {
  font-weight: 700px;
}
/*CONTAINS THIRD LEVEL LINKS*/
.navigation-dropdown-submenu-container {
  display: none;
}
.navigation-dropdown-submenu-container.active {
  display: block;
  position: absolute;
  left: 100%;
  top: 20px;
  border-left: 1px solid var(--light-gray);
  padding-left: 20px;
  width: 100%; 
}

.navigation-dropdown-submenu-container p {
font-size: 16px; 
}
ul.navigation-dropdown-submenu li a {
  font-family: Roboto;
  font-size: 24px;
  line-height: 30.12px;
  display: block;
  margin: 10px 0px;
}
ul.navigation-dropdown-submenu li a:hover::after {
  content: url(https://d2jv02qf7xgjwx.cloudfront.net/customers/1460/images/right-arrow-slate-gold-background.png);
  display: inline-block;
  position: absolute;
  right: 0;
}
ul.navigation-dropdown-submenu li a:hover,
ul.navigation-dropdown-submenu li a:focus {
  font-weight: 700;
  background-color: transparent !important;
}
/*RIGHT SIDE COLUMN WITH SLATE BACKGROUND*/
.navigation-megamenu-static-column {
  background-color: var(--slate);
  padding: 30px;
}
.navigation-megamenu-static-column a.button-square-gold {
    font-size: 16px;
}
/*Skip to next megamenu link*/
/*adds a hidden skip to next menu item available only on focus - manually create the links*/
 li.nav-skip-item {
     height: 0px !important;
	width: 80% !important; 
	position:absolute !important; 
}
 .nav.navbar-nav li ul li a.nav-skip-link {
     position: absolute;
     transform: translateY(-100%);
     background: transparent;
     position: absolute;
     transform: translateY(-50%);
     transition: transform 0.3s;
     z-index: -100;
     color: transparent !important;
}
 .nav.navbar-nav li ul li a.nav-skip-link:focus {
     transform: translateY(-100%);
     z-index: 1000;
     color: #333 !important;
     background-color: var(--hover-bg) !important;
	width: 80%; 
}
 .nav.navbar-nav li ul li a.nav-skip-link:focus::after {
	display: none;
} 
a.nav-skip-search {
    top: 0;
    position: absolute;
    height: 0px;
    right: -999px;
}
a.nav-skip-search:focus {
    position: relative;
    background-color: var(--hover-bg);
    right: 0;
}
.close-button-container {
   display: flex;
   justify-content: flex-end;
}
button.close-megamenu {
    text-align: center;
    margin-left: auto;
    margin-bottom: 8px;
    border: none;
	text-decoration: underline;
	color: #fff; 
	background-color: transparent; 
}
button.close-megamenu:hover, button.close-megamenu:focus {
	color: var(--slate);
	background-color: var(--hover-bg);
} 
h2.navigation-h2 {
	font-family: noto-serif;
	color:  #003C56 !important;
	font-size: 40px; 
}
h2.navigation-h2:after {
  display: none;
}
h3.navigation-h3 {
  font-family: noto-serif;
  font-size: 32px;
  font-weight: 700;
  color: var(--slate);
  line-height: 43.58px;
}