/* Hide Hamburger Menu */
/*@media screen and (min-width: 1023px) {
#menudiv {
    display:none!important; } }

@media screen and (max-width: 1024px) {
#side-absolute {
    display:none!important; } }
*/

ul#side-absolute {
    position: sticky;
    top: 0em;
    margin-right: 0;
    padding-right: 1em;
    padding-top: 2.5em;
    font-weight: normal;
    border-right: 3px solid;
    border-image-source: linear-gradient(0deg, rgba(255,255,255,0.0),rgba(16,151,245,0.8),rgba(100,166,255,1.0));
    border-image-slice: 1;
}

aside.sidenav.sticky div.toc-macro ul {
    text-decoration:none;
    list-style:none;
    padding-left:0;
}

aside.sidenav.sticky div.toc-macro ul li {
    font-size:15px!important;
    margin-bottom: .2em;
}

/* Regular Menu */

/* hamburger menu */

a
{
  transition: color 0.3s ease;
}


#menuToggle
{
  display: block;
  position: relative;
  top: 15px;
  left: 15px;
  
  z-index: 1;
  
  -webkit-user-select: none;
  user-select: none;
}

@media screen and (min-width: 64rem) {
#menuToggle input, #menuToggle span {
  display:none;
}}

@media screen and (max-width: 63.99rem) {
#menuToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute !important;
  top: -7px;
  left: -5px;
  cursor: pointer;
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  -webkit-touch-callout: none;
    }}

/*
 * Just a quick hamburger
 */
@media screen and (max-width: 63.99rem){
#menuToggle span{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  background: #cdcdcd;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
  background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
  opacity 0.55s ease;
}}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #232323;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
@media screen and (max-width: 63.99rem) {
#menu{
  position: absolute;
  width: 100vw;
  margin: -42px 0 0 -18px;
  padding: 50px 0 25px 0;
  background: #ededed;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  text-align:center;
    }}

/* full screen */
@media screen and (min-width: 64rem) {
#menu{
   position: relative;
   float: left;
   max-width: 14rem;
   margin: 1.5em 10px 10px 0px;
   /*padding-top: 1px;
   padding-bottom: 1px;*/
   background: #162E51;
   -webkit-font-smoothing: antialiased;
    border-radius:16px;
}}

/*ul#menu.usa-sidenav li.usa-sidenav__item div.usa-accordion__content ul.usa-sidenav__sublist li.usa-sidenav__item {
 color:#f0f0f0;
  background-color:#005196;
}*/
@media screen and (min-width: 64rem) {
ul#menu.usa-sidenav li.usa-sidenav__item div.usa-accordion__content ul.usa-sidenav__sublist li.usa-sidenav__item {
 color:#f0f0f0;
 background: #162E51;
}
ul#menu.usa-sidenav li.usa-sidenav__item div.usa-accordion__content ul.usa-sidenav__sublist li.usa-sidenav__item:hover{
 background-color:#005196;
    }}
@media screen and (max-width: 63.99rem) {
ul#menu.usa-sidenav li.usa-sidenav__item div.usa-accordion__content ul.usa-sidenav__sublist li.usa-sidenav__item {
 color:#f0f0f0;
 background: #162E51;
}
ul#menu.usa-sidenav li.usa-sidenav__item div.usa-accordion__content ul.usa-sidenav__sublist li.usa-sidenav__item:hover{
 background-color:#005196;
    }}
@media screen and (min-width: 64rem) {
ul#menu.usa-sidenav li.usa-sidenav__item a{
    padding: 1rem 1rem 1rem 1rem;
    border-radius: 16px 16px 16px 16px;
}}
@media screen and (max-width: 63.99rem) {
ul#menu.usa-sidenav li.usa-sidenav__item a{
    padding: 1rem 1rem 1rem 1rem;
/*    border-radius: 16px 16px 16px 16px;*/
  color:#005196;
  background: #f0f0f0;
}}

@media screen and (min-width: 64rem) {
ul#menu.usa-sidenav li.usa-sidenav__item {
}}
@media screen and (max-width: 63.99rem) {
ul#menu.usa-sidenav li.usa-sidenav__item button.usa-accordion__button[aria-expanded=true]{
     color:#f0f0f0;
     background: #005196;
     background-image:url("/plugins/servlet/theme/engine/resource/ONHM2/minus-w.svg"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
     background-image:url("/plugins/servlet/theme/engine/resource/ONHM2/minus-w.svg"), linear-gradient(transparent, transparent);
     background-repeat:no-repeat;
     background-size:1rem;
     background-position:right 1.25rem center;
     background-size:1rem;
}
#menu ul.childpages-macro.conf-macro.output-block li a {
    width:100vw;
    display: block;
    padding:.5em 0 .3em 0;
    text-decoration:none;
    font-size:1.5em;
}
#menu ul.childpages-macro.conf-macro.output-block li a:hover {
    background-color: #005196;
    width:100vw;
    display: block;
    text-decoration:none;
}
}
ul#menu li:hover, 
ul#menu.usa-sidenav li.usa-sidenav__item:hover{
/*color:#f0f0f0;
  background-color:#005196;*/
}
ul#menu li a:hover,
ul#menu.usa-sidenav li.usa-sidenav__item a:hover{
	color:#f0f0f0;
    background-color:#005196;
}

@media screen and (min-width: 64rem) {
ul#menu.usa-sidenav.usa-accordion li.usa-sidenav__item button.usa-accordion__button {
    background-color: transparent;
}}
    
@media screen and (max-width: 63.99rem) {
ul#menu.usa-sidenav.usa-accordion li.usa-sidenav__item button.usa-accordion__button {
   /* background-color: transparent;*/
}}

ul#menu.usa-sidenav li.usa-sidenav__item:first-child:hover
/*,ul#menu.usa-sidenav li.usa-sidenav__item a:first-child:hover */{
  border-radius:16px 16px 0px 0px;
}

div#menuToggle ul.usa-sidenav usa-accordion li.usa-sidenav__item:first-child:hover 
/*, div#menuToggle ul.usa-sidenav usa-accordion li.usa-sidenav__item a:first-child:hover*/{
 color:#f0f0f0;
  background-color:#005196;
  border-radius:16px 16px 0px 0px;
}

ul#menu.usa-sidenav li.usa-sidenav__item:last-child, ul#menu.usa-sidenav li.usa-sidenav__item:last-child:hover
/*, ul#menu.usa-sidenav li.usa-sidenav__item a:last-child:hover*/{
  border-radius:0px 0px 16px 16px;
}

ul#menu.usa-sidenav li.usa-sidenav__item:first-child, ul#menu.usa-sidenav li.usa-sidenav__item:first-child:hover
/*, ul#menu.usa-sidenav li.usa-sidenav__item a:first-child:hover */{
  border-radius: 16px 16px 0px 0px;
}

/*
div#menuToggle ul#menu.usa-sidenav li.usa-sidenav__item div.usa-accordion__content ul.usa-sidenav__sublist li.usa-sidenav__item:first-child:hover, 
div#menuToggle ul#menu.usa-sidenav li.usa-sidenav__item div.usa-accordion__content ul.usa-sidenav__sublist li.usa-sidenav__item a:first-child:hover, 
div#menuToggle ul#menu.usa-sidenav li.usa-sidenav__item div.usa-accordion__content ul.usa-sidenav__sublist li.usa-sidenav__item:last-child:hover, 
div#menuToggle ul#menu.usa-sidenav li.usa-sidenav__item div.usa-accordion__content ul.usa-sidenav__sublist li.usa-sidenav__item a:last-child:hover{
  border-radius: 0px 0px 0px 0px!important;
}*/

li.usa-sidenav__item button.usa-accordion__button {
    padding: 1rem 1rem 1rem 1rem;
}

.usa-accordion__button[aria-expanded=false] {
}

li.usa-sidenav__item div.usa-accordion__content {
padding: 0;
}

#menu li {
  /*padding: 8px 0;*/
  font-size: 16px;
  list-style-type: none;
}

/*
 * And let's slide it in from the left
 */

#menuToggle input:checked ~ ul
{
  transform: none;
    }

/*@media screen and (min-width: 64rem){
#menuToggle input:checked ~ ul
{
  transform: none;
}}*/

/* adding style for toc*/
#menuToggle span.toc-macro {
  background: none!important;
  width:100vw!important;
}

#menuToggle span.toc-macro, #menuToggle span.toc-item-body {
  background: none!important;
  width:100vw!important;
}

#menuToggle span.toc-item-body span.toc-outline {
    display:none;
    background: none!important;
    width:100vw!important;
}

#menuToggle div.toc-macro ul li {
    list-style:none;
    height: 2em;
        width:100vw!important;
}

#menuToggle div.toc-macro ul li span.toc-item-body span.toc.outline, #menuToggle div.toc-macro ul li span.toc-item-body, #menuToggle div.toc-macro ul li, #menuToggle div.toc-macro ul, #menuToggle div.toc-macro {
    width:100vw!important;
}

#menuToggle div.toc-macro ul {
    padding-left:0!important;
}

/* page by label */

ul.content-by-label li div span.icon.aui-icon.content-type-page{
    display:none;
}

ul.content-by-label li div.details {
padding-left: 0px;
}


/* Eminent NIHers (TOC in #menu) */

@media screen and (min-width: 64rem) {
ul#menu ul.childpages-macro.conf-macro.output-block li a {
    color: #f0f0f0;
    /*padding: 1rem 1rem 1rem 1rem; */
    display: block;
    text-decoration: none;
    /*background-color: #005196;*/
    }}

@media screen and (min-width: 64rem) {
ul#menu ul.childpages-macro.conf-macro.output-block li:hover:last-child
    /*, #menu ul.childpages-macro.conf-macro.output-block li a:hover:last-child:hover */{
    border-radius: 0px 0px 16px 16px;
    background-color: #005196;
    border-bottom:none;
    }}

@media screen and (min-width: 64rem) {
ul#menu ul.childpages-macro.conf-macro.output-block li:hover:first-child
   /* ,#menu ul.childpages-macro.conf-macro.output-block li a:hover:first-child:hover*/ {
    border-radius: 16px 16px 0px 0px;
    background-color: #005196;
    border-top:none;
    }}

#menu ul {
	padding-left: 0rem;
    padding-right: 0rem;
}
@media screen and (min-width: 64rem) {
ul#menu ul.childpages-macro.conf-macro.output-block li:hover {
    color: #f0f0f0;
    display: block;
    background-color: #005196;
    }}

@media screen and (min-width: 64rem) {
 #menu ul.childpages-macro.conf-macro.output-block li a {
    color: #f0f0f0;
    padding: 1rem 1rem 1rem 1rem;
    display: block;
    text-decoration: none;
    }
    #menu ul.childpages-macro.conf-macro.output-block li a:hover {
    border-radius: 16px 16px 16px 16px;
    }}

/*more eminent-NIHers menus */

@media screen and (min-width: 64rem) {
ul#menu ul.content-by-label li div.details {
    color: #f0f0f0;
    padding: 1rem 1rem 1rem 1rem;
    display: block;
    text-decoration: none;
    border-radius: 5px 5px 5px 5px;
    }}

@media screen and (min-width: 64rem) {
ul#menu ul.content-by-label li div.details:hover {
    background-color: #005196;
    }}
@media screen and (min-width: 64rem) {
ul#menu ul.content-by-label li div.details a {
    color:#fff;
    text-decoration: none;
    /*background-color:#162E51;*/
    }}

div.spacer {
    margin-top:2rem;
}
/*eminent NIHers - children */
@media screen and (min-width: 64rem) {
ul#menu ul.childpages-macro.conf-macro.output-block.conf-macro.utput-inline{
    border-radius: 16px 16px 16px 16px;
    margin: 10px 0;
    padding: 0;
    list-style: none;
}}


/* End Hamburger Menu */


@media (max-width: 63.99em){
ul#menu li.usa-sidenav__item button.usa-accordion__button. li.childpages-macro.conf-macro.output-block.conf-macro.output-inline li {
        /*background-color: #162E51;*/
        font-weight: normal;
        background-repeat: no-repeat;
        background-position: right 1.25rem center;
        background-size: .75rem;
        color: #005196;
        font-weight: unset;
        margin: 0;
        padding: .4rem 3.5rem .4rem 1rem;
}
ul#menu li.usa-sidenav__item button.usa-accordion__button:hover {
    /*background-color:#9DDFEB;*/ /* Cyan-20 */  /*#E7F6F8 cyan 5 */
    background-color:  #005196/*#005ea2*/ ;
    color:#f0f0f0;
}
ul#menu .usa-accordion__button:hover {
/*background-color:#9DDFEB;*/ /* Cyan-20 */  /*#E7F6F8 cyan 5 */
    background-color: #005196/*#1a4480*/;
    color:#f0f0f0;
}
    
#menu.usa-sidenav.usa-accordion li.usa-sidenav__item button.usa-accordion__button {
    /*background-color: #f0f0f0;*/
    color:#005196;
}
#menu.usa-sidenav.usa-accordion li.usa-sidenav__item button.usa-accordion__button:hover {
    /*background-color: #f0f0f0;*/
    color:#f0f0f0;
}}


@media (min-width: 64em){
div#menu li.usa-sidenav__item button.usa-accordion__button {
        /*background-color: #162E51;*/
        font-weight: normal;
        background-repeat: no-repeat;
        background-position: right 1.25rem center;
        background-size: .75rem;
        color: #005196;
        font-weight: unset;
        margin: 0;
        padding: .4rem 3.5rem .4rem 1rem;
}
ul#menu li.usa-sidenav__item button.usa-accordion__button:hover {
    /*background-color:#9DDFEB;*/ /* Cyan-20 */  /*#E7F6F8 cyan 5 */
    background-color:  #005196/*#005ea2*/ ;
    color:#f0f0f0;
}
ul#menu .usa-accordion__button:hover {
/*background-color:#9DDFEB;*/ /* Cyan-20 */  /*#E7F6F8 cyan 5 */
    background-color: #005196/*#1a4480*/;
    color:#f0f0f0;
}
    
ul#menu.usa-sidenav.usa-accordion li.usa-sidenav__item button.usa-accordion__button {
    color:#fff;
}
}


@media screen and (max-width: 63.99rem) {
ul.childpages-macro.conf-macro.output-block.conf-macro.output-inline li {
   padding: 1rem 1rem 1rem 1rem;
/*    border-radius: 16px 16px 16px 16px;*/
  color:#005196;
  background: #f0f0f0;
}}

@media screen and (max-width: 63.99rem) {
div#menuToggle ul#menu ul.childpages-macro.conf-macro.output-block.conf-macro.output-inline li:hover, ul.childpages-macro.conf-macro.output-block.conf-macro.output-inline li a:hover {
  color:#f0f0f0!important;
  background: #005196;
}}

@media screen and (max-width: 63.99rem) {
div#menuToggle ul#menu ul.childpages-macro.conf-macro.output-block.conf-macro.output-inline li:hover a:not(.aui-button,.aui-dialog2-header-close) {
    color: #f0f0f0;
}}

@media screen and (min-width: 64rem) {
ul#menu{
padding:0;
}}

@media screen and (min-width: 64rem) {
ul#menu p{
display:none;
}}

@media screen and (min-width: 64rem) {
ul.childpages-macro.conf-macro.output-block.conf-macro.output-inline li a{
   padding: 0rem 0rem 0rem 1.5rem;
}}