/*                                                                      */
/* 		               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           */
/*                                                                      */
/*                                                                      */

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

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

  body.etv .nav-spacer,
  body.options-for-your-benefits .nav-spacer,
  body.help-and-contacts .nav-spacer {		/* This sits behind the absolute position nav and keeps text from going behind it */
    float: right;
    height: 204px;
    width: 240px;
  }
  body.options-for-your-benefits .nav-spacer { height: 320px; }
  body.help-and-contacts .nav-spacer { height: 260px; }

  nav.primary ul li.my-account {
    position: absolute;
    right: 0px;
    z-index: 1;
    background-color: #0072ce /* CSG Blue (Pantone 285C) */;
  }
  body.etv nav.primary ul li.my-account,
  body.options-for-your-benefits nav.primary ul li.my-account,
  body.help-and-contacts nav.primary ul li.my-account {
	width: 240px;
	right: 5px;
  }

 nav.primary ul li.my-account {
    top: 166px;         /* Changed 136px to 166px 4 Jul 2024 because of added logo */
  }
  nav.primary.home ul li.my-account {       /* Make room for Features */
	top: 496px;         /* Changed 466px to 496px 4 Jul 2024 because of added logo */
	width: 190px;       /* Changed 170px to 190px 4 Jul 2024 because of added logo */
  }
/*  body.etv nav.primary ul li.my-account { top: 278px; }
  body.options-for-your-benefits nav.primary ul li.my-account { top: 406px; }
  body.help-and-contacts nav.primary ul li.my-account { top: 343px; } */

  nav.primary ul li.my-account.hover {
    background-color: black;
  }
  nav.primary ul li.my-account a {
    font-weight: 800;
    padding: 13px 27px 4px 28px;
    color: white;
  }
  body.etv nav.primary ul li.my-account a,
  body.options-for-your-benefits nav.primary ul li.my-account a,
  body.help-and-contacts nav.primary ul li.my-account a {
	text-align: left;
    padding-left: 27px;
  }
  nav.primary ul li.my-account.hover a,
  nav.primary ul li.my-account.active a {
    border-color: transparent;
  }