/**** JBN Emulating old LBHC site styles ****/
body {
  background: #69C url('/images/bookmark_2008_light.gif') repeat-y fixed;
  color: #333;
}
.container-header {
  background: transparent;
}
.container-header .navbar-brand,
.container-header .grid-child {
  padding: 0;
}
.container-header .grid-child.container-nav {
  background-color: var(--cassiopeia-color-primary);
  padding: 1rem;
}
.container-header .site-description {
  font-size: 3rem;
  font-weight: 700;
  margin: -3.5rem 0 -.5em 1rem;
  text-shadow: 0 0 8px #000;
}
.grid-child.container-component {
  background: #FFF4EA;
  box-shadow: 0 0 10px #666 inset;
  padding: 0 2em 2em;
}

/**** Enable Dropdowns in Cassiopeia ****/
li:hover > ul.mod-menu__sub {
  display: block !important;  /* Show submenu when hovering */
}

/**** Style Dropdown as Mega Menu ****/
ul.mod-menu__sub {
  display: none !important;
  position: absolute;
  background: white;
  padding: 0;
  border: 1px solid #ccc;
  list-style: none;
  width: 200px;
  display: flex;
  flex-wrap: wrap;
  z-index: 1;
}
ul.mod-menu__sub li {
  flex: 1 1 30%; /* Makes items appear in columns */
  /*white-space: nowrap;*/
  /*padding: 5px;*/
}
ul.mod-menu__sub ul.mod-menu__sub {
  margin-left: 198px;
  margin-top: -26px;
}
ul.mod-menu__sub li:hover {
  background: #FFC;
}
ul.mod-menu__sub li:hover > a {
  color: #333;
}
.mod-list li .mod-menu__sub {
  padding-left: 0;
}
.mod-menu__sub a {
  display: inline-block;
  padding: 0 10px;
}
.deeper.parent .deeper.parent > a::after {
  content: ' ►';
  font-family: sans-serif;
}
/**** Make it Show on Hover ****/
li:hover > ul.mod-menu__sub {
  display: flex;
}

/***** JBN MISC *****/
.right {
  float: right;
  margin-left: 1em;
}
.left {
  float: left;
  margin-right: 1em;
}

/***** PRINT *****/
@media print {
	header, nav {
		display: none;
	}
	body, main, .grid-child.container-component {
		background:none;
		margin: 0 !important;
		padding: 0 !important;
	}
	.grid-child.container-component {
		box-shadow:none;
	}
}
@supports (display: grid) {
  @media print {
    .site-grid {
      grid-template-areas:
			". side-l comp   comp   side-r ." 
			". bot-a  bot-a  bot-a  bot-a  ." 
			". bot-b  bot-b  bot-b  bot-b  ." !important;
    }
  }
}