/**
 * @file
 * Visual styles for menu.
 */

ul.menu {
  padding: 0;
  margin: 0;
  list-style: none outside;
  text-align: left; /* LTR */
  display: flex;
  align-items: center;
  height: 100%;
}
[dir="rtl"] ul.menu {
  margin: 0;
  text-align: right;
}
ul.menu li {
  color: var(--menu-headers);
  display: inline-block;
  min-width: 100px;
  height: 100%;
  padding: 0;
  text-align: center;
}

ul.menu>li a {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 40px;
  font-size: 1.125rem;
  color: var(--menu-headers);
  text-decoration: none;
}

ul.menu>li a:hover, ul.menu>li a:focus {
  outline: none;
  border: none;
  background-color: var(--bg-gray);
}

.menu-item--expanded {
  list-style-type: circle;
  list-style-image: url(../../images/icons/menu-expanded.png);
}
.menu-item--collapsed {
  list-style-type: disc;
  list-style-image: url(../../images/icons/menu-collapsed.png); /* LTR */
}
[dir="rtl"] .menu-item--collapsed {
  list-style-image: url(../../images/icons/menu-collapsed-rtl.png);
}
.menu-item {
  margin: 0;
  padding-top: 0.2em;
}

#block-macewan-library-mainnavigation ul.menu li.menu-item a{
  font-weight: 500;
}

ul.menu a.is-active {
  color: #000;
}

#search-box-trigger {
  width: 24px;
  height: 100%;
  padding: 0 20px;
  align-self: center;
  background-image: url('../../images/icons/search_icon.svg');
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: center;
  cursor: pointer;
}

#search-box-trigger:hover, #search-box-trigger:focus {
  background-color: var(--bg-gray);
}

#hamburger-menu {
  display: none;
  width: 24px;
  height: 100%;
  padding: 0 20px;
  align-self: center;
  background-image: url('../../images/icons/hamburger_icon.svg');
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: center;
  cursor: pointer;
  position: relative;
}

#hamburger-menu>.region-site-navigation {
  display: none;
  position: absolute;
  right:-40px;
  top: 100px; 
  width: auto;
  min-width: 340px;
  background-color: white;
  z-index: 200;
}

#hamburger-menu>.region-site-navigation>nav .menu{
  flex-direction: column;
}

@media screen and (max-width: 1178px) {
  header>.region-site-navigation {
    display: none;
  }

  #hamburger-menu {
    display: inline-block;
  }

  #hamburger-menu>.region-site-navigation {
    top: 104px;
    right: -20px;
    z-index: 500;
  }

  #block-macewan-library-mainnavigation ul.menu, #block-macewan-library-mainnavigation ul.menu li.menu-item {
    width: 100%;
  }

  #block-macewan-library-mainnavigation ul.menu li.menu-item a{
    padding: 20px 10px;
    display: inline-block;
    text-align: center;
    width: 100%;
  }
}

@media screen and (max-width: 958px) {

}

@media screen and (max-width: 768px) {

}

@media screen and (max-width: 565px) {
  #hamburger-menu>.region-site-navigation {
    top: 104px;
    right: 0px;
    z-index: 500;
  }
}