/**********************************
/ Zoomeronline adaptations
/
/ Items
/   * Colors
/     * Primary text (h1,etc)
/   * Menu
/     * Position Hamburger
/     * Off Canvas menu
/**********************************/

/************* Colors *************/
/* --- Set Primary text color  -- */
:root {
  --color-primary-text: var(--cassiopeia-color-primary);
}

/* Set Primary text items  */
.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 {
  color: var(--color-primary-text);
}

/************** Logo **************/
/* .logo {
  margin-left: 1em;
  margin-right: 1em;
} */

/************** Menu **************/

/* menu left aligned */
/*
container-nav {
  justify-content: start;
}
.container-header .mod_menu {
}
// hamburger menu
.container-header .navbar-toggler {
}
*/

/* Move hamburger menu to left */
@media (max-width: 992px) {
  nav.navbar {order: -1};
}

/* ------ Off Canvas Menu ------ */
.offcanvas.show {
  background-color: var(--cassiopeia-color-primary);
  background-image: linear-gradient(135deg,var(--cassiopeia-color-primary),var(--cassiopeia-color-hover));
}
@media (min-width: 992px) {
  .offcanvas-start {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  .offcanvas .metismenu.mod-menu .metismenu-item > ul {
    position: relative;
    width: 100%;
    margin-top: 1rem;
  }
  .offcanvas .metismenu.mod-menu .mm-collapse {
    background-color: transparent;
  }
  .offcanvas .metismenu.mod-menu .metismenu-item > a {
    color: #fff;
  }
}
.offcanvas-header > *:only-child {
  margin-left: auto;
}