/*
 * Use this on the outer wrapper of page-level elements.
 * It ensures consistent spacing between elements on the page.
 */
/*
 * General Mixins (put specific ones in component files where applicable)
*/
.icon-burger {
  display: inline-block;
  height: 22px;
  width: 28px;
  position: relative;
  bottom: 2px;
}

.icon-burger__bar {
  background-color: var(--pale-green);
  display: block;
  top: 52%;
  opacity: 1;
  height: 2px;
  position: absolute;
  width: 100%;
  transition: all .5s;
}

.icon-burger__bar:first-child {
  top: 0;
}

.icon-burger__bar:last-child {
  top: 104%;
}

.btn-toggle--menu.is-active {
  background: url("/National_Library/oe_/https://dean.biu.ac.il/themes/dolev21/images/icon-close-x.svg") no-repeat right 20px;
}

[dir=rtl] .btn-toggle--menu.is-active {
  background-position-x: left;
}

.btn-toggle--menu.is-active .icon-burger__bar {
  background: none;
}


/*# sourceMappingURL=hamburger-icon.css.map*/