/* Set the color set for all */
:root {
  --cassiopeia-color-primary: #3A405A;
  --cassiopeia-color-link: #87CEEB;
  --cassiopeia-color-hover: #FE7773;
  --main-color: #3A405A;
  --top-color: #87CEEB;
  --2nd-color: #FE7773;
}

/* Banner Image */
.mybanner {
  min-width: 100%;
  justify-content: center !important;
  display: flex;
}

/* Menu */

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

}
.header .container-header .container-below-top .grid-child {
 	min-width: 100%;
  	max-width: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
    padding: 0px;
    margin: 0px;
    font-size: 160%;
  	font-weight: 600;
}

/* Text should now be blueblack */
.container-header .mod-menu {
    color: var(--main-color);
    justify-content: center !important;
  	font-weight: 600;
}


/* We add padding and radius so that on hover there is a nice background */
.container-header .mod-menu a {
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px; 
    padding: 1px 1px;
    color: var(--main-color);
}

/* On hover there should be a gray background*/
.container-header .mod-menu a:hover {
    background-color: var(--top-color);
}

/* We need to change the color of the Hamburger Menu because white on white is not good */
.container-header .navbar-toggler {
    color: var(--main-color);
    border: 0px solid var(--top-color);
}
.site-grid {
    background-color: white;
}

.header {
    background-color: white;
}

.grid-child {
    padding: 3px 6px;
    background-color: white;
}

.footer {
    background-color: white;
    background-image: none;
    justify-content: center !important;
}

blockquote {
	margin: 1em 3em;
	color: #556F7A;
	border-left: 2px solid var(--top-color);
	padding-left: 1em;
	font-size: 18px;
}

h3 {
font-size: 130%;
margin-bottom: 12px;
font-weight: 600;
color: var(--2nd-color);
}

h1 {
  color: var(--top-color);
  -webkit-text-stroke: 1px grey;
  font-size: 3.6vh;
}

/* @media (max-width: 400px) {
  .container-top-a {
    font-size:5vw;
  }
} */