/* ***************************************************************** */
/* Product: Global
/* Updated: 27/08/2019
******************************************************************** */
/* footer - container */
[role="footer"] {
	padding: 60px 0;
}
[role="footer"].default {
	background-color: #FFF
}
/* footer - container ~ wrapper */
[role="footer"] .wrapper {
	margin: 0 auto;
	max-width: 1184px;
	overflow: hidden;
	padding: 0 40px
}
/* footer - container ~ content left */
[role="footer"] .footer-left {
	display: table-cell;
    float: left;
	max-width: 100%;
}
/* footer - container ~ content left:images */
[role="footer"] .footer-logos {
	display: table-cell;
	height: 4.688em;
	padding-right: 60px;
	position: relative;
	width: 14.688em
}
/* footer - container ~ content left:images (THIS) */
[role="footer"] .footer-logos #this-logo {
	left: 0;
	top: 0
}
/* footer - container ~ content left:a href */
[role="footer"] .footer-logos > a {
	position: absolute;
}
/* footer - container ~ content left:legal (not used presently) */
[role="footer"] .legal {
	border-left: 1px solid #d8d8d8;
	display: none;
	padding-left: 60px
}
/* footer - container ~ content left: a href (not used presently) */
[role="footer"] .legal a {
	color: #3a3c42
}
/* footer - container ~ content left: copyright (not used presently) */
[role="footer"] .legal .copyright {
	color: #ccc
}
/* footer - container ~ content right */
[role="footer"] .footer-right {
	/*align-items: center;
	flex: 1;
	justify-content: flex-end;*/
	display: table-cell;
    float: right;
	max-width: 11.5em
}
/* footer - container ~ content paragraph */
[role="footer"] p {
	font-size: 18px;
	line-height: 1.56;
	margin: 0 0 20px 0
}
/* footer - container ~ content paragraph:last */
[role="footer"] p:last-of-type {
	margin: 0
}
/* footer - container ~ content a href */
[role="footer"] a {
	font-weight: 400
}
/* footer - container ~ content image */
[role="footer"] img {
	border-style: none;
	vertical-align: middle
}
/* footer - container ~ content image (cambridge) */
[role="footer"] .footer-logos #uni-cambridge {
	left: 0;
	top: 45px
}
/* footer - container ~ content image (the health foundation) */
[role="footer"] .footer-logos #thf {
	left: 140px;
	top: 45px
}
/* footer - container ~ content image (THIS) */
[role="footer"] .footer-logos #this-logo {
	left: 0;
	top: 0;
}
/* footer - container ~ content image (Cochrane) */
[role="footer"] .meta-logo {
	background: url(../images/cochrane-logo.png);
	background-repeat: no-repeat;
	background-size: 57px 57px;
	background-color: transparent;
	background-attachment: scroll;
	display: block;
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size: 28px;
	font-weight: bold;
	height: 57px;
	letter-spacing: -0.5px;
	line-height: 28px;
	padding-left: 65px;
	overflow: hidden;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/* footer - container ~ content text (Cochrane) */
[role="footer"] .meta-nav {
	color: #002D64;
	font-size: 18px;
	position: relative
}
/* footer - container ~ content text (Cochrane) */
[role="footer"] .meta-logo div {
	color: #962d91;
	font-size: 28px;
	font-weight: bold;
	height: 57px;
	line-height: 28px;
	position: relative;
	width: 10em
}
/* footer - container ~ content text (Cochrane) */
[role="footer"] .cochrane-logo {
	vertical-align: top
}
/* footer - container ~ content text (Cochrane) */
[role="footer"] .cochrane-logo .text {
	color: #002D64;
	font-size: 12px;
	line-height: 26px;
	text-align: left;
	vertical-align: top;
	width: 10em
}
@media only screen and (min-width: 315px) and (max-width: 737px) {
	/* footer - container ~ wrapper */
	[role="footer"] .wrapper {
		padding: 0 20px !important;
		display: flex;
		justify-content: flex-start;
		flex-direction: column
	}
	/* footer - container ~ content left:legal (not used presently) */
	[role="footer"] .legal {
		border-left: 0 !important;
		display: none !important;
		margin: 70px 0 0 0;
		padding-left: 0px !important
	}
	/* footer - container ~ content text (Cochrane) */
	[role="footer"] .cochrane-logo {
		display: table !important;
		margin: 70px 0 0 0
	}
	/* footer - container ~ content left:images */
	[role="footer"] .footer-logos {
		display: table !important;
		padding-right: 0 !important
	}
	[role="footer"].default {
    display: none!important
}
}