/*
Theme Name: Fish Farmer (2019)
Theme URI: http://www.dcthomson.co.uk
Author: Robert Paul
Author URI: http://www.dcthomson.co.uk
Description: Theme CSS for the Fish Farmer theme (2019).
*/

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

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

/* Header > Logo */
.header__logo {
	width: 100%;
	text-align: center;
}

.header__logo-media {
	display: inline-block;
}

.header__description {
	margin-top: 1rem;
	text-align: center;
}

/* Header > Leaderboard */
.leaderboard__wrap {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

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

/* Navigation > Nav Bar */
.navigation__main .main-menu {
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #000;
	list-style: none;
	text-align: center;
}

.navigation__main .main-menu > .menu-item {
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
}

.navigation__main a {
	text-decoration: none;
}

.navigation__main .main-menu > .menu-item > a {
	font-size: 87.5%;
	font-weight: 600;
	text-transform: uppercase;
	color: #000;
}

/* Navigation > All Sections */
.navigation__box {
	position: relative;
	display: none;
	padding: 20px;
	border: 1px solid #ddd;
	background-color: #fff;
}

.navigation__btn-label {
	margin-left: 4px;
	text-transform: uppercase;
	font-size: 87.5%;
	font-weight: 600;
}

.navigation__all-sections .all-sections-menu > li > a {
	display: block;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
	font-weight: 700;
	text-transform: uppercase;
}

/******
Content
******/

.site-content {
	background-color: #fff;
}

/**********
Search Form
**********/

.search-form__row:after {
	content: '';
	display: block;
	clear: both;
}

.search-form__text,
.search-form__submit {
	display: block;
	height: 32px;
	line-height: 32px;
	font-family: 'Lato', sans-serif;
}

.search-form__text {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #aaa;
	width: calc(100% - 32px);
}

.search-form__submit {
	float: right;
	padding: 0;
	border: 0;
	width: 32px;
	background-color: var(--ff-blue);
	color: #fff;
}

.search-form__submit .fa-search {
	font-family: 'FontAwesome', sans-serif;
}

/*****
Footer
*****/

.site-footer {
	background-color: #666;
}

.site-footer .wrap {
	padding-top: 20px;
}

/* Footer > Logo */
.footer__logo {
	display: block;
	max-width: 200px;
}

/* Footer > Social */
.footer__social {
	color: #fff;
}

.footer__social .social__link {
	font-size: 20px;
}

.footer__social .social__link:before {
	display: block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
}

.footer__social .screen-reader-text {
	font-family: 'Lato', Arial, sans-serif;
	font-size: 1rem;
}

/* Footer > Navigation */
.footer__nav {
	padding-top: 20px;
}

.footer__nav nav {
	color: #fff;
}

.footer__nav nav h4,
.footer__nav nav li {
	margin-bottom: 1rem;
}

.footer__nav nav h4 {
	font-weight: 600;
}

/* Footer > IPSO */
.footer__ipso {
	padding-top: 20px;
	background-color: #06072f;
	color: #fff;
}

.footer__ipso-logo {
	float: left;
	margin-right: 1rem;
	margin-bottom: 1rem;
}

.footer__ipso p {
	font-size: 75%;
}

.footer__ipso a {
	border-bottom: 1px solid #fff;
	border-color: rgba(255,255,255,.5);
}

.footer__ipso a:hover {
	border-color: #fff;
}

/* Footer > Copyright */
.footer__copyright {
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #06072f;
	text-align: center;
	color: #fff;
}

.footer__copyright > span {
	display: inline-block;
	padding-top: 10px;
	border-top: 1px solid #fff;
	border-color: rgba(255,255,255,.25);
}

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

.block {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

/* Blocks > All */
.block__title:first-child {
	margin-top: 1rem;
}

.block__title {
	margin-bottom: 1rem;
}

/***
Post
***/

/* Post > Header */
.post__header {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.post__header .post__title {
	margin-bottom: 1rem;
}

/* Post > Post Meta */
.post__meta .author a {
	font-weight: 600;
	text-decoration: underline;
}

/* Post > Thumbnail */
.post__feature-thumbnail {
	margin-bottom: 1rem;
	background-color: #fafafa;
}

.post__feature-thumbnail-wrap {
	position: relative;
}

.post__feature-thumbnail img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}

.post__feature-thumbnail-caption {
	padding: .5rem;
	background-color: #f2f2f2;
	font-size: 75%;
}

.post__feature-thumbnail-copyright {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 4px;
	background-color: #00477e;
	background-color: rgba(0,71,126,.8);
	font-weight: 700;
	font-size: 75%;
	color: #fff;
}

/* Post > Content */
.cms > p:first-of-type {
	padding-bottom: 1rem;
	border-bottom: 1px solid #e5e5e5;
	line-height: 140%;
	font-size: 120%;
}

/* Post > Footer > Navigation */
.post__nav-btn {
	display: block;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.post__nav-label {
	display: block;
	font-size: 87.5%;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--ff-blue);
}

.post__nav-link {
	display: block;
	font-size: 112.5%;
}

/* Post > Footer > Tags */
.post__tags {
	padding-top: 1rem;
	padding-bottom: 1rem;
	border-top: 1px dashed #dadada;
}

.post__tags-title {
	float: left;
	margin-right: 10px;
}

.post__tags a {
	display: inline-block;
	margin-right: 4px;
	margin-bottom: 4px;
	padding: 4px;
	line-height: 100%;
	background-color: #eee;
	font-size: 87.5%;
	color: #333;

	-webkit-transition: var(--ff-transition);
	transition: var(--ff-transition);
}

.post__tags a:focus {
	background-color: var(--ff-blue);
	color: #fff;
}

/****
Pages
****/

/* Page > 404 */
.error404 .page__header,
.error404 .page__content {
	text-align: center;
}

.error404 .page__content > p {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.error404 .page__content > p:last-of-type {
	margin-top: 2rem;
}

.error404 .search-form {
	margin: 2rem auto;
	max-width: 300px;
}

/******
Archive
******/

.content__all-posts {
	margin-bottom: 1rem;
}

/* Archive > Author */
.content__author-name > span {
	display: block;
	font-size: 1rem;
	text-transform: uppercase;
	color: #aaa;
}

/*************
Template Parts
*************/

/* Template Parts > Posts > Tiled / List */
.post__title {
	display: block;
}

.post__excerpt {
	word-break: break-word;
}

.post__excerpt-link,
.read-more {
	padding-bottom: 2px;
	border-bottom: 1px solid var(--ff-blue);
	font-weight: 600;
	white-space: nowrap;
	color: var(--ff-blue);
}

/* Template Parts > Posts > Simple List */
.post--simple-list {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.post--simple-list:not(:last-child) {
	border-bottom: 1px solid #eee;
}

/* Template Parts > Thumbnail */
.part .post__thumbnail .post__link {
	display: block;
	background-color: var(--ff-blue);
}

.part .post__thumbnail img {
	display: block;
	width: 100%;
	opacity: 1;

	-webkit-transition: var(--ff-transition);
	transition: var(--ff-transition);
}

.part .post__thumbnail > .post__link:focus img {
	opacity: .5;
}

/* Template Parts > Billboard */
.billboard {
	text-align: center;
}

.billboard .dfp-ad {
	padding-top: 20px;
	padding-bottom: 20px;
}

/* Template Parts > Sidebar */
.sidebar {
	list-style: none;
}

/* Template Parts > Pagination */
.pagination {
	display: block;
	margin-top: 1rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	border-top: 1px dashed #dadada;
	text-align: center;
}

.pagination a,
.pagination span {
	display: inline-block;
}

/* Template Parts > Category Label */
.cat-label {
	line-height: 1;
	vertical-align: top;
	font-weight: 700;
	font-size: 75%;
	text-transform: uppercase;
}

.cat-label--sponsored {
	display: inline-block;
}

.cat-label:not(.cat-label--sponsored) {
	display: none;
}

/* Template Parts > Sponsored Content */
.sponsored-content a,
.sponsored-content img {
	display: block;
}

.sponsored-content .content {
	padding: 1rem;
}

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

/* Blocks > Widgets */
.widget,
.block-widget:not(:last-child) {
	margin-bottom: 1.5rem;
}

.widget__title {
	padding-bottom: .75em;
	font-size: 87.5%;
	font-weight: 700;
	text-transform: uppercase;
}

/* Widgets > DFP */
.mpu,
.widget--dfp_widget {
	margin-left: auto;
	margin-right: auto;
	max-width: 300px;
}

/* Widgets > Sailthru */
.sidebar .widget--sailthru_subscribe_button_widget_pref_centre {
	padding: 1rem;
	background-color: #fafafa;
}

.sidebar .sailthru-subscribe-widget div {
	margin: 0;
	padding-top: 1rem;
}

.sidebar .sailthru-subscribe-widget .sailthru-subscribe-button {
	display: inline-block;
	padding: 1rem;
	background-color: var(--ff-blue);
	text-transform: initial;
	color: #fff;

	-webkit-transition: var(--ff-transition);
	transition: var(--ff-transition);
}

/* Widgets > Video */
.widget--media_video .wp-video,
.widget--media_video .mejs-container,
.widget--media_video iframe {
	width: 100% !important;
}

/* Widgets > Promo / Image */
.block-widget--promo__link,
.widget--media_image > a {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 300px;
}

/******************
PLugin: WP PageNavi
******************/

.wp-pagenavi .pages {
	display: none;
}

.wp-pagenavi a,
.wp-pagenavi span {
	margin: 0;
	padding: 0 10px;
	border: 0;
	line-height: 32px;
	background-color: transparent;

	-webkit-transition: var(--ff-transition);
	transition: var(--ff-transition);
}

.wp-pagenavi .current {
	background-color: var(--ff-blue);
	color: #fff;
}

.wp-pagenavi a[rel="prev"],
.wp-pagenavi a[rel="next"] {
	font-weight: 700;
	font-size: 20px;
}

/*****************
Plugin: Sociallize
*****************/

.socialize:after {
	content: '';
	display: block;
	clear: both;
}

.socialize > li {
	float: left;
}

.socialize > li:not(:last-child) {
	margin-right: 8px;
}

.socialize-icon {
	display: block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	border-radius: 50%;
}

.socialize-icon:before {
	font-family: 'FontAwesome', sans-serif;
	color: #fff;
}

.socialize--hidden {
	display: none;
}

/* Socialize > Facebook */
.socialize-link--facebook {
	background-color: #49639e;
}

.socialize-link--facebook:before {
	content: '\f09a';
}

/* Socialize > Twitter */
.socialize-link--twitter {
	background-color: #2daae1;
}

.socialize-link--twitter:before {
	content: '\f099';
}

/* Socialize > Instagram */
.socialize-link--instagram {
	background-color: #527fa4;
}

.socialize-link--instagram:before {
	content: '\f16d';
}

/* Socialize > LinkedIn */
.socialize-link--linkedin {
	background-color: #007bb7;
}

.socialize-link--linkedin:before {
	content: '\f0e1';
}

/* Socialize > Google Plus */
.socialize-link--googleplus {
	background-color: #d95333;
}

.socialize-link--googleplus:before {
	content: '\f0d5';
}

/* Socialize > Email */
.socialize-link--email {
	background-color: #333;
}

.socialize-link--email:before {
	content: '\f2b6';
}

/****************
Plugin: Yoast SEO
****************/

/* Plugin: Yoast SEO > Breadcrumbs */
.breadcrumbs {
	margin-bottom: 10px;
	color: #ccc;
}

.breadcrumbs > span {
	margin-left: -4px;
}

.breadcrumbs > span a {
	display: inline-block;
	margin-left: 4px;
	margin-right: 4px;
	color: var(--ff-blue);
}

.label--sponsored {
	margin-right: 10px;
	padding: 2px 6px;
	background-color: #000;
	color: #fff !important;
	border-radius: 3px;
}

/****************
Plugin: MailChimp
****************/

.mc4wp-form a {
	display: inline-block;
	margin-top: 1rem;
	padding: 1rem;
	line-height: 100%;
	background-color: var(--ff-blue);
	font-weight: 600;
	font-size: 1.0625rem;
	color: #fff;
}

/******************
Shortcode: Zenfolio
******************/

.ff-zenfolio-gallery {
	margin-top: 1rem;
	margin-bottom: 1rem;
	padding: 1rem;
	background-color: #f6f6f6;
}

/* Zenfolio > Title */
.ff-zenfolio-gallery__title-meta:after {
	content: '';
	display: block;
	clear: both;
}

.ff-zenfolio-gallery__title {
	margin-bottom: 1rem;
}

.ff-zenfolio-gallery__title-prefix,
.ff-zenfolio-gallery__title-count {
	display: inline-block;
	vertical-align: top;
	font-size: 75%;
	text-transform: uppercase;
}

.ff-zenfolio-gallery__title-prefix:before {
	content: '';
	display: block;
	float: left;
	margin-right: .5rem;
	width: 16px;
	height: 16px;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY5MDhCRjk1NEJFQjExRTk4QUI2RDJFNkEzODk1NTM4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY5MDhCRjk2NEJFQjExRTk4QUI2RDJFNkEzODk1NTM4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjkwOEJGOTM0QkVCMTFFOThBQjZEMkU2QTM4OTU1MzgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjkwOEJGOTQ0QkVCMTFFOThBQjZEMkU2QTM4OTU1MzgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6EBCqEAAABPUlEQVR42mJ82WTPQApgYiARoGj4//8fpgo0QRYkmX+MjEz///9l+AdWwcgIVAskGZlYgFIMjEwYGkCq/zGycDCwsENVA9X9////1xdGRmZsNjAw/v/xhd3cm9cl7f/fP0CTGVg5Pqyo+nP3GAMbD9ABmBr+M7Jz/7px8P3D8wx/fwsmTf9569jvW4cZOfnBbsP0NNA9TMz/f3378+QCm7YLAxvnl+39jGycILMZcQcrUAOLjCGPY+KnNY1/X90AORRsFjYNEE8zsfIF1f7/9hmokMMygUVc9f+fX/AgQvMDw//f39mUrRhZ2f58eM7tkAh0z/czm38/ucTIyg7yBsRY5KQBsoGZjeHfH7BD/oPCDRgSDP/ATCYcEff3JwPCjyCFyO7BFnFIcYSwFkkPim5GRixpEU2Q5NQKEGAA/MiDC6BZejIAAAAASUVORK5CYII=')
}

.ff-zenfolio-gallery__title-count {
	margin-left: 1rem;
}

.ff-zenfolio-gallery__title-count .fa {
	font-size: 16px;
}

.ff-zenfolio-gallery__title-text {
	padding-top: 1rem;
}

/* Zenfolio > Button */
.ff-zenfolio-gallery__btn-wrap {
	padding-top: .5rem;
	padding-bottom: .5rem;
	text-align: center;
}

.ff-zenfolio-gallery__btn {
	display: inline-block;
	padding: 1rem;
	background-color: var(--ff-blue);
	font-size: 106.25%;
	font-weight: 700;
	color: #fff;

	-webkit-transition: var(--ff-transition);
	transition: var(--ff-transition);
}

.ff-zenfolio-gallery__btn:focus {
	background-color: #fff;
	color:  var(--ff-blue);
}

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

/* Embeds > Video */
.video-wrap {
	position: relative;
	width: 100%;
	height: 0;
}

.video-wrap > iframe {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	width: 100%;
	height: 100%;
}

/***********
JS modifiers
***********/

.navigation__box.js-on {
	display: block;
}

/**********
Advertising
**********/

.takeover {
	z-index: -1;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: top center;
	background-repeat: no-repeat;
}