html {
  background-color: #ffffdf;
}

body {
  max-width: 1150px ;
  margin-left:  auto ;
  margin-right:  auto;
  line-height: 1.2rem;
}

.site-grid {
/*   grid-template-columns: [full-start] minmax(0,1fr) [main-start] repeat(4,minmax(0,19rem)) [main-end] minmax(0,1fr) [full-end]; */
   grid-template-columns: [full-start] minmax(0,1fr) [main-start] repeat(1, 8.0rem) repeat(3, auto) [main-end] minmax(0,1fr) [full-end];
}



/*
.container-sidebar-left {
    grid-area: side-l;
    height: calc(100vh - 200px);
    position: sticky;
    top: 300px;
}
*/

.container-header .grid-child {
  padding: 0em;
}

.metismenu.mod-menu .metismenu-item {
  flex-wrap: wrap;
  align-items: center;
  padding: .2em .5em;
  font-size: 1.1rem;
  line-height: 1.3;
  display: flex;
}

.container-below-top {
	background-color: #f9d;
	line-height: 1.90rem;
	height: 1.90rem;
}

.breadcrumb {
	background-color: #00ffff;
	font-size: 1rem;
    position: sticky;
}

/*
.grid-child.container-sidebar-right , .grid-child.container-sidebar-left {
width: 150px ;
}
*/

.grid-child {
  margin-left: 0;
  margin-right: 0;
  
}

.container-nav {
	background-color: none;
	font-size: 1rem;
    position: sticky;
	
}

.header .mod-menu > li {
  position: relative;
}

.header  > ul {
  background-color: #fff;
  border: 1px solid #dfe3e7;  
  border-radius: px;
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 250px;
  padding: 16px;
}

.header .mod-menu li:hover > ul li {
  display: block;
}

.container-nav .mod-menu > li.active > a::after, /* get rid of stupid white underline */
.container-nav .mod-menu > li.active > button::before,
.container-nav .mod-menu > li > a:hover::after,
.container-nav .mod-menu > li > button:hover::before {
background: none;
}

.container-header .metismenu > li.active > a::after,
.container-header .metismenu > li.active > button::before,
.container-header .metismenu > li > a:hover::after,
.container-header .metismenu > li > button:hover::before {
  background: var(--cassiopeia-color-primary) ;   
  
 .container-nav li.level-1.deeper.parent:hover > ul {display:block !important;}
 
}