/* Look of the old Protostar style (blue #2219cc, white header with the logo,
   plain sidebar menus), on top of Cassiopeia. */

:root {
  --cassiopeia-color-primary: #2219cc;
  --cassiopeia-color-link: #2219cc;
  --cassiopeia-color-hover: #14108a;
  --link-color: #2219cc;
  --link-color-rgb: 34, 25, 204;
  --link-hover-color: #14108a;
  --link-hover-color-rgb: 20, 16, 138;
}

a,
a:not([class]),
.mod-menu a {
  text-decoration: none;
}

a:hover,
a:focus,
a:not([class]):hover,
a:not([class]):focus,
.mod-menu a:hover {
  text-decoration: underline;
}

/* Header: white with a blue top line, logo and tagline */
.container-header {
  background: #fff;
  border-top: 3px solid var(--cassiopeia-color-primary);
  box-shadow: none;
}

.container-header .grid-child,
.container-header .navbar-brand {
  min-width: 0;
  max-width: 100%;
}

.container-header .navbar-brand {
  white-space: normal;
}

.container-header .brand-logo {
  display: block;
}

.container-header .brand-logo img {
  display: block;
  width: 1162px;
  max-width: 100%;
  height: auto;
}

.container-header .site-description {
  color: #222;
  font-size: .875rem;
}

/* Sidebar: plain menus instead of cards */
.container-sidebar-left .card {
  background: none;
  border: 0;
}

.container-sidebar-left .card-header {
  background: none;
  border: 0;
  padding: 0 0 .25rem;
  font-size: 1.25rem;
  font-weight: 500;
}

.container-sidebar-left .card-body {
  padding: 0 0 .75rem;
}

.container-sidebar-left .mod-menu {
  font-size: .875rem;
  line-height: 1.4;
}

.container-sidebar-left .mod-menu > li {
  padding: 0;
}

/* The home article wraps its paragraphs in <h1> */
.com-content-article__body h1 {
  font-size: 1rem;
  line-height: 2;
  margin: 0 0 1rem;
}

/* Footer: light, like the old one */
.container-footer {
  background: none;
  color: #333;
  border-top: 1px solid #ddd;
}

.container-footer .grid-child {
  padding-top: 1rem;
  padding-bottom: 1rem;
}