:root {
  --cassiopeia-color-primary: #444444;
  --cassiopeia-color-secondary: #ecb5c3;
  --cassiopeia-color-background: #e6993a;
  --cassiopeia-color-hover: #e6993a;
  --cassiopeia-color-link: #66a466;
}

/* Menu */

/* Override the lila background with white */
.container-header {
    background-color: white;
    background-image: none;
}

/* Menu Text grey */
.container-header .mod-menu {
    color: #444444;
}

/* We add padding and radius so that on hover there is a nice background */
.container-header .mod-menu a {
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    padding: 3px 5px;
    color: var(--cassiopeia-color-primary); /* child menu text color */
}

/* On hover there should be an olive green background*/
.container-header .mod-menu a:hover {
    background-color: var(--cassiopeia-color-background);
}

/* We need to change the color of the Hamburger Menu because white on white is not good */
.container-header .navbar-toggler {
    color: var(--cassiopeia-color-primary);
    border: 1px solid #666666;
}

@media (min-width: 992px) {
.container-header {
    height: 100px;
  }

.navbar-collapse {
    position:relative;
    bottom:120px;
    left:150px;
    display: block;

    font-size: 18px;
    line-height: 18px;
    border: 1px solid transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  body.rtl .navbar-collapse {
    position:relative;
    bottom:120px;
    right:150px;
    display: block;
  }
}

p, h1, h2, h3, h4, h5, h6 {
  color: var(--cassiopeia-color-primary);
  margin: 0.5rem 0.5rem 0.5rem 0.5rem;
  padding-left: 5px;
}

.p, .h1, .h2, .h3, .h4, .h5, .h6 {
  color: var(--cassiopeia-color-primary);
  margin: 0.5rem 0.5rem 0.5rem 0.5rem;
  padding-left: 5px;
}

blockquote.bible {
  font: 14px/20px italic Times, serif;
  padding: 8px;
  background-color: #ffe17d; /* faebbc; */
  border-top: 1px solid #e6993a;
  border-bottom: 1px solid #e6993a;
  margin: 5px;
  border-left-width: 1px;
  background-image: url(../images/openquoteE.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 23px;
}

blockquote.bible p {
  display: block;
  background-image: url(../images/closequoteE.gif);
  background-repeat: no-repeat;
  background-position: bottom right;
}