/* css */


/*STATIC NAVBAR*/
#nav_static {width:auto;}
#mobile_top_nav_wrapper {margin:0;}

/* MISC nav styles*/
footer nav ul{padding:0;}
footer .mobile_nav_quick_reference {list-style:none;margin:0;padding:0;}
footer .mobile_nav_quick_reference a,footer .mobile_nav_quick_reference a:visited,footer .mobile_nav_quick_reference a:hover{
  padding: 7px 0;
  color: #ffffffb3;
  width: 100%;
  display: block;
}
a#header_link_top,a#header_link_home,a#header_link_members
{
  display:block;float:left;
  height:60px;width:40px;line-height:35px;
  margin-right:16px;
}

a#header_link_top  {width:30px;background:url(images/top_icon.png) no-repeat center center;}
a#header_link_home {background:url('images/home_icon.png') no-repeat center center;}


/*STANDARD NAVBAR*/
nav {}
nav ul {margin:0;list-style-type:none;padding: 0;text-align:right;}  
nav ul li {display:inline-block;}

nav a, nav a:visited {
  text-decoration: none;
  font-size: 17px;
  text-transform: none;
  line-height: 40px;
  padding: 0 10px;
  display: block;
  color: #000;
  text-align: center;
  white-space: nowrap;
  border-bottom: 3px solid transparent;
}

nav a:hover {
  color: #000;
  background:#efefef;
  text-decoration: none;
  border-bottom: 3px solid var(--corp-color);
}
nav .selected_nav a,nav .selected_nav a:hover 
{
  border-bottom: 3px solid var(--corp-color-dark);
}  

/* VERTICAL NAV */
nav.nav_vertical {position: relative;}
nav.nav_vertical .at-minimal_toolbar {top:0;}
nav.nav_vertical ul li
{
  display:block;
  float:none;
  clear:both;
  text-align:left;
}

nav.nav_vertical .navbar_dropdown_menu {height:auto;}
nav.nav_vertical a,nav.nav_vertical a:visited
{
  text-align:left; 
}

/*Navbar in footer*/
footer nav.nav_vertical .at-minimal_toolbar {right:0;}
footer nav a,footer nav a:visited,footer nav a:hover
,footer nav .selected_nav a,footer nav .selected_nav a:visited
{
  text-decoration:none;
  font-size: 1.1rem;
  text-transform:none;
  line-height: normal;
  padding: 5px 10px;
  display:block;
  color: #fff;
  white-space:normal;
  background:none;
  border:none!important; 
  min-height:10px;

}

footer nav a:hover
,footer nav .selected_nav a:hover 
{
  color: #fff;
  text-decoration:none;
  background: #c0c0c066;
}

#nav_wrapper{
  display:grid;
  align-content:center;
  align-items:center;
}

/* MOBILE NAV */
#mobile_top_nav_controls
{
  padding: 12px;
}
#mobile_top_nav_controls_secondary
{
  position:relative;/*for "more" text*/
  display:block; 
}

#mobile_top_nav_controls .mobile_top_nav_hide:after
,#mobile_top_nav_controls_secondary .mobile_top_nav_hide:after
{
  content: "";
  display: none;
  font-size: 10px;
  position: absolute;
  right: 10px;
  top: 38px;
  color: rgba(75, 75, 75, 1);
}

#mobile_top_nav_controls_secondary .mobile_top_nav_hide:after {top: 5px;}

#mobile_top_nav_controls .mobile_top_nav_show:after
,#mobile_top_nav_controls_secondary .mobile_top_nav_show:after
{
  content: "";
  display: none;
  font-size: 10px;
  position: absolute;
  right: 11px;
  top: 5px;
  color: rgba(75, 75, 75, 1);
}

#mobile_top_nav_controls_secondary
{
  padding: 0px 10px;
  top:9px;
}

#mobile_top_nav_controls_secondary .mobile_top_nav_show:after {}

.mobile_top_nav_hide.bottom_of_menu
{
  background: url("images/ico_nav_drawer_close.png") no-repeat 10px center #efefef;
  padding-left:40px;
  margin-top:15px;
  display:none;
}


#mobile_top_nav_controls .mobile_top_nav_hide
,#mobile_top_nav_controls_secondary .mobile_top_nav_hide
{
  min-height:30px;
  background: url("images/close-black.svg") no-repeat center right;
  background-size:contain;
  display:none;
  border:none;
}

#mobile_top_nav_controls .mobile_top_nav_show
,#mobile_top_nav_controls_secondary .mobile_top_nav_show
{
  min-height:30px;
  background: url("images/menu-black.svg") no-repeat center right;
  background-size:contain;
  display: block;
  border:none;
}

#mobile_top_nav_secondary_wrapper {min-height:20px;position:relative;}
#mobile_top_nav_secondary_wrapper input
{
  /*Input button for editing*/
  right:10px;top:0;
}

#mobile_top_nav_secondary_wrapper menu {top:0;}

#mobile_top_nav_controls span {display:none;}

.mobile_nav_title
{
  display:none;
  background:#ddd;color:#999;text-align:center;line-height:40px;font-size:20px;
}

/* Secondary Nav */
#mobile_top_nav_secondary_wrapper
{
  margin:0;
  display:none;
}



/* SECONDARY and QUICK REF NAV*/

nav .mobile_nav_secondary,nav .mobile_nav_quick_reference
{
  display:none;
}

#mobile_top_nav_controls.mobile_nav_open .mobile_top_nav_hide
,#mobile_top_nav_controls_secondary.mobile_nav_open .mobile_top_nav_hide
{
  display:block;
}

#mobile_top_nav_controls.mobile_nav_open .mobile_top_nav_show
,#mobile_top_nav_controls_secondary.mobile_nav_open .mobile_top_nav_show
{
  display:none;
}

#mobile_top_nav_secondary_wrapper.mobile_nav_open {display:block;background:#dfdfdf;}

nav .mobile_nav_quick_reference a
, nav .mobile_nav_quick_reference a:visited
, nav .mobile_nav_quick_reference a:hover {
    background: #fff;
    color: #000;
}


/* Admini tool for drop down editing */
#m_navbar_dropdown div[style*="position:absolute"]
{
  /*position:relative !important;*/
  margin-top:-40px;
}

#mobile_top_nav_secondary_wrapper.mobile_nav_open {
  display: block;
  background: #014880;
  border-radius: 0;
  overflow: hidden;
  position: absolute;
  top: 50px;
  z-index: 100;
  min-width: 250px;
  right: 0;
}

.mobile_nav_secondary #m_navbar_dropdown ul {
  padding:0;
}

.mobile_nav_secondary #m_navbar_dropdown ul li {
  display: block;
  width: 100%;
}

.mobile_nav_secondary #m_navbar_dropdown ul li a, .mobile_nav_secondary #m_navbar_dropdown ul li a:visited, .mobile_nav_secondary #m_navbar_dropdown ul li a:hover {
  text-align: left;
  padding: 0 20px;
  color: #fff;
  line-height: 50px;
  border: none;
}
.mobile_nav_secondary #m_navbar_dropdown ul li a:hover{background:#ffffff0f;}

/** DROPDOWN NAV **/
.navbar_dropdown_menu {width:100%; position:relative;}
/* remove all the bullets, borders and padding from the default list styling */
.navbar_dropdown_menu ul {padding:0;margin:0;list-style-type:none;}
.navbar_dropdown_menu ul ul {width:150px;text-align:left;z-index:10000;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.navbar_dropdown_menu li {float:left;position:relative;white-space:nowrap;}
/* style the links for the top level */
.navbar_dropdown_menu a, .navbar_dropdown_menu a:visited
{/*display:block;*/text-decoration:none; }
.navbar_dropdown_menu li:last-child a{border:none;}
/* style the second level background */
.navbar_dropdown_menu ul ul a.drop, .navbar_dropdown_menu ul ul a.drop:visited {background:#d4d8bd url(breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.navbar_dropdown_menu ul ul a.drop:hover{}
.navbar_dropdown_menu ul ul :hover > a.drop {background:#c9ba65 url(breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.navbar_dropdown_menu ul ul ul a, .navbar_dropdown_menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.navbar_dropdown_menu ul ul ul a:hover {background:#333;}
/* hide the sub levels and give them a positon absolute so that they take up no room *//*location of dropdown*/
.navbar_dropdown_menu ul ul {visibility:hidden; position:absolute;height:0;top:100%;right:0; width:auto;}
/* position the third level flyout menu */
.navbar_dropdown_menu ul ul ul{left:149px; top:-1px; width:149px;}
/* position the third level flyout menu for a left flyout */
.navbar_dropdown_menu ul ul ul.left {left:-149px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.navbar_dropdown_menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
/* style the second level links */
.navbar_dropdown_menu ul ul a, .navbar_dropdown_menu ul ul a:visited {
  /*background:#fff;color:#4D6B81;padding:5px 10px !important;line-height:1em;*/
  background:#efefef;
  box-shadow:2px 2px 4px rgba(0,0,0,.4);-moz-box-shadow:2px 2px 4px rgba(0,0,0,.4); -webkit-box-shadow:2px 2px 4px rgba(0,0,0,.4);
  display:block;
  height:auto;
  width:210px;}
/*STYLE : Top/bottom of dropdown menu. */
.navbar_dropdown_menu a,.navbar_dropdown_menu a:hover {border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;}
.navbar_dropdown_menu ul ul li:first-child a {border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;}
.navbar_dropdown_menu ul ul li:last-child a {border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;}
/* style the top level hover */
.navbar_dropdown_menu a:hover, .navbar_dropdown_menu ul ul a:hover{}
/* style the SECOND level hover */
.navbar_dropdown_menu ul ul :hover > a { display:block;background:#e1e1e1;color:#000;}

/* MENU ACTIONS */
/* make the second level visible when hover on first level list OR link */
.navbar_dropdown_menu ul li:hover ul,
.navbar_dropdown_menu ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.navbar_dropdown_menu ul :hover ul ul{visibility:hidden;z-index:10000;}
/* make the third level visible when you hover over second level list OR link */
.navbar_dropdown_menu ul :hover ul :hover ul{ visibility:visible;}


#mobile_top_nav_controls
{
  display:none;
}

.nav_show{display:block;}
.nav_hide{display:none;}



@media (max-width: 800px),(max-device-width: 800px)
{
  nav a, nav a:visited, nav a:hover{border:none;}
  nav a,nav a:visited {font-size:1rem;}
  .mobile_nav_secondary #m_navbar_dropdown ul li a:hover {background: transparent;}
  .mobile_nav_secondary #m_navbar_dropdown ul li a
  , .mobile_nav_secondary #m_navbar_dropdown ul li a:visited
  , .mobile_nav_secondary #m_navbar_dropdown ul li a:hover{
    color:#000;
  	padding:10px 15px;
    line-height:normal;
  }
  
  nav.nav_vertical a, nav.nav_vertical a:visited,nav.nav_vertical a:hover {text-align: center;}

  nav a,nav a:visited {font-size:1em;}

  .mobile_nav_title {display:none;}
  body > header .navbar_dropdown_menu
  {
   
    position:relative;
    z-index:100; /*ensure it's above close elements*/
    margin-top: -120px; /*adjust for height of logo in header*/
  }

  .navbar_dropdown_menu li {float:none;position:static;white-space:normal;}

  nav {padding: 8px 0 0;}
  nav ul li {line-height:20px;width:100%;float:none;}

  nav a,nav a:visited, nav a:hover
  {
    padding:10px 15px;
    line-height:20px;
    display:block;
    background:#fff;
    color:#000;
    font-size:20px;
    text-align:left;
  }

  nav ul li a {}

  nav ul li, nav a, nav a:visited, nav a:hover {line-height: normal;}

  #row_1b nav a, #row_1b nav a:visited, #row_1b nav a:hover{}

  a#header_link_members {padding-top:0;padding-bottom:0;}

  /* MOBILE NAV */

  .mobile_nav_open .mobile_top_nav_hide
  {
    display:none;
  }

  #mobile_top_nav_controls {
    display: block;
    position: absolute;
    top: -25px;
    right: 20px;
  }


  #mobile_top_nav_wrapper
  {
    margin:0;
    display:none;
  }

  #mobile_top_nav_wrapper.mobile_nav_open
  {
    display: block;
    position: absolute;
    z-index: 1000;
    width: 100%;
    background: #fff;
    box-shadow:0 4px 8px #0006;
    top:40px;
  }

  /* SECONDARY NAV: Completely disable this entire fuction in mobile, and use 
  standard mobile nav controls
  */
  nav .mobile_nav_secondary,nav .mobile_nav_quick_reference
  ,#mobile_top_nav_secondary_wrapper
  {
    display:block;
  }

  #mobile_top_nav_controls_secondary
  {
    display:none; 
  }

  /*weird fix needed because of height change or something...*/
  #mobile_top_nav_controls .mobile_top_nav_show:after {top: 38px;}


/* FROM 480px max-width */

  #mobile_top_nav_wrapper {margin-top: 32px;}
  #mobile_top_nav_controls {
    display: block;
    position: absolute;
    right: 20px;
  }
}