/*                                                                      */
/* 		               NAVIGATION - TABLET ONLY            		        */
/*                                                                      */
/* v001 02 Aug 2019 -   Initial version created from WOL tablet-only.css*/
/* v002 06 Aug 2019 -   Modified to new content element names           */
/* v003 30 Apr 2020 -   Suppressed 'my-account' styling                 */
/*                                                                      */
/*                                                                      */

/* THIS NEEDS A CONTENT ELEMENT TO BE THE 'my-account'  */

/* **************************************** */
/* 		SECONDARY NAV and MY ACCOUNT		*/
/* **************************************** */

  body.not-in-use-on-arp3 .nav-spacer {		/* Where the navigation sits in the corner of the main  */
    float: right;                               /* content area, this DIV sits behind the absolute      */
    height: 204px;                              /* positioned nav and keeps text from going behind it   */
    width: 240px;
  }

  nav.primary.not-in-use-on-arp3 ul li.xxmy-account {
	width: 240px;
  }

  nav.primary ul li.xxmy-account {
    position: absolute;
    right: 0px;
    z-index: 1;
    background-color: #5EB9E4 /* __ ARP 3 __ Light Blue (Pantone 2915c)  */;
  }
  nav.primary ul li.xxmy-account {
    top: 136px;
  }
  nav.primary.home ul li.xxmy-account {
	top: 466px;
  }
  nav.primary.not-in-use-on-arp3 ul li.xxmy-account {
    top: 278px;
  }
  nav.primary ul li.xxmy-account.hover {
    background-color: #1C3A6B /* __ ARP 3 __ Dark Blue (Pantone 541c)  */;
  }
  nav.primary ul li.xxmy-account a {
    font-weight: 800;
    padding: 13px 27px 4px 28px;
    color: white;
  }
  nav.primary.not-in-use-on-arp3 ul li.xxmy-account a {
	text-align: left;
    padding-left: 27px;
  }
  nav.primary ul li.xxmy-account.hover a,
  nav.primary ul li.xxmy-account.active a {
    border-color: transparent;
  }