/*--------------------*/
/* ---- MASTHEAD ---- */
/*--------------------*/
/* LOGOS */
.journal-header .journal-logo {
  width: 450px;
}

/* HEADER BRAND COLOUR */
.journal-bg {
  background-color: #808080;
}
@media all and (min-width: 768px) {
  .journal-bg .inner,
  .journal-bg .center-inner-row {
    background-image: url(https://static.primary.prod.gcms.the-infra.com/static/american-national-biography/image/ANB.svg?node=530f8c9fbf1c008917b9);
    background-repeat: no-repeat;
    background-position: calc(100% - 25px) -61px;
    background-size: 540px;
  }
}

/* NAVBAR BRAND COLOUR */
.navbar {
  background-color: #444;
}

/*--------------------*/
/* ---- HOMEPAGE ---- */
/*--------------------*/
/* UNDERBAR */
#cloudCMS .panels .widget-dynamic-title::after,
#cloudCMS .panels .widgetHead h2::after,
#cloudCMS .rowHead h2::after {
  background-color: #2b496d;
}

#cloudCMS .rowHead h2 {
  font-size: 1.75rem;
  margin-bottom: 40px;
}
#cloudCMS .rowHead h2::after {
  bottom: -14px;
}
#cloudCMS .rowForTwoColumnListingWithHead .contentListingMeta h2,
#cloudCMS .rowHead h2,
#cloudCMS .rowForEditablePanels [columns="1"] .editable h2 {
  font-weight: 600;
}
#cloudCMS #aboutRow {
  background-color: #2b496d;
  color: white;
  background-repeat: no-repeat;
  background-position: calc(50% - 480px) 50%;
}
#cloudCMS .buttony,
#cloudCMS .fauxLink,
#cloudCMS .featurePanel a {
  display: inline-block;
  border: 1px solid white;
  background-color: transparent;
  color: white;
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 8px 100%;
  padding: 10px 12px;
  padding-right: 32px;
  text-decoration: none;
  background-image: url(https://static.primary.prod.gcms.the-infra.com/static/Shared+Content/image/chevron-right-white.svg?node=46e46df2d760705cb19b&version=2902477:6e2bc4831b3301533581&preview=true);
}
#cloudCMS .buttony:hover,
#cloudCMS .fauxLink:hover,
#cloudCMS .featurePanel a:hover {
  background-color: white !important;
  color: #000 !important;
  background-image: url(https://static.primary.prod.gcms.the-infra.com/static/Shared+Content/image/chevron-right.svg?node=f0296d3a5868d4c84521&version=2890562:b88dbfb8d59b8da05a79&preview=true);
}
#cloudCMS a:hover ~ .itemBody .fauxLink {
  border: 1px solid white !important;
  background-color: white !important;
  text-decoration: none;
  color: #000 !important;
  background-image: url(https://static.primary.prod.gcms.the-infra.com/static/Shared+Content/image/chevron-right.svg?node=f0296d3a5868d4c84521&version=2890562:b88dbfb8d59b8da05a79&preview=true);
}