/*
Theme Name: Press and Journal
Theme URI: http://www.pressandjournal.co.uk
Author: Cameron Terry
Author URI: http://www.dcthomson.co.uk/
Description: The official theme for the new Press and Journal website.
Version: 2.8.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pressandjournal
*/

@import url('//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700');
/* Full Open Sans implementation, inc. other character sets 
@import url('//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,700,300,600,400&subset=latin,cyrillic-ext,greek-ext,greek,vietnamese,latin-ext,cyrillic');        
*/

/********************************************
Document
********************************************/
body, html {
    margin: 0;
    padding: 0;
    background: #fff;
}

a img {
    border-collapse: collapse;
    border: 0;
    text-decoration: none;
}

img {
    font-size: 13px;
    color: #999;
}

body {
    line-height: 22px;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 0.8em;
    font-size: 16px;
    font-style: normal;
    letter-spacing: -0.01em;    
    -ms-overflow-x: hidden;
}

/********************************************
Typography
********************************************/
h1 {
    line-height: 1.1em;
    font-weight: 700;
    font-size: 1.7em;
}

h2 {
    line-height: 1.1em;
    font-weight: 700;
    font-size: 1.7em;
}

h3 {
    line-height: 1.1em;
    font-weight: 700;
    font-size: 1.1em;
}

h4 {
    font-weight: 700;
    font-size: 0.85em;
}

h1,
h2,
h3,
h4 {
    line-height: 1.1em;
    font-style: normal;
    letter-spacing: -0.01em;
}

/********************************************
Grid
********************************************/
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8 {
    margin-left: 20px;
}

.col-1 {
    width: 65px;
}

.col-2 {
    width: 150px;
}

.col-3 {
    width: 235px;
}

.col-4 {
    width: 320px;
}

.col-5 {
    width: 405px;
}

.col-6 {
    width: 490px;
}

.col-7 {
    width: 575px;
}

.col-8 {
    width: 650px;
}

.col-12 {
    width: 1000px;
}
	
.respond_dc .respond_content_container span, 
.respond_dc .respond_content_container .line1 {
    display: none;
}

/********************************************
Responsive classes
********************************************/
.mobile {
    display: none;
}

/********************************************
Category colours
********************************************/

/* Categories > Business */
.business {
    background: #8f1ab6;
    color: #fff;
}

.business-border {
    border-color: #8f1ab6 !important;
}
.business-hover:hover {
    background: #8f1ab6 !important;
}

.current-menu-item .business-hover {
    background: #8f1ab6;
}

.business-reverse {
    background: #e5caee;
    color: #8f1ab6;
}

.business-text {
    color: #8f1ab6;
}

/* Categories > Lifestyle */
.lifestyle {
    background: #eba900;
    color: #fff;
}

.lifestyle-border {
    border-color: #eba900 !important;
}
.lifestyle-hover:hover {
    background: #eba900 !important;
}

.current-menu-item .lifestyle-hover {
    background: #eba900;
}

.lifestyle-reverse {
    background: #eba900;
    color: #fff3d5;
}

.lifestyle-text {
    color: #eba900;
}

/* Categories > News */
.news {
    background: #d61d00;
    color: #fff;
}

.news-border {
    border-color: #d61d00 !important;
}
.news-hover:hover {
    background: #d61d00 !important;
}

.current-menu-item .news-hover {
    background: #d61d00;
}

.news-reverse {
    background: #f7d2cc;
    color: #d61d00;
}

.news-text {
    color: #d61d00;
}

/* Categories > Sport */
.sport {
    background: #008000;
    color: #fff;
}

.sport-border {
    border-color: #008000 !important;
}
.sport-hover:hover {
    background: #008000 !important;
}

.current-menu-item .sport-hover {
    background: #008000;
}

.sport-reverse {
    background: #cce6cc;
    color: #008000;
}

.sport-text {
    color: #008000;
}

/* Categories > P&J Plus */
.plus a {
    border-color: #3c9 !important;
}
.plus a:hover {
    background: #3c9 !important;
}

/* Categories > Sponsored Content (unconfirmed) */
a[href*="/sponsored-content/"],
a[class*="sponsored-content"],
a[id*="sponsored-content"] {
    color: #888;
}

/********************************************
Piano
********************************************/
#pandj-app #desktop {
    display: block;
}

/* Piano > Fixes */
#pianoMediaBar,
#pianoMediaBoxInfoCover,
#pianoMediaBoxLogin,
#pianoMediaBoxLoginMobile {
    display: none;
}

#piano-root {
    position: static !important;
    top: 0 !important;
    width: 100%;
}

#pianoMediaBar {
    border-bottom: 0 !important;
}

#pianoMediaBoxLogin {
    position: absolute !important;
    right: auto !important;
    max-width: none !important;
}

#pianoMediaBoxLogin #pianoMediaBoxLoginControls {
    right: auto !important;
    margin: 0 0 0 -90px !important;
}

#pianoMediaBoxInfo {
    top: 0 !important;
}

#mobile-navigation-list,
#search-box {
    display: none;
}

#navigation-fixed {
    z-index: 9980;
    position: fixed;
    top: 32px;
    display: none;
}

#wpstats {
    display: none;
}

/********************************************
PJAX
********************************************/
.back-to-stream {
    position: fixed;
    top: 50%;
    display: block;
    padding: 0 10px 0 50px;
    line-height: 75px;
    background: #000 url('assets/img/post-to-stream-arrow.png') 10px 10px no-repeat;
    text-decoration: none;
    color: #fff;
    left: 0;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.back-to-stream:hover {
    opacity: 0.8;
    color: #ccc;
}

.back-to-stream span {
    width: 130px;
}

.go-to-article {
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.return-to-stream {    
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

/********************************************
Navigation
********************************************/
.main-navigation {
    clear: both;
    margin: 0;
    border-top: 1px solid #565656;
    width: 100%;
    height: 36px;
    background-color: #000;
    text-align: center;
    color: #fff;
}

.main-navigation a {
    background-color: #000;
    font-weight: bold;
    color: #fff;
    
    -moz-transition: background-color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}

.main-navigation a:hover {
    background-color:#565656;
}

.main-navigation ul {
    margin: 0;
    text-indent: 0;
}

.main-navigation li {
    position: relative;
    float: left;
    margin: 0;
    border-right: 1px solid #565656;
    line-height: 35px;
    letter-spacing: 0;
    font-size: 17px;
}

.main-navigation li,
.main-navigation li a {
    display: inline-block;
    text-decoration: none;
}

.main-navigation li a {
    padding: 0 20px;
    border-top: 2px solid #565656;
    line-height: 35px;
    white-space: nowrap;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #fff;
}

.main-navigation li ul {
    z-index: 1;
    position: absolute;
    top: 100%;
    right: 0;
    display: block;
    margin: 0;
    padding: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
}

.main-navigation li ul li {
    border-width: 0;
}

.main-navigation li ul li a {
    display: block;
    border-top-width: 0;
    width: 220px;
    line-height: 33px;
    background: #000;
    font-size: 13px;
    white-space: normal;
}

.main-navigation li ul ul {
    top: 0;
    left: 100%;
}

.main-navigation ul li:hover > ul {
    display: block;
    height: auto;
    opacity: 1;
    overflow: visible;
    
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.main-navigation .tablet {
    display: none;
}

.main-navigation .postcard {
    margin: 0 auto;
    background: #000 !important;
}

.main-navigation .site-navigation-menu {
    float: left;
    margin-top: -1px;
    height: 37px;
}

.main-navigation .verticals-navigation-menu {
    float: right;
    margin-top: -1px;
    border-left: 1px solid #565656;
    height: 37px;
}

.main-navigation .verticals-navigation-menu li {
    font-size:13px;
}

.main-navigation .verticals-navigation-menu li a {
    padding: 0 10px;
    border-top-width: 1px;
    line-height: 36px;
}

.main-navigation .verticals-navigation-menu ul.verticals-nav-menu li ul {
    margin: 0 0 0 -133px;
}

.main-navigation .verticals-navigation-menu ul.verticals-nav-menu li ul li a {
    line-height: 30px;
}

.main-navigation li.menu-item-date {
    border-right-width: 0;
    border-left: 1px solid #565656;
}

.main-navigation li.menu-item-date a {
    padding: 0 12px;
    border-right: 1px solid #565656;
    border-top: 2px solid #015b99;
    line-height: 35px;
    background-color: #000;
    text-transform: uppercase;
    color: #fff;
}

.main-navigation li.menu-item-date a:hover {
    background-color: #015b99;
}

.main-navigation li.menu-item-date.current-menu-item a {
    background-color: #015b99;
}

.main-navigation .menu-item-type-custom a {
    font-weight: 400;
}

.main-navigation ul.nav-menu, 
.main-navigation div.nav-menu > ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: left;
}

.menu-toggle,
.main-navigation .nav-menu.toggled-on {
    display: inline-block;
}

/********************************************
Hero widgets
********************************************/
.hero {
    margin: 0;
    background-color: #fff;
}

.hero_block {
    margin-bottom: 10px;
    background: #fff;
    font-family: 'Open Sans', Arial, sans-serif;
}

.hero_block .hero-container {
    padding: 15px;
    height: 250px;
}

.hero_block .hero-container:after,
.hero_block .hero-container::after,
.hero_block .hero-container article:after,
.hero_block .hero-container article::after {
    content: "";
    display: block;
    clear: both;    
}
.hero_block a {
    display: block;
    text-decoration: none;
}

/* Hero > Categories */
.hero_block a.category {
    display: block;
    line-height: 1;
    background: transparent;
    font-size: 14px;
    text-transform: uppercase;
}
.hero_block a.category span {
    font-size: inherit;
    font-weight: 600;
    letter-spacing: 0.04em;
}

/* Hero > Headline */
.hero_block .hero-container article {
    height: 250px;
}
.hero_block .hero-container article a.feature-image img {
    display: block;
    width: 100%;
}
.hero_block .headline-category a.category {
    display: block;
    text-transform: uppercase;    
}
.hero_block .headline-category a.category span {
    font-weight: 600;
    opacity: 0.5;

    -moz-transition: opacity 0.2s ease;
    -ms-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;        
}
.hero_block .headline-category a.category:hover > span {
    opacity: 1;
}
.hero_block .headline-category h2 {
    margin: 10px 0 15px 0;
    line-height: 1em;
    font-size: 20px;
    color: inherit;
}
.hero_block .headline-category h2 a {
    line-height: 1.1em;
    color: inherit;
}

.hero_block .headline-category p {
    margin: 10px 0 0 0;
    line-height: 1.2em;
    font-size: 13px;
    font-weight: normal;
    color: #fff;
}

/* Hero > Headline > MPU */
.hero_block .hero-container .mpu {
    float: left;
    padding: 0 5px;
    width: 300px;    
}
.hero_block .hero-container .mpu a, 
.hero_block .hero-container .mpu a img {
    display: block;
}

/* Hero > Sub-features */
.hero_block .sub-features {
    clear: both;
    padding: 0 15px 15px 15px;
}
.hero_block .sub-features:after {
    content: "";
    display: block;
    clear: both;    
}
.hero_block .sub-features article {
    float: left;
    margin-top: -1px;
    margin-right: 20px;
    padding: 10px;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    width: 310px;
    height: 105px;
    background: transparent;        
}
.hero_block .sub-features .end {
    margin-right: 0 !important;
}
.hero_block .sub-features article .feature-image a.category span {
    color: inherit;
}
.hero_block .sub-features article h3 {
    margin: 5px 0 0 0;
    line-height: 20px;
    font-size: 16px;
    font-weight: 700;
}

.hero_block .sub-features article h3 a {
    color: #000;    
}

/* Hero > Load more */
.view-more {
    display: none;
    clear: both;
    padding: 20px;
}
.view-more .btn {
    display: block;
    margin: 0 auto;
    width: 160px;
    padding: 8px;
    background: #101010;
    font-size: 14px;
    text-align: center;
    color: #fff;
}

/* Hero widget > Version 1 */
.hero_v1 .feature {
    float: left;
    width: 640px;
}

.hero_v1 a.feature-image { 
    float: left;
    width: 360px;
    height: 250px;
    overflow: hidden;
}

/* Hero widget > Version 1 > Vine */
.hero_v1 .vine-container {
    position: relative;
    float: left;
    width: 360px;
    height: 250px;    
    overflow: hidden;
}

.hero_v1 .vine-container .vine-wrap {
    position: absolute;
    top: 0;
    left: 0;
}

/* Hero widget > Version 1 > Headline */
.hero_v1 .headline-category {
    float: left;
    padding: 11px;
    width: 280px;
    height: 250px;
}

.hero_v1 .headline-category h2 {
    margin: 8px 0 12px 0;
    line-height: 1em;
    font-size: 20px;
}

/* Hero widget > Version 1 > MPU */
.hero_v1 .mpu { 
    margin-left: 20px;
}

/* Hero widget > Version 2 */
.hero_v2 .feature {
    position: relative;
    float: left;
    margin-right: 20px;
    width: 310px;
}

.hero_v2 a.feature-image {
    float: left;
    width: 310px;
    height: 250px;
}

.hero_v2 a.feature-image img {
    height: 100%;
}

.hero_v2 .headline-category {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
}

.hero_v2 article.business .headline-category { 
    background: #8f1ab6;
    background: rgba(143, 26, 182, 0.7);
}

.hero_v2 article.lifestyle .headline-category { 
    background: #eba900; 
    background: rgba(235, 169, 0, 0.7);
}

.hero_v2 article.news .headline-category { 
    background: #d61600;
    background: rgba(214, 22, 0, 0.7);
}

.hero_v2 article.sport .headline-category { 
    background: #008000; 
    background: rgba(0, 128, 0, 0.7);
}

.hero_v2 .headline-category h2 {
    margin: 10px 0 0 0;
    line-height: 1em;
    font-size: 18px;
}

/********************************************
Newsstream
********************************************/
.newsstream {
    border-top-width: 0;
    margin: 10px 0;
}

.newsstream .comments_count {
    float: right;
    font-size: 0.8em;
}

.newsstream header #add_to_homepage {
    margin-left: 20px;
}
			
.newsstream .updates {
    border-top: 0 none !important;
    padding:4px 0 0 0;
}

/* Newsstream > Filters */
.newsstream .options {
    margin: 0;
    padding: 0 0 5px 0;
}

.newsstream .options .title {
    float: none;
    margin-bottom: 20px;
    font-size: 1.4em;
    text-transform: uppercase;
    background-color: transparent;
}

.newsstream .options .title span {
    display: inline-block;
}

.newsstream .options .title span a {
    text-decoration: none;
    color: inherit;
}

.newsstream .options .filters {
    margin:0;
    padding: 10px;
    width: 100%;
    background-color: #565656;
    font-size:20px;
}
.newsstream .options .filters:after, .newsstream .options .filters::after {
    content: "";
    display:block;
    clear:both;
}

/* Newsstream > Filters > Options */
.newsstream .options .filter-options {
    float: left;
    margin-right: 5px;
    padding: 0;
    width: 128px;
}
.newsstream .options .filter-options ul {
    margin: 0;
    padding: 5px 0 5px 7px;
    list-style: none;
    background-color: #fff;
    font-size: 13px;
    color: #606060;
}	
.newsstream .options .filter-options ul li {
    position: relative;
    margin: 0;
    padding: 0 20px 0 0;
    background: url('assets/img/newsstream-filter-arrow_white.png') no-repeat 96% center;
}
.newsstream .options .filter-options ul li span {
    display: block;
    padding: 0;
    font-weight: 400;
    color: #000;
}				
.newsstream .options .filter-options ul li ul {
    z-index: 10000;
    position: absolute;
    top: 100%;
    left: -7px;
    padding: 4px 0;
    list-style: none;
    background-color: #ededed;
}
.newsstream .options .filter-options ul li > ul {
    opacity: 0;
    visibility: hidden;

    -moz-transition: opacity 0.1s ease;
    -ms-transition: opacity 0.1s ease;
    -o-transition: opacity 0.1s ease;
    -webkit-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease;
}
.newsstream .options .filter-options ul li ul li {
    margin: 0;
    padding: 0 7px;
    width: 156px;
    line-height: 24px;
    background: none;
    color: #555;
}				
.newsstream .options .filter-options ul li ul li a {
    text-decoration: none;
    color: #555;
}
.newsstream .options .filter-options ul li:hover > ul {
    background:#fff;
    opacity: 1;
    visibility: visible;

    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
.newsstream .options .filter-options ul li ul li:hover {
    background-color: #eee;	
}

/* Newsstream > Filters > Clear */
.newsstream .options .filters button.clear-filters {
    display: block;
    float: left;
    padding: 0 10px;
    border: 0 none;
    height: 32px;
    line-height: 32px;
    background-color: #333;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 13px;
    text-align:  center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    color: #fff;
    
    -moz-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
.newsstream .options .filters button.clear-filters:hover {
    cursor: pointer;
    background-color: #fff;
    color: #000;
    text-shadow: none;
}

.newsstream .options .filters button.clear-filters span.symbol {
    display: none;
}

.newsstream .options .filters button.clear-filters span.text {
    display: inline-block;
}

/* Newsstream > Load button */		
.newsstream a.load-button {
    background: #000;
    border: 0;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

.newsstream .infinity .load-indicator {
    display: none;
    height: 30px;
    background: url('assets/img/ajax-loader.gif') no-repeat center center;
}

/* Newsstream > Metadata */
.newsstream .item .metadata {
    float: left;
    margin: 0 0 0 2px;
}
.newsstream .item .metadata .inner {
    padding: 0 7px 0 9px;
}
.newsstream .item .metadata .inner .author {
    font-size: 14px;
}
.newsstream .item .metadata .inner .author a {
    color: #000;
    text-decoration: none;
}
.newsstream .item .metadata .inner .author a:hover {
    text-decoration: underline;
}

.newsstream .item .metadata .inner .category {
    margin-bottom: 10px;
    letter-spacing: 0.03em;
    font-size: 14px;
    font-weight: 700;    
    text-transform: uppercase;
}
.newsstream .item .metadata .inner .category a {
    text-decoration: none;
}

.newsstream .item .metadata .inner .datestamp {
    display: block;
    margin: 0 0 0 -18px;
    padding: 1px 0 0 18px;
    height: 20px;    
    line-height: 18px;
    background: url('assets/img/stream_clock_icon.png') left center no-repeat;
    font-size: 14px;
    font-weight: 500;
    color: #a9a9a9;
}

.newsstream .item .metadata .inner .tags {
    margin-top: 17px;
}
.newsstream .item .metadata .inner .tags a {
    display: block;
    margin: 0 0 7px 0;
    line-height: 19px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
}
.newsstream .item .metadata .inner .tags a span {
    background: transparent url('assets/img/tags-indent.png') no-repeat right center;
    display: block;
    padding: 1px 27px 0 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Newsstream > Metadata > ShareDaddy */
.newsstream .sharedaddy {
    margin-top: 12px;
    width: 100%;
}

/* Newsstream > Item > Content */
.newsstream .item .post-inner {
    margin: 0 0 0 17px;
    padding: 15px 0;
    border-left: 1px solid #000;
}
.newsstream .item .article {
    float: left;
    margin-left: 0;
    padding: 0 10px 0 0;
    width: 480px;
}

.newsstream .item .article header.headline h3 {
    margin: 0;
    line-height: 1.2em;
    font-size: 1.35em;
    letter-spacing: -0.02em;
}
.newsstream .item .article header.headline h3 a {
    display: block;
    color: #000;
    text-decoration: none;
}
.newsstream .item .article header.headline h3 img {
    display: none;
    float: left;
    margin: 0 10px 0 0;
    width: 100px;
    height: 75px;
}

.newsstream .item {
    background-color: #fff;
}

.newsstream .item .article .excerpt {
    margin-top: 15px;
    line-height: 1.4em;
    font-size: 0.95em;
}

.newsstream .item .article .excerpt p {
    margin: 0;
    padding: 0;
}

.newsstream .item .article .excerpt p:after,
.newsstream .item .article .excerpt p::after {
    content: "";
    display: block;
    clear: both;
}

.newsstream .item .article .excerpt > img,
.newsstream .item .article .excerpt p img,
.newsstream .item .article .excerpt p a.img-link {
    display: block;
    float: left;
    margin: 0 15px 0 0;
    width: 185px;
    height: 139px;
}
.newsstream .item .article .excerpt p a.img-link img {
    float: none;
    margin: 0;
}
.newsstream .item .article .excerpt p a.full-story {
    border-bottom: 1px solid transparent;
    color: #000;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;

    -moz-transition: all ease 0.2s;
    -ms-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
}
.newsstream .item .article .excerpt p a.full-story:hover {
    border-color: #000;
}

.newsstream .item .article iframe,
.newsstream .item .article .embed-youtube iframe {
    width: 100%;
}

/* Newsstream > Item > Content > Images */
.newsstream .item .article img {
    background: #f0f0f0;
    color: #a0a0a0;
}

/* Newsstream > Item > Tags */
.tag-box {
    margin-top: 10px;
    height: 24px;
}
.tag-box span.title {
    display: block;
    float: left;
    height: 24px;
    font-size: 13px;
}
.tag-box ul {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    height: 24px;
    font-size: 13px;
}
.tag-box ul:after,
.tag-box ul::after {
    content: "";
    display: block;
    clear: both;
}
.tag-box ul li {
    display: block;
    float: left;
    margin: 0 0 0 5px;
    height: 24px;
}
.tag-box ul li a {
    background-color: transparent;
}
.tag-box ul li a.lifestyle-reverse { 
    /* Reverse colour of Lifestyle is too weak against white. */
    color: #eba900;
}

/* Newsstream > Adverts */
.newsstream .item-advert {
    background-color: transparent;
}

.newsstream .item-advert .post-inner {
    padding: 0;
}

.newsstream .item-advert .post-inner .slot {
    margin: 0 auto;
    text-align: center;
}

.newsstream .item .bx-wrapper {
    z-index: 0;
}

.newsstream .down-arrow {
    position: absolute;
    left: 8px;
    width: 19px;
    height: 15px;
    background: url('assets/img/newsstream-down-arrow.png') center center no-repeat;
}

/* Newsstream > Format: Aside (Short form) */
.newsstream .format-aside h3 {
    margin: 0 0 10px 0;
    padding: 0;
}

.newsstream .format-aside .mobile-excerpt {
    display: none;
    margin-top: 5px;
    line-height: 140%;
    font-size: 0.8em;
}

.newsstream .format-aside .mobile-excerpt p {
    margin: 0;
}

.newsstream .format-aside .wp-post-image {
    float: left;
    margin: 0 7px 7px 0;
}


/* Newsstream > [Shared Gallery and Image format CSS] */
.newsstream .format-gallery .post-inner,
.newsstream .format-image .post-inner {
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
}

.newsstream .format-gallery .gallery-post-inner, 
.newsstream .format-image .gallery-post-inner {
    z-index: 100;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 17px;
    right: 0;
    border-left: 1px solid #fff;
}

.newsstream .format-gallery .category a, 
.newsstream .format-image .category a {
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
}

/* Newsstream > Format: Gallery */
.newsstream .format-gallery {
    position: relative;
    padding: 0;
    height: 516px;
    overflow: hidden;
}

.newsstream .format-gallery .gallery-wrap {
    position: relative;
    width: 100%;
    height: 100%;
}

.newsstream .format-gallery .gallery-options {
    position: relative;
}

.newsstream .format-gallery .bx-viewport {
    left: 0;
    border: 0;
    height: 496px !important;
    background: #000;

    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.newsstream .format-gallery .gallery-post-inner {
    border-color: #fff;
    border-color: rgba(255, 255, 255, 0.2);
}

/* Newsstream > Format: Gallery > Metadata */
.newsstream .format-gallery .gallery-metadata {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6);
}

.newsstream .format-gallery .gallery-metadata .category {
    font-size: 1.45em;
    font-weight: bold;
    color: #fff;
}

.newsstream .format-gallery .datestamp {
    font-size: 13px;
    color: #fff;
}

.newsstream .format-gallery .gallery-metadata .sharedaddy {
    margin-top: 10px;
}

/* Newsstream > Format: Gallery > Title & options */
.newsstream .format-gallery .gallery-info {
    position: absolute;
    top: 0;
    left: 145px;
    padding: 15px;
}

.newsstream .format-gallery h3.title {
    margin: 0;
    font-size: 1.45em;
    font-weight: bold;
    color: #fff;    
}
.newsstream .format-gallery h3.title a {
    display: block;
    width: 100%;
    text-decoration: none;
    color: #fff;
}

.newsstream .format-gallery h3.title a span {
    display: block;
    margin-top: 8px;
    padding-left: 24px;
    height: 20px;
    line-height: 20px;
    background: url('assets/img/icons/icon_gallery.png') 0 0 no-repeat;
    font-size: 13px;
    text-decoration: none;
    font-weight: 400;
    color: #fff;
}

.newsstream .format-gallery span.bxslider-btn {
    z-index: 9999;
    position: absolute;
    top: 50%;
    display: block;
    margin-top: -16px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
    background-image: url(assets/img/icons/icon_prev-next_white.png);
    background-repeat: no-repeat;
    text-align: center;
    
    -moz-transition: all ease 0.2s;
    -ms-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
}
.newsstream .format-gallery span.bxslider-btn:hover {
    cursor: pointer;
    background-color: #015b99;
    background-color: rgba(1, 91, 153, 0.8);
}
.newsstream .format-gallery span.bxslider-btn a {
    display: block;
    width: 100%;
    height: 100%;
    direction: ltr;
    text-indent: -9999em;
    overflow: hidden;
}

.newsstream .format-gallery span.bxslider-btn.prev {
    left: 32px;
    background-position: 0 0;
}
.newsstream .format-gallery span.bxslider-btn.next {
    right: 16px;
    background-position: 0 -48px;
}

/* Newsstream > Format: Gallery > Gallery */
.newsstream .format-gallery ul.gallery li {
    position: relative;
    float: left;
    background-color: #000;
}

.newsstream .format-gallery ul.gallery li img {
    display: block;
    margin: 0 auto;
    width: 100%;
    border-collapse: collapse;
    opacity: 0.85;
}

/* Newsstream > Format: Image */
.newsstream .format-image {
    position: relative;
    padding: 0;
    height: 515px;
    overflow: hidden;
}

.newsstream .format-image .caption {
    position: absolute;
    bottom: 0;
    left: 17px;
    right: 0;
    padding: 10px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
}

.newsstream .format-image .post-inner {
    height: 495px;
}

.newsstream .format-image h3.title {
    z-index: 1;
    position: absolute;
    top: 29px;
    left: 121px;
    margin: 0;
    padding: 7px;    
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.65);
    font-size: 1.45em;
    font-weight: bold;
    color: #fff;
}

.newsstream .format-image .category {
    z-index: 1;
    position: absolute;
    top: 29px;
    left: 0;
    padding: 0 7px;
    font-size: 1.45em;
    font-weight: bold;
    color: #fff;
}

.newsstream .format-image .datestamp {
    position: absolute;
    top: 55px;
    left: 7px;
    font-size: 13px;
    color: #fff;
}

/* Newsstream > Format: Quote */
.newsstream .format-quote {
    position: relative;
}

.newsstream .format-quote .post-inner {
    margin: 0;
    padding: 0;
    border-left: 0 solid #000;
}

.newsstream .format-quote h3 {
    margin: 0;
    padding: 10px 0 10px 168px;
    background: #000;
    color: #fff;
}

.newsstream .format-quote .category {
    position: absolute;
    top: 10px;
    left: 28px;
}

.newsstream .format-quote .category a {
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
}

.newsstream .format-quote img {
    display: block;
    width: 100%;
    height: auto;
}

/* Newsstream > Format: Video */
.newsstream .format-video .post-inner {
    margin: 0;
    padding: 0;
    border-left: 0;
}

.newsstream .format-video .post-inner > p {
    margin: 0;
}

.newsstream .format-video .post-inner iframe {
    display: block;
    width: 660px;
    height: 412px;
}

/* Newsstream > Dividers */
.newsstream .item .post-divider {
    background:#ededed;
}
.newsstream .item .post-divider-inner {
    margin: 0 0 0 17px;
    border-left: 1px solid #000;
    height: 20px;
}

/* Newsstream > Infinity */
.newsstream .stream .infinity {
    margin: 0;
}

/* Newsstream > Back */
.wrapper .site .content .newsstream-back-button {
    display: block;
    float: left;
    margin: 100px 0 0 0;
    padding: 7px;
    background: #222222;
    font-size: 1.75em;
    text-decoration: none;
    color: #D2D2D2;
}

/* Newsstream fixes */
.newsstream .updates {
    border-top-width: 3px;
    height: auto;
}

/* Newsstream in articles */
body.single .newsstream .item .article
{
    width: 430px;
}

.related-posts-container
{
    background: #f6f6f6;
    margin-top: 15px;
    padding: 10px;
}

.related-posts-container h3
{
    margin: 0 0 10px;
}

.related-posts-container .related-posts ul
{
    margin: 0;
    padding: 0 0 0 20px;
}

/*******************************************
Article view
*******************************************/
.article-view .article {
    padding: 20px 0;
}

.article-view .article .main-area {
    margin: 0;
    padding: 0 30px;
    width: 610px;
}

.article-view {
    left:100%;
    margin:0;
    position:absolute;
    width:100%;
}
	
.article-view .article {
    background: #fff;
    margin: 0 auto;
    position: relative;
}

/* Article > Header */
.article-view .article .headline p.category-link {
    margin: 0;
    line-height: 1;
}
.article-view .article .headline p.category-link a {
    letter-spacing: 0.02em;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
}

.article-view .article .headline h1 {
    margin: 0.3em 0 0.5em 0;
    font-size: 31px;
}

/* Article > Header > Author */
.article-view .article .headline p.author {
    margin: 0;
}
.article-view .article .headline p.author time, .article-view .article .headline p.author span {
    display: inline-block;
    margin: 0 4px 0 0;
    color: #a0a0a0;
}
.article-view .article .headline p.author a {
    font-weight: 600;
    color: #333;
    text-decoration: none;
}
.article-view .article .headline p.author a:hover {
    color: #000;
    text-decoration: underline;
}

.article-view .article .headline p.author * {
    font-size: 14px;
}

/* Article > Header > Metadata */
.article-view .article .headline span[class*="post-"] {
    display: block;
    float: left;
    margin-right: 14px;
    padding-left: 24px;
    height: 20px;
    line-height: 20px;
    background-position: left center;
    background-repeat: no-repeat;
    text-transform: lowercase;
    font-size: 14px;
    color: #b0b0b0;
    
    -moz-transition: all ease 0.1s;
    -ms-transition: all ease 0.1s;
    -o-transition: all ease 0.1s;
    -webkit-transition: all ease 0.1s;
    transition: all ease 0.1s;
}
.article-view .article .headline span[class*="post-"] b {
    font-weight: 600;
    color: #000;
}
.article-view .article .headline span[class*="post-"] i {
    font-style: normal;
}
.article-view .article .headline .post-share-count {
    background-image: url('assets/img/icons/icon_shares.png');
}
.article-view .article .headline .post-comment-count {
    background-image: url('assets/img/icons/icon_comments.png');
}

/* Article > Thumbnail */
.article-view .article .thumbnail {
    position: relative;
}

.article-view .article .thumbnail figure {
    position: relative;
    margin: 0;
    padding: 0;
}
.article-view .article .thumbnail figure figcaption {
    background: #000;
    background: rgba(0, 0, 0, 0.65);
    bottom: 0;
    color: #fff;
    font-size: 0.9;
    left: 0;
    padding: 4px 7px;
    position: absolute;
    right: 0;
}

.article-view .article .thumbnail figure img {
    display: block;
    width: 100%;
}

/* Article > Thumbnail > Pinterest button / loader */
.loader {
    display: none !important; /* Temporary fix. */
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    opacity: 0.5;   
}

.loader.active,
.thumbnail:hover > .loader,
.wp-caption:hover > .loader {
    opacity: 1;
}

.loader span {
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 40px;
    height: 40px;
    background: url('assets/img/icons/icon_loader.png') 0 0 no-repeat;
    opacity: 0;
}

.loader.active span {
    opacity: 1;
    
    -moz-animation: spin 1s linear infinite;
    -o-animation: spin 1s linear infinite;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;    
}

.loader,
.loader.active * {
    -moz-transition: all ease 0.12s;
    -ms-transition: all ease 0.12s;
    -o-transition: all ease 0.12s;
    -webkit-transition: all ease 0.12s;
    transition: all ease 0.12s;
}

.loader a,
.loader a[class*="PIN_"] {
    z-index: 15 !important;
    position: relative !important;
    top: 4px !important;
    left: 4px !important;
    display: block !important;
    margin: 0 !important;
    width: 32px !important;
    height: 32px !important;
    background-image: url('assets/img/icons/icon_pinterest_trans.png') !important;
    background-repeat: no-repeat !important;
    background-position: 0 -32px !important;
    background-size: auto !important;
}

.loader a:hover
.loader a[class*="PIN_"]:hover {
    cursor: pointer !important;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}
@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@-o-keyframes spin {
    100% {
        -o-transform: rotate(360deg);
    }
}
@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* Article > Content */
.article-view .text {
    position: relative;
}

.article-view .article .main-area .inner-text p {
    font-size: 0.95em;
    letter-spacing: 0;
}

.article-view .article .main-area .inner-text p img {
    max-width: 100%;
    height: auto;
}

/* Article > Tags */
.article-view .article .post-tags i {
    display: block;
    float: left;
    margin-right: 10px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
}

.article-view .article .post-tags ul.tags {
    float: left;
    margin: 0;
    padding: 0;
    max-width: 435px;
    list-style-type: none;
}
.article-view .article .post-tags ul.tags li {
    display: inline-block;
    margin: 0 6px 0 0;
    font-size: 14px;
}
.article-view .article .post-tags ul.tags li a {
    font-size: inherit;
    text-decoration: none;
}
.article-view .article .post-tags ul.tags li a:hover {
    text-decoration: underline;
}

.article-view .article .post-tags .sharedaddy ul {
    border-left: 1px solid #ddd;
}

.article-view .article .post-tags .sharedaddy ul li {
    margin: 0 0 0 5px;
}

.article-view .pds-box {
    width: 100% !important;
}

/* Article > Comments */
.article-view .comments {
    font-size: 0.9em;
}

.article-view .comments h3 {
    margin: 10px 0;
    padding: 0 0 10px 24px;
    height: 16px;
    line-height: 16px;
    background: url('assets/img/icons/icon_comments.png') 0 0 no-repeat;
    font-weight: 400;
    color: #a0a0a0;
}
.article-view .comments h3 b {
    font-weight: 600;
    color: #000;
}

.article-view .comments .logged-in-as {
    display: none;
}

/* Article > Comments > Form */
.article-view .comments form {
    margin-bottom: 30px;
}

.article-view .comments form:after,
.article-view .comments form::after {
    content: "";
    display: block;
    clear: both;
}

/* Article > Comments > Comment list */
.article-view .comments .comment-body {
    margin-bottom: 15px;
    padding-left: 40px;
    clear: both;
}

.article-view .comments .comment-body p {
    clear: both;
    margin: 0;
    padding: 8px 0 0 0;
    line-height: 140%;
    font-size: 14px;
}

.article-view .comments .comment-body .comment-author {
    position: relative;
}
.article-view .comments .comment-body .comment-author img {
    position: absolute;
    left: -40px;
    top: 0;
    display: block;
}
.article-view .comments .comment-body .comment-author cite {
    display: block;
    height: 20px;
    line-height: 20px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: #000;
}

.article-view .comments .comment-body .comment-meta.commentmetadata {
    line-height: 1;
}

.article-view .comments .comment-body .comment-meta a,
.article-view .comments .comment-body .reply a {
    font-size: 0.8em;
    text-decoration: none;
    color: #A5B2B9;
}

.article-view .comments .comment-body .comment-author .says,
.article-view .comments .comment-respond label,
.article-view .comments .comment-respond .comment-reply-title {
    display: none;
}

.article-view .comments .comment-body .comment-author:after,
.article-view .comments .comment-body .comment-author::after,
.article-view .comments .comment-body .comment-meta:after,
.article-view .comments .comment-body .comment-meta::after {
    content: "";
    display: block;
    clear: both;
}

.article-view .comments .comment-respond .field {
    padding: 10px;
    border: 1px solid #c0c0c0;
    
    -moz-transition: 0.2s ease all;
    -ms-transition: 0.2s ease all;
    -o-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    transition: 0.2s ease all;
}					
.article-view .comments .comment-respond .field:hover {
    border-color: #a0a0a0;
    
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
}

.article-view .comments .comment-respond .comment-text {
    padding: 0;
    width: 100%;
    border: 0;
    outline: 0;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 1em;
}

.article-view .comments .comment-respond .form-submit input {
    display: block;
    float: right;
    padding: 0 30px;
    border: 0;
    line-height: 32px;
    background: #005b9c url(assets/img/icons/icon_tick.png) 6px -20px no-repeat;
    font-size: 14px;
    text-align: center;
    text-decoration: none;    
    color: #fff;
    
    -moz-transition: 0.2s ease all;
    -ms-transition: 0.2s ease all;
    -o-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    transition: 0.2s ease all;    
}
.article-view .comments .comment-respond .form-submit input:hover {
    cursor: pointer;
    background-position: 6px 6px;
    background-color: #000;
}

.article-view .comments .comment-respond .text {
    border: 0;
    width: 100%;
    outline: 0;
    font-size: 1em;
}

.article-view .comments ol.comment-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.article-view .comments ol.comment-list li ol {
    margin: 0 0 0 40px;
    padding: 0;
    list-style-type: none;
}

/* Article > Sidebar */
.article-view .article .sidebar {
    margin: 0;
    padding: 0 10px 0 0;
}

.article-view .article .sidebar .mpu {
    margin-bottom: 20px;
    text-align: center;
}

/*.article-view .article .sidebar ul.list-concealed li:first-child {
    display: none;
}*/

/* Article > [Shared CSS] */
.article-view .post-metadata,
.article-view .post-tags {
    margin: 10px 0 20px 0;
    padding: 10px 0;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
}

.article-view .post-metadata:after,
.article-view .post-metadata::after,
.article-view .post-tags:after,
.article-view .post-tags::after
{
    content: "";
    display: block;
    clear: both;
}

.article-view .sharedaddy {
    float: right;
}
.article-view .sharedaddy ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.article-view .sharedaddy ul li {
    margin: 0 0 0 5px;
}
					
/* Article > Format: Gallery */
.article-view .article.format-gallery {
    padding: 20px 0;
}

.article-view .format-gallery .gallery-headline {
    padding: 0 20px;
}

.article-view .format-gallery .gallery-container {
    position: relative;
}

.article-view .format-gallery .gallery-container .bxslider-btn {
    z-index: 9000;
    position: absolute;
    top: 50%;
    display: block;
    margin-top: -16px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
    background-image: url(assets/img/icons/icon_prev-next_white.png);
    background-repeat: no-repeat;
    text-align: center;
    
    -moz-transition: all ease 0.2s;
    -ms-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
}
.article-view .format-gallery .gallery-container .bxslider-btn:hover {
    cursor: pointer;
    background-color: #015b99;
    background-color: rgba(1, 91, 153, 0.8);
}
.article-view .format-gallery .gallery-container .bxslider-btn a {
    display: block;
    width: 100%;
    height: 100%;
}

.article-view .format-gallery .gallery-container .bxslider-btn.prev {
    left: 16px;
    background-position: 0 0;
}
.article-view .format-gallery .gallery-container .bxslider-btn.next {
    right: 16px;
    background-position: 0 -48px;
}

/* Article > Format: Gallery > Slider */
.article-view .format-gallery ul.bxslider {
    margin: 0;
}
.article-view .format-gallery ul.bxslider li {
    text-align: center;
}
.article-view .format-gallery ul.bxslider li img {
    display: inline-block;
    max-height: 750px;
}

.article-view .format-gallery ul.bxslider li .bx-caption {
    background: #000;
    background: rgba(0, 0, 0, 0.75);
    text-align: left;
}

/* Article > Piano */
.article-view .piano {
    margin: 0 auto;
    width: 1148px;
    background: #fff;
}

/* Article > Related stories */
.article-view .related {
    margin: 0 0 0 20px;
}

.article-view .related h2 {
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 1.3em;
    text-transform: uppercase;
}

.article-view .related ul.pictured {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.article-view .related ul.pictured li {
    float: left;
    margin: 0 20px 20px 0;
    padding: 0;
    width: 300px;
    min-height: 100px;
}
.article-view .related ul.pictured li a {
    font-size: 0.95em;
    font-weight: bold;
    text-decoration: none;
    color: #000;
}

.article-view .related ul.pictured li .feature-image {
    position: relative;
    float: left;
    margin: 0 10px 0 0;
    width: 125px;
}
.article-view .related ul.pictured li .feature-image a {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    padding: 1px 3px 0 3px;
    line-height: 1.4em;
    font-size: 0.75em;
    font-weight: 200;    
    text-decoration: none;
    text-transform: uppercase;    
    color: #fff;
}

/* Article > Full width */
.article-view .page .full-width {
    margin: 0;
    width: 100%;
}

.article-view .page .headline {
    padding: 0 10px;
}

/* Article > Subscriptions */
.article-view .page .subscriptions {
    background: #fff;
    padding: 0;
}

.article-view .page .subscriptions img {
    max-width: 100%;
}

.article-view .page .subscriptions a.button {
    display: block;
    width: 128px;
    line-height: 34px;
    background-color: #005b9c;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    color: #fff;
}

.article-view .page .subscriptions .headers {
    padding: 0 0 25px 0;
    border-bottom: 1px solid #c9c9c9;
    text-align: center;
}

.article-view .page .subscriptions .headers h1 {
    margin: 0;
    padding: 0;
    font-size: 3em;
    font-weight: normal;    
}

.article-view .page .subscriptions .headers p {
    margin: 0;
    padding: 0;
    font-size: 1.6em;
}

.article-view .page .subscriptions .headers .choose {
    display: none;
}

.article-view .page .subscriptions .headers .choose .button {
    position: relative;
    margin: 20px auto 0 auto;
}

.article-view .page .subscriptions .headers .description,
.article-view .page .subscriptions .headers p.large-subscription-graphic {
    display: none;
}

.article-view .page .subscriptions .table h2 {
    font-size: 1.35em;
    font-weight: normal;
    text-align: center;
    color: #005b9c;
}

.article-view .page .subscriptions .table .package {
    float: left;
    margin: 0 20px 0 0;
    width: 300px;
}

.article-view .page .subscriptions .table .package.web-pack {
    margin: 0 20px 0 29px;
}

.article-view .page .subscriptions .table .package p {
    margin: 0 0 30px 0;
    padding: 0;
}

.article-view .page .subscriptions .table .package p.intro {
    font-weight: bold;
}

.article-view .page .subscriptions .table .package .price {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 1.85em;
    font-weight: bold;    
    color: #005b9c;
}

.article-view .page .subscriptions .table .package .price-info {
    margin: 0 0 5px 0;
    font-size: 0.9em;
    font-weight: bold;
}

.article-view .page .subscriptions .table .package .reccurring {
    margin: 0 0 10px 0;
    font-size: 0.75em;
    color: #aaa;
}

.article-view .page .subscriptions .table .package p.select {
    margin: 0;
    padding: 0;
}

.article-view .page .subscriptions .table .package ul {
    margin-bottom: 30px;
}

.article-view .page .subscriptions .table .package-last {
    margin: 0;
}

.article-view .page .text {
    padding: 0 10px;
}

/*******************************************
Content view
*******************************************/
.content-view {
    position: fixed;
    top: 28px;
    bottom: 0;
    width: 100%;
    overflow: auto;

    -webkit-overflow-scrolling: touch;
}

/* Content > Lifestyle */
.content-view .lifestyle .article {
    float: left;
    margin-top: 20px;
    height: 660px;
    background: #fff;
}

.content-view .lifestyle .article .inner {
    padding: 10px;
}

.content-view .lifestyle .article .category a {
    display: block;
    line-height: 1;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.04em
}

.content-view .lifestyle .article h2 {
    margin: 10px 0;
    padding: 0;
    height: 70px;
    font-size: 1.35em;
    font-weight: normal;
}

.content-view .lifestyle .article h2 a {
    text-decoration: none;
    color: #000;
}
.content-view .lifestyle .article h2 a:hover {
    text-decoration: underline;
}

.content-view .lifestyle .article .post-metadata {
    padding: 10px 0;
    border-top: 1px solid #ddd;
}

.content-view .lifestyle .article .sharedaddy ul {
    float: right;
}

.content-view .lifestyle .article .sharedaddy ul li {
    margin: 0 0 0 5px;
}

.content-view .lifestyle .article .wp-post-image {
    display: block;
    margin: 0;
    width: 100%;
    height: 225px;
}

.content-view .lifestyle .article p.excerpt {
    margin: 10px 0 0 0;
    padding: 0;
    font-size: 0.9em;
    color: #000;
}

.content-view .lifestyle .article p.excerpt a.full-story {
    display: block;
    font-weight: bold;
    text-decoration: none;
    color: #000;
}

.content-view .lifestyle .article p.excerpt a.full-story:hover {
    text-decoration: underline;
}

.content-view .lifestyle .article-left {
    margin-left: 0;
}

.content-view .lifestyle .main {
    padding: 0 0 20px 0;
}

.content-view .lifestyle .sidebar {
    width: 300px;
    height: 250px;
}

/* Content > Section */
.content-view .section {
    position: relative;
    margin: 0 auto;
    padding: 0;
    background: #ededed;
    transform:translateZ(0);    
}

/* Content > Tags */
.content-view .tag .main-area .inner {
    padding: 0 20px;
}

.main-area.tag_page h1 {
    margin-bottom: 0;
    padding: 22px;
    background: #fff;
}

.content-view .tag .main-area .article {
    clear: both;
    margin: 0 0 35px 0;
}

.content-view .tag .main-area .article h2 {
    margin: 0;
    padding: 0;
    font-size: 1.5em;
}
.content-view .tag .main-area .article h2 a {
    text-decoration: none;
    color: #000;
}

.content-view .tag .main-area .article p {
    margin: 0;
    padding: 0;
}

.content-view .tag .main-area .article .datestamp {
    padding: 1px 0 0 18px;
    background: url('assets/img/stream_clock_icon.png') left center no-repeat;
    font-size: 13px;
    font-weight: 200;
    color: #a9a9a9;
}

.content-view .tag .main-area .article .feature-image {
    position: relative;
    float: left;
    padding: 0 10px 0 0;
}

.content-view .tag .main-area .article .feature-image .category {
    position: absolute;
    top: 0;
    right: 10px;
    padding: 1px 3px 0 3px;
    font-size: 0.75em;
    font-weight: 200;
    text-decoration: none;
    text-transform: uppercase;
}

/* Content > Outbrain */
.AR_1.ob-widget {
    padding: 0 !important;
    width: 100% !important;
}

/* Content > Full page takeover */
.content-view .takeover {
    position: absolute;
    top: 137px;
    left: 0;
    width: 100%;
    height: 1200px;
    background-position: top center;
    background-repeat: no-repeat;
}

.content-view a.takeover-fixed {
    position: fixed;
    top: 65px;
}

/********************************************
P&J Plus
********************************************/
.pandj-plus a {
    border-top-color: #3c9 !important;
}

.pandj-plus a:hover {
    background: #3c9 !important;
}
	
/*******************************************
Lockout
*******************************************/
.jp-carousel-wrap .jp-carousel-titleanddesc-title {
    display: none !important;
}

.lockout {
    margin: 30px 0;
    padding: 15px;
    border: 1px solid #eee;
    background: #f6f6f6;
}

.lockout div {
    position: relative;
    padding-left: 158px;
}

.lockout img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 128px;
    height: 128px;
}

.lockout h4 {
    margin: 0;
    font-size: 24px;
    font-weight: 300;
}
.lockout h4 strong {
    font-weight: 600;
}

.lockout p {
    margin: 1em 0;
    line-height: 1.1em;
    font-size: 15px;
}
.lockout p b {
    font-weight: 600;
}
.lockout p a {
    text-decoration: none;
    color: #015b99;
}
.lockout p a:hover {
    text-decoration: underline;
}

.lockout .centred {
    padding: 10px 0;
    text-align: center;
}

.lockout p .button {
    display: inline-block;
    padding: 0 15px;
    height: 48px;
    line-height: 48px;
    background-color: #015b99;
    font-size: 20px;
    color: #fff;    
}

.lockout div + p {
    margin-top: 30px;
    margin-bottom: 0;
}

.lockout p small {
    display: block;
    border-top: 1px dashed #bbb;
    color: #888;
}

/* Lockout > Teaser */
.teaser-text {
    z-index: 100;
    position: relative;
}

.teaser-text:before,
.teaser-text::before {
    z-index: 101;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    display: block;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, 
        rgba(255, 255, 255, 0.33) 20%, 
        rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, 
        color-stop(0%, rgba(255, 255, 255, 0)), 
        color-stop(20%, rgba(255, 255, 255, 0.33)), 
        color-stop(100%,rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, 
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.33) 20%),
        rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(top, 
        rgba(255, 255, 255, 0) 0%, 
        rgba(255, 255, 255, 0.33) 20%);
        rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(top, 
        rgba(255, 255, 255, 0) 0%, 
        rgba(255, 255, 255, 0.33) 20%, 
        rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, 
        rgba(255, 255, 255, 0) 0%, 
        rgba(255, 255, 255, 0.33) 20%, 
        rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( 
        startColorstr='#00ffffff', 
        endColorstr='#ffffff',
        GradientType=0 );
}

.mast-head-mobile {
    display: none;
}

/*******************************************
ShareDaddy widgets
*******************************************/
.sharedaddy ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
}
.sharedaddy ul:after,
.sharedaddy ul::after {
    content: "";
    display: block;
    clear: both;
}
.sharedaddy ul li {
    float: left;
    margin: 0 5px 0 0;
}
.sharedaddy ul li:last-child,
.sharedaddy ul .share-end {
    margin: 0 !important;
}
.sharedaddy ul li a {
    display: block;
    background: transparent url('assets/img/icons/icon_social.png') no-repeat;
    width: 20px;
    height: 20px;
}
.sharedaddy ul li a span {
    display: none;
}
.sharedaddy ul li .share-twitter {
    background-position: 0 0;
}
.sharedaddy ul li .share-facebook {
    background-position: -20px 0;
}
.sharedaddy ul li .share-google-plus-1 {
    background-position: -40px 0;
}
.sharedaddy ul li .share-linkedin {
    background-position: -60px 0;
}
.sharedaddy ul li .share-pinterest {
    background-position: -80px 0;
}

/* Pagination */
.pagination {
    padding: 0 0 20px 0;
    text-align: center;
}

.pagination a {
    color: #005b9c;
}

.pagination .current {
    font-weight: bold;
}
	
/* Pagination > Lifestyle */
.pagination-lifestyle {
    clear: both;
    padding: 16px 0 0 0;
    width: 100%;
    text-align: center;
}

.pagination-lifestyle a {
    display: inline-block;
    text-decoration: none;
}

.pagination-lifestyle a.page-numbers,
.pagination-lifestyle span.page-numbers,
.pagination-lifestyle span.dots {
    padding: 0;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: #606060;
}

.pagination-lifestyle span.current {
    background-color: #eba900;
    color: #fff;
}

.pagination-lifestyle span.current,
.pagination-lifestyle span.dots {
    display: inline-block;
}

.pagination-lifestyle a.prev,
.pagination-lifestyle a.next {
    width: auto;
    height: 32px;
    line-height: 32px;
    background-image: url('assets/img/icons/icon_prev-next_grey.png');
    background-repeat: no-repeat;
    font-size: 16px;
    font-weight: 400;
    color: #808080;
}
.pagination-lifestyle a.prev {
    margin-right: 16px;
    padding-left: 32px;
    background-position: left top;
}
.pagination-lifestyle a.next {
    margin-left: 16px;
    padding-right: 32px;
    background-position: right bottom;
}

/********************************************
View pane
********************************************/
.view-pane {
    background: #ededed;

    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.view-pane .advert {
    display: block;
    margin: 0 auto;
}

.view-pane .footer {
    position: relative;
    margin: 0;
    background-color: #000;
    color: #fff;
}

.view-pane .footer .copyright {
    float: right;
    line-height: 105px;
    font-size: 0.8em;
}

.view-pane .footer .postcard {
    margin: 0 auto;
}

.view-pane .footer .site-footer-menu {
    float: left;
    line-height: 105px;
}

.view-pane .footer .site-footer-menu ul li {
    float: left;
    padding: 0 3px 0 2px;
}

.view-pane .footer .site-footer-menu ul li a {
    font-size: 0.8em;
    color: #fff;
    text-decoration: none;
}

.view-pane .footer .site-footer-menu ul li:after {
    content: ' |';
}

.view-pane .footer .site-footer-menu ul li:last-child:after {
    content: none;
}

.view-pane .leaderboard-container {
    position: relative;
    margin: 0 auto;
    padding: 14px 0;
    background-color: #ededed;
    text-align: center;
}

.view-pane .leaderboard-container .main-leaderboard {
    display: block;
}

.view-pane .leaderboard-container .mobile-leaderboard,
.view-pane .leaderboard-container .tablet-leaderboard {
    display: none;
}

.view-pane .main-area {
    float: left;
    margin: 0 20px 0 0;
    /*width: 650px;*/
    width: 660px;
}

.view-pane .main-area .col-8 {
    width: 660px;
}

/* View pane > Masthead */
.view-pane .mast-head {
    position: relative;
    background: #000;
}

.view-pane .mast-head .logo-container {
    position: relative;
    margin: 0 auto;
    height: 100px;
    overflow: hidden; /* Workaround for collapsing margins; http://reference.sitepoint.com/css/collapsingmargins */
}

.view-pane .mast-head .logo-container .logo {
    margin: 21px auto;
    width: 418px;
}

.view-pane .mast-head .logo-container .logo img {
    max-width: 100%;
}

.view-pane .mast-head .logo-container .search {
    position: absolute;
    top: 36px;
    left: 0;
}

.view-pane .mast-head .logo-container .search .label {
    display: none;
}

.view-pane .mast-head .logo-container .search .text {
    margin: 0;
    padding: 0 7px;
    border: 1px solid #555555;
    width: 210px;
    height: 28px;
    outline: 0;
    background: #0D0D0D;
    font-weight: 500;
    color: #fff;

    -moz-transition: all ease 0.2s;
    -ms-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
}
.view-pane .mast-head .logo-container .search .text:hover {
    border-color: #777;
    background-color: #222;
}			

.view-pane .mast-head .logo-container .subscribe {
    position: absolute;
    top: 14px;
    right: 0;
}

.view-pane .mast-head .fixed-site-navigation {
    z-index: 10000;
    position: fixed;
    top: 28px;
}

/* View pane > Sidebar */
.view-pane .sidebar {
    float: left;
}

.view-pane .sidebar .widget {
    margin: 0 0 20px 0;
    text-align: center;
}

.view-pane .sidebar .widget h3 {
    position: relative;
    top: 14px;
    display: inline-block;
    margin: 0;
    padding: 0 7px;
    background-color: #ededed;
    font-size: 20px;
    text-transform: uppercase;
}

.article-view .sidebar .widget h3 {
    background-color: #fff;
}

.view-pane .sidebar .widget ul {
    margin: 0;
    padding: 25px 0 0 0;
    border-top: 3px solid #000;
    text-align: left;
}

.view-pane .sidebar .widget ul li {
    margin: 0 0 20px 0;
    padding: 0;
}

.view-pane .sidebar .widget ul li a {
    font-size: 1em;
    font-weight: bold;
    text-decoration: none;
    color: #000;
}

.view-pane .sidebar .widget ul li a:hover {
    text-decoration: underline;
}

.view-pane .sidebar .widget ul li .shares {
    margin: 0 0 0 44px;
    padding: 2px 0 0 18px;
    background: url('assets/img/icon_share.png') left center no-repeat;
    font-size: 14px;
    font-weight: 200;
    color: #898989;
}

.view-pane .sidebar .widget ul.counted li {
    position: relative;
    margin: 0 0 20px 0;
}

.view-pane .sidebar .widget ul.counted li a {
    display: block;
    padding: 0 0 0 44px;
    min-height: 32px;
}

.view-pane .sidebar .widget ul.counted li .number {
    position: absolute;
    top: 0;    
    left: 0;    
    display: block;
    padding: 1px 0 0 0;
    width: 32px;
    line-height: 31px;
    background-color: #000;
    font-size: 1.25em;
    font-weight: bold;
    color: #fff;
    text-align: center;
    
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
}

/* Sidebar */
.view-pane .sidebar .widget ul.pictured li {
    position: relative;
    margin: 0 0 20px 0;
    padding: 0 0 0 135px;
    min-height: 94px;
}

.view-pane .sidebar .widget ul.pictured li a {
    font-size: 0.95em;
}

.view-pane .sidebar .widget ul.pictured li .feature-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 125px;
}

.view-pane .sidebar .widget ul.pictured li .feature-image img {
    width: 125px;
    height: 94px;
}

.view-pane .sidebar .widget ul.pictured li .feature-image a.category {
    position: absolute;
    top: 0;
    right: 0;
    display: block;    
    padding: 1px 3px 0 3px;
    line-height: 1.4em;
    font-size: 0.75em;
    font-weight: 200;    
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
}

.view-pane .sidebar .widget ul.pictured li .feature-image + a {
    position: relative;
    top: -3px; /* Align cap height of link to top of image */
    display: block;
    line-height: 1.2em;
}

/* Sidebar > Subscription */
.view-pane .subscription {
    position: relative;
    margin: 0 auto;
    background: #ededed;
}

.view-pane .subscription a.pack {
    margin: 0 0 0 20px;
    padding: 0;
    width: 300px;
    text-decoration: none;
}

.view-pane .subscription a.pack img {
    border: 0;
}

body > .mobile-fullscreen {
    display: none;
}

/********************************************
Search results
********************************************/
.search-results article p {
    margin: 5px 0 !important;
    font-size: 0.9em;
}

/********************************************
Elastic Search
********************************************/
.elastic-search {}

/* Elastic Search > Search box */
.elastic-search .search-box form * {
    font-family: 'Open Sans', Arial, sans-serif !important;
}

.elastic-search .search-box form input.text-field {
    
    border: 1px solid #ccc;
}

.elastic-search .search-box form input[type="submit"] {
    border: 0 none;    
}
.elastic-search .search-box form input[type="submit"]:hover {
    cursor: pointer;
}

.elastic-search .search-box form input.text-field,
.elastic-search .search-box form input[type="submit"] {
    padding: 4px;
    
    box-sizing: content-box;
}

/* Elastic Search > Search results */
.elastic-search .search-results {
    padding-top: 20px;
}

/* Elastic Search > Search results > Aggregations */
.elastic-search .search-results .aggregations {
    float: left;
    width: 35%;
    /*background-color: rgba(255, 0, 0, 0.05);*/
    font-size: 14px;
}

.elastic-search .search-results .aggregations h3 {
    margin: 0;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #ddd;
}

.elastic-search .search-results .aggregations .sort-results-control {
    margin: 20px 0;
}
.elastic-search .search-results .aggregations .sort-results-control select {
    margin-top: 10px;
    padding: 5px;
    width: 100%;
    border-color: #ccc;
}

.elastic-search .search-results .aggregations .aggregations-list {
    margin: 15px 0;
    padding: 0;
    list-style: none;
}
.elastic-search .search-results .aggregations .aggregations-list > li > span.aggregation-title {
    font-size: 13px;
    letter-spacing: 0.025em;
    text-transform: uppercase;
}
.elastic-search .search-results .aggregations .aggregations-list > li > ul {
    padding: 0 0 0 2em;
    list-style: circle;
}
.elastic-search .search-results .aggregations .aggregations-list    > li > ul > li {
    padding: 0;
}
.elastic-search .search-results .aggregations .aggregations-list > li > ul > li a {
    display: block;
    font-size: 13px;
    text-decoration: none;
    color: #015b99;
}
.elastic-search .search-results .aggregations .aggregations-list > li > ul > li a:hover {
    text-decoration: underline;
}
.elastic-search .search-results .aggregations .aggregations-list > li > ul > li a .additional-info {
    display: inline-block;
}
.elastic-search .search-results .aggregations .aggregations-list > li > ul > li a .additional-info span.doc-count {
    font-weight: bold;
}
.elastic-search .search-results .aggregations .aggregations-list > li > ul > li a .additional-info span.doc-count::before {
    content: "(";
}
.elastic-search .search-results .aggregations .aggregations-list > li > ul > li a .additional-info span.doc-count::after {
    content: ")";
}

/* Elastic Search > Search results > Results */
.elastic-search .search-results .results {
    float: left;
    padding-left: 20px;
    width: 65%;
}

.elastic-search .search-results .results h3 {
    margin: 0;
}

.elastic-search .search-results .results article {
    margin-top: 20px;
    padding: 15px;
    background-color: #fff;
}

.elastic-search .search-results .results article header h2 {
    position: relative;
    margin: 0;
    padding-left: 140px;
    min-height: 94px;
}

.elastic-search .search-results .results article header h2 a.elas-img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 125px;
    height: 94px;
    background-color: #f0f0f0;
}
.elastic-search .search-results .results article header h2 a.elas-img img {
    display: block; 
    width: 125px;
    height: 94px;
}

.elastic-search .search-results .results article header h2 a.elas-title {
    display: block;
    line-height: 110%;
    font-size: 0.75em;
    text-decoration: none;
    color: #000;
}
.elastic-search .search-results .results article header h2 a.elas-title:hover {
    color: #015b99;    
}

.elastic-search .search-results .results article header h2 time {
    display: block;
    margin: 10px 0 4px 0;
    padding-left: 20px;
    height: 20px;
    line-height: 20px;
    background: url('assets/img/stream_clock_icon.png') left center no-repeat;
    font-size: 14px;
    font-weight: 500;
    color: #a9a9a9;
}

.elastic-search .search-results .results article header h2 .elas-author {
    display: block;
    line-height: 1;
    font-size: 13px;
    font-weight: normal;
    text-decoration: underline;
    color: #000;
}
.elastic-search .search-results .results article header h2 .elas-author:hover {
    color: #015b99;
}

.elastic-search .search-results .results article header h2 a.elas-title,
.elastic-search .search-results .results article header h2 a.elas-author {
    -moz-transition: color ease-in-out 0.12s;
    -webkit-transition: color ease-in-out 0.12s;
    transition: color ease-in-out 0.12s;
}

.elastic-search .search-results .results article p {
    margin: 15px 0 0 0 !important;
    line-height: 140%;
}
.elastic-search .search-results .results article p:empty {
    margin: 0 !important;
}

/* Elastic Search > Search results > Paging */
.elastic-search .search-results .pagination {
    padding: 15px 0;
    width: 100%;
    text-align: center;
}

.elastic-search .search-results .pagination .current {
    font-weight: bold;
}


.elastic-search .search-results .pagination a {
    display: inline-block;
    text-decoration: none;
}

.elastic-search .search-results .pagination a.page-numbers,
.elastic-search .search-results .pagination span.page-numbers,
.elastic-search .search-results .pagination span.dots {
    padding: 0;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: #606060;
}

.elastic-search .search-results .pagination span.current {
    background-color: #015b99;
    color: #fff;
}

.elastic-search .search-results .pagination span.current,
.elastic-search .search-results .pagination span.dots {
    display: inline-block;
}

.elastic-search .search-results .pagination a.prev,
.elastic-search .search-results .pagination a.next {
    width: auto;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    font-weight: 400;
    color: #808080;
}
.elastic-search .search-results .pagination a.prev {
    margin-right: 16px;
}
.elastic-search .search-results .pagination a.next {
    margin-left: 16px;
}

/********************************************
Overrides
********************************************/
.page .article-view, 
.single .article-view, 
.error404 .article-view {
    position: static;
    left: 0;
}

body.admin-bar #navigation-fixed {
    top: 64px;
}

body.admin-bar #piano-root {
    top: 32px;
}

body.admin-bar .content-view {
    top: 64px;
}

body.admin-bar .content-view a.takeover-fixed {
    top: 97px;
}

body.tag .content-view .tag .main-area .article {
    clear: none;
}	

body.tag .content-view .tag .main-area .options {
    padding-top: 15px;
    background: #ededed;
}

body.tag .content-view .tag .main-area h1 {
    padding-left: 15px;
    text-align: left;
}

body.tag .newsstream .item-advert {
    background: #ededed;
}

.page-template-pandj-plus-php .subscription,
.page-template-page-subscribe-php .filler, .page-template-page-subscribe-php .subscription {
    display: none;
}

.page-template-page-subscribe-php .footer {
    margin: 80px 0 0 0;
}

.page-template-page-subscribe-php .advert {
    display: none !important;
}

/********************************************
WP Post classes
********************************************/
.alignnone,
.aligncenter,
.alignleft,
.alignright {
    margin-top: 5px;
}

.alignnone,
.alignleft {
    margin-right: 20px;
    margin-bottom: 20px;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
    margin-bottom: 20px;
    margin-left: 20px;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
}

.wp-caption {
    position: relative;
    padding: 5px 5px 10px 5px;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    background-color: #fff;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
    width: auto;
    max-width: 100%;
    height: auto;
}

.wp-caption .wp-caption-text {
    margin: 0;
    padding: 0 4px 5px;
    line-height: 17px;
    font-size: 11px;
}

.wp-caption .loader {
    top: 16px;
    right: 16px;
}

/* Handle the various post formats here - this is to make sure the CSS rules override anything set above. */
.wrapper .site .infinite-wrap .format-video,
.newsstream .stream .format-video {
    padding: 0;
}

/********************************************
BxSlider v4.1.2 - Fully loaded, responsive content slider
********************************************/
/*
BxSlider 
http://bxslider.com

Written by: Steven Wanderski, 2014
http://stevenwanderski.com
(while drinking Belgian ales and listening to jazz)

CEO and founder of bxCreative, LTD
http://bxcreative.com
*/
.bx-wrapper {
	position: relative;
	margin: 0 auto 30px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

.bx-wrapper .bx-viewport {
    left: -5px;
	border: 5px solid #fff;
	background: #fff;
	
	-moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    -webkit-transform: translatez(0);
    transform: translatez(0);
    
	-moz-box-shadow: 0 0 5px #ccc;
	-ms-box-shadow: 0 0 5px #ccc;
	-o-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

.bx-wrapper .bx-loading {
	z-index: 2000;
    position: absolute;
	top: 0;
	left: 0;
	width: 100%;
    height: 100%;
    min-height: 50px;
}

.bx-wrapper .bx-pager {
	padding-top: 20px;
	font-size: 0.85em;
	font-family: Arial;
	font-weight: bold;
    text-align: center;
	color: #666;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	display: block;
	margin: 0 5px;
    width: 10px;
	height: 10px;
	outline: 0;
    background-color: #aaa;
    direction: ltr;
    text-indent: -9999px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

.bx-wrapper .bx-prev {
	left: 10px;
}

.bx-wrapper .bx-next {
	right: 10px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	z-index: 9999;
    position: absolute;
	top: 50%;
	margin-top: -16px;
	width: 32px;
	height: 32px;
    outline: 0;
    direction: ltr;
	text-indent: -9999px;
}

.bx-wrapper .bx-controls-direction .disabled {
	display: none;
}

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-start,
.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	margin: 0 3px;
    width: 10px;
	height: 11px;
	outline: 0;
    direction: ltr;
	text-indent: -9999px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	width: 80%;
    text-align: left;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	width: 35px;
    right: 0;
}

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
    width: 100%;
	background: #666;
	background: rgba(80, 80, 80, 0.75);
}

.bx-wrapper .bx-caption span {
	display: block;
	padding: 10px;
    font-family: Arial;
    font-size: 0.85em;
    color: #fff;
}

/********************************************
Weather
********************************************/

/* Weather widget > Small */
.weather-small-container {
	margin-bottom: 15px;
    width: 100%;
	background: #222;
	color: #fff;
}
.weather-small-left {
	display: inline-block;
    width: 66%;
	vertical-align: top;
}

.weather-small-left .day {
	display: block;
	font-size: 25px;
    text-transform: uppercase;
}

.weather-small-left .left,
.weather-small-left .weatherImage,
.weather-small-left .middle {
	display: inline-block;
	padding-left: 4px;
    width: 70px;
	vertical-align: top;
}

.weather-small-left .middle {
	margin-top: 7px;
    padding-left: 10px;
	width: 50px;
	line-height: 16px;
    font-size: 12px;
}

.weather-small-left {
	padding-top: 10px;
}

.weather-small-left .left {
	padding-top: 10px;
	width: 85px;
    text-align: center;
}

.weather-small-left .text {
	display: block;
}

.tomorrowImage, .tomorrowWrap {
	display: inline-block;
	vertical-align: top;	
	text-align: left;
}

.tomorrowImage {
	width: 38%;
}

.tomorrowWrap {
	width: 54%;
	padding-left: 6%;
}

.tomorrowImage {
	margin-top: 32px;
    height: 35px;
}

.weather-small-right {
	display: inline-block;
    padding-top: 10px;
	width: 32%;
	height: 70px;
	background: #2d2d2d;
	vertical-align: top;
}

.weather-small-location select {
	padding: 0 4px;
    border: 0;
    width: 100%;
	height: 26px;
	line-height: 26px;
	background: #646464;
	cursor: pointer;
    font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 600;
	font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #fff;
}

.weather-small-right .tomorrowDay {
	display: block;
    text-transform: uppercase;
}

.weatherImage {
	height: 65px;
}

.weather-large-container .weather-large-item .temp-F-wrapper {
    display: none;
}

/* Weather widget > Large */
.weather-large-container .location-text {
    display: inline-block;
    width: 21%;
    line-height: 5px;
    font-weight: bold;
    font-size: 14px;
}

.weather-large-switch {
    display: inline-block;
    width: 53%;
    text-align: right;
    font-size: 14px;
}
.weather-large-switch span {
    padding: 0 2px;
    cursor: pointer;
}

.weather-large-switch .inactive {
    color: #ccc;
}

.weather-widget-large .main-area {
    background: none !important;
}

.weather-widget-large .text {
    padding: 0;
}

.weather-large-location {
    padding-left: 10px;
}

.weather-large-location select {
    border: 0;
    cursor: pointer;
    font-size: 14px;
}

.weather-widget-large .weather-large-container > div {
    margin-bottom: 10px;
    background: #fff;
}

.weather-large-container .weather-large-item > div {
    display: inline-block;
    padding-left: 25px;
    width: 20%;
    height: 60px;
    vertical-align: top;
    text-align: left;
}

.weather-large-date, .weather-large-temp, 
.weather-large-windspeed {
    text-align: center;
    text-transform: uppercase;
}

.weather-large-date .dayName {
    display: block;
    padding-top: 28px;
    padding-bottom: 6px;
    font-size: 36px;
    text-align: left;
}

.weather-large-windspeed span {
    display: block;
}

.weather-large-windspeed .wind-text {
    padding-top: 28px;
    padding-bottom: 10px;
    text-transform: normal;
    font-size: 36px;
    font-weight: bold;
}

.weather-large-container .weather-large-item .weather-large-icon {
    width: 140px;
    height: 100px;
}

.weather-large-temp-C-max,
.weather-large-temp-F-max {
    padding-top: 28px;
    padding-bottom: 10px;
    font-size: 1.4em;
    font-size: 36px;
    font-weight: bold;
}

/********************************************
Digital Edition 
********************************************/

.digital-edition, 
.subs-push
{
    text-align: center;
    position: relative;
}

.article-view .article.digital-edition .headline h1
{
    font-size: 3em;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

.digital-edition button, 
.subs-push button {
    background-color: #005a99;
    color:white;
    font-size: 1.1em;
    padding: 8px 15px;
    border: none;
    font-weight: normal;
}

.digital-edition .col-4,
.digital-edition .col-5,
.digital-edition .col-2,
.digital-edition .col-1
{
    float:left;
}
.digital-edition .col-5
{
    width: 43.5%;
}

.digital-edition .split
{
    color: #005a99;
}

.digital-edition .hr
{
    border-bottom: 3px black solid;
    float: left;
    margin: 40px auto 0;
    width: 100%;
    position: relative;
    height:20px;
}

.digital-edition .hr h4
{
    position: absolute;
    top: -32px;
    left: 36%;
    background: white;
    padding: 20px 15px;
    font-size: 1.1em;
}

.digital-edition .hr h4:before,
.digital-edition .hr h4:after
{
    content: "\25BC";
    padding: 0 10px ;
}

.subs-push.subs-push.subs-push 
{
    min-height: 540px;
    padding: 0;
    margin: 0 auto 50px;
}

.subs-push > div
{
    float: right;
    height: 100%;
    color: white;
    background-color: black;
    background-color: rgba(0,0,0,0.6);
    vertical-align: middle;
    padding: 30px 20px 20px;
    min-height: 490px;
    height: 490px;
}

@media screen and (max-width: 1000px) and (min-width: 765px) {
    .digital-edition .col-5
    {
        width: 41%;
    }

    .subs-push.subs-push.subs-push
    {
        width: 804px;
    }

    .digital-edition .hr h4
    {
        left: 32%;
    }

    body.single .newsstream .item .article {
      width: 565px;
    }
}
@media screen and (max-width: 764px){
    
    .digital-edition .col-4,
    .digital-edition .col-5,
    .digital-edition .col-2,
    .digital-edition .col-1
    {
        
        width: 85%;

    }

    .digital-edition.digital-edition.digital-edition
    {
        padding-top: 10px;
    }

    .digital-edition .hr
    {
        margin: 40px auto 20px;
    }

    .digital-edition .hr h4
    {
        left: 5%;
        padding: 20px 2px;
    }

    .split.split.split
    {
        margin-top: 20px;
    }

    .subs-push.subs-push
    {
        background-position-x: 11%;
    }

    .subs-push > div
    {
        width: 260px;
    }

    .article-view .article.digital-edition .headline h1
    {
        font-size: 2em;
        font-weight: normal;
        margin: 0;
        padding: 0;
    }
    
    body.single .newsstream {
      width: 270px !important;
    }

    body.single .newsstream .item .article {
      width: 260px;
    }

}


/********************************************
Utility classes
********************************************/
.clear-fix {
    clear: both;
}

.fixed {
    z-index: 10000;
    position: fixed;
}

.hidden {
    display: none;
}

ul.list-concealed,
ul.list-concealed li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

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

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

/******************
Shared CSS3 (Global)
******************/

/* Shared CSS3 > border-radius: */
.newsstream .format-gallery span.bxslider-btn,
.loader span,
.article-view .format-gallery .gallery-container .bxslider-btn,
.pagination-lifestyle span.current,
.elastic-search .search-results .pagination span.current {
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%; 
}

.view-more .btn,
.article-view .comments .comment-respond .field,
.lockout,
.lockout p .button,
.bx-wrapper .bx-pager.bx-default-pager a {
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;    
}

.digital-edition button, 
.subs-push button,
.screen-reader-text:focus,
.newsstream .options .filters,
.newsstream a.load-button, 
.newsstream #newsstream-jetpack #infinite-handle span,
.article-view .comments .comment-respond .form-submit input,
.article-view .page .subscriptions a.button {
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; 
}

.newsstream .options .filter-options ul,
.newsstream .options .filters button.clear-filters {
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px; 
}

/* Shared CSS3 > box-sizing: */
.hero .headline-category, 
.sub-features, 
.sub-features article,
.article-view .article,
.elastic-search .search-results .results article,
.elastic-search .search-results .aggregations,
.elastic-search .search-results .results,
.weather-small-left .left,
.weather-small-left .weatherImage,
.weather-small-left .middle,
.weather-widget-large .weather-large-container > div,
.newsstream .options .filters,
.newsstream .format-gallery .gallery-info,
.newsstream .format-gallery .gallery-metadata,
.lockout {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/********************************************
@media Queries: < 765px
********************************************/
@media screen and (max-width: 764px) {

    /* Media classes */
    .desktop,
    #pandj-app #desktop {
        display: none;
    }

    .mobile,
    #pandj-app #mobile {
        display: block;
    } 
    
    /* Grid */
    .col-4 {
        width: 300px;
    }

    .col-8, 
    .col-12 {
        margin: 0;
        width: 300px;
    }

    /* Masthead */
    .mast-head-mobile {
        z-index: 1000;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        display: block;
        padding-top: 29px;
        background-color: #000;
    }

    .mast-head-mobile .mobile-navigation {
        height: 55px;
        background: #000;
    }

    .mast-head-mobile .mobile-navigation a {
        text-decoration: none;
    }

    .mast-head-mobile .mobile-navigation .menu {
        display: block;
        float: left;
        width: 45px;
        line-height: 55px;
        background: url('assets/img/mobile-navigation-button.png') center center no-repeat;
        text-align: center;
        color: #fff;
    }

    .mast-head-mobile .mobile-navigation .logo {
        display: block;
        padding: 15px 0 0 0;
        text-align: center;
        width: 53%;
        margin: 0 auto;
    }

    .mast-head-mobile .mobile-navigation .logo img {
        max-width: 100%;
    }

    .mast-head-mobile .mobile-navigation a.search {
        display: block;
        float: right;
        width: 45px;
        line-height: 55px;
        background: url('assets/img/mobile-navigation-search.png') center center no-repeat;
        text-align: center;
        color: #fff;
    }
        
    /* Search box */
    #search-box {
        z-index: 300;
        position: fixed;
        top: 84px;
        left: 0;
        display: none;
        width: 100%;
        background: #000;
    }

    #search-box .searchform {
        position: relative;
        margin: 0;
        padding: 4px 10px 10px 10px;
        height: 28px;
    }

    #search-box .searchform .search-box {
        position: absolute;
        right: 42px;
        left: 10px;
    }

    #search-box .searchform .search-button {
        float: left;
        width: 28px;
    }

    #search-box .searchform .search-submit {
        position: absolute;
        right: 10px;
        margin: 0;
        padding: 0;
        border: 0;
        width: 28px;
        height: 28px;
        background: #015b99 url('assets/img/icons/search-icon-28x28.png') center center no-repeat;
    }

    #search-box .searchform .text {
        margin: 0;
        padding: 0 4px;
        border: 0;
        width: 100%;
        line-height: 28px;
    }

    /* Mobile navigation */
    #mobile-navigation-list {
        z-index: 300;
        position: fixed;
        top: 84px;
        left: 0;
        display: block;
        margin: 9% 15% 0 15%;
        padding: 2px 0;
        width: 70%;    
        height: 70%;
        overflow: auto;
        background-color: #3d3d3d;

        -webkit-overflow-scrolling: touch;
    }        

    #mobile-navigation-list ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    #mobile-navigation-list ul li {
        background: #000;
    }

    #mobile-navigation-list ul li a {
        display: block;
        padding: 0 10px;
        line-height: 35px;
        font-weight: bold;
        text-decoration: none;
        letter-spacing: 0;
        color: #fff;
    }

    #mobile-navigation-list #verticals {
        border-top: 2px solid #3d3d3d;
    }

    #mobile-navigation-list #verticals li a {
        font-size: 0.95em;
        font-weight: normal;
    }

    #mobile-navigation-list a.close {
        display: block;
        line-height: 35px;
        background: #fff;
        font-size: 0.95em;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        color: #333;
    }    

    #mobile-navigation-list ul li,
    #mobile-navigation-list a.close {
        border-color: #3d3d3d;
        border-style: solid;
        border-width: 2px;
        border-top-width: 0;
    }

    /* Hero (REDESIGN) */
    .hero_block .feature {
        float: none !important;
        margin: 0;
        width: auto;
    }
    .hero_block .feature a.feature-image {
        float: none;
        width: auto;
        height: auto;
    }
    .hero_block .feature a.feature-image img {
        width: 100%;
        height: auto;
    }

    .hero_block .headline-category h2 a {
        color: #fff;
    }
    .hero_block .headline-category a.category span {
        opacity: 0.5;
    }
    .hero_block .hero-container,
    .hero_block .hero-container article {
        height: auto !important;
    }

    /* Hero (REDESIGN) > MPU */
    .hero_block .hero-container .mpu {
        float: none;
        margin: 15px 0 !important;
        padding: 0;
        width: auto;
    }
    .hero_block .mpu iframe {
        margin: 0 0 0 -7px;
        width: 300px;
    }

    /* Hero (REDESIGN) > Sub-features */
    .hero_block .sub-features {
        clear: both;
        padding: 0 15px 15px 15px;
    }
    .hero_block .sub-features article {
        float: none !important;
        margin: -1px 0 0 0 !important;
        padding: 15px;
        width: 100% !important;
        height: auto !important;
    }

    /* Hero (REDESIGN) > View more */
    .view-more {
        display: block;
    }

    /** Hero (REDESIGN) > Version 1 **/
    .hero_v1 .hero-container {
        padding-bottom: 0;
    }
    .hero_v1 .headline-category {
        float: none; 
        padding: 15px;
        width: auto;
        height: auto; 
    }

    /* Hero (REDESIGN) > Version 2 */
    .hero_v2 .feature:nth-child(2) {
        margin-top: 7px;
    }
    .hero_v2 .headline-category {
        position: static;
        background-color: #d61d00;
    }
    .hero_v2 .mpu a img {
        margin: 0 auto;
    }
    .hero_block .sub-features article:last-child {
        border: 0 none;
    }

    /* Hero (REDESIGN) > Fix padding */
    .hero_block .hero-container {
        padding: 7px 7px 0 7px;
    }
    .hero_block .hero-container .mpu {
        margin: 7px 0 0 0 !important;
    }
    .hero_block .sub-features {
        padding: 0 7px !important;
    }
    .hero_block .sub-features article {
        padding: 14px 7px;
    }
    
    /* Hero (All) */
    .hero_block {
        margin-bottom: 30px;
    }

    /* Newsstream */
    .newsstream {
        position: relative;
        margin: 10px 0 0 0;
        width: 300px !important;
    }

    /* Newsstream > Filters */
    .newsstream .options {
        padding: 0 0 5px 0;
    }

    .newsstream .options .filter-options {
        width: 118px;
    }

    .newsstream .options .filter-options ul.options li {
        margin: 0;
    }

    .newsstream .options .filters button.clear-filters {
        float: right;
        width: 32px;
        font-weight: bold;
        font-size: 24px;
    }

    .newsstream .options .filters button.clear-filters span.symbol {
        display: inline-block;
    }

    .newsstream .options .filters button.clear-filters span.text {
        display: none;
    }
        
    /* Newsstream > Item */
    .newsstream .item {
        overflow: hidden;
    }

    .newsstream .item .article {
        clear: both;
        float: none;
        padding: 0;
        width: 100%;
    }
        
    .newsstream .item .post-inner {
        margin: 0;
        padding: 10px;
        border: 0;
    }        
    .newsstream .item.item-advert .post-inner {
        padding: 0;
    }
        
    /* Newsstream > Item > Headline */
    .newsstream .item .article header.headline h3 {
        margin: 0;
        font-size: 16px;
        font-weight: 700;
        line-height: 18px;
    }
    .newsstream .item .article header.headline h3 img {
        display: block;
    }
    
    .newsstream .item .post-divider {
        height: 10px;
    }

    .newsstream .item .post-divider .post-divider-inner,
    .newsstream .down-arrow	{
        display: none;
    }        

    /* Newsstream > Format: Gallery */
    .newsstream .format-gallery, 
    .newsstream .format-image {
        padding-top: 0;
        height: 245px;
    }

    .newsstream .format-image img {
        width: 100%;
        height: auto;
    }

    .newsstream .format-image .gallery-post-inner .title {
        top: 10px;
        left: 3px;
        font-size: 0.9em;
        letter-spacing: normal;
        text-transform: uppercase;
    }

    .newsstream .format-gallery ul.gallery li .caption {
        top: 7px;
        left: 7px;
        font-size: 1em;
    }

    .newsstream .format-gallery .gallery-options {
        bottom: 7px;
        right: 7px;
    }

    .newsstream .format-gallery .gallery-post-inner, .newsstream .format-image .gallery-post-inner {
        left: 0;
        border: 0;
    }

    .newsstream .format-gallery .gallery-post-inner .category, 
    .newsstream .format-image .gallery-post-inner .category,
    .newsstream .format-gallery .gallery-post-inner .datestamp, 
    .newsstream .format-image .gallery-post-inner .datestamp {
        display: none;
    }

    .newsstream .format-gallery .post-inner, 
    .newsstream .format-image .post-inner {
        padding: 0 !important;
    }
    
    .newsstream .format-gallery .gallery-info {
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 10px;
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.6);
    }
    
    .newsstream .format-gallery h3.title {
        font-size: 1.2em;
        font-weight: 400;
    }
    
    .newsstream .format-gallery h3.title a span {
        display: none;
    }
    
    .newsstream .format-gallery span.bxslider-btn {
        top: 33%;
    }
    
    .newsstream .format-gallery span.bxslider-btn.prev {
        left: 16px;
    }

    /* Newsstream > Format: Image */
    .newsstream .format-image .post-inner {
        height: 225px;
    }

    .newsstream .format-gallery .sharedaddy {
        position: absolute;
        bottom: 2px;
        left: 7px;
    }

    .newsstream .format-image h3.title {
        display: none;
    }

    /* Newsstream > Format: Quote */
    .newsstream .format-quote h3 {
        padding: 10px 0 10px 10px;
        font-size: 16px;
    }

    .newsstream .format-quote img {
        width: 300px;
        height: 225px;
    }

    .newsstream .format-quote .category {
        left: auto;
        right: 15px;
    }

    .newsstream .format-quote .post-inner {
        padding: 0 !important;
    }

    /* Newsstream > Item > Metadata */
    .newsstream .item .metadata {
        float: none;
        margin: 0;
        width: 100%;
    }

    .newsstream .item .metadata .inner {
        margin-bottom: 10px;
        padding: 0;
        height: 24px;
    }

    .newsstream .item .metadata .inner .category {
        float: left;
        margin: 0 10px 0 0;
    }

    .newsstream .item .metadata .inner .category a {
        font-size: 14px;
    }

    .newsstream .item .metadata .inner .datestamp {
        float: left;
        margin: 0;
    }

    .newsstream .item .metadata .inner .author,
    .newsstream .item .metadata .inner .tags {
        display: none;
    }

    /* Newsstream > Format: Aside */
    .newsstream .format-aside .wp-post-image {
        float: none;
        width: 100%;
    }
    
    .newsstream .format-aside .mobile-excerpt {
        display: block;
    }

    /* Newsstream > Format: Image */
    .newsstream .format-image .caption {
        left: 0;
    }

    /* Newsstream > Format: Video */
    .newsstream .format-video .post-inner {
        padding: 0 !important;
    }

    .newsstream .format-video .post-inner iframe {
        display: block;
        height: 187px;
        width: 300px;
    }

    /* Newsstream > [Shared CSS] */
    .newsstream .item .tag-box,
    .newsstream .item .sharedaddy,
    .newsstream .item .excerpt {
        display: none;
    } 
    
    /* View pane */
    .view-pane {
        -moz-transition: all 0.24s ease;
        -ms-transition: all 0.24s ease;
        -o-transition: all 0.24s ease;
        -webkit-transition: all 0.24s ease;
        transition: all 0.24s ease;
    }
    
    .view-pane .main-area {
        float: none;
        margin: 0;
        width: 300px;
    }

    .view-pane .leaderboard-container {
        width: 320px;
    }    
    
    .view-pane .footer {
        margin: 100px 0 0 0;
    }

    .view-pane .footer .filler {
        height: 100px;
    }

    .view-pane .footer .subscription {
        top: -100px;
    }

    .view-pane .footer .subscription img {
        width: 100%;
    }

    .view-pane .mast-head,
    .view-pane .footer .site-footer-menu,
    .view-pane .leaderboard-container .main-leaderboard {
        display: none;
    }

    .view-pane .leaderboard-container .mobile-leaderboard {
        display: block;
    }

    .view-pane .subscription a.pack {
        margin: 0;
    }
    
    .view-pane .sidebar {
        float: none;
    }
    
    .article-view .text .sharedaddy {
        display: none;
    }

    .article-view .leaderboard-container {
        margin: 52px auto 0 auto;
    }
    
    /* Article */
    .article-view {
        z-index: 50;
        left: 0;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    
    .article-view .article {
        padding: 0;
    }
    .article-view .article .main-area {
        padding: 15px;
    }
    .article-view .article .main-area .col-8 {
        width: 300px;
    }

    /* Article > Header */
    .article-view .article .headline p.category-link a {
        font-size: 14px;
    }

    .article-view .article .headline h1 {
        font-size: 24px;
    }

    /* Article > Header > Metadata */
    .article-view .post-metadata {
        margin-bottom: 0;
        border-bottom: 0;
    }
        
    .article-view .article .headline span[class*="post-"] i {
        display: none;
    }

    /* Article > Tags */
    .article-view .article .post-tags ul.tags {
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px dashed #ccc;
    }
        
    /* Article > Comments */
    .article-view .comments ol.comment-list li ol {
        margin: 0;
    }
        
    /* Article > Sidebar */
    .article-view .article .sidebar {
        padding: 0 15px;
    }
        
    .article-view .article .sidebar div[rel="advert"] {
        position: relative;
        left: -15px;
    }

    /* Article > Subscriptions */    
    .article-view .page .subscriptions .headers h1 {
        font-size: 2em;
    }

    .article-view .page .subscriptions .headers p {
        font-size: 1.4em;
    }

    .article-view .page .subscriptions .headers .choose {
        display: block;
    }

    .article-view .page .subscriptions .headers .description {
        display: block;
        margin: 20px auto 0 auto;
        text-align: left;
        font-size: 0.75em;
    }

    .article-view .page .subscriptions .headers .description p.intro {
        margin:0 0 30px 0;
        font-weight: bold;
    }

    .article-view .page .subscriptions .headers .large-subscription-graphic {
        display: none;
    }

    .article-view .page .subscriptions .table .package {
        margin: 0;
        width: 300px;
    }

    .article-view .page .subscriptions .table .package .select .button {
        width: auto;
    }

    .article-view .page .subscriptions .table .web-pack {
        margin: 0 25px 0 0;
    }
    
    /* Article > Related articles */
    .article-view .related {
        margin: 0 5px;
    }
    
    .article-view .related ul.pictured li {
        margin: 0 0 10px 0;
        width: 290px;
        min-height: 0;
    }
        
    /* Article > [Shared CSS] */
    .article-view .article .main-area,
    .article-view .article .sidebar {
        float: none;
        margin: 0;
        width: 300px;
        
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    /* Article > Format: Gallery */
    .article-view .article.format-gallery {
        padding: 15px 0;
    }

    .article-view .format-gallery .gallery-headline {
        padding: 0 15px;
    }

    .article-view .format-gallery .gallery-container .bxslider-btn.prev {
        left: 8px;
    }
    .article-view .format-gallery .gallery-container .bxslider-btn.next {
        right: 8px;
    }

    .article-view .format-gallery .bx-viewport {
        height: auto;
    }

    .article-view .format-gallery ul.bxslider li .bx-caption {
        position: static;
    }
    
    .article-view .comments .comment-respond .form-submit input {
        float: none;
        margin: 0 auto;
        width: 154px;
    }
    
    /* Content view */
    .content-view {
        z-index: 100;
        position: absolute;
        top: 84px;
    }

    .content-view .lifestyle .article {
        margin: 0 0 20px 0;
        height: 660px;
    }

    .content-view .tag .main-area .article .feature-image {
        float: none;
        padding: 0;
    }

    .content-view .tag .main-area .article .feature-image img {
        width: 260px;
        height: 195px;
    }

    .content-view .lifestyle .sidebar {
        margin: 0 0 20px 0;
    }
    
    /* Lockout */
    .lockout {
        margin: 15px 0;
    }
    
    .lockout div {
        padding-left: 0;
    }
    
    .lockout img {
        margin: 0 auto 15px auto;
    }
    
    .lockout div,
    .lockout img {
        position: static;
    }
    
    .lockout h4 {
        margin-bottom: 1em;
        text-align: center;
    }

    /* Weather widget > Large */
    body .weather-large-container .weather-large-item .weather-large-date {
        width: 40%;
        height: 80px;
    }

    body .weather-large-container .weather-large-item .weather-large-icon {
        width: 40%;
    }

    body .weather-large-container .temp-C-wrapper, 
    body .weather-large-container .temp-F-wrapper {
        width: 100% !important;
    }

    body .weather-large-container .weather-large-item .weather-large-windspeed {
        padding-left: 0;
        width: 100%;
        text-align: center;
    }

    body .weather-large-container .location-text {
        width: 50%;
    }

    body .weather-large-container .weather-large-item .temp-C-wrapper, 
    body .weather-large-container .weather-large-item .temp-F-wrapper {
        padding-top: 12px;
        width: 30%;
        height: 90px;
        text-align: center;
    }

    body .weather-large-container .weather-large-item .weather-large-windspeed {
        width: 100%;
        height: 90px;
    }
    
    /* Pagination */
    .pagination .current {
        padding: 0 20px;
    }

    .pagination .page-numbers,
    .pagination .dots {
        display: none;
    }

    .pagination a.next,
    .pagination a.prev {
        display: inline;
    }    
    
    /* PJAX */
    #articlePJAXView.go-to-article {
        position:static;
    }

    #articlePJAXView.return-to-stream {
        position: absolute;
    }
    
    #articlePJAXView.go-to-article,
    #articlePJAXView.return-to-stream {
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        -webkit-transform: none;
        transform: none;
    }

    .back-to-stream {
        display: none;
    }

    /* Adverts */
    body > .mobile-fullscreen.advert {
        position: absolute;
        width: 100%;
        height: 0;
        opacity: 0;

        
        -moz-transition: all ease 0.8s;
        -ms-transition: all ease 0.8s;
        -o-transition: all ease 0.8s;
        -webkit-transition: all ease 0.8s;
        transition: all ease 0.8s;
    }

    body > .mobile-fullscreen.advert.active1 {
        z-index: -1;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 1;
    }

    body > .mobile-fullscreen.advert.active2 {
        z-index: 99999;
    }

    .mobile-fullscreen .close_button {
        z-index: 999;
        position: absolute;
        right: 0;
        bottom: 0;
        padding: 15px;
        background: #000;
        cursor: pointer;
        vertical-align: middle;
        text-align: center;
        font-size: 2em;
        color: #fff;
        
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }

    .mobile-fullscreen .close_button.active {
        background: #aaa;
        color: #ccc;
    }

    .mobile-fullscreen div[id^='google_ads_iframe'] {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: visible;
    }

    .mobile-fullscreen div[id^='google_ads_iframe'] > iframe {
        position: absolute;
        width: 100%;
        height: 100%;
    }
    
    /* WP Admin */
    body.admin-bar .content-view,
    body.admin-bar #mobile-navigation-list,
    body.admin-bar #search-box {
        top: 130px;
    }

    body.admin-bar #piano-root {
        top: 46px;
    }

    body.admin-bar #wpadminbar {
        position: fixed;
    }

    body.admin-bar .mast-head-mobile {
        top: 75px;
    }

    .page-template-page-subscribe-php .footer {
        margin: 20px 0 0 0;
    }
    
    #wpstats {
        display: none;
    }
    
    /* Elastic Search */
    .elastic-search {
    
    }
    
    .elastic-search .search-results .aggregations {
        float: none;
        width: 100%;
    }
    
    .elastic-search .search-results .results {
        float: none;
        padding-left: 0;
        width: 100%;
    }
    
    .elastic-search .search-results .results article {
        padding: 10px;
    }
    
    .elastic-search .search-results .results article header h2 {
        padding-left: 0;
        font-size: 24px;
    }
    
    .elastic-search .search-results .results article header h2 a.elas-img {
        position: static;
        float: left;
        margin: 0 10px 10px 0;
        width: 100px;
        height: 75px;
    }
    
    .elastic-search .search-results .results article header h2 a.elas-img img {
        width: 100px;
        height: 75px;    
    }
    
    .elastic-search .search-results .results article header h2 time {
        clear: both;
    }
    
    .elastic-search .search-results .results article p {
        margin: 10px 0 0 0 !important;
    }
    
    .elastic-search .search-results .pagination a.prev,
    .elastic-search .search-results .pagination a.next {
        position: relative;
        margin: 0;
        width: 14px;
        height: 32px;
        text-indent: -9999em;
    }
    .elastic-search .search-results .pagination a.prev::before {
        content: "\00AB";
    }
    .elastic-search .search-results .pagination a.next::before {
        content: "\00BB";
    }
    .elastic-search .search-results .pagination a.prev::before,
    .elastic-search .search-results .pagination a.next::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 32px;
        line-height: 26px;
        text-indent: 0;
        font-weight: bold;
        font-size: 24px;
    }
}

/********************************************
@media Queries: 765 - 1000px
********************************************/
@media screen and (min-width: 765px) and (max-width: 1000px) {

    /* Grid */
    .col-8,
    .col-12 {
        margin: 0;
        width: 745px;
    }
    
    /* Responsive classes */
    #pandj-app #desktop,
    .back-to-stream,
    .desktop {
        display: none;
    }
    
    #pandj-app #tablet {
        display: block;
    }    
    
    /* Hero widget */
    .hero {
        width: 745px;
    }    
    
    /* Hero (REDESIGN) */
    .hero_block .hero-container,
    .hero_block .hero-container article {
        height: auto !important;
    }        

    /* Hero (REDESIGN) > Version 1 */
    .hero_v1 .feature {
        width: 100%;
    }
    .hero_v1 .headline-category {
        width: 355px;
    }
    .hero_v1 .mpu {
        display: none;
    }
    .hero_v1 .sub-features article {
        margin-right: 15px;
        width: 350px;
    }

    /* Hero (REDESIGN) > Version 2 */
    .hero_v2 .feature {
        margin-right: 15px;
        width: 350px;
    }
    .hero_v2 .feature + .feature {
        margin: 0;
    }
    .hero_v2 a.feature-image {
        width: 350px;
        height: 262px;
    }
    .hero_v2 .mpu {
        display: none;
    }
    .hero_v2 .sub-features article {
        margin-right: 15px;
        width: 350px;
    }

    /* PJAX */
    #articlePJAXView.go-to-article {
        position: static;
    }

    #articlePJAXView.return-to-stream {
        position: absolute;
    }

    #articlePJAXView.go-to-article,
    #articlePJAXView.return-to-stream {
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        -webkit-transform: none;
        transform: none;
    }

    /* Article view */
    .article-view {
        z-index: 50;
        left: 0;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    
    .article-view .article {
        padding: 20px;
    }

    .article-view .article .main-area {
        margin: 0;
        padding: 0;
        width: 100%;
    }        

    .article-view .article .main-area .article-right {
        width: 575px;
    }

    .article-view .page .subscriptions .headers .choose {
        display: block;
    }

    .article-view .page .subscriptions .headers .description {
        display: block;
        margin: 0 auto;
        width: 85%;
        font-size: 0.75em;
    }

    .article-view .page .subscriptions .headers .description p.intro {
        margin: 0 0 30px 0;
        font-weight: bold;
    }

    .article-view .page .subscriptions .headers .large-subscription-graphic {
        display: block !important;
    }

    .article-view .page .subscriptions .table .package {
        margin: 0;
        width: 360px;
    }

    .article-view .page .subscriptions .table .web-pack {
        margin:0 25px 0 0;
    }

    /* Content view */
    .content-view {
        z-index:100;
        position:absolute;
    }

    .content-view .lifestyle .article-even {
        margin-left: 0 !important;
    }

    .content-view .lifestyle .article-left {
        margin-left: 20px;
    }

    .content-view .lifestyle .main {
        margin: 0 auto;
        width: 660px;
    }

    /* Navigation */
    .main-navigation .tablet {
        display: block;
    }

    /* Newsstream */
    .newsstream {
        margin: 10px 0 0 0;
    }

    .newsstream .item .article {
        width: 565px;
    }

    .newsstream .format-video .post-inner iframe {
        display: block;
        width: 745px;
        height: 466px;
    }

    /* View pane */
    .view-pane .footer {
        margin: 205px 0 0 0;
    }

    .view-pane .footer .filler {
        height: 205px;
    }

    .view-pane .footer .subscription {
        top: -205px;
    }

    .view-pane .footer .subscription img {
        width: 82%;
    }

    .view-pane .leaderboard-container .main-leaderboard {
        display: none !important;
    }

    .view-pane .leaderboard-container .mobile-leaderboard {
        display: none;
    }

    .view-pane .leaderboard-container .tablet-leaderboard {
        display: block !important;
    }

    /* Article */
    .article-view .article {
        padding: 20px 30px;
    }

    .article-view .article .main-area {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .view-pane .main-area .col-8 {
        width: 745px;
    }

    .view-pane .mast-head .logo-container .logo {
        margin: 26px auto;
        width: 340px;
    }

    .view-pane .mast-head .logo-container .logo img {
        width: 340px;
    }

    .view-pane .mast-head .logo-container .search .text {
        width: 175px;
    }

    .view-pane .sidebar {
        display: none;
    }

    .page-template-page-subscribe-php .footer {
        margin: 40px 0 0 0;
    }

    .main-navigation li a {
        padding: 0 18px;
    }
}

/* sprite */
/* line 178, my-icons/*.png */
.my-icons-sprite, .my-icons-clear, .my-icons-clear_spells, .my-icons-cloudy, .my-icons-fog, .my-icons-heavy_rain, .my-icons-heavy_showers, .my-icons-heavy_sleet, .my-icons-heavy_sleet_shower, .my-icons-heavy_snow, .my-icons-heavy_snow_shower, .my-icons-light_rain, .my-icons-light_showers, .my-icons-light_sleet, .my-icons-light_sleet_shower, .my-icons-light_snow, .my-icons-light_snow_shower, .my-icons-mist, .my-icons-thunderstorm {
  background: url('assets/img/my-icons-sffd5697928.png') no-repeat;
}

/* line 178, right-icons/*.png */
.right-icons-sprite, .right-icons-clear, .right-icons-clear_spells, .right-icons-cloudy, .right-icons-fog, .right-icons-heavy_rain, .right-icons-heavy_showers, .right-icons-heavy_sleet, .right-icons-heavy_sleet_shower, .right-icons-heavy_snow, .right-icons-heavy_snow_shower, .right-icons-light_rain, .right-icons-light_showers, .right-icons-light_sleet, .right-icons-light_sleet_shower, .right-icons-light_snow, .right-icons-light_snow_shower, .right-icons-mist, .right-icons-thunderstorm {
  background: url('assets/img/right-icons-s15906b56be.png') no-repeat;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.my-icons-clear {
  background-position: 0 -1105px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.my-icons-clear_spells {
  background-position: 0 -650px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.my-icons-cloudy {
  background-position: 0 -910px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.my-icons-fog {
  background-position: 0 -975px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.my-icons-heavy_rain {
  background-position: 0 -130px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.my-icons-heavy_showers {
  background-position: 0 0;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.my-icons-heavy_sleet {
  background-position: 0 -260px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.my-icons-heavy_sleet_shower {
  background-position: 0 -325px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.my-icons-heavy_snow {
  background-position: 0 -845px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.my-icons-heavy_snow_shower {
  background-position: 0 -390px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.my-icons-light_rain {
  background-position: 0 -65px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.my-icons-light_showers {
  background-position: 0 -195px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.my-icons-light_sleet {
  background-position: 0 -455px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.my-icons-light_sleet_shower {
  background-position: 0 -520px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.my-icons-light_snow {
  background-position: 0 -780px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.my-icons-light_snow_shower {
  background-position: 0 -585px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.my-icons-mist {
  background-position: 0 -1040px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.my-icons-thunderstorm {
  background-position: 0 -715px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.right-icons-clear {
  background-position: 0 -750px;
}
/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.my-icons-thunderstorm {
  background-position: 0 -715px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.right-icons-clear {
  background-position: 0 -595px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.right-icons-clear_spells {
  background-position: 0 -350px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.right-icons-cloudy {
  background-position: 0 -490px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.right-icons-fog {
  background-position: 0 -525px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.right-icons-heavy_rain {
  background-position: 0 -35px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.right-icons-heavy_showers {
  background-position: 0 0;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.right-icons-heavy_sleet {
  background-position: 0 -105px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.right-icons-heavy_sleet_shower {
  background-position: 0 -280px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.right-icons-heavy_snow {
  background-position: 0 -455px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.right-icons-heavy_snow_shower {
  background-position: 0 -175px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.right-icons-light_rain {
  background-position: 0 -70px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.right-icons-light_showers {
  background-position: 0 -315px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.right-icons-light_sleet {
  background-position: 0 -140px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.right-icons-light_sleet_shower {
  background-position: 0 -245px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.right-icons-light_snow {
  background-position: 0 -420px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.right-icons-light_snow_shower {
  background-position: 0 -210px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.right-icons-mist {
  background-position: 0 -560px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.right-icons-thunderstorm {
  background-position: 0 -385px;
}


/*
.pa-indicator.pa-rank-same{
	display: none !important;
}*/
.pa-leaguetable.pa-container .pa-lt-drawn, .pa-leaguetable.pa-container .pa-lt-lost, .pa-leaguetable.pa-container .pa-lt-for, .pa-leaguetable.pa-container .pa-lt-against, .pa-leaguetable.pa-container .pa-lt-won, .pa-lt-rank .pa-indicator { display: none !important; }

/* line 6474, ../sass/old.scss */
/* line 3441, ../sass/old.scss */
.sport-widget-small .pa-active a { font-weight: bold !important; }

/* line 6478, ../sass/old.scss */
/* line 3444, ../sass/old.scss */
.pa-leaguetable th[scope="col"] { display: none !important; }

/* line 6479, ../sass/old.scss */
/* line 3447, ../sass/old.scss */
.pa-leaguetable th[title="Goal Difference"] { display: table-cell !important; }

/* line 6480, ../sass/old.scss */
/* line 3450, ../sass/old.scss */
.pa-leaguetable th[title="Points"] { display: table-cell !important; }

/* line 6482, ../sass/old.scss */
/* line 3453, ../sass/old.scss */
.pa-leaguetable.pa-container .pa-rank { width: 10px !important; }
/* line 6485, ../sass/old.scss */
/* line 3459, ../sass/old.scss */
.sport-widget-small { margin-top: 15px; }

/* line 6489, ../sass/old.scss */
/* line 3462, ../sass/old.scss */
.sport-widget-small .section-title { color: #3daa4c; }

/* line 6493, ../sass/old.scss */
/* line 3465, ../sass/old.scss */
.sport-widget-small .pa-widget-leaguetable { border: 1px solid #b2bbc2; }

/* line 6497, ../sass/old.scss */
/* line 3468, ../sass/old.scss */
.sport-widget-small th, .sport-widget-small span, .sport-widget-small p, .sport-widget-small a { color: black; }

/* line 6501, ../sass/old.scss */
/* line 3471, ../sass/old.scss */
.sport-widget-small .pa-accordion-button { transition: opacity 0.2s; -webkit-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; }

/* line 6509, ../sass/old.scss */
/* line 3474, ../sass/old.scss */
.sport-widget-small .pa-accordion-button:hover { opacity: 0.7; }

/* line 6513, ../sass/old.scss */
/* line 3477, ../sass/old.scss */
.sport-widget-large { position: relative; }

/* line 6517, ../sass/old.scss */
/* line 3480, ../sass/old.scss */
.sport-widget-large h1 { margin-bottom: 10px; }

/* line 6521, ../sass/old.scss */
/* line 3483, ../sass/old.scss */
.sport-widget-large form { margin-bottom: 20px; }

/* line 6525, ../sass/old.scss */
/* line 3486, ../sass/old.scss */
.sport-widget-large #leagueimage { margin: 0 auto; text-align: center; padding-bottom: 5px; }

@media only screen and (max-width: 660px) { /* line 6533, ../sass/old.scss */
  /* line 3489, ../sass/old.scss */
  .sport-widget-large h1 { text-align: center; }
  /* line 6536, ../sass/old.scss */
  /* line 3491, ../sass/old.scss */
  .sport-widget-large #leagueimage { text-align: center; position: relative; }
  /* line 6540, ../sass/old.scss */
  /* line 3493, ../sass/old.scss */
  .sport-widget-large form input { width: 100%; margin-top: 10px; height: 36px; }
  /* line 6545, ../sass/old.scss */
  /* line 3495, ../sass/old.scss */
  .sport-widget-large form select { width: 100%; height: 36px; }
  /* line 6549, ../sass/old.scss */
  /* line 3497, ../sass/old.scss */
  .sport-widget-small .pa-away img { position: absolute !important; top: 19px !important; }
  /* line 6554, ../sass/old.scss */
  /* line 3499, ../sass/old.scss */
  .pa-widget-fixtures .sport-widget-small .pa-away .pa-team { position: absolute !important; top: 5px !important; text-align: left !important; }
  /* line 6559, ../sass/old.scss */
  /* line 3501, ../sass/old.scss */
  .sport-widget-small .pa-widget-fixtures .pa-fixture { height: 40px !important; }
  /* line 6562, ../sass/old.scss */
  /* line 3503, ../sass/old.scss */
  .sport-widget-small .pa-widget-fixtures .pa-away { vertical-align: top !important; }
  /* line 6566, ../sass/old.scss */
  /* line 3505, ../sass/old.scss */
  .sport-widget-small .pa-home { position: relative !important; }
  /* line 6569, ../sass/old.scss */
  /* line 3507, ../sass/old.scss */
  .sport-widget-small .pa-home img { position: absolute !important; right: 0 !important; top: 15px !important; }
  /* line 6574, ../sass/old.scss */
  /* line 3509, ../sass/old.scss */
  .sport-widget-small .pa-game .pa-comment-postponed { width: 100% !important; float: right !important; }
  /*results fixes*/
  /* line 6581, ../sass/old.scss */
  /* line 3512, ../sass/old.scss */
  .sport-widget-small .pa-games .pa-datalist .pa-result { padding-left: 0 !important; height: 44px !important; }
  /* line 6585, ../sass/old.scss */
  /* line 3514, ../sass/old.scss */
  .sport-widget-small .pa-games .pa-datalist .pa-attendance { padding-left: 0 !important; text-align: center !important; }
  /* line 6591, ../sass/old.scss */
  /* line 3516, ../sass/old.scss */
  .sport-widget-small .pa-games .pa-datalist .pa-match-details { padding-left: 0 !important; }
  /* line 6594, ../sass/old.scss */
  /* line 3518, ../sass/old.scss */
  .sport-widget-small .pa-match-details .pa-match-overview.pa-away.pa-away-score-margin { float: right !important; width: 49% !important; margin-left: 0 !important; text-align: right !important; }
  /* line 6600, ../sass/old.scss */
  /* line 3520, ../sass/old.scss */
  .sport-widget-small .pa-widget .pa-games .pa-game .pa-match-details .pa-home { float: left !important; width: 49% !important; text-align: left !important; } }
/* PA widget */
/* line 7, ../sass/screen.scss */
/* line 6609, ../sass/old.scss */
/* line 3524, ../sass/old.scss */
.sport-widget-small .pa-widget-teamprofile.pa-widget { line-height: 2em !important; padding: 5px !important; }

/* line 11, ../sass/screen.scss */
/* line 6611, ../sass/old.scss */
/* line 3528, ../sass/old.scss */
.sport-widget-small .pa-widget-teamprofile.pa-widget .pa-lt-team { float: right !important; margin-right: 20px !important; }

/* line 16, ../sass/screen.scss */
/* line 6613, ../sass/old.scss */
/* line 3532, ../sass/old.scss */
.sport-widget-small .pa-widget-teamprofile.pa-widget .pa-header { background: none !important; padding-left: 0 !important; padding-top: 0 !important; font-size: 1.6em !important; }

/* line 23, ../sass/screen.scss */
/* line 6615, ../sass/old.scss */
/* line 3536, ../sass/old.scss */
.sport-widget-small .pa-widget-teamprofile.pa-widget .pa-teamprofile-details, .sport-widget-small .pa-widget-teamprofile.pa-widget .pa-teamprofile-comps, .sport-widget-small .pa-widget-teamprofile.pa-widget .pa-teamprofile-comp { float: left; }

/* line 27, ../sass/screen.scss */
/* line 6617, ../sass/old.scss */
/* line 3540, ../sass/old.scss */
.sport-widget-small .pa-widget-teamprofile.pa-widget .pa-teamprofile-comps, .sport-widget-small .pa-widget-teamprofile.pa-widget .pa-teamprofile-comp { width: 22% !important; display: inline-block !important; vertical-align: top !important; }

/* line 32, ../sass/screen.scss */
/* line 6619, ../sass/old.scss */
/* line 3544, ../sass/old.scss */
.sport-widget-small .pa-widget-teamprofile.pa-widget .pa-teamprofile-comp { width: 45% !important; }

/* line 35, ../sass/screen.scss */
/* line 6621, ../sass/old.scss */
/* line 3548, ../sass/old.scss */
.sport-widget-small .pa-widget-teamprofile.pa-widget .pa-teamprofile-comps { font-weight: bold !important; }

/* line 39, ../sass/screen.scss */
/* line 6623, ../sass/old.scss */
/* line 3552, ../sass/old.scss */
.sport-widget-small .pa-widget-teamprofile.pa-widget .pa-teamprofile-details { width: 40% !important; }

/* line 43, ../sass/screen.scss */
/* line 6625, ../sass/old.scss */
/* line 3556, ../sass/old.scss */
.sport-widget-small .pa-widget-teamprofile.pa-widget .pa-teamprofile-details li b, .sport-widget-small .pa-widget-teamprofile.pa-widget .pa-teamprofile-details li span { display: inline-block !important; width: 45% !important; }

/* line 47, ../sass/screen.scss */
/* line 6627, ../sass/old.scss */
/* line 3560, ../sass/old.scss */
.sport-widget-small .pa-widget-teamprofile.pa-widget .pa-teamprofile-details li b { font-weight: bold !important; }

/* line 50, ../sass/screen.scss */
/* line 6629, ../sass/old.scss */
/* line 3564, ../sass/old.scss */
.sport-widget-small .pa-widget-teamprofile.pa-widget .pa-teamprofile-details li span { float: right !important; }

/* line 60, ../sass/screen.scss */
/* line 6632, ../sass/old.scss */
/* line 3568, ../sass/old.scss */
.sport-widget-small .pa-widget-teamstats.pa-widget .pa-result-container.pa-header .pa-container-home, .sport-widget-small .pa-widget-teamstats.pa-widget .pa-result-container.pa-header .pa-container-away { float: none !important; width: 100% !important; display: block !important; }

/* line 65, ../sass/screen.scss */
/* line 6634, ../sass/old.scss */
/* line 3572, ../sass/old.scss */
.sport-widget-small .pa-widget-teamstats.pa-widget .pa-result-container.pa-header .pa-container-home select, .sport-widget-small .pa-widget-teamstats.pa-widget .pa-result-container.pa-header .pa-container-away select { width: 95% !important; }

/* line 71, ../sass/screen.scss */
/* line 6636, ../sass/old.scss */
/* line 3576, ../sass/old.scss */
.sport-widget-small .pa-widget-teamstats.pa-widget .pa-container-home { height: 80px !important; }

/* line 74, ../sass/screen.scss */
/* line 6638, ../sass/old.scss */
/* line 3580, ../sass/old.scss */
.sport-widget-small .pa-widget-teamstats.pa-widget .pa-container-home .pa-home-team-badge { float: left !important; width: 52px !important; }

/* line 79, ../sass/screen.scss */
/* line 6640, ../sass/old.scss */
/* line 3584, ../sass/old.scss */
.sport-widget-small .pa-widget-teamstats.pa-widget .pa-container-home .paHomeSelectors { width: 80% !important; float: right !important; }

/* line 85, ../sass/screen.scss */
/* line 6642, ../sass/old.scss */
/* line 3588, ../sass/old.scss */
.sport-widget-small .pa-widget-teamstats.pa-widget .pa-container-away { height: 80px !important; }

/* line 88, ../sass/screen.scss */
/* line 6644, ../sass/old.scss */
/* line 3592, ../sass/old.scss */
.sport-widget-small .pa-widget-teamstats.pa-widget .pa-container-away .pa-home-team-badge { float: right !important; width: 52px !important; }

/* line 93, ../sass/screen.scss */
/* line 6646, ../sass/old.scss */
/* line 3596, ../sass/old.scss */
.sport-widget-small .pa-widget-teamstats.pa-widget .pa-container-away .paAwaySelectors { width: 80% !important; float: left !important; }

/* line 101, ../sass/screen.scss */
/* line 6648, ../sass/old.scss */
/* line 3600, ../sass/old.scss */
.sport-widget-small .pa-widget-matchday-team .pa-match-overview.pa-home { margin-left: 0 !important; }

/* line 110, ../sass/screen.scss */
/* line 6650, ../sass/old.scss */
/* line 3604, ../sass/old.scss */
.sport-widget-small .pa-widget-previewandreport.pa-widget .pa-ht-score { width: 25px !important; display: inline-block !important; text-align: center !important; }

/* line 119, ../sass/screen.scss */
/* line 6652, ../sass/old.scss */
/* line 3608, ../sass/old.scss */
.sport-widget-small .pa-results-container.pa-widget-results .pa-game .pa-result { padding-left: 0 !important; position: relative !important; height: 40px !important; }

/* line 125, ../sass/screen.scss */
/* line 6654, ../sass/old.scss */
/* line 3612, ../sass/old.scss */
.sport-widget-small .pa-results-container.pa-widget-results .pa-game .pa-accordion-button.pa-indicator { margin-top: 18px !important; margin-right: -10px !important; }

/* line 129, ../sass/screen.scss */
/* line 6656, ../sass/old.scss */
/* line 3616, ../sass/old.scss */
.sport-widget-small .pa-results-container.pa-widget-results .pa-game .pa-match-details { padding-left: 0 !important; }

/* line 133, ../sass/screen.scss */
/* line 6658, ../sass/old.scss */
/* line 3620, ../sass/old.scss */
.sport-widget-small .pa-results-container.pa-widget-results .pa-game .pa-match-overview.pa-home { float: left !important; }

/* line 137, ../sass/screen.scss */
/* line 6660, ../sass/old.scss */
/* line 3624, ../sass/old.scss */
.sport-widget-small .pa-results-container.pa-widget-results .pa-game .pa-match-overview.pa-away { float: right !important; margin-left: 0 !important; }

/* line 145, ../sass/screen.scss */
/* line 6662, ../sass/old.scss */
/* line 3628, ../sass/old.scss */
.sport-widget-small .pa-widget-teamstats.pa-widget .pa-home-value { padding: 0 !important; width: 12% !important; }

/* line 150, ../sass/screen.scss */
/* line 6664, ../sass/old.scss */
/* line 3632, ../sass/old.scss */
.sport-widget-small .pa-widget-teamstats.pa-widget .pa-away-value { padding: 0 !important; width: 12% !important; }

/* line 156, ../sass/screen.scss */
/* line 6666, ../sass/old.scss */
/* line 3636, ../sass/old.scss */
.sport-widget-small .pa-widget-teamstats.pa-widget .pa-container .pa-bar { padding: 4px 0 8px 0 !important; }

/* line 161, ../sass/screen.scss */
/* line 6668, ../sass/old.scss */
/* line 3640, ../sass/old.scss */
.sport-widget-small .pa-widget-teamstats.pa-widget .pa-home-bar { width: 0 !important; height: 0; -webkit-transition: width 1s, height 1s; -moz-transition: width 1s, height 1s; -o-transition: width 1s, height 1s; transition: width 1s, height 1s; }

/* line 170, ../sass/screen.scss */
/* line 6672, ../sass/old.scss */
/* line 3644, ../sass/old.scss */
.sport-widget-large select { height: 30px; }

@media only screen and (max-width: 660px) { /* line 177, ../sass/screen.scss */
  /* line 6675, ../sass/old.scss */
  /* line 3648, ../sass/old.scss */
  .sport-widget-small .pa-widget-teamprofile.pa-widget .pa-header { text-align: center !important; margin-right: 20px !important; }
  /* line 182, ../sass/screen.scss */
  /* line 6677, ../sass/old.scss */
  /* line 3651, ../sass/old.scss */
  .sport-widget-small .pa-widget-teamprofile.pa-widget .pa-lt-team { text-align: center !important; }
  /* line 186, ../sass/screen.scss */
  /* line 6679, ../sass/old.scss */
  /* line 3654, ../sass/old.scss */
  .sport-widget-small .pa-widget-teamprofile.pa-widget .pa-lt-team { float: none !important; margin-right: 20px !important; }
  /* line 191, ../sass/screen.scss */
  /* line 6681, ../sass/old.scss */
  /* line 3657, ../sass/old.scss */
  .sport-widget-small .pa-widget-teamprofile.pa-widget .pa-teamprofile-details { width: 100% !important; }
  /* line 195, ../sass/screen.scss */
  /* line 6683, ../sass/old.scss */
  /* line 3660, ../sass/old.scss */
  .sport-widget-small .pa-widget-teamprofile.pa-widget .pa-teamprofile-comps, .sport-widget-small .pa-widget-teamprofile.pa-widget .pa-teamprofile-comp { width: 50% !important; }
  /* line 199, ../sass/screen.scss */
  /* line 6685, ../sass/old.scss */
  /* line 3663, ../sass/old.scss */
  .sport-widget-small .pa-widget-teamprofile.pa-widget .pa-teamprofile-comp { padding-left: 5% !important; box-sizing: border-box !important; }
  /* Squad styling */
  /* line 209, ../sass/screen.scss */
  /* line 6688, ../sass/old.scss */
  /* line 3667, ../sass/old.scss */
  .sport-widget-small .pa-widget-squadlist.pa-widget .pa-container .pa-num { padding: 0 !important; }
  /* END - Squad styling */
  /* Match Day */
  /* line 221, ../sass/screen.scss */
  /* line 6692, ../sass/old.scss */
  /* line 3672, ../sass/old.scss */
  .sport-widget-small .pa-widget-matchday.pa-widget .pa-matchday-selector select { width: 65% !important; }
  /* line 225, ../sass/screen.scss */
  /* line 6694, ../sass/old.scss */
  /* line 3675, ../sass/old.scss */
  .sport-widget-small .pa-widget-matchday.pa-widget .pa-matchday-selector.pa-date-selector { width: 82% !important; }
  /* line 228, ../sass/screen.scss */
  /* line 6696, ../sass/old.scss */
  /* line 3678, ../sass/old.scss */
  .sport-widget-small .pa-widget-matchday.pa-widget .pa-games { min-height: 80px !important; }
  /* line 231, ../sass/screen.scss */
  /* line 6698, ../sass/old.scss */
  /* line 3681, ../sass/old.scss */
  .sport-widget-small .pa-widget-matchday.pa-widget .pa-games .pa-game { position: relative !important; }
  /* line 234, ../sass/screen.scss */
  /* line 6700, ../sass/old.scss */
  /* line 3684, ../sass/old.scss */
  .sport-widget-small .pa-widget-matchday.pa-widget .pa-games .pa-status, .sport-widget-small .pa-widget-matchday.pa-widget .pa-games .pa-kick-off { padding: 0 !important; }
  /* line 239, ../sass/screen.scss */
  /* line 6702, ../sass/old.scss */
  /* line 3687, ../sass/old.scss */
  .sport-widget-small .pa-widget-matchday.pa-widget .pa-game { height: 46px !important; position: relative !important; padding: 0 !important; }
  /* line 245, ../sass/screen.scss */
  /* line 6704, ../sass/old.scss */
  /* line 3690, ../sass/old.scss */
  .sport-widget-small .pa-widget-matchday.pa-widget .pa-home { vertical-align: top !important; }
  /* line 250, ../sass/screen.scss */
  /* line 6706, ../sass/old.scss */
  /* line 3693, ../sass/old.scss */
  .sport-widget-small .pa-widget-matchday.pa-widget .pa-status a { margin-top: 10px !important; position: absolute !important; right: 3px !important; }
  /* line 256, ../sass/screen.scss */
  /* line 6708, ../sass/old.scss */
  /* line 3696, ../sass/old.scss */
  .sport-widget-small .pa-widget-matchday.pa-widget .pa-away { width: 100px !important; }
  /* line 260, ../sass/screen.scss */
  /* line 6710, ../sass/old.scss */
  /* line 3699, ../sass/old.scss */
  .sport-widget-small .pa-widget-matchday.pa-widget .pa-comment { height: 30px !important; padding-top: 32px !important; }
  /* line 268, ../sass/screen.scss */
  /* line 6712, ../sass/old.scss */
  /* line 3702, ../sass/old.scss */
  .sport-widget-small .pa-widget-matchday-team.pa-widget thead .pa-status { padding: 0 !important; margin-left: -25px !important; display: inline !important; }
  /* line 275, ../sass/screen.scss */
  /* line 6714, ../sass/old.scss */
  /* line 3705, ../sass/old.scss */
  .sport-widget-small .pa-widget-matchday-team.pa-widget tbody .pa-status, .sport-widget-small .pa-widget-matchday-team.pa-widget tbody .pa-kick-off, .sport-widget-small .pa-widget-matchday-team.pa-widget tbody .pa-game { padding: 0 !important; vertical-align: top !important; }
  /* line 279, ../sass/screen.scss */
  /* line 6716, ../sass/old.scss */
  /* line 3708, ../sass/old.scss */
  .sport-widget-small .pa-widget-matchday-team.pa-widget tbody td.pa-game { padding-top: 4px !important; }
  /* line 282, ../sass/screen.scss */
  /* line 6718, ../sass/old.scss */
  /* line 3711, ../sass/old.scss */
  .sport-widget-small .pa-widget-matchday-team.pa-widget tbody .pa-score { min-width: 10px !important; }
  /* line 286, ../sass/screen.scss */
  /* line 6720, ../sass/old.scss */
  /* line 3714, ../sass/old.scss */
  .sport-widget-small .pa-widget-matchday-team.pa-widget tbody .pa-away .pa-team { width: 100px !important; display: inline-block !important; }
  /* line 290, ../sass/screen.scss */
  /* line 6722, ../sass/old.scss */
  /* line 3717, ../sass/old.scss */
  .sport-widget-small .pa-widget-matchday-team.pa-widget tbody .pa-home .pa-team { width: 75px !important; display: inline-block !important; }
  /* line 295, ../sass/screen.scss */
  /* line 6724, ../sass/old.scss */
  /* line 3720, ../sass/old.scss */
  .sport-widget-small .pa-widget-matchday-team.pa-widget tbody .pa-accordion-button-match-team { margin-left: -10px !important; }
  /* line 299, ../sass/screen.scss */
  /* line 6726, ../sass/old.scss */
  /* line 3723, ../sass/old.scss */
  .sport-widget-small .pa-widget-matchday-team.pa-widget tbody .pa-extra-info { padding-top: 16px !important; }
  /* line 304, ../sass/screen.scss */
  /* line 6728, ../sass/old.scss */
  /* line 3726, ../sass/old.scss */
  .sport-widget-small .pa-widget-matchday-team.pa-widget .pa-kick-off { padding: 0 !important; width: 70px !important; }
  /* line 308, ../sass/screen.scss */
  /* line 6730, ../sass/old.scss */
  /* line 3729, ../sass/old.scss */
  .sport-widget-small .pa-widget-matchday-team.pa-widget .pa-match { height: 50px !important; }
  /* line 311, ../sass/screen.scss */
  /* line 6732, ../sass/old.scss */
  /* line 3732, ../sass/old.scss */
  .sport-widget-small .pa-widget-matchday-team.pa-widget .pa-game { position: relative !important; }
  /* line 314, ../sass/screen.scss */
  /* line 6734, ../sass/old.scss */
  /* line 3735, ../sass/old.scss */
  .sport-widget-small .pa-widget-matchday-team.pa-widget .pa-status a { position: absolute !important; right: 4px !important; bottom: 6px !important; }
  /* line 319, ../sass/screen.scss */
  /* line 6736, ../sass/old.scss */
  /* line 3738, ../sass/old.scss */
  .sport-widget-small .pa-widget-matchday-team.pa-widget .pa-comment { margin-top: 30px !important; }
  /* line 323, ../sass/screen.scss */
  /* line 6738, ../sass/old.scss */
  /* line 3741, ../sass/old.scss */
  .sport-widget-small .pa-widget-matchday-team.pa-widget > form { display: none !important; }
  /* END - Match Day */
  /* LINEUP */
  /* line 332, ../sass/screen.scss */
  /* line 6742, ../sass/old.scss */
  /* line 3746, ../sass/old.scss */
  .sport-widget-small .pa-widget-lineup.pa-widget .pa-manager-home { height: 50px !important; }
  /* line 335, ../sass/screen.scss */
  /* line 6744, ../sass/old.scss */
  /* line 3749, ../sass/old.scss */
  .sport-widget-small .pa-widget-lineup.pa-widget .pa-manager-away { height: 50px !important; }
  /* line 338, ../sass/screen.scss */
  /* line 6746, ../sass/old.scss */
  /* line 3752, ../sass/old.scss */
  .sport-widget-small .pa-widget-lineup.pa-widget .pa-header { line-height: 1.5em !important; }
  /* END - LINEUP */
  /* LIVE TEXT COMMENTARY */
  /* line 346, ../sass/screen.scss */
  /* line 6750, ../sass/old.scss */
  /* line 3757, ../sass/old.scss */
  .sport-widget-small .pa-widget-livetext.pa-widget .pa-home-team, .sport-widget-small .pa-widget-livetext.pa-widget .pa-away-team { vertical-align: top !important; } }
/* line 6754, ../sass/old.scss */
/* line 3759, ../sass/old.scss */
.section-group.sport { background-image: url("/media/eveningexpress/resource/images/sct-stip.png"); background-repeat: no-repeat; background-position: 0 -3px; margin-bottom: 3px; }

/* line 6761, ../sass/old.scss */
/* line 3762, ../sass/old.scss */
.sport-widget-small .section-title { color: #008000; line-height: 16px;  display: inline-block; padding: 5px 10px 2px; margin: 0; }

/* PA widget */
/* COMP TEAM PLAYER */
/* line 9, ../sass/screen.scss */
/* line 6774, ../sass/old.scss */
/* line 3768, ../sass/old.scss */
.sport-widget-small .pa-comp-team-player.pa-widget { padding: 10px !important; }

/* line 12, ../sass/screen.scss */
/* line 6776, ../sass/old.scss */
/* line 3772, ../sass/old.scss */
.sport-widget-small .pa-comp-team-player.pa-widget .pa-competition-selector, .sport-widget-small .pa-comp-team-player.pa-widget .pa-team-selector, .sport-widget-small .pa-comp-team-player.pa-widget .pa-player-selector { margin: 8px 0 !important; }

/* line 15, ../sass/screen.scss */
/* line 6778, ../sass/old.scss */
/* line 3776, ../sass/old.scss */
.sport-widget-small .pa-comp-team-player.pa-widget .pa-competition-selector select, .sport-widget-small .pa-comp-team-player.pa-widget .pa-team-selector select, .sport-widget-small .pa-comp-team-player.pa-widget .pa-player-selector select { width: 270px !important; margin: 10px 0 !important; padding: 5px 0 !important; font-size: 14px !important; }

/* line 21, ../sass/screen.scss */
/* line 6780, ../sass/old.scss */
/* line 3780, ../sass/old.scss */
.sport-widget-small .pa-comp-team-player.pa-widget .pa-competition-selector label, .sport-widget-small .pa-comp-team-player.pa-widget .pa-team-selector label, .sport-widget-small .pa-comp-team-player.pa-widget .pa-player-selector label { font-size: 13px !important; line-height: 13px !important; font-weight: bold !important; }

/* line 26, ../sass/screen.scss */
/* line 6782, ../sass/old.scss */
/* line 3784, ../sass/old.scss */
.sport-widget-small .pa-comp-team-player.pa-widget .pa-competition-selector a, .sport-widget-small .pa-comp-team-player.pa-widget .pa-team-selector a, .sport-widget-small .pa-comp-team-player.pa-widget .pa-player-selector a { width: 270px !important; padding: 2px 0  !important; text-align: center !important; border: 1px solid #cccccc !important; display: block !important; text-decoration: none !important; background-color: #CCC !important; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; }

/* line 36, ../sass/screen.scss */
/* line 6784, ../sass/old.scss */
/* line 3788, ../sass/old.scss */
.sport-widget-small .pa-comp-team-player.pa-widget .pa-competition-selector a:hover, .sport-widget-small .pa-comp-team-player.pa-widget .pa-team-selector a:hover, .sport-widget-small .pa-comp-team-player.pa-widget .pa-player-selector a:hover { background-color: #fff !important; }

/* END COMP TEAM PLAYER */
/* line 50, ../sass/screen.scss */
/* line 6788, ../sass/old.scss */
/* line 3793, ../sass/old.scss */
.sport-widget-small .pa-widget-matchday-team.pa-widget .pa-matchday-matches .pa-game > span { position: relative !important; }

/* line 53, ../sass/screen.scss */
/* line 6790, ../sass/old.scss */
/* line 3797, ../sass/old.scss */
.sport-widget-small .pa-widget-matchday-team.pa-widget .pa-matchday-matches .pa-game > span img { position: absolute !important; }

/* line 58, ../sass/screen.scss */
/* line 6792, ../sass/old.scss */
/* line 3801, ../sass/old.scss */
.sport-widget-small .pa-widget-matchday-team.pa-widget .pa-matchday-matches .pa-game .pa-home, .sport-widget-small .pa-widget-matchday-team.pa-widget .pa-matchday-matches .pa-game .pa-score, .sport-widget-small .pa-widget-matchday-team.pa-widget .pa-matchday-matches .pa-game .pa-away { height: 160px !important; }

/* line 63, ../sass/screen.scss */
/* line 6794, ../sass/old.scss */
/* line 3805, ../sass/old.scss */
.sport-widget-small .pa-widget-matchday-team.pa-widget .pa-matchday-matches .pa-game .pa-home img { top: 26px !important; left: -32px !important; }

/* line 72, ../sass/screen.scss */
/* line 6796, ../sass/old.scss */
/* line 3809, ../sass/old.scss */
.sport-widget-small .pa-widget-matchday-team.pa-widget .pa-matchday-matches .pa-game .pa-away img { top: 25px !important; right: -32px !important; }

/* line 6799, ../sass/old.scss */
/* line 3812, ../sass/old.scss */
.pa-games.pa-matchday-matches.pa-container .pa-matchdayteam-badge { width: 100px !important; height: 100px !important; }

/* line 6803, ../sass/old.scss */
/* line 3815, ../sass/old.scss */
.sport-widget-small .pa-widget-teamprofile.pa-widget .pa-lt-team { float: left !important; }

/* line 6806, ../sass/old.scss */
/* line 3818, ../sass/old.scss */
.sport-widget-small .pa-widget-teamprofile.pa-widget .pa-lt-team img { width: 60px !important; height: 60px !important; margin: auto !important; }

/* line 6813, ../sass/old.scss */
/* line 3821, ../sass/old.scss */
.sport-widget-small .pa-widget-teamprofile.pa-widget .pa-teamprofile-details { width: 70% !important; float: right !important; }

/* line 6817, ../sass/old.scss */
/* line 3824, ../sass/old.scss */
.sport-widget-small .pa-widget-teamprofile.pa-widget .pa-teamprofile-comps, .sport-widget-small .pa-widget-teamprofile.pa-widget .pa-teamprofile-comp { font-weight: bold !important; width: 70% !important; float: right !important; }

/* line 6823, ../sass/old.scss */
/* line 3827, ../sass/old.scss */
.sport-widget-small .pa-widget-leaguetable { margin-bottom: 10px !important; }

/* line 6825, ../sass/old.scss */
/* line 3830, ../sass/old.scss */
.sport-widget-small .pa-widget-matchday-team.pa-widget .pa-matchday-matches .pa-game .pa-home, .sport-widget-small .pa-widget-matchday-team.pa-widget .pa-matchday-matches .pa-game .pa-score, .sport-widget-small .pa-widget-matchday-team.pa-widget .pa-matchday-matches .pa-game .pa-away { height: 130px !important; }

@media only screen and (max-width: 750px){
	.sport-widget-small .pa-widget-matchday.pa-widget .pa-matchday-selector select{
		width: 66% !important;
	}
	.sport-widget-small .pa-results-container.pa-widget-results .pa-game .pa-result {
		padding-left: 10px !important;
		position: relative !important;
		height: 70px !important;
	}
	.pa-widget .pa-games .pa-home,.pa-widget .pa-games .pa-away{
		width: 33% !important;
	}
}

/* line 178, large-icons/*.png */
.large-icons-sprite, .large-icons-clear, .large-icons-clear_spells, .large-icons-cloudy, .large-icons-fog, .large-icons-heavy_rain, .large-icons-heavy_showers, .large-icons-heavy_sleet, .large-icons-heavy_sleet_shower, .large-icons-heavy_snow, .large-icons-heavy_snow_shower, .large-icons-light_rain, .large-icons-light_showers, .large-icons-light_sleet, .large-icons-light_sleet_shower, .large-icons-light_snow, .large-icons-light_snow_shower, .large-icons-mist, .large-icons-thunderstorm {
  background: url('assets/img/large-icons-sd659e755ab.png') no-repeat;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.large-icons-clear {
  background-position: 0 -1500px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.large-icons-clear_spells {
  background-position: 0 -1000px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.large-icons-cloudy {
  background-position: 0 -1400px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.large-icons-fog {
  background-position: 0 -1600px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.large-icons-heavy_rain {
  background-position: 0 -200px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.large-icons-heavy_showers {
  background-position: 0 0;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.large-icons-heavy_sleet {
  background-position: 0 -300px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.large-icons-heavy_sleet_shower {
  background-position: 0 -400px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.large-icons-heavy_snow {
  background-position: 0 -1300px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.large-icons-heavy_snow_shower {
  background-position: 0 -500px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.large-icons-light_rain {
  background-position: 0 -100px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.large-icons-light_showers {
  background-position: 0 -900px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.large-icons-light_sleet {
  background-position: 0 -600px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.large-icons-light_sleet_shower {
  background-position: 0 -700px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.large-icons-light_snow {
  background-position: 0 -1200px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.large-icons-light_snow_shower {
  background-position: 0 -800px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.large-icons-mist {
  background-position: 0 -1700px;
}

/* line 60, ../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.large-icons-thunderstorm {
  background-position: 0 -1100px;
}


/* Jobs in Scotland */
.widget.widget_jobsinscotland {
    background-color:#F1F1F1;
    color:#FFFFFF;
    margin:0.8em 0 0.8em 0;
}

.widget.widget_jobsinscotland .footer {
    padding:1.0em 0;
    text-align:center;
}

.widget.widget_jobsinscotland .footer a.view-more-button {
    background-color:#FF4615;
    color:#FFFFFF;
    display:inline-block;
    font-size:1.175em;
    font-weight:700;
    padding:0.5em 0.7em;
    text-decoration:none;
    text-transform:uppercase;
}

.widget.widget_jobsinscotland .header {
    border-bottom:1px solid #A5A5A5;
}

.widget.widget_jobsinscotland .header a {
    display:block;
    padding:0.7em 0.7em 0.4em 0.7em;
}

.widget.widget_jobsinscotland .header a span.logo {
    background:url('./assets/img/Jobslogo.png') top left no-repeat;
    display:block;
    height: 100px;
}

.widget.widget_jobsinscotland ul li a {
    color:#444;
    display:block;
    margin:0 0.7em;
    padding:0.7em 0;
    text-decoration:none;
    text-transform:uppercase;
}

.widget.widget_jobsinscotland ul li a span.icon {
    background:url('./assets/img/jobs-arrow-icon.png') center center no-repeat;
    display: block;
    height: 32px;
    right: 0.7em;
    top: -2.3em;
    width: 200%;
    position: relative;
}

.widget.widget_jobsinscotland ul li a span.job-container {
    display:block;
    width:87%;
}     

.widget.widget_jobsinscotland ul li a span.job-location,
.widget.widget_jobsinscotland ul li a span.job-salary {
    font-size:0.76em;
}

.widget.widget_jobsinscotland ul li a span.job-location:after {
    content:" - ";
}

.widget.widget_jobsinscotland ul li a span.job-title {
    display:block;
    font-size:1em;
    font-weight:700;
    color: #005b9c;
}

.widget.widget_jobsinscotland ul.simplePagerNav {
    margin:0 0.7em;
}

.widget.widget_jobsinscotland ul.simplePagerNav li {
    display:inline-block;
    padding:0.5em 0.7em 0 0;
}

.widget.widget_jobsinscotland ul.simplePagerNav li a {
    border:0;
    display:inline;
    margin:0;
    padding:0;
}


div#jobsinscotland-2 li {
    height: 70px;
}


.widget_jobsinscotland li {
    height: 80px;
}

.featured-video {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

.featured-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Ooyala */
.ooyalaplayer {
    z-index: 10;
    position: relative;
    padding-bottom: 56.25%;
    width: 100% !important;
    height: 0 !important;
    background: url(assets/img/ajax-loader.gif) center center no-repeat;
}

.ooyalaplayer > .innerWrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}