/* module nav */
#module-nav { overflow: visible; transition: right .5s; width: 296px; position: absolute; right: 0; top: 192px; height: 100vh; background: transparent; z-index: 2; padding: 0px; overflow: scroll; }
#module-nav .panel { background: #F4F4F4; padding: 30px 20px 200px 20px; margin-left: 44px; box-shadow: 0px 10px 14px 0px rgba(0, 0, 0, 0.2);}
#module-nav.closed { right: -242px !important; transition: .5s; }
#module-nav.closed .panel { margin-left: 55px; }
#module-nav h2 { font-family: Roboto Slab, serif; font-size: 1.5rem; margin-bottom: 24px; }
#module-nav h3 { font-family: Open Sans, sans-serif; font-size: .8rem; text-transform: uppercase; color: #234C6A; margin: 0; font-weight: normal;}
#module-nav li { font-family: Roboto Slab, serif; border-top: 1px solid #999999; padding: 10px 0; font-size: 1rem; }
#module-nav li a { text-decoration: none;}
#module-nav li a.currentpage { font-weight: bold; }
#module-nav ul { padding-left: 0; list-style: none; margin-top: 10px; }
#module-nav ul ul { margin-top: 0; margin-bottom: 20px; }
#module-nav ul#jumplinks {   padding-left: 20px; font-size: .9rem;}
#module-nav ul#jumplinks li { font-family: Open Sans, sans-serif; font-size:.75rem; border: none; padding: 4px 0; }
#module-nav ul#jumplinks li a.active { font-weight: bold; }
#module-nav ul#jumplinks li a.active:before { display: inline-block; position: absolute; margin-left: -20px; margin-top: 5px; width:12px; height: 12px; content: ""; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; background-color: #ffc530;}
.entry-content h2 {scroll-behavior: smooth;}


#module-nav .btn:before {
    content: '';
    background: url(../../images/arrow-next.svg) center center no-repeat;
    transform: rotate(180deg);
    width: 50px;
    height: 50px;
    position: relative;
    display: inline-block;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: var(--yellow);
}

#module-nav .btn.show {
  display: none;
}

#module-nav .btn.show:before {
      content: '';
      background: url(../../images/arrow-next.svg) center center no-repeat;
      transform: rotate(0deg);
      width: 50px;
      height: 50px;
      position: relative;
      display: inline-block;
      right: 0;
      top: 0;
      bottom: 0;
      background-color: var(--yellow);
}

#module-nav .btn {
    position: absolute;
    display: inline-block;
    background-color: var(--yellow);
    cursor: pointer;
    outline: none;
    border: 0;
    vertical-align: middle;
    text-decoration: none;
    color: black;
    -webkit-transition: width 0.5s;
    transition: width 0.5s;
    height: 50px;
    top: 20px;
  }
  
  #module-nav .btn .btn-text {
    max-width: 0;
    display: inline-block;
    -webkit-transition: color .25s .5s, max-width .5s;
    transition: color .25s .5s, max-width .5s;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    color: black;
    padding-top: 10px;
  }
  
  #module-nav .btn:hover .btn-text {
    max-width: 300px;
  }

*:lang(ta-IN) #module-nav .btn:hover .btn-text {
    font-size: .75rem;
}