/*--------------------*/
/* ---- MASTHEAD ---- */
/*--------------------*/

/* LOGOS */

.journal-header .journal-logo {
  width: 500px;
}

/* HEADER BRAND COLOUR */

.journal-bg {
  background-color: #011e41;
}
.journal-header .society-logo {
	width: 165px;}
/* NAVBAR BRAND COLOUR */

.navbar {
  border-top: 1px solid #bdc0c7;
  background-color: #011e41;
}

/*--------------------*/
/* ---- HOMEPAGE ---- */
/*--------------------*/

#cloudCMS #mainContent .rows .row:first-child {
  /* The first row is included to change the alternating row colours, but need to hide it from the front end  */
  display: none;
}

/* FEATURED ROW */

#cloudCMS .rowForStoryCard, #cloudCMS #homeTop {
  background-color: #e4ecf5 !important;
  background-image: url(//academic.oup.com/data/sitebuilderassetsoriginals/preview/images/oxford-scholarship-online/oxford-scholarship-online_background.jpg);
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
  padding: 100px 0 0 0;
}
#cloudCMS .rowForStoryCard .storyCard, #cloudCMS #homeTop .editable {
  background-color: rgba(248, 251, 255, 0.87);
  font-family: "Merriweather", serif;
  padding: 25px;
  margin-left: 0;
  max-width: none;
  text-align: left;
}
#cloudCMS #homeTop .editable .itemBody {
	padding: 0;
}
#cloudCMS .storyCardButtons .buttony, #cloudCMS #homeTop .editable.blockLink .fauxLink.buttony {
  background-color: #011e41;
}
#cloudCMS .storyCardButtons .buttony:hover, #cloudCMS #homeTop .editable.blockLink > a:hover ~ .itemBody .fauxLink.buttony, #cloudCMS #homeTop .editable.blockLink > a:focus ~ .itemBody .fauxLink.buttony {
  background-color: #031428;
}
#cloudCMS .storyCardButtons {
  justify-content: flex-start !important;
}
#cloudCMS .rowForStoryCard .storyCard h2, #cloudCMS #homeTop .editable h2  {
  font-size: 1.5625rem;
  line-height: 1.35em;
}
#cloudCMS .rowForStoryCard .storyCard p, #cloudCMS #homeTop .editable p {
  font-size: 1rem;
  line-height: 1.7em;
}
@media (max-width: 768px) {
  .journal-header .society-logo {
    display: none;
  }
}
@media all and (min-width: 930px) {
  #cloudCMS .rowForStoryCard, #cloudCMS #homeTop {
    padding: 50px 25px;
    position: relative;
  }
  #cloudCMS .rowForStoryCard:after, #cloudCMS #homeTop:after {
    background: linear-gradient(98deg, rgba(228, 236, 245, 1) 62%, rgba(228, 236, 245, 0) 75%);
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
  }
  #cloudCMS .rowForStoryCard .storyCard, #cloudCMS #homeTop .editable {
    max-width: 620px;
    background-color: transparent;
    padding: 0;
    position: relative;
    z-index: 10;
  }
}
@media all and (min-width: 930px) and (max-width: 1099px) {
  #cloudCMS .rowForStoryCard .storyCard p, #cloudCMS #homeTop .editable p {
    font-size: 17px;
  }
}
@media all and (min-width: 1100px) {
  #cloudCMS .rowForStoryCard, #cloudCMS #homeTop {
    padding: 60px 25px;
  }
  #cloudCMS .rowForStoryCard .storyCard, #cloudCMS #homeTop .editable {
    max-width: 760px;
  }
  #cloudCMS .rowForStoryCard .storyCard h2, #cloudCMS #homeTop .editable h2  {
    font-size: 1.875rem;
  }
  #cloudCMS .rowForStoryCard .storyCard p, #cloudCMS #homeTop .editable p {
    font-size: 18px;
  }
}

/* UNDERBAR */

.widget-dynamic__underbar.journal-bg {
  background-color: #011e41;
}
#cloudCMS .panels .widget-dynamic-title::after,
#cloudCMS .panels .widgetHead h3::after,
#cloudCMS .rowHead h3::after {
  background-color: #011e41;
}

/*----------------------*/
/* ---- OUP FOOTER ---- */
/*----------------------*/

.oup-footer {
  border-top: 1px solid #cfd5e4;
}