/* PRIMARY COLORS */
/* SECONDARY COLORS */
/*
 * Remove below if autoprefixer get's enabled.
 */
/*
 * Remove below if autoprefixer get's enabled.
 */
.layout__sidebar-left .component__menu .menu__main,
.layout__sidebar-left .component__menu .menu__program {
  background: #f2eee8;
}
.layout__sidebar-left .component__menu .menu__main ul li a,
.layout__sidebar-left .component__menu .menu__program ul li a {
  color: #222222;
  background: #f2eee8;
  padding: 2rem 5rem 2rem 2rem;
  display: block;
}
.layout__sidebar-left .component__menu .menu__main ul li a:hover, .layout__sidebar-left .component__menu .menu__main ul li a:focus,
.layout__sidebar-left .component__menu .menu__program ul li a:hover,
.layout__sidebar-left .component__menu .menu__program ul li a:focus {
  background: #dad7d1;
}
.layout__sidebar-left .component__menu .menu__main ul li.--active > a:first-child,
.layout__sidebar-left .component__menu .menu__program ul li.--active > a:first-child {
  color: white;
  background: #a41e35;
}

.layout__sidebar-left .menu__main,
.layout__sidebar-left .menu__program {
  opacity: 0;
}
.layout__sidebar-left .menu__main.--loaded,
.layout__sidebar-left .menu__program.--loaded {
  opacity: 1;
}

.traversable-menu {
  position: relative;
}
.traversable-menu,
.traversable-menu .menu__panel {
  overflow: hidden;
}
.traversable-menu .-show-immediate {
  transition-duration: 0ms !important;
  -webkit-transition-duration: 0ms !important;
  -moz-transition-duration: 0ms !important;
}
.traversable-menu .menu__panel {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  right: 0;
  left: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  transition: transform 350ms ease-in-out;
  -webkit-transition: transform 350ms ease-in-out;
  -moz-transition: transform 350ms ease-in-out;
  transform: translate(100%, 0);
  -webkit-transform: translate(100%, 0);
  -moz-transform: translate(100%, 0);
}
.traversable-menu .menu__panel[data-panel-active=true] {
  z-index: 10;
}
.traversable-menu .menu__panel.-show-immediate {
  transition-duration: 0ms;
  -webkit-transition-duration: 0ms;
  -moz-transition-duration: 0ms;
}
.traversable-menu .menu__panel--depth-0, .traversable-menu .menu__panel--active-trail {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
}

.layout__sidebar-left .component__menu .menu__main ul, .layout__sidebar-left .component__menu .menu__main li,
.layout__sidebar-left .component__menu .menu__program ul,
.layout__sidebar-left .component__menu .menu__program li {
  display: block;
}
.layout__sidebar-left .component__menu .menu__main .menu__panel,
.layout__sidebar-left .component__menu .menu__program .menu__panel {
  background: #f2eee8;
}
.layout__sidebar-left .component__menu .menu__main .menu__panel__trigger--child,
.layout__sidebar-left .component__menu .menu__program .menu__panel__trigger--child {
  position: absolute;
  top: auto;
  right: 2rem;
  width: 3.25rem;
  height: 3.25rem;
  border-radius: 100%;
  padding: 0;
  background: transparent;
  transform: translate(0, -150%);
  -webkit-transform: translate(0, -150%);
  -moz-transform: translate(0, -150%);
}
.layout__sidebar-left .component__menu .menu__main .menu__panel__trigger--parent,
.layout__sidebar-left .component__menu .menu__program .menu__panel__trigger--parent {
  position: relative;
  color: #666666;
  padding-left: 5.25rem;
}
.layout__sidebar-left .component__menu .menu__main .menu__panel__trigger--parent:hover, .layout__sidebar-left .component__menu .menu__main .menu__panel__trigger--parent:focus,
.layout__sidebar-left .component__menu .menu__program .menu__panel__trigger--parent:hover,
.layout__sidebar-left .component__menu .menu__program .menu__panel__trigger--parent:focus {
  color: #a41e35;
  background: transparent;
}
.layout__sidebar-left .component__menu .menu__main .menu__panel__trigger--parent .icon,
.layout__sidebar-left .component__menu .menu__program .menu__panel__trigger--parent .icon {
  position: absolute;
  top: 50%;
  left: 2rem;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
}
.layout__sidebar-left .component__menu .menu__main .menu__panel__trigger--home .icon,
.layout__sidebar-left .component__menu .menu__program .menu__panel__trigger--home .icon {
  top: calc(50% - 0.55rem);
  transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
}
.layout__sidebar-left .component__menu .menu__main .menu__panel__title__link,
.layout__sidebar-left .component__menu .menu__program .menu__panel__title__link {
  color: #a41e35;
}
.layout__sidebar-left .component__menu .menu__main .menu__panel__title__link, .layout__sidebar-left .component__menu .menu__main .menu__panel__title__link:hover, .layout__sidebar-left .component__menu .menu__main .menu__panel__title__link:focus,
.layout__sidebar-left .component__menu .menu__program .menu__panel__title__link,
.layout__sidebar-left .component__menu .menu__program .menu__panel__title__link:hover,
.layout__sidebar-left .component__menu .menu__program .menu__panel__title__link:focus {
  background: white;
}
.layout__sidebar-left .component__menu .menu__main .menu__panel .menu__item__link--active ~ .menu__panel__trigger--child .icon,
.layout__sidebar-left .component__menu .menu__program .menu__panel .menu__item__link--active ~ .menu__panel__trigger--child .icon {
  color: white;
}
.layout__sidebar-left .component__menu .menu__main .menu__panel .menu__item__link--active ~ .menu__panel__trigger--child:hover, .layout__sidebar-left .component__menu .menu__main .menu__panel .menu__item__link--active ~ .menu__panel__trigger--child:focus,
.layout__sidebar-left .component__menu .menu__program .menu__panel .menu__item__link--active ~ .menu__panel__trigger--child:hover,
.layout__sidebar-left .component__menu .menu__program .menu__panel .menu__item__link--active ~ .menu__panel__trigger--child:focus {
  background: #941b30;
}