/* =========================================================
   FAUNA SIDEBAR
   Completely isolated - prevents overlay/conflicts
========================================================= */

.fauna-sidebar {
     position: relative !important;
     top: auto !important;
     right: auto !important;
     left: auto !important;
     bottom: auto !important;

     width: 100% !important;
     max-width: 320px !important;

     height: auto !important;
     min-height: 0 !important;

     margin: 0 !important;
     padding: 0 !important;

     float: none !important;

     display: block !important;

     z-index: 2 !important;

     overflow: visible !important;

     box-sizing: border-box;
}


/* =========================================================
   SIDEBAR INNER NAV
========================================================= */

.fauna-sidebar .nav {
     position: relative !important;

     width: 100% !important;
     height: auto !important;

     margin: 0 !important;
     padding: 0 !important;

     float: none !important;

     display: block !important;

     overflow: visible !important;

     box-sizing: border-box;
}


/* =========================================================
   MENU
========================================================= */

.fauna-sidebar .menu {
     position: relative !important;

     width: 100% !important;
     height: auto !important;

     margin: 0 !important;
     padding: 0 !important;

     list-style: none !important;

     display: block !important;

     float: none !important;

     box-sizing: border-box;
}


/* Remove Bootstrap / old CSS conflicts */

.fauna-sidebar .menu::before,
.fauna-sidebar .menu::after {
     display: none !important;
}


/* =========================================================
   MENU ITEMS
========================================================= */

.fauna-sidebar .menu>li {
     position: relative !important;

     width: 100% !important;
     height: auto !important;
     min-height: 58px !important;

     margin: 0 !important;
     padding: 0 !important;

     display: block !important;

     float: none !important;

     clear: both !important;

     list-style: none !important;

     border: 0 !important;

     box-sizing: border-box;
}


/* =========================================================
   SEPARATOR BETWEEN ITEMS
========================================================= */

.fauna-sidebar .menu>li+li {
     border-top: 1px solid #e5e9ef !important;
}


/* =========================================================
   SIDEBAR LINKS
========================================================= */

.fauna-sidebar .menu>li>a {
     position: relative !important;

     width: 100% !important;
     min-height: 58px !important;

     margin: 0 !important;

     padding: 16px 18px !important;

     display: flex !important;

     align-items: center !important;

     box-sizing: border-box !important;

     float: none !important;

     clear: both !important;

     color: #202b3c !important;

     background: transparent !important;

     text-decoration: none !important;

     font-family: inherit;

     font-size: 16px !important;

     font-weight: 500 !important;

     line-height: 1.45 !important;

     white-space: normal !important;

     overflow-wrap: break-word !important;

     word-break: normal !important;

     border: none !important;

     border-radius: 8px !important;

     transition:
          background-color 0.25s ease,
          color 0.25s ease,
          padding-left 0.25s ease !important;

     z-index: 3 !important;
}


/* =========================================================
   MULTI-LINE LINKS
   ========================================================= */

.fauna-sidebar .menu>li>a br {
     display: block !important;
}


/* =========================================================
   HOVER
========================================================= */

.fauna-sidebar .menu>li>a:hover {
     color: #ffffff !important;

     background: #2a4173 !important;

     padding-left: 23px !important;

     text-decoration: none !important;
}


/* =========================================================
   ADVANCED SEARCH
========================================================= */

.fauna-sidebar .menu>li:first-child>a {
     margin-bottom: 8px !important;

     min-height: 60px !important;

     color: #ffffff !important;

     background: #2a4173 !important;

     font-weight: 700 !important;

     border-radius: 10px !important;
}


.fauna-sidebar .menu>li:first-child>a:hover {
     background: #304d87 !important;
}


/* =========================================================
   GAP BELOW
========================================================= */

.fauna-sidebar .menu>li.gap_below {
     margin-bottom: 12px !important;

     border-bottom: none !important;
}


/* =========================================================
   GET DJVU
========================================================= */

.fauna-sidebar .menu>li:last-child {
     margin-top: 12px !important;

     border-top: 1px solid #dfe4eb !important;
}


.fauna-sidebar .menu>li:last-child>a {
     color: #2a4173 !important;

     font-weight: 600 !important;
}


.fauna-sidebar .menu>li:last-child>a:hover {
     color: #ffffff !important;
}


/* =========================================================
   SIDEBAR CARD
========================================================= */

.fauna-sidebar {
     background: #ffffff !important;

     border: 1px solid #e1e6ed !important;

     border-radius: 16px !important;

     padding: 18px !important;

     box-shadow:
          0 8px 25px rgba(20, 35, 60, 0.10) !important;

     box-sizing: border-box !important;
}


/* =========================================================
   IMPORTANT:
   Prevent any child from escaping the sidebar
========================================================= */

.fauna-sidebar *,
.fauna-sidebar *::before,
.fauna-sidebar *::after {
     box-sizing: border-box;
}


/* =========================================================
   REMOVE OLD POSITIONING
========================================================= */

.fauna-sidebar .nav,
.fauna-sidebar .menu,
.fauna-sidebar ul,
.fauna-sidebar li,
.fauna-sidebar a {
     position: relative !important;
}

/* TABLET */

@media (max-width: 900px) {

     .fauna-sidebar {
          position: relative !important;

          top: auto !important;

          width: 100% !important;
          max-width: 100% !important;

          margin-bottom: 25px !important;
     }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

     .fauna-sidebar {
          width: 100% !important;
          max-width: 100% !important;

          padding: 12px !important;

          border-radius: 12px !important;
     }


     .fauna-sidebar .menu>li {
          min-height: 52px !important;
     }


     .fauna-sidebar .menu>li>a {
          min-height: 52px !important;

          padding: 14px 15px !important;

          font-size: 15px !important;

          line-height: 1.4 !important;
     }

}


/* =========================================================
   EXTRA SMALL DEVICES
========================================================= */

@media (max-width: 400px) {

     .fauna-sidebar {
          padding: 10px !important;
     }


     .fauna-sidebar .menu>li>a {
          padding: 13px 12px !important;

          font-size: 14px !important;
     }

}