/*
Theme Name: Blocks (2017)
Theme URI: http://www.dcthomson.co.uk
Author: DC Thomson
Author URI: http://www.dcthomson.co.uk
Description: IE8 CSS for the Blocks theme (2017).
*/

/***
Grid
***/

.wrap {
	width: 980px;
}

.wrapped {
	margin: 0 auto;
	width: 980px;
}

.lg-12{width:100%}
.lg-11{width:91.66667%}
.lg-10{width:83.33334%}
.lg-9{width:75%}
.lg-8{width:66.66667%}
.lg-7{width:58.33334%}
.lg-6{width:50%}
.lg-5{width:41.66667%}
.lg-4{width:33.33334%}
.lg-3{width:25%}
.lg-2{width:16.66667%}
.lg-1{width:8.33334%}

.show-lg {
	display: block !important;
}

/*********
Typography
*********/

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

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

.site-header {
	top: 32px;
}

.site-header.js-off {
	top: 0;
	height: 96px;
}

/* Header > Verticals */
.verticals {
	float: right;
}

.verticals .menu-item {
	float: left;
	margin-left: 10px;
}

.verticals a {
	display: block;
	height: 29px;
	line-height: 29px;
	font-size: 12px;
}

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

/* Blocks > Package */
.package--top__synopsis {
	position: absolute;
	top: 0;
	right: 0;
	width: 300px
}

.package--main {
	height: 380px;
}

.package--main .title {
	height: 75px;
}

.subscribe--package {
	margin-top: 20px;
}

/* Blocks > Post Package > Default */
.package--post .icon-list .list__item {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}

/* Blocks > Block: Gallery */
.js-loading {
	padding: 0 !important;
	height: auto !important;
}

.js-loading:before {
	background: none !important;
}

.cycle-slideshow {
	width: 620px;
	height: 349px;
}

.gallery__thumbs {
	display: none;
}

.package--gallery .cycle-slideshow {
	width: 980px;
	height: 551px;
}

/* Blocks > Block: Sign Up */
.signup-wrap__title {
	padding: 0;
}

/*************
Post Templates
*************/

.entry-meta .timestamp--revised:hover > .genericon {
	cursor: pointer;
}

.entry-meta .timestamp--revised:hover > .timestamp__revised {
	opacity: 1;
	visibility: visible;
}

.entry-meta .socialize {
	float: right;
}

.entry-meta .socialize li {
	margin-left: 4px;
}

/* Post Templates > Floated Embeds */
.entry-content .alignleft,
.entry-content .alignright {
	width: 300px;
}

.entry-content .alignleft {
	float: left;
	margin: 0 20px 20px 0;
}

.entry-content .alignright {
	float: right;
	margin: 0 0 20px 20px;
}

/* Post Templates > Embeds */
.embed--image.alignleft,
.embed--image.alignright {
	width: 60%;
}

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

/* Plugins > Socialize */
.socialize-link--whatsapp {
	background: transparent url(../images/icons/icon_whatsapp_20px.png) center center no-repeat;
}

/********
Blacklist
********/

.header-btn,
.hide-lg,
.nav-bar > .menu-item.current-menu-ancestor > a:after,
.nav-bar > .menu-item.current-menu-item > a:after,
.show-md,
.show-sm {
	display: none !important;
}