/* AYSCBC look on top of Cassiopeia. Colours come from the old at_communitygroup_pro template settings.
   Installed at media/templates/site/cassiopeia_ayscbc/css/user.css (Cassiopeia loads it automatically). */
:root {
  --ayscbc-maroon: #790000;
  --ayscbc-navy: #172331;
  --ayscbc-blue: #3b7bb9;
  --ayscbc-text: #666;
  --cassiopeia-color-primary: var(--ayscbc-maroon);
  --cassiopeia-color-link: var(--ayscbc-blue);
  --cassiopeia-color-hover: var(--ayscbc-navy);
}

body.site {
  background: #ebebeb;
  color: var(--ayscbc-text);
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: .95rem;
}

h1, h2, h3, h4, .page-header h1, .page-header h2 {
  font-family: Oswald, "Arial Narrow", Arial, sans-serif;
  color: var(--ayscbc-blue);
  text-transform: uppercase;
}

/* Header: maroon band with the combined logo/photo, white menu bar below */
.container-header {
  background: var(--ayscbc-maroon);
  background-image: none;
}
.container-header .navbar-brand img {
  max-height: 180px;
  width: auto;
}
.container-header .container-nav {
  background: #fff;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  padding: 0;
  margin-bottom: 0;
}
.container-header .metismenu.mod-menu > .metismenu-item {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding: 0;
}
.container-header .mod-menu > li > a,
.container-header .mod-menu > li > span,
.container-header .metismenu.mod-menu .metismenu-item > a {
  color: #000;
  font-family: Oswald, "Arial Narrow", Arial, sans-serif;
  font-size: .85rem;
  text-transform: uppercase;
  white-space: nowrap;
  padding: .75rem .6rem;
}
.container-header .metismenu.mod-menu .metismenu-item > button.mm-toggler {
  color: #000;
  padding: .75rem .3rem .75rem 0;
  margin: 0;
}
.container-header .metismenu.mod-menu .metismenu-item.active > a,
.container-header .metismenu.mod-menu .metismenu-item > a:hover,
.container-header .metismenu.mod-menu .metismenu-item > button:hover {
  background: var(--ayscbc-navy);
  color: #fff;
  text-decoration: none;
}
.container-header .metismenu.mod-menu .mm-collapse {
  background: var(--ayscbc-navy);
}
.container-header .metismenu.mod-menu .mm-collapse .metismenu-item > a {
  color: #fff;
}
.container-header .container-search {
  margin: .5rem 0;
}
.container-header .container-search .form-control {
  border-radius: 0;
}

/* Page body on a white card, like the old fixed-width layout */
.site-grid {
  background: #fff;
  margin-top: 0;
}

/* Breadcrumbs: navy "You are here" bar */
.container-component .mod-breadcrumbs__wrapper {
  background: var(--ayscbc-navy);
  margin: 0 0 1rem;
  padding: .5rem 1rem;
}
.container-component .mod-breadcrumbs,
.container-component .mod-breadcrumbs a,
.container-component .mod-breadcrumbs .breadcrumb-item::before {
  color: #78a2da;
  font-family: Oswald, "Arial Narrow", Arial, sans-serif;
  text-transform: uppercase;
  margin: 0;
}

/* Footer-style module row (old footer1-4) and the footer itself: navy, white headings */
.container-bottom-a {
  background: var(--ayscbc-navy);
  color: #999;
  padding: 1.5rem 1rem;
}
.container-bottom-a .card {
  background: transparent;
  border: 0;
  color: #999;
}
.container-bottom-a .card-header,
.container-bottom-a h3 {
  background: transparent;
  border: 0;
  color: #fff;
  font-size: 1rem;
}
.container-bottom-a a {
  color: #fff;
}
.container-footer {
  background: var(--ayscbc-navy);
  background-image: none;
  color: #999;
}