/*
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.1.3
License:
License URI:
Tags:
Release Notes: the-courier,esio,syndicate,syndicate-subscriber
*/

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

/* Typography > '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;
}

.title.entry-title,
.cms h1,
.cms h2,
.cms h3,
.cms h4,
.cms h5,
.cms h6 {
	color: #000;
}

.cms p,
.cms ul,
.cms ol {
	color: #444;
}

.cms a {
	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 > Datestamp */
.datestamp {
	font-size: 87.5%;
}

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

/* Header */
.site-header {
	background-color: #fff;
}

/* Header > Verticals */
.verticals__wrap {
	border-color: #eee;
}

.verticals a {
	font-size: 81.25%;
}

.datestamp,
.verticals a,
.verticals__btn {
	color: #333;
}

/* Header > Search bar */
.search-form--header {
	border-color: #eee;
	background-color: transparent;
}

.search-form--header .search-form__text,
.search-form--header .search-form__submit {
	color: #555;
}

/* 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 > Tabs */
.nav-bar > .menu-item > a {
	color: #000;
}

/* Navigation > Show Tabs */
.show-tabs .nav-bar .sub-menu,
.show-tabs .nav-bar > .menu-item > a,
.show-tabs .all-sections-btn {
	background-color: #fff;
}

/* Navigation > Hide Tabs */
.hide-tabs .nav-bar .sub-menu {
	background-color: #fff;
}

.hide-tabs .current_page_item,
.hide-tabs .menu-item-type-taxonomy.current-menu-item,
.hide-tabs .menu-item-type-taxonomy.current-menu-parent,
.hide-tabs .menu-item-type-taxonomy.current-post-ancestor,
.hide-tabs .menu-item-type-taxonomy.current-fp-ancestor {
	border-color: #003e73;
}

.hide-tabs .nav-bar .sub-menu {
	border-color: #eee;
}

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

html.no-js nav.all-sections .wrap {
	background: #323232;
}

.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;
}

/* Navigation > Buttons */
.header-btn,
.all-sections-btn,
.nav-bar .sub-menu a {
	color: #000;
}

/* Navigation > Pager */
.pagination .current {
	background-color: #0066b3;
}

/* 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--signup .signup__title {
	font-size: 150%;
}

/* Block: Package */
.package--top__synopsis .signup {
	border-color: #fff;
}

/* Block: Carousel */
.block--carousel .title--block__link {
	color: #003e73;
}

.carousel__ui {
	background-color: #0066b3;
	color: #fff;
}

/* Block: News */
.block--feature.block-has-bg .category-label,
.block--grid.block-has-bg .category-label {
	background-color: #003e73;
	color: #fff;
}

.block--feature.block-has-bg .post--feature,
.block--grid.block-has-bg .post--grid {
	background-color: #003e73;
}

.block--feature.block-has-bg .synopsis {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.block--feature.block-has-bg .post--feature .title,
.block--grid.block-has-bg .post--grid .title {
	padding-left: 10px;
	padding-right: 10px;
}

.block--feature.block-has-bg .post--feature .title,
.block--feature.block-has-bg .synopsis,
.block--grid.block-has-bg .category-label,
.block--grid.block-has-bg .timestamp,
.block--grid.block-has-bg .post--grid .title,
.block--grid.block-has-bg .synopsis {
	color: #fff;
}

.block-has-bg .timestamp {
	margin: 0;
}

.block--news .timestamp,
.block--grid .timestamp {
	border-color: rgba(255,255,255,0.2);
}

/* Block: Gallery */
.gallery__page.js-pager-active {
	background-color: #0066b3;
	color: #fff;
}

.gallery__page.js-pager-active:before {
	color: #0066b3;
}

.gallery__thumbs::-webkit-scrollbar-thumb {
	background-color: #0066b3;
}

.gallery__thumbs::-webkit-scrollbar-thumb:window-inactive {
	background-color: #0066b3;
	background-color: rgba(0,102,179,0.6);
}

/* Author */
.author__meta-link:hover {
	color: #0066b3;
}

.byline > .byline__name {
	color: #0066b3;
}

/* Image Galleries */
.image-gallery__control:hover {
	background-color: #0066b3;
	color: #fff;
}

.format-icon.format-gallery,
.format-icon.format-arrow,
.format-icon.format-video-play,
.format-icon.format-video {
	background-color: #003e73;
}

/* CTAs */
.signup__wrap,
.signup__wrap .signup__title,
.package--top__signup {
	color: #fff;
}

.package--top__signup:after,
.signup__wrap:after,
.signup--post:after {
	background-color: rgba(0,102,179,0.8);
}

.signup__btn {
	background-color: #0066b3;
	color: #fff;
}

.signup__btn:hover {
	background-color: #fff;
	color: #0066b3;
}

.subscribe__link {
	color: #fff;
}

/* 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 > OpenWeather */
.ow-temp,
.ow-windspeed {
	font-weight: 600;
	font-size: 150%;
	text-transform: uppercase;
}

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

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

.PDS_Poll .pds-vote-button,
.PDS_Poll .pds-answer-feedback-bar {
	background-color: #0066b3;
	color: #fff;
}

.PDS_Poll .pds-vote-button:hover {
	background-color: #fff;
	color: #0066b3;
}

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

.breadcrumb a {
	color: #0066b3;
}

/* Plugins > Elastic Press */
.filter-btn {
	background-color: #003e73;
}

.elas-search__submit:hover,
.filter-btn.js-on,
.elas-search__filters .genericon,
.aggregation__remove {
	background-color: #0066b3;
}

.results__string {
	color: #0066b3;
}

.related-posts__title--name {
	color: #003e73;
}

/* Plugins > Jobs in Scotland */
.job__link .genericon {
	background-color: #003e73;
}

.job__title {
	color: #003e73;
}

/* 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) > 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:before {
	background-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;
}

/* Breaking News */
.breaking-news {
	background-color: #e13232;
	background-color: rgba(225,50,50,0.92);
	color: #fff;
}

.breaking-news__posts {
	color: #fff;
	color: rgba(255,255,255,0.33);
}

.breaking-news__link,
.breaking-news__error {
	color: #fff;
}

.breaking-news__close {
	border-color: #fff;
}

/* Misc */
.bg-box .title--caps {
	color: #003e73;
}

/* Misc > Buttons */
.btn--subscribe {
	background-color: #0066b3;
	color: #fff;
}

.btn--subscribe:hover {
	background-color: #003e73;
	color: #fff;
}

/* CSS3 Vendor Prefixes */
.btn,
.mpp-meter,
.mpp-meter .register-button a,
.mpp-meter .subscribe-button a,
.pds-vote-button {
	border-radius: 4px;
}

.dct-hijobs-widget .widget-title, .block-widget--hijobs .block-widget__title {
	background-position-y: 20%;
}

/* Media: <=767px */
@media only screen and (max-width: 767px) {

	.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;
	}

	.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%;
	}

	.gallery__page.js-pager-active {
		background-color: transparent;
		color: #0066b3;
	}

	.gallery__page.js-pager-active:before {
		color: #fff;
	}

	.gallery__page.js-pager-active:before,
	.gallery__page.js-pager-active:after {
		background-color: #0066b3;
	}
}

/* Media: >=768px */
@media only screen and (min-width: 768px) {

	.title--icon,
	.title--block {
		font-size: 175%;
	}

	.title.entry-title {
		font-size: 225%;
	}

	.title--lg {
		font-size: 225%;
	}

	.title--md {
		font-size: 150%;
	}

	.title--sm {
		font-size: 125%;
	}

	.title--xs {
		font-size: 93.75%;
	}

	.cms h1 {
		font-size: 225%;
	}

	.cms h2 {
		font-size: 200%;
	}

	.cms h3 {
		font-size: 175%;
	}

	.cms h4 {
		font-size: 150%;
	}

	.cms h5 {
		font-size: 125%;
	}

	.cms h6 {
		font-size: 100%;
	}

	.cms p,
	.cms ul,
	.cms ol {
		font-size: 100%;
	}
}

/* Media: >=1025px */
@media only screen and (min-width: 1025px) {

	.entry-meta .timestamp--revised:hover > .genericon {
		color: #0066b3;
	}
}
