/* CourseSuggest V9 - final menu/filter visibility layer */

/* Never reserve visible space for the listing filter drawer until opened. */
body.tpl-listings #the-sidebar,
body.tpl-results #the-sidebar {
  width:0 !important;
  min-width:0 !important;
  max-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  overflow:hidden !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}
body.tpl-listings #the-sidebar.cs-filter-open,
body.tpl-results #the-sidebar.cs-filter-open {
  width:264px !important;
  min-width:264px !important;
  max-width:264px !important;
  padding:12px !important;
  border:1px solid var(--cs-border) !important;
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}

/* Hide the legacy generated headings from every menu level. */
#header-nav .navbar-nav.nav > li.big-nav > ul:before,
#header-nav .navbar-nav.nav > li.big-nav > ul > li > ul:before {
  content:none !important;
  display:none !important;
}

/* Compact top controls. */
.cs-listing-feature-toggle {
  border:1px solid #ded9f7 !important;
  background:#fff !important;
  color:#6248ee !important;
  font-weight:800 !important;
  border-radius:10px !important;
}
.cs-listing-feature-toggle:hover {
  background:#f0edff !important;
}

@media (max-width:767px){
  body.tpl-listings #the-sidebar.cs-filter-open,
  body.tpl-results #the-sidebar.cs-filter-open {
    width:100% !important;
    min-width:100% !important;
    max-width:100% !important;
  }
}