/*
Theme Name: The Courier (2017)
Theme URI:
Author: Robert Paul
Author URI: http://www.dcthomson.co.uk
Description: The Courier's child-theme, based on the Blocks theme.
Template: blocks-theme
Version: 4.0.6
License:
License URI:
Tags:
Release Notes: the-courier,esio,syndicate,syndicate-subscriber
*/

/********
Typefaces
********/

body {
	font-family: 'Arial', sans-serif;
}

/* Typefaces > 'Guardian Compact Web' */
@font-face {
	font-family: 'Guardian Compact Web';
	src: url('assets/fonts/GuardianCompact/Guardian Compact Web-Thin.eot');
	src: url('assets/fonts/GuardianCompact/Guardian Compact Web-Thin.eot?#iefix') format('embedded-opentype'),
		url('assets/fonts/GuardianCompact/Guardian Compact Web-Thin.woff2') format('woff2'),
		url('assets/fonts/GuardianCompact/Guardian Compact Web-Thin.woff') format('woff');
	font-weight: 200;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: 'Guardian Compact Web';
	src: url('assets/fonts/GuardianCompact/Guardian Compact Web-Regular.eot');
	src: url('assets/fonts/GuardianCompact/Guardian Compact Web-Regular.eot?#iefix') format('embedded-opentype'),
		url('assets/fonts/GuardianCompact/Guardian Compact Web-Regular.woff2') format('woff2'),
		url('assets/fonts/GuardianCompact/Guardian Compact Web-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: 'Guardian Compact Web';
	src: url('assets/fonts/GuardianCompact/Guardian Compact Web-Medium.eot');
	src: url('assets/fonts/GuardianCompact/Guardian Compact Web-Medium.eot?#iefix') format('embedded-opentype'),
		url('assets/fonts/GuardianCompact/Guardian Compact Web-Medium.woff2') format('woff2'),
		url('assets/fonts/GuardianCompact/Guardian Compact Web-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: 'Guardian Compact Web';
	src: url('assets/fonts/GuardianCompact/Guardian Compact Web-Semibold.eot');
	src: url('assets/fonts/GuardianCompact/Guardian Compact Web-Semibold.eot?#iefix') format('embedded-opentype'),
		url('assets/fonts/GuardianCompact/Guardian Compact Web-Semibold.woff2') format('woff2'),
		url('assets/fonts/GuardianCompact/Guardian Compact Web-Semibold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
}

/* Typography > Titles */
h3.accordion-pack-title,
.all-sections__nav:before,
.all-sections__internal:before,
.all-sections__nav > .menu-item > a,
.btn,
.breadcrumb,
.cms h1,
.cms h2,
.cms h3,
.cms h4,
.cms h5,
.cms h6,
.cms > p:first-of-type,
.elas-search__text,
.mpp-meter,
.mpp-meter .register-button > a,
.mpp-meter .subscribe-button > a,
.navigation,
.ow-temp,
.ow-windspeed,
.pds-question-top,
.pds-vote-button,
.post-embed__title,
.results__title,
.rpwe-title,
.sharing-bar__next-post,
.sharing-bar__title,
.subscription .sub__btn-wrap > .btn,
.subscription .sub__title,
.subscription .sub__value,
.subscription .sub__content,
#subscription-marketing .cell,
#subscription-marketing .cell .cell__content .title,
.subscription__accordion_column .btn,
.title,
.title--caps,
.title--block,
.title--icon,
.verticals__wrap,
.widget-title {
	font-family: 'Guardian Compact Web', 'Georgia', sans-serif;
}

.title--caps {
	font-weight: 600;
}

.title--lg {
	line-height: 120%;
	font-weight: 900;
}

.title--md {
	line-height: 120%;
	font-weight: 600;
}

.title--sm {
	line-height: 110%;
	font-weight: 600;
}

.title--xs {
	line-height: 125%;
	font-weight: 400;
}

.title--block,
.title--icon {
	padding-bottom: 10px;
	border-bottom: 3px solid #eee;
}

.title--papertray {
	color: #0066b3;
}

.title--papertray .genericon {
	background-color: #003d73;
}

.category-label {
	color: #0066b3;
}

.format-icon.format-breaking {
	-moz-animation: fadeInOut 1s infinite;
	-ms-animation: fadeInOut 1s infinite;
	-o-animation: fadeInOut 1s infinite;
	-webkit-animation: fadeInOut 1s infinite;
	animation: fadeInOut 1s infinite;
}

@keyframes fadeInOut {
	0% { color: rgba(255,255,255,1); }
	50% { color: rgba(255,255,255,0); }
	100% { color: rgba(255,255,255,1); }
}

/* Typography > Excerpts */
.excerpt {
	font-size: 87.5%;
}

/*****
Header
*****/

/* Header > Datestamp */
.datestamp {
	font-size: 87.5%;
}

.datestamp strong {
	font-weight: 500;
	color: #0066b3;
}

/* Header > Verticals */
.verticals a {
	font-size: 81.25%;
}

/*********
Navigation
*********/

/* Navigation > Nav Bar */
.nav-bar > .menu-item > a {
	font-weight: 600;
	font-size: 106.25%;
	text-transform: uppercase;
}

.nav-bar .sub-menu a {
	font-size: 93.75%;
}

.nav-button.js-on,
.all-sections-btn.js-on {
	background-color: #323232;
	color: #fff;
}

.all-sections-btn.js-on,
.navigation .all-sections-btn.js-on,
.all-sections {
	background-color: #323232;
	background-color: rgba(50,50,50,.99);
	color: #fff;
}

.nav-bar > .menu-item.nav--subscribe > a {
	color: #0066b3;
}

/* Navigation > All Sections */
.all-sections__nav,
.all-sections__internal {
	margin-top: 20px;
	margin-bottom: 20px;
}

.all-sections__nav:before,
.all-sections__internal:before {
	display: block;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #444;
	line-height: 100%;
	font-weight: 500;
	font-size: 87.5%;
	text-transform: uppercase;
	color: #aaa;
}

/* Navigation > All Sections > Nav */
.all-sections__nav:before {
	content: 'Sections';
}

.all-sections__nav a {
	color: #fff;
}

.all-sections__nav > .menu-item {
	float: left;
	padding-bottom: 20px;
	padding-right: 20px;
	width: 33.333%;

	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.all-sections__nav > .menu-item:nth-child(4n) {
	clear: left;
}

.all-sections__nav > .menu-item > a {
	padding-bottom: 10px;
	border-bottom: 2px solid #555;
	font-weight: 600;
	font-size: 150%;
	text-transform: uppercase;
}

.all-sections__nav .sub-menu > .menu-item {
	float: none;
}

.all-sections__nav .sub-menu a {
	font-size: 100%;
}

.all-sections__nav > .menu-item > a:before,
.all-sections__nav .sub-menu > .menu-item:after {
	content: '';
}

/* Navigation > All Sections > Internal */
.all-sections__internal:before {
	content: 'Services';
}

.all-sections__internal {
	clear: both;
	list-style: none;
	margin-top: 40px;
}

.all-sections__internal > li {
	float: left;
	width: 33.333%;
	line-height: 150%;
}

/* Navigation > All Sections > Copyright */
.all-sections .copyright {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #444;
}

/***
Post
***/

.intro__cell .subscribe__link {
	background-color: rgba(0,0,0,.125);
}

.tag-list__tag-link {
	background-color: #0066b3;
}

/*****
Blocks
*****/

.block--feature .category-label,
.block--grid .category-label {
	background-color: #003e73 !important;
	background-color: rgba(0,62,115,.8) !important;
	color: #fff !important;
	color: rgba(255,255,255,.6) !important;
}

.block--feature .category-label:hover,
.block--grid .category-label:hover {
	color: #fff !important;
	color: rgba(255,255,255,1) !important;
}

.block--grid .post--grid .timestamp {
	left: 10px;
}

.block--signup .signup__title {
	font-size: 150%;
}

/**********
Sharing Bar
**********/

.sharing-bar {
	background-color: #0066b3;
	background-color: rgba(0,102,179,.9);
}

.sharing-bar__title {
	font-weight: 500;
}

.sharing-bar__next-post {
	font-weight: 600;
	font-size: 93.75%;
	text-transform: uppercase;
	color: #0066b3;
}

.sharing-bar .socialize-icon {
	background-color: #fff;
	color: #0066b3;
}

.sharing-bar .socialize-icon--whatsapp {
	background-image: url(assets/images/icons/icon_whatsapp.png);
}

/******************
Sign Up / Subscribe
******************/

.signup__btn {
	font-weight: 500;
	font-size: 125%;
	text-transform: uppercase;
}

.subscribe__link {
	font-weight: 400;
}

/******
Widgets
******/

.widget-title {
	font-weight: 600;
}

/******
Plugins
******/

/* Plugins > OpenWeather */
.ow-temp,
.ow-windspeed {
	font-weight: 600;
	font-size: 150%;
	text-transform: uppercase;
}

/* Plugins > PollDaddy */
.pds-question-top {
	line-height: 110%;
	font-weight: 500;
	font-size: 125%;
}

.pds-vote-button {
	font-weight: 600;
	font-size: 125%;
	text-transform: uppercase;
}

/* Plugins: Yoast SEO > Breadcrumbs */
.breadcrumb {
	font-weight: 600;
	font-size: 100%;
	text-transform: uppercase;
}

.breadcrumb a {
	color: #0066b3;
}

/* Plugins: Recent Posts Widget Extended */
.rpwe-title {
	line-height: 125%;
	font-weight: 500;
}

/*****
Embeds
*****/

.post-embed__title {
	font-size: 100%;
	color: #003e73;
}

.post-collection {
	padding: 0;
	background-color: transparent;
}

.post-collection .list__link {
	font-size: 87.5%;
}

/************
MPP (Paywall)
************/

/* MPP (Paywall) > Overlay */
#subscription-marketing .cell .cell__content .title {
	line-height: 120%;
	font-weight: 200;
	font-size: 200%;
	text-transform: uppercase;
}

/* MPP (Paywall) > Accordion */
.ui-accordion-content .subscription__row:nth-child(odd) {
	background-color: #F8F8F8;
}

h3.accordion-pack-title:hover,
.ui-accordion .ui-accordion-header-active {
	color: #0066b3 !important;
}

.subscription__accordion_column .btn {
	font-weight: 500;
	font-size: 100%;
	text-transform: uppercase;
}

.ui-accordion .subscription__row:nth-child(odd) {
	background-color: #f6f6f6 !important;
}

/* MPP (Paywall) > Meter */
.mpp-meter {
	background-image: url('assets/images/backgrounds/bg_cta.jpg');
	color: #fff;
}

.mpp-meter .subject {
	line-height: 110%;
	font-weight: 400;
	font-size: 175%;
}

.mpp-meter .description {
	font-family: 'Georgia', sans-serif;
}

.mpp-meter .register-button > a,
.mpp-meter .subscribe-button > a {
	line-height: 100%;
	background-color: #003e73;
	font-weight: 500;
	font-size: 112.5%;
}

.mpp-meter .register-button > a:hover,
.mpp-meter .subscribe-button > a:hover {
	top: -4px;
	background-color: #fff;
	color: #000;
}

/* MPP (Paywall) > Paywall Packs */
.subscription .sub__content:hover {
	border-color: #ccc;

	-mos-box-shadow: 0 1px 3px rgba(0,0,0,.1);
	-ms-box-shadow: 0 1px 3px rgba(0,0,0,.1);
	-o-box-shadow: 0 1px 3px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
	box-shadow: 0 1px 3px rgba(0,0,0,.1);
}

.subscription .sub__title {
	line-height: 100%;
	font-weight: 600;
	font-size: 125%;
	color: #0066b3;
}

.subscription .sub__benefit {
	background: url('assets/images/icons/icon_pack_benefit_tick.png') top left no-repeat;
}

.subscription .sub__btn-wrap > .btn {
	line-height: 100%;
	font-weight: 500;
	font-size: 100%;
	text-transform: uppercase;
}

.subscription .sub__btn-wrap > .btn:hover {
	background-color: #238dd8;
	color: #fff;
}

.subscription .sub__value {
	background-color: #0066b3;
	font-weight: 600;
	font-size: 87.5%;
	text-transform: uppercase;
	color: #fff;
}

.subscription .sub__value:after {
	border-bottom: 28px solid #003e73;
}

.subscription .sub__link {
	border: 1px solid #e3effb;
	background-color: #f5faff;
	font-size: 87.25%;
}

.subscription .sub__link a {
	font-weight: 600;
	color: #005b9c;
}

/**********
Supplements
**********/

.supplements {
	border-collapse: collapse;
}

.supplements img {
	margin: 0 !important;
	width: 100% !important;
}

.supplements td {
	border: 10px solid #fff;
}

/*******************
CSS3 Vendor Prefixes
*******************/

.btn,
.mpp-meter,
.mpp-meter .register-button a,
.mpp-meter .subscribe-button a,
.pds-vote-button {
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

/*************
Media: <=767px
*************/

@media only screen and (max-width: 767px) {

	/* Navigation > All Sections > Nav */
	.all-sections__nav > .menu-item {
		float: none;
		padding-right: 0;
		padding-bottom: 0;
		width: 100%;
	}

	.all-sections__nav .sub-menu > .menu-item {
		margin: 0 0 15px 0;
		width: 100%;
	}

	.all-sections__nav .sub-menu .menu-item:nth-child(2n) {
		padding-left: 0;
	}

	/* Navigation > All Sections > Internal */
	.all-sections__internal > li {
		line-height: 100%;
	}

	.all-sections__internal .menu-item {
		float: none;
		margin-bottom: 15px;
		width: 100%;
	}

	.block--signup .signup__title {
		font-size: 125%;
	}
}