/*                                                                      */
/* 		            	PRIMARY NAV     	                   	        */
/*                                                                      */
/* v001 02 Aug 2019 -   Initial version cut from WOL mobile.css         */
/* v002 06 Aug 2019 -   Modified to new content element names           */
/*                                                                      */
/*                                                                      */


div.wrapper.nav { 
  background-color: white;
}

nav.primary {
  min-height: 50px;			/* To allow space for p.pagetitle */
}
nav.primary {
  padding: 0;
}
nav.primary p.pagetitle {
  /*position: absolute;*/
  padding: 10px 0 10px 20px;
  margin: 0;
  color: white;
  font-size: 12px;
  font-weight: bold;
  line-height: 30px;
  text-transform: uppercase;
  border-bottom: 2px solid white;
}
header.home nav.primary p.pagetitle { 
  text-indent: -9999px;
  background-position: 50% -518px;
  width: 23px;
} 
nav.primary ul {
  display: none;
  background-color: white;
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 0;		/* Needed or Chrome gives borders too deep.  Set back in ul li a */
  border-right: 52px solid white;
}
nav.primary ul li.home,
nav.primary ul li.welcome,
nav.primary ul li.my-account {
  display: none;
}
nav.primary ul li {
  padding: 0;
  margin: 0;
  overflow: hidden;
  vertical-align: middle;
  line-height: 0;		/* Needed or Chrome gives borders too deep.  Set back in ul li a */
}
nav.primary ul li a {
  display: block;
  height: 20px;
  font-size: 20px;
  font-weight: normal;
  line-height: 1.35em;
  text-decoration: none;
  margin: 0;
  border-left: 2px solid white;
  padding: 17px 0 19px 25px;
  overflow: hidden;
  color: white;
}
nav.primary ul li.first a,
nav.primary ul li.trust a {		/* This is cheating - take top border off first item to actually be displayed */
  border-top: none;
}
nav.primary ul li.last a {
}
nav.primary ul li.hover a {
  /* Do not use on mobile nav - it hands on to subnav */
}
nav.primary ul li a:hover {
  color: #6E267B /* __ ARP 3 __ Purple (Pantone 259c) */;
  background-color: white;
}
nav.primary ul li.active a {
    /* Background color removed 27 Aug 2020 [AUG-2020-REVAMP] */
}
nav.primary ul li.active a:hover {
    /* Background color and color removed 27 Aug 2020 [AUG-2020-REVAMP] */
}
nav.primary ul li ul {			/* Get rid of the bottom padding for secondary nav because it's usually empty */
  display: none;
  padding: 0;
  border-right: 0;
  border-bottom: none;
  background-color: #0083A9 /* __ ARP 3 __ Blue (Pantone 314c) */;
}

nav.primary li.search {
  display: none;
}

nav.secondary { display: none; }	/* Don't display separate secondary panel as that only used tablet and above */
section.content article.secondary-nav { display: none; }