/* Please fix misspellings upstream */
.highwire-responsive-toggle-group {
  background: @responsive_toggle_menu_bg;
}

.highwire-responsive-toggle-group .panel-pane .pane-content {
  background:@responsive_toggle_pane_bg;
  padding:.4em .75em;
}

/* Remove padding for menu and search elements, they have their own internal padding */
.highwire-responsive-toggle-group .pane-highwire-seach-quicksearch,
.highwire-responsive-advanced-search-link p,
.highwire-responsive-toggle-group .pane-highwire-seach-quicksearch .form-item,
.highwire-responsive-toggle-group [class*="menu"] .pane-content {
  margin:0;
  padding:0;
}

.highwire-responsive-toggle-group .pane-highwire-seach-quicksearch .highwire-quicksearch .form-item-keywords + .button-wrapper.button-mini .icon-search {
  cursor:pointer;
}

.highwire-responsive-toggle-group .pane-highwire-seach-quicksearch .highwire-quicksearch .form-item-keywords + .button-wrapper.button-mini {
  top: 0;
}

.highwire-responsive-toggle-group .pane-highwire-seach-quicksearch .form-text {
  border:none;
  border-radius:0;
  background:transparent;
  color: @responsive_toggle_form_text;
  font-size:inherit;
}

ul.highwire-responsive-toggle-triggers,
ul.highwire-responsive-toggle-triggers li {
  margin:0;
  padding:0;
  display:inline-block;
  list-style-type:none;
  color: @responsive_toggle_text_default;
}

/*Hide the regular panel pane titles as we recreate them as a list above*/
html.js .highwire-responsive-toggle-group .panel-pane .pane-title {
  display:none;
}

ul.highwire-responsive-toggle-triggers li,
.highwire-responsive-toggle-group .panel-pane ul.menu li a {
  padding:.75em;

  /* This prevents accidental text selection when clicking */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
ul.highwire-responsive-toggle-triggers li [class^="icon-"],
ul.highwire-responsive-toggle-triggers li [class*=" icon-"] {
  font-size:1.5em;
  vertical-align:bottom;
}
ul.highwire-responsive-toggle-triggers li.expanded {
  color:@responsive_toggle_text_active;
  display:inline-block;
}
ul.highwire-responsive-toggle-triggers li {
  display:inline-block;
  margin:0;
  padding-right:1em;
  padding-left:1em;
  cursor:pointer;
}
.highwire-responsive-toggle-group .panel-pane,
.highwire-responsive-toggle-group .panel-separator {
  display:inline;
  margin: 0;
}

html.js .highwire-responsive-toggle-group .panel-pane .pane-content {
  display:none;  
}

html.js .highwire-responsive-toggle-group .expanded .pane-content {
  display:block;
}
.highwire-responsive-toggle-group .expanded .pane-content,
ul.highwire-responsive-toggle-triggers li.expanded {
  background:@responsive_toggle_pane_bg;
}
.highwire-responsive-toggle-group .panel-pane ul.menu {
  padding:0;
}
.highwire-responsive-toggle-group .panel-pane ul.menu li {
  display:block;
  margin:0;
  padding:0;
}
.highwire-responsive-toggle-group .panel-pane ul.menu li a,
.highwire-responsive-toggle-group .panel-pane .panel-pane {
  display:block;
  border-bottom:solid 1px @responsive_toggle_menu_border;
  margin:0;
  color:@responsive_toggle_text_active;
  background:@responsive_toggle_pane_bg;
}
.highwire-responsive-toggle-group .panel-pane .panel-pane {
  padding: .75em;
}
.highwire-responsive-toggle-group .panel-pane .panel-pane.highwire-responsive-advanced-search-link,
.highwire-responsive-toggle-group .panel-pane .pane-menu-tree,
.highwire-responsive-toggle-group .panel-pane .pane-menu {
  padding: 0;
  border-bottom: 0;
}
/* reduce padding of quicksearch pane to account for size of text field */
.highwire-responsive-toggle-group .panel-pane .pane-highwire-seach-quicksearch {
  padding: 0.4em;
}
/* remove bg and border on floated panes */
.highwire-responsive-toggle-group .panel-pane .panel-pane.float-me-right,
.highwire-responsive-toggle-group .panel-pane .panel-pane.float-me-left {
  background: transparent;
  border-bottom: 0;
}

.highwire-responsive-toggle-group .panel-pane ul.menu ul li a {
  padding-left:2.5em;
}
.highwire-responsive-toggle-group .panel-pane ul.menu ul li.first a {
}
.highwire-responsive-toggle-group .panel-pane ul.menu li.expanded.show a {
  background:@responsive_toggle_menu_expanded;
}
html.js .highwire-responsive-toggle-group .panel-pane ul.menu li.expanded ul {
  display:none;
  -webkit-transition: opacity 300ms ease-in;
     -moz-transition: opacity 300ms ease-in;
      -ms-transition: opacity 300ms ease-in;
       -o-transition: opacity 300ms ease-in;
          transition: opacity 300ms ease-in;
}
html.js .highwire-responsive-toggle-group .panel-pane ul.menu li.show ul {
  display:block; 
}
.highwire-responsive-toggle-group .panel-pane ul li a:hover,
.highwire-responsive-toggle-group .panel-pane ul li.expanded.show a:hover,
.highwire-responsive-toggle-group ul.menu li.expanded > a:hover:before {
  background:@responsive_toggle_menu;
  color: @responsive_toggle_menu_link_hover;
}

/* Hide tertiary level */
.highwire-responsive-toggle-group .panel-pane ul.menu ul ul {
  display:none;
}

/* expandable menu links icon */
.highwire-responsive-toggle-group ul.menu li.expanded > a:before {
  float:right;
  color:@responsive_toggle_text_active;
  font-size:1.1em;
  margin-right:.75em;
  font-family:FontAwesome;
  content: '\f067'; /*icon-plus*/
}
.highwire-responsive-toggle-group ul.menu li.show > a:before {
  content: '\f068'; /*icon-minus*/
}

.highwire-responsive-toggle-group .pane-highwire-article-nav .highwire-article-nav ul li a,
.highwire-responsive-toggle-group .pane-highwire-article-nav .highwire-article-nav ul li a:hover {
  color:@responsive_toggle_text_active;
  background:transparent;
}

/* set max height on inst branding logo */
.highwire-responsive-toggle-group .highwire-inst-branding img {
  max-height: 1.5em; /* equal to line height of text */
}