/*
Theme Name: Press and Journal (2017)
Theme URI: http://www.dctmedia.co.uk
Author: Robert Paul
Author URI: http://www.dctmedia.co.uk
Description: A Press and Journal child-theme, based on the Blocks theme.
Template: blocks-theme
Version: 4.5.16
Release Notes: press-and-journal,esio,syndicate,syndicate-subscriber
*/

/* Vars */
:root {
	--pj-blue: #005b9c;
	--pj-green: #088C8E;
	--pj-dark-green: #2b464b;
	--pj-dark-grey: #262626;
	--pj-light-grey: #D2D3D5;
	--pj-lighter-grey: #F8F8F8;
}

/* Typography > Excerpts */
.excerpt a {
	color: #005b9c;
	color: var(--pj-blue);
}

/* Typography > Entry Content */
.cms blockquote:not(.tiktok-embed):before {
	background: url('assets/images/icons/icon_pull-quote.svg') center center no-repeat;
}

.cms a {
	color: #005b9c;
	color: var(--pj-blue);
}

/* Header > Datestamp */
.datestamp strong {
	color: #088C8E;
	color: var(--pj-green);
}

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

.site-header__navbar {
	background-color: #F8F8F8;
	background-color: var(--pj-lighter-grey);
}

.nav-bar > .menu-item > a {
	color: black;
}

.datestamp,
.verticals a,
.verticals__btn,
.blaize-verticals .blaize-login-register > a {
	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 {
	fill: #555;
}

/* Header > Subscribe Button */
.header-btn--subscribe {
	background-color: #088C8E;
	background-color: var(--pj-green);
	color: white;
}

/* Header > Single Puzzle */
.page-template-page-puzzle-single .site-header .back-to-puzzles {
	color: #088C8E;
	color: var(--pj-green);
}

.site-header__masthead .btn--has-icon,
.site-header__masthead .btn--has-icon:hover {
	background-color: #fff;
	color: black;
}

.nav__hamburger-btn:hover .nav__hamburger-btn--icon .nav__hamburger-menu--glyph,
.nav__hamburger-btn:active .nav__hamburger-btn--icon .nav__hamburger-menu--glyph,
.nav__hamburger-menu .nav__hamburger-menu--item:hover .nav__hamburger-menu--glyph,
.nav__hamburger-menu .nav__hamburger-menu--item:focus .nav__hamburger-menu--glyph {
	fill: black;
	stroke: black;
}

.nav__hamburger-menu .nav__hamburger-menu--item:hover {
	background-color: #D2D3D5;
	background-color: var(--pj-light-grey);
}

.nav__hamburger-menu--item.has-children:hover:not( .nav__hamburger-menu--submenu ) > .nav__hamburger-menu--submenu-wrapper .nav__hamburger-menu--submenu:before,
.nav__hamburger-menu--item.has-children:hover:not( .nav__hamburger-menu--submenu ) .nav__hamburger-menu--link:after, .nav__hamburger-menu--item.has-children:not( .nav__hamburger-menu--submenu ) .nav__hamburger-menu--link:focus + .nav__hamburger-menu--submenu:before,
.nav__hamburger-menu--item.has-children:not( .nav__hamburger-menu--submenu ) .nav__hamburger-menu--link:focus + .nav__hamburger-menu--submenu, .nav__hamburger-menu--item.has-children.focus-on:not(.nav__hamburger-menu--submenu):not(.nav__submenu) .nav__hamburger-menu--link:after,
.nav__hamburger-menu--item.has-children.focus-on:not( .nav__hamburger-menu--submenu ) > .nav__hamburger-menu--submenu-wrapper,
.nav__hamburger-menu--item.has-children:hover:not( .nav__hamburger-menu--submenu ) > .nav__hamburger-menu--submenu-wrapper,
.nav__hamburger-menu--submenu:not( .nav__depth_1 ) {
	background-color: black !important;
}

.nav__hamburger-menu--submenu .nav__hamburger-menu--item:hover {
	background-color: #262626;
	background-color: var(--pj-dark-grey);
}

.site-header__masthead .btn--has-icon:hover .btn--icon--glyph {
	fill: black;
}

.search-form-v2 .btn--icon {
	fill: #fff;
}

.search-form-v2 .search-form-v2__submit--active,
.search-form-v2 .search-form-v2__submit--active:hover {
	background-color: black;
}

/* Block: Premium */
.block--premium .post__excerpt a {
	color: #0066b3;
}

/* Block: Top Story + sections */
.block--top-story-with-sections__top-story {
	margin-bottom: 2em;
}

.block--top-story-with-sections .list-posts-container {
	margin-top: 1em;
}

.block--top-story-with-sections .block--top-story__grid-list[data-count="4"] .list-posts-container {
	background-color: #333;
}

.block--top-story-with-sections .block--top-story__grid-list[data-count="4"] .post--list:not(:last-of-type) {
	margin-bottom: 10px;
	border-bottom: 1px solid #666;
}

.alt-layout .title--block__link.title {
	background-color: #fff;
	color: black;
	padding: 5px;
}

.alt-layout .title {
	color: white;
}

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

/* Block: Carousel */
.block--carousel .title--block {
	padding-top: 10px;
	padding-bottom: 10px;
}

.carousel__ui {
	background-color: #088C8E;
	background-color: var(--pj-green);
	color: #fff;
}

/* Block: Gallery */
.gallery__page.js-pager-active {
	background-color: #088C8E;
	background-color: var(--pj-green);
	color: #fff;
}

.gallery__page.js-pager-active:before,
.gallery__thumbs::-webkit-scrollbar-thumb {
	background-color: #088c8e;
	background-color: var(--pj-green);
}

.gallery__thumbs::-webkit-scrollbar-thumb:window-inactive {
	background-color: #088C8E;
	background-color: rgba(8, 140, 142, .5);
}

/* Sharing Bar */
.sharing-bar {
	background-color: #005b9c;
	background-color: rgba(0, 91, 156, .9);
}

.sharing-bar__next-post {
	background-color: #fff;
	color: #005b9c;
	color: var(--pj-blue);
}

/* Post > Header: Enhanced */
.entry-header--enhanced .byline__name {
	color: #fff;
}

.entry-header--enhanced .flex {
	background-color: #000;
}

/* Pagination */
.pagination .current {
	background-color: #088C8E;
	background-color: var(--pj-green);
}

/* Author */
.author__meta-link:hover {
	color: #088C8E;
	color: var(--pj-green);
}

.byline__name {
	color: #005b9c;
	color: var(--pj-blue);
}

.byline:hover > .byline__name,
.byline:focus > .byline__name {
	border-color: #005b9c;
	border-color: var(--pj-blue);
}

/* Embeds */
.post-embed__title {
	text-transform: uppercase;
}

.image-gallery__control:hover {
	background-color: #088C8E;
	background-color: var(--pj-green);
}

.image-gallery__control:focus,
.carousel__ui:focus {
	background-color: #06c;
}

/* Embeds > Analysis */
.o-analysis {
	border-color: #005b9c;
	border-color: var(--pj-blue);
	background-color: #f8f8f8;
	background-color: var(--pj-lighter-grey);
}

/* Image Galleries */
.image-gallery__control:hover,
.format-icon.format-gallery,
.format-icon.format-arrow,
.format-icon.format-video-play,
.format-icon.format-video {
	background-color: #088C8E;
	background-color: var(--pj-green);
	color: #fff;
}

/* Tags */
.tag-list__tag-link {
	background-color: #005b9c;
	background-color: var(--pj-blue);
}

/* Plugins > DCT Timeline */
.dct-timeline--timeline .dct-timeline__event::before {
	background-color: #005b9c;
	background-color: var(--pj-blue);
}

/* Plugin: DCT FAQs */
.dct-faq__title-btn-icon {
	background-color: #005b9c;
	background-color: var(--pj-blue);
}

.dct-faq__title-btn:hover > .dct-faq__title-btn-text,
.dct-faq__title-btn:active > .dct-faq__title-btn-text,
.dct-faq__title-btn[aria-expanded="true"] > .dct-faq__title-btn-text {
	border-bottom-color: #005b9c;
	border-bottom-color: var(--pj-blue);
	color: #005b9c;
	color: var(--pj-blue);
}

/* Plugins > Elastic Press */
.filter-btn {
	background-color: #005b9c;
	background-color: var(--pj-blue);
}

.elas-search__submit:hover,
.filter-btn.js-on,
.elas-search__filters .genericon,
.aggregation__remove {
	background-color: #088C8E;
	background-color: var(--pj-green);
}

.results__count,
.results__string {
	color: #088C8E;
	color: var(--pj-green);
}

.related-posts__title--name {
	color: #005b9c;
	color: var(--pj-blue);
}

/* Plugins > Jobs in Scotland */
.job__link .genericon {
	background-color: #005b9c;
	background-color: var(--pj-blue);
}

.job__title {
	color: #005b9c;
	color: var(--pj-blue);
}

.PDS_Poll .pds-vote-button:hover {
	background-color: #fff;
	color: #005b9c;
	color: var(--pj-blue);
}

.PDS_Poll .pds-vote-button,
.PDS_Poll .pds-answer-feedback-bar {
	background-color: #005b9c;
	background-color: var(--pj-blue);
	color: #fff;
}

/* Plugin: 24 Live Blog */
#LB24 .lb24-theme-block .lb24-base-news-container {
	border-color: #005b9c !important;
	border-color: var(--pj-blue) !important;
}

#LB24 .lb24-theme-block .lb24-base-news-container .lb24-base-news-body .lb24-component-content p {
	color: #444;
}

#LB24 .lb24-component-content a {
	color: #005b9c !important;
	color: var(--pj-blue) !important;
}

/* Sign Up / Subscribe */
.signup__btn {
	background-color: #005b9c;
	background-color: var(--pj-blue);
	color: #fff;
}

/* Breaking News */
.breaking-news {
	background-color: #005b9c;
	background-color: rgba(0, 91, 156, 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;
}

/* Puzzle */
.puzzle-list--item {
	border: 2px solid #005b9c;
	border-color: var(--pj-blue);
}

.puzzle-list--item .puzzle-list--link {
	background-color: #005b9c;
	background-color: var(--pj-blue);
}

.puzzle-list--item .puzzle-list--link:hover,
.puzzle-list--item .puzzle-list--link:active {
	background-color: black;
	color: white;
}

.puzzle-list--item .puzzle-list--link:focus {
	outline: 2px dotted white;
}

/* Podcasts */
.podcast-list--item .podcast-list--link {
	background-color: #005b9c;
	background-color: var(--pj-blue);
}

.podcast-list--item .podcast-list--link:hover,
.podcast-list--item .podcast-list--link:active {
	background-color: black;
	color: white;
}

/* Misc */
.bg-box .title--caps {
	color: #005b9c;
	color: var(--pj-blue);
}

/* Misc > Buttons */
.btn--subscribe {
	background-color: #005b9c;
	background-color: var(--pj-blue);
	color: #fff;
}

.btn--subscribe:hover {
	background-color: #238dd8;
	color: #fff;
}

.entry--premium .block--post-grid > .title > strong,
.entry--premium .block--post-list > .title > strong {
	color: #005b9c;
	color: var(--pj-blue);
}

/* DCT UICs */
.uic__close-btn:before {
	background-color: #088C8E;
	background-color: var(--pj-green);
	border-color: #088C8E;
	border-color: var(--pj-green);
}

.uic__dialog--success {
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
}

.uic__wrap .uic__title p {
	font-size: inherit;
	font-weight: inherit;
}

/* UIC - Fixed half */
.uic__fixed-half {
	background-color: #2B464B;
	background-color: var(--pj-dark-green);
}

.uic__fixed-half .uic__title {
	color: #fffffe;
}

.uic__fixed-half .uic__content p,
.uic__fixed-half .uic__text,
.uic__fixed-half .uic__link {
	color: #e5e5e5;
	font-family: Arial, Helvetica, sans-serif;
}

.uic__intro a {
	font-weight: bold;
}

.uic__wrap p.uic__intro.uic__text {
	line-height: 1.214;
}

.uic__fixed-half .uic__close-btn::before {
	border-color: #088C8E;
	border-color: var(--pj-green);

}

.uic__wrap .uic__btn {
	background-color: #088C8E;
	background-color: var(--pj-green);
	border-color: #088C8E;
	border-color: var(--pj-green);
	border-radius: 13px;
}

.uic__wrap .uic__btn:hover {
	background-color: #088C8E;
	background-color: var(--pj-green);
	color: #2B464B;
	color: var(--pj-dark-green);
	text-decoration: none;
}

.uic__wrap .uic__btn.uic__btn--alt {
	border-color: #003D73;
	color: #003d73;
}

.uic__wrap .uic__btn.uic__btn--alt:hover {
	background-color: #003D73;
	color: #fff;
}

/*!* UIC - Simple Inline *!*/
.uic__simple-inline .uic__image-wrap {
	width: 75%;
}

.uic__simple-inline {
	background-color: #2B464B;
	background-color: var(--pj-dark-green);
}

.cms .uic__simple-inline p,
.cms .uic__simple-inline p:first-of-type {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.313;
}

/* UIC - Friction Inline */
.uic__friction-inline .uic__link {
	color: #000;
}

/* UIC - Articles Read */
.uic__border-bottom,
.uic__border-top {
	border-color: #088C8E;
	border-color: var(--pj-green);
}

.uic__articles-read,
.uic__newsletter {
	background-color: #D2D3D5;
	background-color: var(--pj-light-grey);
}

.uic__articles-read .uic__text {
	font-family: Arial, Helvetica, sans-serif;
}

.uic__articles-read .uic__wysiwyg p,
.uic__articles-read .uic__wysiwyg p:first-of-type,
.uic__articles-read .uic__text {
	color: #424242;
	font-size: 1em;
}

/* UIC - Newsletter */
.uic__newsletter .uic__email-input-wrapper .uic__btn {
	background-color: #088C8E;
	background-color: var(--pj-green);
	border-color: #088C8E;
	border-color: var(--pj-green);
}

/* UIC - Registration */
.uic__wrap .blaize-submit {
	background-color: #003d73 !important;
	border-color: #003d73 !important;
}

.uic__wrap .blaize-submit:hover {
	background-color: #fff !important;
	color: #003d73 !important;
}

/* Masthead V2 */
.search-form-v2__submit {
	background-color: #555;
}

.search-form-v2__submit--active {
	background-color: #000 !important; /* Overwrite inline */
}

.migration-message {
	background-color: #e5e5e5 !important;
}

/* Subs V2 */

.subs-hero__background {
	background-color: rgba(43, 70, 75, 0.69);
}

.cms .subs-help-section a {
	color: #088C8E !important;
	color: var(--pj-green) !important;
}

.subs-toggle__half--active,
.subs__sub-btn {
	background-color: #088C8E !important;
	background-color: var(--pj-green) !important;
}

.sub-pack__sub-text,
.cms .subs-hero .subs__sub-text {
	background-color: #26464b !important;
	background-color: var(--pj-dark-green) !important;
}

.subs__sub-item,
.subs-toggle__half,
.subs-toggle__half--active {
	border-color: #088C8E !important;
	border-color: var(--pj-green) !important;
}

.subs-toggle .subs-toggle__half {
	color: #088C8E;
	color: var(--pj-green);
	border-color: #088C8E;
	border-color: var(--pj-green);
}

.subs-toggle .subs-toggle__half--active {
	background-color: #088C8E;
	background-color: var(--pj-green);
	color: white;
}

.subs-toggle .subs-toggle__half:hover {
	background-color: #088C8E !important;
	background-color: var(--pj-green) !important;
	color: white !important;
}

.subs-toggle .subs-toggle__pill:hover .subs-toggle__half:not(:hover) {
	color: #088C8E !important;
	color: var(--pj-green);
}

.subs-toggle .subs-toggle__pill:hover .subs-toggle__half--active:not(:hover) {
	background-color: white !important;
	color: #088C8E !important;
	color: var(--pj-green) !important;
}

.subs__sub-benefit {
	color: #424242;
}

.subs-brand-promoters__headline,
.cms .subs-hero .subs__sub-text {
	font-weight: bold;
}

.subs-step .subs-loader::before {
	border-color: #088C8E !important;
	border-color: var(--pj-green) !important;
	border-top-color: transparent !important;
}

.subs__sub-message p {
	font-family: Arial, Helvetica, sans-serif !important;
}

/* Media: <=480px */
@media only screen and (max-width: 480px) {
	.block--fwposts .column--grid:not(:first-child) .title--sm {
		line-height: 1.4;
		font-weight: 400;
		font-size: 87.5%;
	}
}

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

	.block--top-story-with-sections .list-posts-container.alt-layout .title {
		font-size: 100%;
	}

	.block--top-story-with-sections .list-posts-container.alt-layout .title--block__link {
		font-size: 90%;
	}
}

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

	.logo--header {
		max-width: 220px;
	}

	.nav__hamburger-menu--item .nav__hamburger-menu--link {
		color: black;
	}

	.nav__hamburger-menu--item .nav__hamburger-menu--submenu-wrapper .nav__hamburger-menu--link {
		color: white;
	}

	.gallery__page.js-pager-active {
		background-color: transparent;
		color: #088C8E;
		color: var(--pj-green);
	}

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

	.gallery__page.js-pager-active:before,
	.gallery__page.js-pager-active:after {
		background-color: #088C8E;
		background-color: var(--pj-green);
	}

	.header-btn {
		background-color: black;
		border-color: black;
		outline: black;
		color: white;
	}
}

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

	.verticals.js-on {
		background-color: #444;
		color: #fff;
	}

	.verticals__btn.js-on {
		background-color: #444;
	}
}

/* Media: >=768px */
@media only screen and (min-width: 768px) {
	/* Navigation */
	.nav-bar .nav-bar-highlight > a {
		background-color: #005b9c;
		background-color: var(--pj-blue);
	}
}

/* Media: >=768px && <=1024px */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.logo--header {
		max-width: 260px;
	}
}

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

	/* Logo: Full size */
	body:not(.single) .site-header--fixed .logo--header,
	.site-header--fixed:not(.js-off) .logo--header,
	.site-header--lite .logo--header {
		max-width: 320px;
	}

	/* Logo: Regular size */
	body.single .site-header--fixed .logo--header,
	.site-header--fixed.js-off .logo--header {
		max-width: 260px !important;
	}

	.entry-meta .timestamp--revised:hover > .genericon {
		color: #088C8E;
		color: var(--pj-green);
	}
}

/* Flex support */
@supports (display: flex) {

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

		/* Navigation */
		.header-nav, .site-header__masthead > .header-buttons {
			-ms-flex: 0 0 15% !important; /* important to defeat inline styles */
			flex: 0 0 15% !important; /* important to defeat inline styles */
		}
	}
}