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

/* LOGOS */

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

/* HEADER BRAND COLOUR */

.journal-header {
  	background-color: #253576;;
	  background-image: url(//academic.oup.com/data/sitebuilderassetsoriginals/preview/images/very-short-introductions/very-short-introductions-featured-row.jpg);
	  background-position: top center;
	  background-repeat: repeat-x;
	  background-size: auto;
	  border-bottom: 1px solid #AFB1C7;
}

/* NAVBAR BRAND COLOUR */

.navbar {
	background-color: rgba(0,0,0,.2);
    background-image: url(//academic.oup.com/data/sitebuilderassetsoriginals/preview/images/very-short-introductions/very-short-introductions-featured-row.jpg);
    background-blend-mode: multiply;
	background-position: top center;
    background-repeat: repeat-x;
    background-size: auto;
}
@media only screen and (min-width: 930px) {
	.navbar {
		border-bottom: 1px solid #AFB1C7;
	}
}

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

/* FEATURED ROW */

#cloudCMS #brandedRowVSI {
	background-color: #253576;;
	background-image: url(//academic.oup.com/data/sitebuilderassetsoriginals/preview/images/very-short-introductions/very-short-introductions-featured-row.jpg);
	background-position: top center;
	background-repeat: repeat-x;
	background-size: auto 100%;
}

#cloudCMS #brandedRowVSI .rowForEditablePanels:not(.centeredContent) .panels[columns="1"] .col {
	max-width: 1100px;
}
#cloudCMS #brandedRowVSI .rowForEditablePanels:not(.centeredContent) .panels[columns="1"] .editable {
	background-color: transparent;
}
#cloudCMS #brandedRowVSI .rowForEditablePanels:not(.centeredContent) .panels[columns="1"] .editable .itemBody {
	color: #ffffff;
	font-size: 1.25em;
	text-align: center;
}
#cloudCMS #brandedRowVSI .rowForEditablePanels:not(.centeredContent) .panels[columns="1"] .editable .itemBody h2 {
	font-size: 2rem;
}

#cloudCMS #brandedRowVSI .rowForSingleEditablePanel .editable {
	justify-content: center;
}
#cloudCMS #brandedRowVSI .rowForSingleEditablePanel .itemBody {
	border-left: 0;
	padding-bottom: 0 !important;
	padding-top: 0 !important;
	text-align: center;
}
#cloudCMS #brandedRowVSI .rowForSingleEditablePanel .editable, #cloudCMS #brandedRowVSI .rowForSingleEditablePanel .itemBody {
	background-color: transparent;
}
#cloudCMS #brandedRowVSI .rowForSingleEditablePanel h3, #cloudCMS #brandedRowVSI .rowForSingleEditablePanel h2 {
	color: #ffffff;
	font-family: "Source Sans Pro",Helvetica,Arial,sans-serif;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.15em;
    margin: 0rem;
}
#cloudCMS #brandedRowVSI .rowForSingleEditablePanel p {
	color: #ffffff;
	font-family: "Source Sans Pro",Helvetica,Arial,sans-serif;
	font-size: 19px;
    line-height: 1.5em;
    margin: 0.75rem 0 1rem 0;
}
#cloudCMS #brandedRowVSI .rowForSingleEditablePanel p:last-child {
	margin-bottom: 0;
}
@media all and (min-width: 930px) {

    #cloudCMS #brandedRowVSI .rowForSingleEditablePanel h3, #cloudCMS #brandedRowVSI .rowForSingleEditablePanel h2, #cloudCMS #brandedRowVSI .rowForEditablePanels:not(.centeredContent) .panels[columns="1"] .editable .itemBody h2 {
      font-size: 2.125rem;
    }

    #cloudCMS #brandedRowVSI .rowForSingleEditablePanel p, #cloudCMS #brandedRowVSI .rowForEditablePanels:not(.centeredContent) .panels[columns="1"] .editable .itemBody {
      font-size: 20px;
    }
  }
#cloudCMS #brandedRowVSI .rowForSimpleListings .editable, #cloudCMS #brandedRowVSI .rowForSimpleListings .contentListing {
    background-color: rgba(0, 0, 0, 0.7);
	border: 0;
    color: #fff;
}
#cloudCMS #brandedRowVSI .rowForSimpleListings .editable p a {
	color: #38DAE4;
}
#cloudCMS #brandedRowVSI .rowForSimpleListings .contentListing a {
	color: #fff;
}


/* UNDERBAR */

.widget-dynamic__underbar.journal-bg {
	background-color: #18A9B2;
}
#cloudCMS .panels .widget-dynamic-title::after, #cloudCMS .panels .widgetHead h3::after, #cloudCMS .rowHead h3::after, #cloudCMS .rowForSimpleListings .editable h3:after, #cloudCMS .panels .widgetHead h2::after, #cloudCMS .rowHead h2::after, #cloudCMS .rowForSimpleListings .editable h2:after {
	background-color: #18A9B2;
}


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

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