/*--------------------*/
/* ---- MASTHEAD ---- */
/*--------------------*/

/* LOGOS */

.journal-header .journal-logo {
  width: 410px;
}
.journal-header .society-logo {
  width: 98px;
}

/* HEADER BRAND COLOUR */

.journal-bg {
  background-color: #003893;
}

/* NAVBAR BRAND COLOUR */

.navbar {
  background-color: #001b50;
}

/* NAVBAR OVERRIDES */

.navbar .navbar-menu .site-menu-item .site-menu {
  width: initial;
}
.navbar .navbar-menu .site-menu-item .site-menu a.nav-link {
  white-space: nowrap;
}

/*--------------------*/
/* ---- HOMEPAGE ---- */
/*--------------------*/

/* UNDERBAR */

.widget-dynamic__underbar.journal-bg {
  background-color: #003893;
}
#cloudCMS .panels .widget-dynamic-title::after,
#cloudCMS .panels .widgetHead h3::after,
#cloudCMS .rowHead h3::after, #cloudCMS .panels .widgetHead h2::after,
#cloudCMS .rowHead h2::after {
  background-color: #003893;
}

/* FEATURED TEXT ROW */

#cloudCMS .featuredTextRow .editable h3,
#cloudCMS .rowForTwoEditablePanelsCentered .editable h3, #cloudCMS .featuredTextRow .editable h2,
#cloudCMS .rowForTwoEditablePanelsCentered .editable h2 {
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 1.25em;
  margin-top: 0;
  margin-bottom: 0.4em;
}
#cloudCMS .featuredTextRow .editable .buttony,
#cloudCMS .rowForTwoEditablePanelsCentered .editable .buttony {
  background-color: #001b50;
}
@media screen and (min-width: 768px) {
  #cloudCMS .rowForEditablePanels#publications .editable h2 {
    font-size: 1.6rem;
    line-height: 1.25em;
  }
}
#cloudCMS .rowForEditablePanels#publications .editable .buttony {
  background-color: #001b50;
}

/* NEW FEATURED ROW */

#cloudCMS #AOACInternational {
  background: #003893 url("//academic.oup.com/data/sitebuilderassetsoriginals/preview/images/aoac-publications/aoac-publications_featureRowBackground.jpg") no-repeat center;
  background-size: cover;
}
#cloudCMS #AOACInternational .editable {
  background-color: transparent;
}
#cloudCMS #AOACInternational .itemBody {
	border: 0;	
	color: #ffffff;
  font-size: 1rem;
  font-family: "Merriweather", serif;
}
#cloudCMS #AOACInternational .itemBody a {
  background: #ffffff url("//academic.oup.com/data/sitebuilderassetsoriginals/preview/images/esc/chevron-right.svg") right 12px center / 8px 100% no-repeat;
	color: #2a2a2a;
	display: inline-block;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  margin-top: .5rem;
  padding: 10px 12px;
  padding-right: 32px;
  white-space: nowrap;
}
#cloudCMS #AOACInternational .itemHead {
  align-items: center;
  background-color: transparent;
}
@media (max-width: 767px) {
  #cloudCMS #AOACInternational .editable {
    background-color: rgba(0, 1, 36, 0.7);
    border: 0;
  }
  #cloudCMS #AOACInternational .itemBody a {
    font-size: 1rem;
  }
}
@media (min-width: 768px) {
  #cloudCMS #AOACInternational .itemHead {
    display: flex;
    justify-content: center;
    width: 32%;
  }
  #cloudCMS #AOACInternational .itemHead img {
    width: 150px;
  }
  #cloudCMS #AOACInternational .itemBody {
    background-color: rgba(0, 1, 36, 0.7);
    font-size: 1.1rem;
    padding: 1rem;
  }
}
@media (min-width: 930px) {
  #cloudCMS #AOACInternational .itemHead img {
    width: 175px;
  }
  #cloudCMS #AOACInternational .itemBody {
    padding: 2rem;
  }
}
@media (min-width: 1100px) {
  #cloudCMS #AOACInternational .itemHead img {
    width: 200px;
  }
  #cloudCMS #AOACInternational .itemBody {
      padding: 2.5rem;
  }
}

/* FEATURED ROW */

#cloudCMS .rowForSingleVideoandText,
#cloudCMS .rowForSingleEditablePanel {
  background: #003893 url("//academic.oup.com/data/sitebuilderassetsoriginals/preview/images/aoac-publications/aoac-publications_featureRowBackground.jpg") no-repeat center !important;
  background-size: cover !important;
}
#cloudCMS .rowForSingleVideoandText .editable,
#cloudCMS .rowForSingleEditablePanel .editable {
  border: 0;
  background-color: rgba(0, 28, 81, 0.75);
  -webkit-font-smoothing: antialiased;
}
#cloudCMS .rowForSingleVideoandText .itemHead,
#cloudCMS .rowForSingleEditablePanel .itemHead {
  background-color: transparent;
  color: #ffffff;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
#cloudCMS .rowForSingleVideoandText .itemBody,
#cloudCMS .rowForSingleEditablePanel .itemBody {
  border: none;
  color: #ffffff;
}
@media all and (max-width: 929px) {
  #cloudCMS .rowForSingleVideoandText .itemBody p:first-child,
  #cloudCMS .rowForSingleEditablePanel .itemBody p:first-child {
    font-size: 16px;
    line-height: 1.5em;
  }
}
@media all and (min-width: 768px) and (max-width: 929px) {
  #cloudCMS .rowForSingleVideoandText .itemHead,
  #cloudCMS .rowForSingleEditablePanel .itemHead {
    width: 140px;
  }
}
@media all and (min-width: 930px) {
  #cloudCMS .rowForSingleVideoandText .editable,
  #cloudCMS .rowForSingleEditablePanel .editable {
    background-color: transparent;
  }
  #cloudCMS .rowForSingleVideoandText .itemBody,
  #cloudCMS .rowForSingleEditablePanel .itemBody {
    background-color: rgba(0, 1, 36, 0.7);
  }
  #cloudCMS .rowForSingleVideoandText .itemHead img,
  #cloudCMS .rowForSingleEditablePanel .itemHead img {
    width: 200px;
  }
}
#cloudCMS .rowForSingleVideoandText .itemBody a.buttony,
#cloudCMS .rowForSingleVideoandText .itemBody a,
#cloudCMS .rowForSingleEditablePanel .itemBody a.buttony,
#cloudCMS .rowForSingleEditablePanel .itemBody a {
  background-color: #ffffff;
  background-image: url("https://static.primary.prod.gcms.the-infra.com/static/Shared+Content/image/chevron-right.svg?node=f0296d3a5868d4c84521&version=1817560:b9580e68610c21bf5c08&preview=true");
  background-repeat: no-repeat;
  color: #2a2a2a;
  display: inline-block;
  padding: 10px 12px;
  padding-right: 32px;
  background-position: right 12px center;
  background-size: 8px 100%;
  white-space: nowrap;
  -webkit-font-smoothing: auto;
}
#cloudCMS .rowForSingleVideoandText .itemBody a.buttony:hover,
#cloudCMS .rowForSingleVideoandText .itemBody a:hover,
#cloudCMS .rowForSingleEditablePanel .itemBody a.buttony:hover,
#cloudCMS .rowForSingleEditablePanel .itemBody a:hover {
  background-color: #ffffff;
}

/*------------------*/
/* ---- FOOTER ---- */
/*------------------*/

/* LOGOS */

img.journal-footer-affiliations-logo {
  width: 350px;
}

/* BRAND COLOURS */

.journal-footer.journal-bg {
  background-color: #001b50;
}
