/* In order to use this import, make sure you have the bourbon setting on "true" in
 * gulpfile.js/theming.config.js
 * @import "bourbon";
 */
/* In order to use this import, make sure you have the bourbonneat setting on "true" in
 * gulpfile.js/theming.config.js
 * @import "neat";
 */
/* In order to use this import, make sure you have the breakpoint setting on "true" in
 * gulpfile.js/theming.config.js
 * @import "breakpoint";
 */
/* Animation definitions */
.region--sidebar .collapsible-region {
  display: none;
}

.region--sidebar .collapsible-region.js-open {
  display: block;
}

@media (min-width: 800px) {
  .region--sidebar .collapsible-region {
    display: block;
  }
}

.sidebar-toggle {
  font-weight: 700;
  padding: 0 1.5rem;
  position: relative;
  display: block;
}

@media (min-width: 800px) {
  .sidebar-toggle {
    display: none;
  }
}

.sidebar-toggle .collapsible-button {
  border: none;
  margin: 0;
  padding: 1rem;
  width: 100%;
  overflow: visible;
  background-color: #F2F2F2;
}

.sidebar-toggle .collapsible-button:hover {
  color: #46AEF8;
  background-color: #F2F2F2;
}

.sidebar-toggle .collapsible-button:hover svg {
  fill: #46AEF8;
}

.sidebar-toggle .collapsible-button:focus {
  outline: 1px solid #46AEF8;
  background-color: #F2F2F2;
}

.sidebar-toggle.js-open .collapsible-button {
  background-color: #F2F2F2;
  color: #46AEF8;
}

.sidebar-toggle.js-open .collapsible-button:hover {
  color: #46AEF8;
  background-color: #F2F2F2;
}

.sidebar-toggle.js-open .collapsible-button:focus {
  outline: 1px solid #46AEF8;
  background-color: #F2F2F2;
}

/*# sourceMappingURL=maps/region--sidebar.css.map */