/*
Theme Name: The Courier
Theme URI: http://www.dcthomson.co.uk
Author: Robert Paul
Author URI: http://www.dcthomson.co.uk
Description: Styles for The Courier website

-----------------
TABLE OF CONTENTS
-----------------

- Global CSS
- Typography
- TinyMCE Content
- Forms
- Masthead, Navigation & Footer
- Blocks
-- Feature
-- Big Feature
-- Section
-- Carousel
-- Sliding List
- Block Widgets
-- Collection
-- Events (partial)
-- Latest Posts
-- Most Read
-- Promotion
-- Textbox
-- Weather
-- [See courier_plugins.css for Poll and Events block widgets]
- Template Parts
- Posts
- Post Formats: Gallery, Image, Video, Aside, Quote
- Page Templates: All Pages
- Page Template: Archive
- Page Template: ElasticSearch
- Page Template: Author
- Page Template: Attachments
- Comments
- Widgets
-- DFP
-- Latest News
-- Image
- Advertising
- Miscellaneous
- oEmbeds
- Shortcodes
- Error Handling
- Shared CSS3
- Media Queries
-- Mobile
-- Tablet
-- Desktop

-----------------------------------
BRAND COLOURS
-----------------------------------
Cover Courier Blue        : #003f76
Courier News Blue         : #0066b3
News 70% Grey             : #6d6e71
Features Blue/Grey        : #465b65
Business and Farming      : #a78103
Entertainment / What's On : #a3238f
Sport Red                 : #ce171e
Infographic Blue          : #7f9eae
Infographic Green         : #88987e
Life Matters              : #00a9bb
-----------------------------------
*/

/*********
Global CSS
*********/

a {
    color: #0066b3;
    text-decoration: none;
}

a:hover {
    cursor: pointer;
    color: #000;
}

.off {
    overflow: hidden;
}

hr {
    display: block;
    margin: 0;
    border: 0;
    height: 6px;
    background-color: #ccc;
    clear: both;
}

/* Global CSS > Avatars */
.byline-pic {
    display: block;
    overflow: hidden;
}

/* Global CSS > Next/Previous buttons */
.prev,
.next {
    z-index: 1000;
    position: absolute;
    display: block;
    font-weight: bold;
}

.prev {
    left: 0;
}

.next {
    right: 0;
}

/* Global CSS > Sponsored Content */
.sponsored {
    position: relative;
    display: block;
    float: left;
    margin-bottom: 5px;
    padding: 4px;
    line-height: 1;
    background-color: #0066b3;
    font-family: 'Arial', sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
}

/* Global CSS > Social */
.social {
    list-style: none;
}

.social span {
    display: inline-block;
    padding: 6px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    color: #fff;
}

.social a:hover > span {
    text-decoration: none;
}

.social .genericon-facebook-alt {
    background-color: #3b5998;
}

.social .genericon-twitter {
    background-color: #00aced;
}

.social a:hover > .genericon-facebook-alt,
.social a:hover > .genericon-twitter {
    background-color: #333;
}

.social .social-label {
    font-style: normal;
}

/* Global CSS > Comments */
.comment-count {
    display: block;
    line-height: 130%;
    font-size: 14px;
}

.comment-count span {
    float: left;
    font-size: inherit;
}

.comment-count strong {
    display: block;
    float: left;
    margin-left: 3px;
    font-weight: 500;
    font-size: inherit;
}

/* Global CSS > Format Icons */
.format-icon.genericon {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    padding: 6px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 20px;    
    background-color: #0066b3;
    color: #fff;
}

.format-icon.breaking-icon {
    background-color: #e13232;
}

.breaking-icon,
.format-icon.breaking-icon {
    -moz-animation: fadeInOut 1s infinite;
    -ms-animation: fadeInOut 1s infinite;
    -o-animation: fadeInOut 1s infinite;
    -webkit-animation: fadeInOut 1s infinite;
    animation: fadeInOut 1s infinite;
}

/* Global CSS > Copyright */
.copyright-holder {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    padding: 4px 6px;
    background-color: #000;
    background-color: rgba(0,0,0,.5);
    font-size: 11px;
    color: #fff;
}

/* Global CSS > Captions */
.caption {
    padding: 5px;
    line-height: 130%;
    background-color: #f5f5f5;
    font-size: 12px;
    text-align: left;
    color: #333;    
}

.caption strong {
    position: absolute;
    left: 0;    
    margin: 0 5px;
    color: #0066b3;
}

/* Global CSS > Article navigation */
.article-navigation {
    position: relative;
}

/* Global CSS > Thumbnails */
.holder {
    position: relative;
    max-height: 600px;
    overflow: hidden;
}

.article .holder {
    width: 100%;
    height: 100%;
}

.holder > .thumbnail-link,
.holder > .thumbnail-link > img {
    width: inherit;
    height: inherit;
}

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

@font-face {
    font-family: 'Guardian Compact Web';
    src: url('../fonts/GuardianCompact/Guardian Compact Web-Thin.eot');
    src: url('../fonts/GuardianCompact/Guardian Compact Web-Thin.eot?#iefix') format('embedded-opentype'),
    url('../fonts/GuardianCompact/Guardian Compact Web-Thin.woff2') format('woff2'),
    url('../fonts/GuardianCompact/Guardian Compact Web-Thin.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Guardian Compact Web';
    src: url('../fonts/GuardianCompact/Guardian Compact Web-Regular.eot');
    src: url('../fonts/GuardianCompact/Guardian Compact Web-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/GuardianCompact/Guardian Compact Web-Regular.woff2') format('woff2'),
    url('../fonts/GuardianCompact/Guardian Compact Web-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Guardian Compact Web';
    src: url('../fonts/GuardianCompact/Guardian Compact Web-Medium.eot');
    src: url('../fonts/GuardianCompact/Guardian Compact Web-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/GuardianCompact/Guardian Compact Web-Medium.woff2') format('woff2'),
    url('../fonts/GuardianCompact/Guardian Compact Web-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Guardian Compact Web';
    src: url('../fonts/GuardianCompact/Guardian Compact Web-Semibold.eot');
    src: url('../fonts/GuardianCompact/Guardian Compact Web-Semibold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/GuardianCompact/Guardian Compact Web-Semibold.woff2') format('woff2'),
    url('../fonts/GuardianCompact/Guardian Compact Web-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
}

/* Typography > Titles */
.all-sections-btn,
.article-title,
.author-title,
.block-title,
.breadcrumb,
.breaking-bar strong,
.breaking-title,
.byline,
.caption strong,
a.category,
.cms blockquote,
.cms h1,
.cms h2,
.cms h3,
.cms h4,
.cms .page-large-introduction,
.comment-count strong,
.contact-form .contact-submit input[type="submit"],
.contact-form label,
.elas-search .search-field,
.filter-btn,
.flexible-title,
.full-navigation label,
.image-navigation a,
.latest-posts a,
.masthead .date,
.masthead .services-bar,
.most-read-tabs,
.most-read ol a,
.most-read ol li:before,
.nav-button,
.news-list a,
.next-post,
.notice .message-title,
.ow-temp,
.ow-windspeed span,
.page-title,
.pagination,
.related-posts a,
.search-form .search-field,
.search-title,
.section-navigation,
.section-title,
.site-navigation,
.title-tag,
.tags a,
.timestamp,
.title,
.widget-title {
    font-family: 'Guardian Compact Web', 'Arial', sans-serif;
}

.page-title,
.block-title {
    line-height: 100%;
    font-weight: 600;
}

.page-title {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 275%;
}

.title-tag {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #ddd;
}

.title-tag span {
    font-size: 18px;
    color: #000;
}

.title-tag em {
    margin-right: 5px;
    font-style: normal;
    color: #000;
}

.title-tag strong {
    margin-left: 5px;
    color: #0066b3;
}

.all-sections-btn:after,
.author-bio:before,
.cms blockquote:before,
.cms .embed.image a:after,
.filter-btn:before,
.image-navigation a:before,
.image-navigation a:after,
.notice .post-edit-link:before,
.search-form .search-submit:before,
.single .post-header .timestamp.updated:before {
    font-family: 'Genericons';
}

/* Typography > Breadcrumbs */
.breadcrumb {
    margin: 10px 0;
    font-size: 14px;
    text-transform: uppercase;
    color: #ddd;
}

.breadcrumb a {
    display: inline-block;
    margin: 0 5px;
    font-weight: 600;
    color: #0066b3;
}

.breadcrumb a:hover {
    color: #000;
}

.breadcrumb span {
    position: relative;
    font-weight: 600;
}

.breadcrumb > span {
    left: -5px;
}

.breadcrumb .breadcrumb_last {
    display: inline-block;
    margin-left: 5px;
    color: #000;
}

.single .breadcrumb_last {
    display: none;
}

.single .breadcrumb > span:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    width: 10px;
    height: 15px;
    background: #fff;
}

/**************
TinyMCE Content
**************/

.cms {
    min-height: 1px;
}

/* TinyMCE Content > Type */
.cms h1,
.cms h2,
.cms h3,
.cms h4,
.cms h5,
.cms h6,
.cms p {
    margin-bottom: 20px;
}

.cms h1 {
    line-height: 100%;
    font-size: 275%;
    font-weight: 600;
    color: #0066b3;
}

.cms h2 {
    line-height: 115%;
    font-size: 200%;
    font-weight: 600;
}

.cms h3 {
    line-height: 120%;
    font-size: 150%;
    font-weight: 500;
}

.cms h4 {
    line-height: 110%;
    font-size: 125%;
    font-weight: 500;
}

.cms h5 {
    line-height: 115%;
    font-size: 100%;
    font-weight: bold;
}

.cms h6 {
    line-height: 115%;
    font-size: 90%;
    font-weight: 400;
    color: #888;
}

.cms p {
    line-height: 140%;
    font-size: 107.5%;
    font-weight: 400;
}

.cms > .page-large-introduction {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid #eee;
    line-height: 120%;
    font-size: 120%;
    font-weight: 400;
}

.cms p a {
    color: #0066b3;
}

.cms p img {
    display: block;
    max-width: 100%;
    height: auto;
}

.cms strong,
.cms b {
    font-weight: 600;
}

.cms em,
.cms i {
    font-style: italic;
}

.cms ul,
.cms ol {
    margin: 1em;
    font-size: 95%;
}

.cms ul {
    list-style: disc;
}

.cms ol {
    list-style: decimal;
}

.cms li {
    margin-bottom: .5em;
    line-height: 140%;
}

.cms blockquote {
    position: relative;
    clear: both;
    margin: 20px auto;
    padding: 20px 0 20px 50px;
    border-top: 2px solid #e6e6e6;
    border-bottom: 2px solid #e6e6e6;
    width: 75%;
}

.cms blockquote:before {
    top: 22px;
    color: #0066b3;  
}

.cms blockquote h1,
.cms blockquote h2,
.cms blockquote h3,
.cms blockquote h4,
.cms blockquote h5,
.cms blockquote h6,
.cms blockquote p,
.cms blockquote pre {
    margin: 0;
    line-height: 120%;
    font-size: 20px;
    font-weight: 400;
    text-align: left !important;
    color: #000;    
}

.cms dl {
    padding: 10px;
    border: 1px solid #ddd;
    font-size: 80%;
}

.cms dl dt {
    margin-bottom: 10px;
    padding-bottom: 3px;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
}

.cms dl dd {
    line-height: 130%;
}

.cms dl dd + dt {
    margin-top: 10px;
}

/* TinyMCE Content > Embeds */
.cms .embed {
    margin: 20px 0;
}

.cms .embed a,
.cms .embed img {
    display: block;
    width: 100%;
}

.cms .embed img {
    height: auto;
}

/* TinyMCE Content > Embeds > Gallery */
.cms .gallery {
    position: relative;
    overflow: hidden;
}

.cms .gallery .cycle-slideshow {
    max-height: 564px;
}

.cms .gallery .cycle-slideshow.not-ready .slide {
    opacity: 0;
}

.cms .gallery .prev,
.cms .gallery .next {
    top: 0;
    bottom: 0;
    width: 64px;
}

.cms .gallery .prev em,
.cms .gallery .next em {
    position: absolute;
    top: 50%;
    display: block;
    margin: -24px 8px 0 8px;
    border: 2px solid #fff;
    width: 48px;
    height: 48px;
    line-height: 40px;
    background-color: #000;
    background-color: rgba(0,0,0,.5);
    font-size: 48px;
    font-style: normal;
    color: #fff;
}

.cms .gallery .prev:hover > em,
.cms .gallery .next:hover > em {
    background-color: #0066b3;
    background-color: rgba(0,102,179,1);
}

.cms .gallery .slide {
    width: 100%;
    height: 100%;
}

.cms .gallery .slide img {
    display: block;
    margin: 0 auto;
    width: auto;
    max-width: 100%;
    height: 100%;
}

.cms .gallery .caption {
    padding-left: 38px;
    min-height: 16px;
}

.cms .sharedaddy {
    display: none;
}

/****
Forms
****/

/* Forms > Search Form */
.search-form {
    position: relative;
    border: 1px solid #ddd;
    height: 40px;
    background-color: #fff;
}

.search-form label {
    display: block;
    height: 40px;    
}

.search-form span {
    display: none;
}

.search-form .search-field,
.search-form .search-submit {
    position: absolute;
    top: 0;
    border: 0;
    height: 40px;
    background-color: transparent;
}

.search-form .search-field {
    left: 0;
    padding-left: 10px;
    padding-right: 40px;
    width: 100%;
    font-size: 20px;
}

.search-form .search-submit {
    right: 0;
    padding: 0;
    width: 40px;
    line-height: 0;
    font-size: 0;
    
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;    
}

.search-form .search-submit:before {
    content: '\f400';
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 20px;
    font-weight: bold;
    color: #666;
}

/* Forms > Contact Form */
.contact-form {
    margin-bottom: 20px;
}

.contact-form div {
    margin-bottom: 10px;
}

.contact-form label {
    min-height: 20px;
    line-height: 20px;
    font-weight: 400;
}

.contact-form input[type="text"],
.contact-form input[type="email"] {
    height: 40px;
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea {
    display: block;
    margin: 0 !important;
    padding: 10px;
    border: 1px solid #ccc;
    width: 100% !important;
    max-width: 100% !important;
    font-size: 14px;
}

.contact-form input[type="text"]:hover,
.contact-form input[type="email"]:hover,
.contact-form textarea:hover {
    border-color: #888;
}

.contact-form .contact-submit {
    text-align: right;
}

.contact-form .contact-submit input[type="submit"] {
    display: inline-block;
    padding: 5px 10px;
    border: 0;
    background-color: #0066b3;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
}

.contact-form .contact-submit input[type="submit"]:hover {
    background-color: transparent;
    color: #0066b3;
}

/****************************
Masthead, Navigation & Footer
****************************/

/* Masthead */
.masthead {
    z-index: 3000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid #ddd;
    width: 100%;
    height: 164px;
    overflow: hidden;
    background-color: #fff;
}

.single .masthead.off {
    border-color: #fff;
}

.admin-bar .masthead {
    top: 32px;
}

.masthead.wrapped {
    border: 0 none;

    -moz-box-shadow: 0 3px 3px -4px rgba(0,0,0,.5);
    -ms-box-shadow: 0 3px 3px -4px rgba(0,0,0,.5);
    -o-box-shadow: 0 3px 3px -4px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 3px 3px -4px rgba(0,0,0,.5);
    box-shadow: 0 3px 3px -4px rgba(0,0,0,.5);
}

/* Masthead > Services */
.masthead .services {
    border-bottom: 1px solid #eee;
    height: 32px;
}

.masthead .services .date {
    display: block;
    float: left;
    margin-right: 10px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    font-weight: 400;
}

.masthead .services .date strong {
    font-weight: 500;
    color: #0066b3;
}

/* Masthead > Services > Social */
.masthead .social {
    float: left;
    margin-right: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    height: 20px;
}

.masthead .social li {
    float: left;
    margin-right: 6px;
}

.masthead .social a {
    display: block;
    height: 20px;
}

.masthead .social span {
    padding: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
}

.masthead .social .social-label {
    display: none;
}

/* Masthead > Services > Navigation */
.masthead .services-bar {
    float: right;
    height: 32px;
    list-style: none;
}

.masthead .services-bar > li {
    float: left;
    margin-right: 15px;
}

.masthead .services-bar > li:last-child {
    margin-right: 0;
}

.masthead .services-bar > li > a {
    display: block;
    height: 32px;
    line-height: 32px;
    font-size: 13px;
    font-weight: 400;
    color: #333;
}

/* Masthead > Logo */
.masthead .logo {
    display: block;
    float: left;
    margin: 15px 20px 15px 0;
    max-width: 400px;
    height: 40px;
    text-align: center;
}

.masthead .logo img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}

/* Masthead > Search */
.masthead .search-form {
    margin-top: 15px;
    border: 0;
}

.masthead .search-form .search-field {
    border-bottom: 1px solid #eee;
    font-size: 15px;
}

.masthead .search-form:hover .search-field,
.masthead .search-form .search-field:focus {
    border-color: #000;
}

.masthead .help {
    display: none;
}

/* Navigation > All */
.navigation ul {
    list-style: none;
}

/* Navigation > Navigation Buttons */
.nav-button {
    z-index: 1000;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    padding-top: 12px;
    padding-bottom: 12px;
    width: 48px;
    height: 48px;
    background-color: #fff;
    font-size: 24px;
    text-align: center;
    color: #aaa;
}

.nav-button span {
    font-size: 24px;
}

.all-sections-btn {
    position: absolute;
    top: -5px;
    right: 10px;
    display: block;
    padding: 0 10px;
    height: 36px;
    line-height: 36px;
    background-color: transparent;
    font-size: 16px;
    font-weight: 500;
    color: #444;
}

.all-sections-btn:after {
    content: '\f419';
    display: block;
    float: right;
    margin-left: 10px;
    font-size: 16px;
}

.nav-button.on,
.all-sections-btn.on {
    background-color: #323232;
    color: #fff;
}

/* Navigation > Section Navigation (Top Level links) */
.section-navigation {
    position: relative;
    height: 62px;
    list-style: none;
}

.section-navigation > li {
    float: left;
    margin-right: 20px;
    height: 32px;
}

.section-navigation > li:last-child {
    margin-right: 0;
}

.section-navigation > li > a {
    z-index: 2;
    position: relative;
    display: block;
    height: 29px;
    line-height: 30px;
    font-weight: 600;
    font-size: 17px;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: #000;
}

.section-navigation .sub-menu {
    display: none;
    position: absolute;
    top: 30px;
    left: 0;
    border-top: 1px solid #eee;
    width: 100%;
    height: 32px;
}

.section-navigation .sub-menu:after {
    content: '';
    display: block;
    clear: both;
}

.section-navigation .sub-menu > li {
    display: none;
    float: left;
    margin: 7px 0;
    padding: 0 10px;
    border-right: 1px solid #eee;
}

.section-navigation .sub-menu > li:first-child {
    padding-left: 0;
}

.section-navigation .sub-menu > li:nth-child(-n+8) {
    display: block;
}

.section-navigation .sub-menu > li:last-child,
.section-navigation .sub-menu > li:nth-child(8) {
    border: 0;
}

.section-navigation .sub-menu > li > a {
    display: block;
    height: 16px;
    line-height: 16px;
    font-size: 15px;
    font-weight: 400;
    color: #000;
}

.section-navigation li a:hover {
    color: #0066b3;
}

/* Navigation > Section Navigation > Active Classes */
.section-navigation > .current-menu-ancestor > a,
.section-navigation > .current-menu-item > a {
    border-bottom: 2px solid #0066b3;
    color: #0066b3;    
}

.section-navigation > .current-menu-ancestor .sub-menu,
.section-navigation > .current-menu-item .sub-menu {
    display: block;
}

.section-navigation .sub-menu .current-menu-item > a {
    font-weight: 500;
    color: #0066b3;
}

/* Navigation > Full Navigation */
.nav-label {
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #555;
    line-height: 1;
    font-size: 11px;
    text-transform: uppercase;
    color: #aaa;
}

.full-navigation {
    z-index: 3000;
    position: fixed;
    top: 133px;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    background-color: #323232;
    background-color: rgba(50,50,50,.99);
    overflow: auto;
    opacity: 0;
    visibility: hidden;
}

.full-navigation .fallback {
    display: none;
}

.full-navigation.on {
    opacity: 1;
    visibility: visible;
}

.full-navigation a:hover {
    color: #999;
}

.full-navigation .nav-foot {
    clear: both;
    margin-top: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 3px solid #555;
}

.full-navigation .copyright {
    font-size: 12px;
    color: #bbb;
}

.full-navigation .copyright a {
    color: #fff;
}

/* Navigation > Full Navigation > Search bar */
.full-navigation .search-form {
    margin-top: 0;
    border: 0 none;
    background-color: #fff;
}

.full-navigation .search-form .search-field {
    z-index: 1001;
    font-size: 20px;
    color: #000;
}

.full-navigation .search-form .search-submit {
    z-index: 1002;
}

.full-navigation .search-form .search-submit:before {
    color: #000;
}

.full-navigation .help {
    display: none;
}

/* Navigation > Full Navigation > List */
.site-navigation {
    font-size: 20px;
    font-weight: 600;
}

.site-navigation li {
    line-height: 110%;
}

.site-navigation a {
    color: #fff;
}

.site-navigation > li {
    float: left;
    padding-bottom: 20px;
    padding-right: 20px;
    width: 33.333%;
}

.site-navigation > li:nth-child(4n) {
    clear: left;
}

.site-navigation > li > a {
    display: block;
    padding-bottom: 10px;
    border-bottom: 2px solid #555;
    font-weight: 600;
    font-size: 24px;
    letter-spacing: .025em;
    text-transform: uppercase;
}

.site-navigation .sub-menu {
    padding-top: 10px;
    padding-bottom: 10px;
}

.site-navigation .sub-menu > li {
    margin-bottom: 5px;
}

.site-navigation .sub-menu a {
    font-size: 18px;
    font-weight: 400;
}

.site-navigation .sub-menu .sub-menu {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0 0 0 10px;
}

.site-navigation .sub-menu .sub-menu > li {
    font-family: 'Arial', sans-serif;
    font-weight: normal;
}

.site-navigation .sub-menu .sub-menu > li a {
    font-size: 14px;
}

/* Navigation > Services */
.full-navigation .services li {
    float: left;
    width: 33.333%;
}

.full-navigation .services a {
    font-size: 14px;
    color: #fff;
}

/* Content */
.content {
    z-index: 2;
    position: relative;
    margin: 0 auto;
    width: 100%;
}

/* Footer */
.site-footer {
    z-index: 2;
    position: relative;
    padding-top: 20px;
    background-color: #6d6e71;    
}

.site-footer a {
    color: #fff;
}

.site-footer ul {
    list-style: none;
}

.site-footer ul:before {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    color: #ccc;
}

/* Footer > Social */
.site-footer .social:before {
    content: 'Follow us';
} 

.site-footer .social a {
    font-size: 13px;
    color: #fff;
}

.site-footer .social span {
    display: block;
    float: left;
    margin-right: 5px;
    padding: 0;
    background-color: transparent;
}

.site-footer .social .social-label {
    display: block;
}

.site-footer .social li {
    margin-top: 5px;
}

/* Footer > Footer links */
.footer-navigation ul {
    float: left;
    width: 50%;
}

.footer-navigation li {
    float: left;
    padding-left: 10px;
    border-left: 1px solid #888;
    width: 50%;
    line-height: 120%;
}

.footer-links:before {
    content: 'More Info';
}

.other-sites:before {
    content: 'DC Thomson Publishing';
}

.other-sites li {
    float: none;
}

.footer-navigation a {
    font-size: 12px;
}

/* Footer > Copyright */
.site-footer .copyright {
    margin-top: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #888;
    font-size: 13px;
    color: #bbb;
}

.copyright img {
    float: left;
    margin-right: 10px;
    width: 80px;
}

.terms {
    float: right;
    white-space: nowrap;
}

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

/* Blocks > All */
.block-title {
    font-size: 180%;
    color: #000;
}

.advertising + .block hr,
.carousel + .block hr,
.page-header + .block hr {
    display: none;
}

/* Blocks > Articles */
.article {
    position: relative;
}

.article .category {
    display: block;
    line-height: 1;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: .04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.article .thumbnail-link {
    display: block;
}

.article .article-title {
    display: block;
    clear: both;
    height: auto;
    line-height: 105%;
    font-size: 20px;
    font-weight: 500;
}

.article .article-title a {
    color: inherit;
}

.article .meta {
    line-height: 1;
}

.article .meta .byline {
    display: block;
    float: left;
}

.article .meta .byline {
    float: left;
    margin-right: 16px;
    font-family: 'Arial', sans-serif;
    font-size: 13px;
    font-style: normal;
    color: #aaa;
}

.article .meta .author {
    color: #fff;
}

.article .comment-count {
    float: left;
    margin-right: 10px;
}

.article .timestamp {
    display: inline;
    font-family: 'Arial', sans-serif;
    font-size: 13px;
    font-style: normal;
    color: #aaa;
}

.article .timestamp .stamp-update {
    display: none;
}

/* Blocks > Feature */
.feature .article .thumbnail .category {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px 10px 10px 0;
    background-color: #fff;
    color: #0066b3;
}

.feature .article .synopsis {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
}

.feature .article .synopsis .category {
    display: none;
}

.feature .article .article-title {
    color: #fff;
}

.feature .article .comment-count {
    color: #0066b3;
}

.feature .article .meta {
    margin-top: 10px;
}

.feature:first-child > .wrap {
    padding-top: 0;
    border-top: 0 none;
}

/* Blocks > Feature > Boxed */
.feature .box .article .thumbnail .category {
    padding: 10px;
    background-color: #003e73;
    background-color: rgba(0,62,115,.8);
    color: #fff;
    color: rgba(255,255,255,.6);
}

.feature .box .article .category:hover {
    color: #fff;
}

.feature .box .article .synopsis {
    padding: 10px;
    height: 110px;
    background-color: #003e73;
}

.feature .box .article .synopsis .category {
    padding: 0;
}

.feature .box .article .meta {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
}

/* Blocks > Feature > Full */
.feature .full .synopsis,
.feature .box .full .synopsis {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    padding: 20px;
    height: auto;
    line-height: 110%;
    background-color: #003e73;
    background-color: rgba(0,62,115,.8);
}

.feature .box .full .synopsis {
    height: auto;
}

.feature .full .synopsis .category {
    display: block;
}

.feature .full .category {
    position: static;
    padding: 0;
    background-color: transparent;
}

.feature .full .article-title {
    clear: both;
    margin: 10px 0;
    font-weight: 600;
}

.feature .full .meta,
.feature .box .full .meta {
    position: static;
}

/* Blocks > Feature > Boxed and Full (Shared) */
.feature .comment-count:hover {
    color: #000;
}

.feature .full .byline,
.feature .full .comment-count,
.feature .full .timestamp,
.feature .full .synopsis .category,
.feature .box .article .comment-count,
.feature .box .article .timestamp {
    color: #fff;
    color: rgba(255,255,255,.5);
}

.feature .full .comment-count:hover,
.feature .full .synopsis .category:hover,
.feature .box .article .comment-count:hover {
    color: #fff;
    color: rgba(255,255,255,1);    
}

/* Blocks > Feature > Grid layout */
.grid-pad {
    padding-top: 10px;
    padding-bottom: 10px;
}

.feature .grid-pad .article {
    padding: 10px;
}

.feature .grid-pad .top {
    width: 100%;
}

.feature .grid-pad .grid {
    float: left;
    width: 50%;    
}

.feature .grid:nth-of-type(2n + 1) {
    clear: left;
}

/* Blocks > Feature > Feature (Standard) */
.content > .standard:first-of-type hr {
    display: none;
}

.standard .block-title {
    margin-top: 20px;
}

.feature.standard .full .synopsis {
    bottom: 10px;
    left: 10px;
    right: 10px;
    padding: 10px;
}

.feature.standard .full .article-title {
    font-size: 180%;
}

/* Blocks > Feature > Feature (Large) */
.large .block-title {
    margin-top: 20px;
    margin-bottom: 20px;
}

.large .full .article-title {
    font-size: 220%;
}

/* Blocks > Section */
.content > .section:first-of-type hr {
    display: none;
}

.section .block-title {
    margin-top: 20px;
}

.section .article .comment-count {
    font-size: 14px;
}

/* Blocks > Carousel */
.carousel {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #f8f8f8;
    overflow: hidden;
}

.carousel .block-title {
    padding: 5px 32px 20px 32px;
    color: #0066b3;
}

.carousel .prev,
.carousel .next {
    z-index: 1001;
    top: 0;
    width: 32px;
    height: 32px;
    background-color: #0066b3;
    font-size: 32px;
    color: #fff;
}

.carousel .prev:hover,
.carousel .next:hover {
    background-color: #000;
    cursor: pointer;
}

.carousel .slideshow {
    display: block;
    min-height: 120px;
    overflow: visible !important;
}

.carousel .slideshow.off {
    height: 200px;
    background: url('../images/icons/loader_carousel.gif') center center no-repeat;
}

.carousel .slideshow.off .slide {
    display: none !important;
}

.carousel .slide {
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: top;
    opacity: .25;
}

.carousel .article-title {
    margin-top: 5px;
    margin-bottom: 5px;
    white-space: normal;
}

.carousel .sponsored {
    display: none;
}

/* Blocks > Carousel > Theme: Default */
.carousel .theme-default .article {
    padding-left: 90px;
}

.carousel .theme-default .thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 48px;
}

.carousel .theme-default .article-title {
    line-height: 115%;
    font-size: 18px;
    color: #000;
}

/* Blocks > Carousel > Theme: Image */
.carousel .theme-image .article {
    max-width: 320px;
}

.carousel .theme-image .thumbnail .category {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px 10px 10px 0;
    background-color: #f8f8f8;
}

.carousel .theme-image .synopsis {
    padding-top: 5px;
    width: 100%;
}

.carousel .theme-image .synopsis .category {
    display: none;
}

/* Blocks > Carousel > Theme: Text */
.carousel .theme-text .thumbnail {
    display: none;
}

/* Blocks > Sliding List */
.sliding-list {
    padding-top: 10px;
    padding-bottom: 10px;
}

.slider {
    position: relative;
}

.slider-wrap {
    position: relative;
    padding-left: 50px;
    padding-right: 50px;
    width: 100%;
}

.sliding-list .prev,
.sliding-list .next {
    position: absolute;
    top: 0;
    padding: 5px;
    background-color: #fff;
}

.sliding-list .prev:before,
.sliding-list .next:before {
    line-height: 32px;
    background-color: #eee;
    font-size: 32px;
    font-weight: normal;
    font-style: normal;
    text-align: center;
    color: #aaa;
}

.sliding-list .prev,
.sliding-list .next,
.sliding-list .prev:before,
.sliding-list .next:before {
    display: block;
    width: 32px;
    height: 32px;    
}

.sliding-list .prev:hover:before,
.sliding-list .next:hover:before {
    background-color: #0066b3;
    color: #fff;
    cursor: pointer;
}

.sliding-list a {
    display: block;
    padding-left: 8px;
    padding-right: 8px;
    margin-left: 5px;
    margin-right: 5px;    
    border: 1px solid #eee;
    line-height: 40px;
    background-color: #fafafa;
    font-size: 80%;
    color: #888;
}

.sliding-list a:hover {
    border-color: #aaa;        
    color: #333;        
}

.sliding-list.default,
.sliding-list ul,
.sliding-list a {
    height: 40px;
}

/* Blocks > Sliding List > Football Mode */
.sliding-list.football-mode,
.sliding-list.football-mode ul,
.sliding-list.football-mode a {
    height: 42px;
}

.football-mode a {
    position: relative;
    padding: 4px;
    height: 42px;
    line-height: 32px;
}

.football-mode a:before {
    content: '';
    display: block;
    float: left;
    margin-right: 8px;
    width: 32px;
    height: 32px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.sliding-list .aberdeen-fc:before {
    background-image: url(../images/icons/football/icon_aberdeen-fc.png);
}

.sliding-list .celtic-fc:before {
    background-image: url(../images/icons/football/icon_celtic-fc.png);
}

.sliding-list .dundee-fc:before {
    background-image: url(../images/icons/football/icon_dundee-fc.png);
}

.sliding-list .dundee-united:before {
    background-image: url(../images/icons/football/icon_dundee-united.png);
}

.sliding-list .raith-rovers-fc:before {
    background-image: url(../images/icons/football/icon_raith-rovers-fc.png);
}

.sliding-list .st-johnstone:before {
    background-image: url(../images/icons/football/icon_st-johnstone.png);
}

/************
Block Widgets
************/

/* Block Widgets */
.flexible {
    margin-top: 20px;
    margin-bottom: 20px;
}

.flexible .flexible-title {
    margin-bottom: 10px;
    line-height: 110%;
    font-size: 130%;
    font-weight: 600;
    color: #444;
}

.flexible .flexible-title a {
    color: inherit;
}

.boxed,
.PDS_Poll {
    padding: 10px;
    border-top: 4px solid #ddd;
    background-color: #f8f8f8;
}

/* Block Widgets > Collections */
.collection .cycle-slideshow {
    margin-bottom: 10px;
    min-height: 48px;
}

.collection .article {
    display: none;
    padding-left: 90px;
    padding-bottom: 0;
    width: 100%;
    background-color: transparent;
}

.collection .article .article-title {
    color: #000;
}

.collection .article .thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 80px;
    height: 48px;
}

.collection .article .timestamp {
    float: none;
}

.collection .article .sharedaddy {
    display: none;
}

.collection .article p {
    margin-top: 10px;
    line-height: 110%;
    font-size: 12px;
}

.collection nav {
    position: relative;
    padding-top: 10px;
    border-top: 1px solid #ddd;
}

.collection .prev,
.collection .next {
    position: absolute;
    top: 10px;
    display: block;
    width: 20px;
    height: 20px;
    line-height: 16px;
    font-size: 24px;
    font-weight: bold;
}

.collection .prev:hover,
.collection .next:hover {
    color: #0066b3;
}

.collection .pager {
    padding-left: 20px;
    padding-right: 20px;
    height: 20px;
    text-align: center;
}

.collection .pager span {
    display: inline-block;
    margin: 3px;
    width: 10px;
    height: 10px;
    background-color: #ccc;
    text-indent: -9999em;
    overflow: hidden;
}

.collection .pager .cycle-pager-active {
    background-color: #0066b3;
}

/* Block Widgets > Events */
.event-calendar p {
    line-height: 100%;
    font-size: 13px;
}

/* Block Widgets > Latest Posts */
.latest-posts ul {
    list-style: none;
    text-align: left;
}

.latest-posts li {
    position: relative;
    padding: 10px 10px 10px 90px;
    border-bottom: 1px solid #eee;
    min-height: 48px;
    line-height: 1;
}

.latest-posts li:last-child {
    border-bottom: 0;
}

.latest-posts .list-thumb {
    position: absolute;
    top: 10px;
    left: 0;
    display: block;
    width: 80px;
    height: 48px;
    background-color: #eee;
    text-align: center;
}

.latest-posts h3 a {
    display: block;
    line-height: 110%;
    font-size: 16px;
    font-weight: 400;
    color: #000;
}

.latest-posts h3 a:hover {
    text-decoration: underline;
}

.latest-posts .date {
    display: inline-block;
    font-size: 12px;
    color: #aaa;    
}

.latest-posts .view-more {
    text-align: center;
}

.latest-posts .view-more a {
    display: inline-block;
    padding: 10px;
    line-height: 20px;
    text-transform: uppercase;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    color: #0066b3;
}

/* Block Widgets > Latest Posts > Slim UI */
.latest-posts .boxed ul {
    max-height: 260px;
    background-color: #fff;
    overflow-y: scroll;
}

.latest-posts .boxed li {
    padding: 7px 10px;
    min-height: 20px;
}

.latest-posts .boxed h3 a {
    display: inline;
}

/* Block Widgets > Most Read */
.most-read-tabs {
    position: relative;
    height: 30px;
}

.most-read-tabs > li {
    position: absolute;
    min-width: 48%;
}

.most-read-tabs .tab-read {
    left: 0;
}

.most-read-tabs .tab-commented {
    right: 0;
}

.most-read-tabs a {
    position: relative;
    display: block;
    padding: 8px 10px;
    line-height: 1;
    background-color: #e6e6e6;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
}

.most-read-tabs .active a {
    background-color: #0066b3;
    color: #fff;
}

.most-read-tabs .active a:after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 50%;
    display: block;
    margin-left: -6px;
    width: 12px;
    height: 12px;
    background-color: #0066b3;
}

.most-read-content {
    min-height: 40px;
    background-color: #fff;
}

.most-read ol {
    display: none;
    counter-reset: list-counter;
}

.most-read ol.active {
    display: block;
}

.most-read ol li {
    position: relative;
    padding: 10px 10px 10px 40px;
    border-bottom: 1px solid #eee;
}

.most-read ol li:last-child {
    border: 0 none;
}

.most-read ol > li {
    counter-increment: list-counter;
}

.most-read ol li:before {
    content: counter(list-counter);
    position: absolute;
    top: 10px;
    left: 10px;
    display: block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    color: #0066b3;
}

.most-read .no-posts li {
    padding: 10px;
    line-height: 18px;
    font-size: 13px;
    text-align: center;
    color: #888;
}

.most-read .no-posts li span {
    font-size: 16px;
}

.most-read .no-posts li:before {
    content: '';    
}

.most-read .post-link {
    display: block;
    line-height: 110%;
    font-size: 16px;
    color: #000;
}

.most-read .post-link {
    float: left;
}

.most-read .post-link:hover {
    text-decoration: underline;
}

.most-read ul,
.most-read ol {
    list-style: none;
}

/* Block Widgets > Most Read > Most Commented */
.list-most-commented .comment-count {
    display: block;
    float: left;
    margin-left: 4px;
    font-size: 16px;
}

.list-most-commented .comment-count strong {
    font-size: 14px;
}

/* Block Widgets > Most Read > Shared CSS */
.list-most-shared li,
.list-most-commented li {
    padding: 10px 40px;
}

/* Block Widgets > Promotions */
.promotion a {
    margin: 0 auto;
    width: 300px;
}

.promotion a,
.promotion a img {
    display: block;
}

/* Block Widgets > Textbox */
.flexible .cms h1 {
    font-size: 160%;
}

.flexible .cms h2 {
    font-size: 120%;
}

.flexible .cms h3,
.flexible .cms h4,
.flexible .cms h5,
.flexible .cms h6 {
    font-size: 100%;
}

.flexible .cms blockquote {
    font-size: 120%;
}

.flexible .cms .wp-caption {
    margin-top: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.flexible .cms .wp-caption p {
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 13px;
    color: #888;
}

.flexible .cms .wp-caption,
.flexible .cms .wp-caption img {
    max-width: 100%;
}

.flexible .cms .wp-caption a,
.flexible .cms .wp-caption img {
    display: block;
    height: auto;
}


/* Block Widgets > Weather */
.openweather-widget {
    position: relative;
    margin: 0;
    padding: 0 0 32px 70px;
    height: 80px;
}

.openweather-widget .weather-location {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 32px;
}

.weather-location select {
    margin: 0;
    border: 1px solid #ccc;
    width: 100%;
    height: 32px;
    line-height: 32px;
}

.ow-type {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 64px;
    height: 64px;
}

.widget-wind {
    float: none;
    width: 100%;
    height: 64px;
    line-height: 64px;
    text-align: left;
}

.ow-temp {
    float: left;
    margin: 0;
    line-height: inherit;
    font-weight: bold;
}

.ow-windspeed {
    position: relative;
    float: right;
    padding-left: 36px;
}

.ow-windspeed span {
    display: block;
    float: none;
    line-height: inherit;
    font-size: 16px;
    font-weight: 600;
}

.wind-arrow {
    position: absolute;
    top: 16px;
    left: 0;
    display: block;
    padding-top: 32px;
    width: 32px;
    height: 0;
    background: url(../images/icons/icon_compass.png) center center no-repeat;
}

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

/* Template Parts > List view */
.list-layout {
    min-height: 1px;
}

.list-layout .column {
    padding-left: 0;
    padding-right: 0;
}

.list-layout .article {
    padding: 20px 0 20px 160px;
    border-bottom: 1px solid #ddd;
    width: 100%;
    min-height: 124px;
}

.list-layout .article:first-child {
    clear: both;
}

.list-layout .article:last-child {
    border-bottom: 0;
}

.list-layout .article .thumbnail {
    top: 20px;
    width: 140px;
    height: 84px;
}

/* Template Parts > Grid view */
.grid-layout {
    padding-bottom: 10px;
}

.grid-layout .article {
    float: left;
    padding: 20px 20px 20px 90px;
    width: 50%;
    min-height: 68px;
}

.grid-layout .article .thumbnail {
    top: 20px;
    width: 80px;
    height: 48px;
}

.grid-layout .article:nth-child(2n+1) {
    clear: left;
}

/* Template Parts > List and Grid views */
.grid-layout .column:last-child,
.list-layout .column:last-child {
    border-width: 0;
}

.list-layout .article .thumbnail,
.grid-layout .article .thumbnail {
    position: absolute;
    left: 0;
}

.list-layout .sponsored,
.grid-layout .sponsored {
    margin-right: 8px;
}

.list-layout .sponsored + .category,
.grid-layout .sponsored + .category {
    line-height: 20px;
}

.list-layout .article-title,
.grid-layout .article-title {
    margin-top: 5px;
    margin-bottom: 5px;
    color: #000;
}

.no-thumb .list-layout .article,
.no-thumb .grid-layout .article {
    padding-left: 0;
    min-height: 0;
}

.no-thumb .list-layout .thumbnail,
.no-thumb .grid-layout .thumbnail {
    display: none;
}

/****
Posts
****/

/* Post > Header */
.single .meta-wrap {
    clear: both;
    padding-top: 10px;
    padding-bottom: 10px;    
    border-top: 1px solid #eee;    
}

.single .post-header .sponsored-tag {
    display: inline-block;
}

.single .post-header .sponsored-tag .sponsored {
    margin: 0;
}

.single .post-header .article-title {
    clear: both;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 100%;
    font-size: 275%;
    font-weight: 600;
    color: #000;
}

/* Post > Header > Byline */
.single .byline {
    float: left;
    margin-right: 20px;
    height: 32px;
    line-height: 32px;
}

.single .byline a {
    position: relative;
    display: block;
    float: left;
    padding-left: 40px;
    height: inherit;
    line-height: inherit;
}

.byline-info {
    white-space: nowrap;
}

.single .byline-info {
    color: #aaa;
}

.single .byline-pic {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 32px;
    height: 32px;
}

.single .byline .author {
    font-weight: 600;
    text-transform: none;
    color: #111;
}

.single .byline > a .author {
    color: #0066b3;
}

.single .byline > a .author:hover {
    color: #000;
}

.single .comment-count {
    float: right;
    line-height: 32px;
    font-size: 16px;
}

.single .comment-count span {
    margin-top: 6px;
}

/* Post > Header > Timestamp */
.single .post-header .timestamp {
    position: relative;
    display: block;
    float: left;
    line-height: 32px;
    font-size: 15px;
    font-weight: 400;
}

.single .post-header .timestamp.updated:before {
    content: '\f303';
    display: block;
    float: left;
    color: #999;
}

.single .post-header .timestamp .stamp-update {
    display: block;
    white-space: nowrap;
    font-size: 14px;      
}

/* Post > Header > Next Post */
.next-post {
    display: block;
    float: right;
    padding: 5px 10px;
    border: 1px solid #ccc;
    height: 32px;
    line-height: 22px;
    background-color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .025em;
    text-transform: uppercase;
    color: #0066b3;
}

.next-post:hover {
    border-color: #888;
    color: #444;
}

/* Post > Thumbnails */
.single .content-wrap .thumbnail,
.page .thumbnail {
    position: relative;
}

.single .content-wrap .thumbnail img,
.page .thumbnail img {
    display: block;
    width: 100%;
    height: auto;
}

.single .content-wrap .no-thumb,
.page .no-thumb {
    display: none;
}

/* Post > Related Posts */
.related-posts {
    z-index: 2;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 30px;
}

.related-posts .title {
    border-bottom: 2px solid #eee;
    font-size: 24px;
    font-weight: 600;
    color: #0066b3;
}

.related-posts ul {
    list-style: none;
}

.related-posts li {
    margin-top: 15px;
}

.related-posts a {
    display: inline-block;
    line-height: 110%;
    font-size: 18px;
}

/* Post > Tags */
.tags {
    padding-top: 20px;
    padding-bottom: 20px;
}

.tags strong {
    display: block;
    float: left;
    padding-top: 4px;
    padding-bottom: 4px;
    height: 16px;
    line-height: 16px;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}

.tags ul {
    float: left;
    margin-left: 10px;
    list-style: none;
}

.tags li {
    float: left;
    margin-bottom: 5px;
    margin-right: 5px;
}

.tags a {
    display: block;
    padding: 0 6px;
    height: 24px;
    line-height: 24px;
    background-color: #0066b3;
    font-size: 14px;
    color: #fff;
}

.tags a:hover {      
    background-color: transparent;
    color: #0066b3;
}

/* Post > Editors' Picks */
.editors-picks {
    border-top: 1px solid #ddd;
    background-color: #fafafa;  
}

.editors-picks .section-title {
    margin-top: 20px;
    line-height: 100%;
    font-size: 140%;
    font-weight: 600;
    color: #0066b3;
}

.editors-picks .grid-pad .grid {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

/* Post > Sharing Bar */
.sharing-bar {
    z-index: 2000;
    position: fixed;
    top: -120px;
    left: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    background-color: #0066b3;
    background-color: rgba(0,102,179,.9);
}

.sharing-bar .title {
    line-height: 120%;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
}

.sharing-bar .column {
    min-height: 32px;
}

.sharing-bar .next-post {
    border: 0;
}

.sharing-bar .next-post:hover {
    color: #000;
}

/* Post: Featured Post */
.featured-post .post-header {
    position: relative;
}

.featured-post .article-navigation {
    padding-top: 8px;
}

.featured-post .post-header .article-title {
    line-height: 100%;
    font-weight: 200;
    font-size: 300%;
    color: #000;
}

.featured-post .thumbnail {
    background-color: #000;
}

.featured-post .thumbnail img {
    display: block;
    width: 100%;    
}

.featured-post .byline a {
    padding-left: 60px;
    height: 48px;
    line-height: 48px;
}

.featured-post .byline-pic {
    width: 48px;
    height: 48px;
}

.featured-post .byline-info {
    padding-top: 12px;
    font-size: 16px;
}

.featured-post .post-header .timestamp {
    line-height: 48px;
}

.featured-post .post-header .timestamp .stamp-update {
    bottom: -12px;
}

.featured-post .comment-count {
    margin-top: 8px;
    margin-bottom: 8px;
}

.featured-post .sidebar > .widget:first-of-type > .widget-title {
    border-top: 0;
}

/************************************************
Post Formats: Gallery, Image, Video, Aside, Quote 
************************************************/

/* Post Format: All formats */
.format-all .meta {
    margin-bottom: 20px;
}

.format-all .post-header .sponsored-tag {
    margin-top: 0;
    margin-bottom: 20px;
}

.format-all .post-header .article-title {
    margin-top: 0;
    font-size: 200%;
}

.format-all .byline {
    float: none;
}

.format-all .byline.full a {
    float: none;
    padding-right: 0;
}

/* Post Format: Gallery */
.format-gallery .cms > .gallery {
    margin-top: 0;
}

/* Post Format: Image */
.format-image .thumbnail {
    margin-bottom: 20px;
}

.format-image .cms > .embed {
    margin-top: 0;
}

/* Post Format: Video */
.format-video .video-ratio {
    margin-bottom: 20px;
}

/************************
Page Templates: All Pages
************************/

.page-header {
    margin-bottom: 20px;
}

/* Page Template: All Pages > Pagination */
.pagination {
    clear: both;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

.pagination > .screen-reader-text {
    display: none;
}

.pagination .page-numbers {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    color: #000;
}

.pagination .page-numbers.prev,
.pagination .page-numbers.next {
    margin: 0;
    padding: 0;
    width: auto;
    font-size: 20px;
}

.pagination .page-numbers.prev {
    left: 10px;
}

.pagination .page-numbers.next {
    right: 10px;
}

.pagination .current {
    background-color: #000;
    font-weight: 600;
    color: #fff;
}

.pagination .meta-nav {
    display: none;
}

/*********************
Page Template: Archive
*********************/

.infinity .category {
    display: none;
}

.infinity .article-title {
    margin-top: 0;
}

.infinite-wrap .article:last-child {
    border-bottom: 1px solid #ddd;
}

/********************
Page Template: Search
********************/

.search .search-term {
    color: #0066b3;
}

.default-search .search-form,
.default-search p + p {
    margin-bottom: 20px;
}

/***************************
Page Template: ElasticSearch
***************************/

.elas-search .search-box {
    margin-bottom: 20px;
}

.elas-search .search-form {
    margin: 0;
}

.elas-search .zero-results .search-form {
    margin-top: 20px;
}

.elas-search .aggregations .title {
    font-weight: 600;
    text-transform: uppercase;
    color: #0066b3;
}

.elas-search .aggregations label {
    font-size: 12px;
}

.elas-search .sort-results-control {
    margin-bottom: 20px;
}

.elas-search .sort-results-control select {
    padding: 0 4px;
    width: 100%;
    height: 32px;
}

.elas-search .aggregations ul {
    margin-top: 10px;
    margin-bottom: 10px;
    list-style: none;
    font-size: 13px;
}

.elas-search .aggregations .remove-icon {
    display: inline-block;
    padding: 0 6px;
    height: 20px;
    line-height: 20px;
    background-color: #eee;
    color: #888;
}

.elas-search .aggregations ul .remove-icon:hover {
    background-color: #0066b3;
    color: #fff;
}

.elas-search .aggregations .aggregation-title {
    display: block;
    border-bottom: 1px solid #eee;
    font-weight: bold;
}

.elas-search .aggregations .additional-info {
    display: inline-block;
    font-weight: bold;
}

.elas-search .aggregations .additional-info .doc-count {
    vertical-align: super;
    font-size: 85%;
}

.elas-search .results .search-title {
    padding-bottom: 10px;
    line-height: 120%;
    font-size: 24px;
}

.elas-search .results .search-title strong {
    font-weight: 600;
    color: #0066b3;
}

.filter-btn {
    margin: 20px auto;
    padding: 10px;
    border: 0 none;
    width: 200px;
    height: 40px;
    line-height: 20px;
    background-color: #0066b3;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    letter-spacing: .025em;
    color: #fff;
}

.filter-btn:before {
    content: '\f510';
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 20px;
}

.filter-btn.on:before {
    content: '\f50e';
}

/********************
Page Template: Author
********************/

.author-box {
    position: relative;
    padding: 20px 0 20px 60px;
}

.author-box .byline-pic {
    position: absolute;
    top: 20px;
    left: 0;
    width: 48px;
    height: 48px;
}

.author-box .author-title {
    float: left;
    padding-top: 10px;
    line-height: 100%;
    font-size: 28px;
    font-weight: 600;
    color: #0066b3;
}

.author-box .author-title + .author-meta {
    margin-left: 10px;
}

.author-box .author-meta {
    float: left;
    padding: 14px;
    list-style: none;
}

.author-box .author-meta li {
    float: left;
    margin-right: 10px;
    height: 20px;
}

.author-box .author-meta a {
    font-size: 20px;
}

.author-box .author-meta span {
    font-size: inherit;
    color: #666;
}

.author-box .email:hover > span,
.author-box .web:hover > span {
    color: #000;
}

.author-box .fb:hover > span {
    color: #3b5998;
}

.author-box .tw:hover > span {
    color: #00aced;
}

.author-box .gp:hover > span {
    color: #dd4b39;
}

/* Author > Bio */
.author-bio-button {
    float: right;
    padding: 3px 5px 3px 2px;
    border: 1px solid #ddd;
    font-size: 14px;
}

.author-bio-button.on {
    border-color: #888;
    background-color: #888;
    color: #fff;
}

.author-bio-button span {
    font-size: 20px;
}

.author-bio {
    clear: both;
    position: relative;
    padding-left: 40px;
    max-height: 0;
    line-height: 130%;
    overflow: hidden;
    font-style: italic;
}

.author-bio.on {
    max-height: 200px;
    min-height: 30px;
}

.author-bio:before {
    top: 0;
    font-style: normal;
    color: #ddd;
}

/*************************
Page Template: Attachments
*************************/

.image-navigation a {
    display: block;
    line-height: 32px;
    font-size: 17px;
}

.image-navigation .img-prev {
    float: left;
}

.image-navigation .img-next {
    float: right;
}

.image-navigation .img-prev a:before,
.image-navigation .img-next a:after {
    display: block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    background-color: #0066b3;
    font-weight: bold;
    font-size: 32px;
    text-align: center;
    color: #fff;
}

.image-navigation .img-prev a:before {
    content: '\f430';
    float: left;
    margin-right: 8px;
}

.image-navigation .img-next a:after {
    content: '\f429';
    float: right;
    margin-left: 8px;
}

.image-navigation a:hover:before,
.image-navigation a:hover:after {
    background-color: #000;
}

.image-attachment {
    display: inline-block;
    margin: 20px 0;
    width: auto;
    max-width: 100%;
    text-align: center;
}

.image-attachment img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
}

/*******
Comments
*******/

#comments {
    margin-bottom: 20px;
    width: 100% !important;
}

/* Comments > Closed Comments */
.no-comments {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px dashed #ddd;
    text-align: center;
    color: #aaa;
}

.no-comments span {
    font-size: 20px;
}

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

.widget {
    margin-bottom: 20px;
    text-align: center;
}

.widget-title {
    padding-top: 20px;
    padding-bottom: 10px;
    border-top: 4px solid #ddd;
    line-height: 100%;
    font-size: 130%;
    font-weight: 600;
    text-align: left;
    color: #444;    
}

.widget-title strong {
    font-weight: 600;
    color: #0066b3;
}

.widget p {
    text-align: left;
}

/* Widgets > DFP */
.widget.widget_dfp_widget {
    margin: 0 auto;
    width: 300px;
}

.widget.widget_dfp_widget > div[rel="advert"] {
    margin-bottom: 20px;
}

.featured-post .widget.widget_dfp_widget > div[rel="advert"] {
    margin-top: 20px;
}

/* Widgets > Latest News */
.news-list ul {
    list-style: none;
    text-align: left;
}

.news-list li {
    position: relative;
    padding: 10px 0 10px 90px;
    border-bottom: 1px solid #ddd;
    min-height: 48px;
}

.news-list li:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.news-list .news-list-image {
    position: absolute;
    top: 10px;
    left: 0;
    display: block;
    width: 80px;
    height: 48px;
    background-color: #eee;
}

.news-list h3 {
    line-height: 110%;
    font-size: 16px;
    font-weight: 400;
}

.news-list h3 a {
    color: #000;
}

.news-list .date {
    display: inline-block;
    font-size: 12px;
    color: #aaa;
}

/* Widgets > Image */
.widget.widget_sp_image a {
    display: block;
}

.widget.widget_sp_image img {
    max-width: 300px !important;
    height: auto !important;
}

/* Widgets > Cascading */
.widget.widget_dfp_widget + .widget .widget-title,
.widget.widget_sp_image + .widget .widget-title {
    padding-top: 0;
    border-top: 0;
}

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

.ad-wrap {
    text-align: center;
}

.dfp-ad {
    margin: 0 auto;
}

.dfp-ad.empty {
    margin-bottom: 0;
}

.leaderboard.show-lg .dfp-ad,
.leaderboard.show-md .dfp-ad {
    margin-top: 10px;
    margin-bottom: 10px;
    min-width: 728px;
    max-width: 970px;
    min-height: 90px;
    max-height: 250px;
}

.leaderboard.show-sm .dfp-ad {
    width: 320px;
    height: 50px;
}

.mpu {
    margin: 0 auto;
    width: 300px;
}

.mpu .dfp-ad {
    outline: 1px solid #eee;
    width: 300px;
    min-height: 250px;
    max-height: 600px;
}

.leaderboard-mpu {
    margin: 0 auto;
    min-width: 300px;
    max-width: 320px;
    min-height: 50px;
    max-height: 250px;
}

.cms .dfp-ad {
    clear: both;
    margin: 20px auto;
    width: 300px;
}

.cms .dfp-ad:before {
    content: 'Advertisement';
    display: block;
    padding-top: 4px;
    padding-bottom: 4px;
    border-top: 1px solid #eee;
    background-color: #fafafa;
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
    color: #bbb;
}

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

.admin-bar .takeover {
    top: 32px;
}

.wpc-dfp-onebyone {
    height: 0 !important;
    overflow: hidden;
}

/************
Miscellaneous
************/

/* Miscellaneous > Breaking News bar */
.breaking-bar {
    z-index: 1000;
    position: fixed;
    bottom: -200px;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 100%;
    min-height: 80px;
    background-color: #e13232;
    background-color: rgba(225,50,50,.92);
    opacity: 0;
}

.breaking-bar.on {
    bottom: 0;
    opacity: 1;
}

.breaking-bar .column {
    position: relative;
}

.breaking-bar strong {
    display: block;
    margin-bottom: 10px;
    height: 20px;
    line-height: 20px;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
}

.breaking-bar strong .genericon {
    margin-right: 1px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 20px;
}

.breaking-bar .breaking-posts {
    padding-left: 1.5em;
    padding-right: 50px;
    list-style-type: square;
    color: #fff;
    color: rgba(255,255,255,.33);
}

.breaking-bar .breaking-title {
    margin-top: 10px;
    line-height: 110%;
    font-size: 20px;
}

.breaking-bar .breaking-title a,
.breaking-bar .error {
    font-weight: 400;
    color: #fff;
}

.breaking-bar .close {
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    margin-top: -16px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 32px;
    text-align: center;
    color: #fff;
}

.breaking-bar .breaking-title .close:hover {
    cursor: pointer;
}

/******
oEmbeds
******/

.featured-video,
.video-ratio {
    position: relative;
    padding-bottom: 60%;
    max-width: 100%;
    height: 0;
    overflow: hidden;
}

.featured-video iframe,
.video-ratio iframe {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}

/* Miscellaneous > Keyframes */
@keyframes fadeInOut {
    0% { color: rgba(255,255,255,1); }
    50% { color: rgba(255,255,255,0); }
    100% { color: rgba(255,255,255,1); }
}

/****************
Shortcodes
****************/

/* Shortcodes > Post Collections */
.post-collection {
    margin-bottom: 20px;
    width: 300px;
}

.post-collection.float-left {
    float: left;
    margin-right: 20px;
}

.post-collection.float-centre,
.post-collection.float-center {
    margin: 20px auto;
}

.post-collection.float-right {
    float: right;
    margin-left: 20px;
}

.post-collection .title {
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    line-height: 100%;
    font-size: 16px;
    font-weight: 600;
    color: #0066b3;
}

.post-collection ul {
    margin: 0;
    list-style: none;
    font-size: 13px;
}

.post-collection ul li {
    margin-bottom: 15px;
    line-height: 110%;
}

.post-collection ul li:last-child {
    border: 0 none;
}

.post-collection a {
    color: #555;
}

.post-collection a:hover {
    text-decoration: underline;
    color: #000;
}

/* Shortcodes > Talkholiday */
.talkholiday {
    display: block;
    margin: 0 auto;
}

/*************
Error Handling
*************/

/* Error Handling > Admin Notices */
.notice .message {
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid #f00;
    border-color: #f00;
    border-color: rgba(255,0,0,.3);
    background-color: #fcc;
    background-color: rgba(255,0,0,.025);
}

.notice .message-title {
    font-size: 18px;
    font-weight: 600;
    color: #a00;
}

.notice .message-title span {
    font-size: 24px;
}

.notice p {
    margin-bottom: 10px;
    line-height: 120%;
    font-size: 14px;
}

.notice .post-edit-link {
    display: inline-block;
    padding: 5px 8px;
    background-color: #0a0;
    font-size: 14px;
    color: #fff;
}

.notice .post-edit-link:before {
    content: '\f445';
    margin-right: 5px;
}

/* Error Handling > Help text */
.help {
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid #ececec;
    background-color: #fbfbfb;
}

.help small {
    display: block;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dashed #e0e0e0;
    font-size: 11px;
    text-transform: uppercase;
}

.help ul {
    margin-left: 1.5em;
    font-size: 14px;
}

.help-text {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 14px;
}

/*********
Shared CSS
*********/

/* Shared CSS > Border Radius */
.author-bio-button,
.cms dl,
.contact-form .contact-submit input[type="submit"],
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea,
.elas-search .aggregations .remove-icon,
.elas-search .sort-results-control select,
.filter-btn,
.help,
.latest-posts .view-more a,
.next-post,
.notice .message,
.notice .post-edit-link,
.single .post-header .timestamp .stamp-update,
.sliding-list a,
.sponsored,
.tags a,
.weather-location select {
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.breaking-bar strong:before,
.byline-pic,
.carousel .next,
.carousel .prev,
.cms .gallery .next em,
.cms .gallery .prev em,
.collection .pager span,
.image-navigation .img-prev a:before,
.image-navigation .img-next a:after,
.latest-posts .flexible-title:before,
.pagination .page-numbers,
.sliding-list .next:before,
.sliding-list .prev:before,
.social span {
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;    
}

/* Shared CSS > Box Sizing */
.all-sections-btn,
.breaking-bar,
.carousel .slide,
.carousel .theme-default .article,
.cms blockquote,
.cms .gallery .next em,
.cms .gallery .prev em,
.collection .article,
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea,
.feature .article .synopsis,
.feature .grid-pad .article,
.filter-btn,
.flexible .boxed,
.footer-navigation li,
.footer-navigation li,
.grid-layout .article,
.list-layout .article,
.masthead,
.masthead .services,
.nav-button,
.next-post,
.PDS_Poll,
.PDS_Poll .pds-vote-button,
.single .byline-info,
.post-collection,
.search-form,
.search-form .search-field,
.section-navigation .sub-menu,
.site-navigation li,
.slider-wrap,
.sliding-list a,
.tags a {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* Shared CSS > Transform */
.most-read-tabs .active a:after,
.single .post-header .timestamp .stamp-update:after {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.author-bio:before,
.cms blockquote:before,
.quote-icon {
    -moz-transform: rotateY(180deg);    
    -ms-transform: rotateY(180deg);    
    -o-transform: rotateY(180deg);    
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);    
}

/* Shared CSS > Transition */
.all-sections-btn,
.author-bio-button,
.block-title a,
.breaking-bar,
.carousel .slideshow,
.comment-count,
.full-navigation,
.image-navigation a,
.image-navigation a:before,
.image-navigation a:after,
.latest-posts .view-more a,
.masthead,
.masthead .search-form .search-field,
.nav-button,
.single .author,
.section-navigation > li > .sub-menu,
.section-title a,
.sharing-bar,
.single .post-header .timestamp .stamp-update,
.social span {
    -moz-transition: all ease .25s;
    -ms-transition: all ease .25s;
    -o-transition: all ease .25s;
    -webkit-transition: all ease .25s;
    transition: all ease .25s;
}

/* Shared CSS > Translate */
.content,
.full-navigation {
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);    
}

/* Shared CSS > Selection */
.carousel,
.gallery,
.navigation ul,
.thumbnail {
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

/* Shared CSS > Hover effects */
.article .article-title a:hover,
.article .synopsis .author:hover,
.breaking-bar .breaking-title a:hover,
.cms p a:hover,
.footer-navigation a:hover,
.news-list h3 a:hover,
.search .pagination a:hover,
.site-footer a:hover,
.site-navigation a:hover,
.services a:hover {
    text-decoration: underline;
    cursor: pointer;
}

.breaking-bar .close:hover,
.cms .gallery .next:hover,
.cms .gallery .prev:hover,
.collection .next:hover,
.collection .prev:hover,
.contact-form .contact-submit input[type="submit"]:hover,
.nav-button:hover,
.search-form .search-submit:hover {
    cursor: pointer;
}

/* Shared CSS > :after float clearing */
.article-navigation:after,
.author-box:after,
.author-box .author-meta:after,
.author-box .author-title:after,
.byline:after,
.clearfix:after,
.contact-form div:after,
.image-navigation:after,
.most-read ol li:after,
.section-navigation:after,
.widget-wind:after {
    content: '';
    display: block;
    clear: both;
}

/* Shared CSS > Block quotation */
.author-bio:before,
.cms blockquote:before {
    content: '\f106';
    display: block;
    position: absolute;
    left: 0;
    width: 32px;
    height: 32px;
    line-height: .8em;
    font-size: 32px;
}

/* Shared CSS > Format icons */
.carousel .theme-default .format-icon,
.collection .format-icon,
.grid-layout .format-icon,
.latest-posts .format-icon {
    padding: 4px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 16px;
}

/* Shared CSS > Loaders */
.cms .gallery .cycle-slideshow,
.video-ratio {
    background: #eee url(../images/icons/loader_video.gif) center center no-repeat;
}


/* Shared CSS > Block-level images */
.article .thumbnail img,
.byline-pic img,
.latest-posts .list-thumb img,
.news-list img {
    display: block;
    width: 100%;
    height: auto;    
    max-height: 100%;
}

/************
Media Queries
************/

/* Media Queries > Mobile */
@media only screen and (max-width: 767px) {
    
    .wrap {
        padding: 0;
    }    
    
    /* Global > Format icons */
    .format-icon,
    .list-layout .format-icon {
        padding: 4px;
        width: 16px;
        height: 16px;
        line-height: 16px;
        font-size: 16px;    
    }
    
    /* TinyMCE Content */
    .cms blockquote {
        padding-top: 10px;
        padding-bottom: 10px;
        width: 100%;
    }
    
    .cms blockquote .genericon {
        top: 10px;
    }
    
    /* Masthead */
    .masthead {
        height: 48px;
    }
    
    .admin-bar .masthead {
        top: 46px;
    }    
    
    .masthead .logo {
        margin-top: 9px;
        margin-bottom: 9px;
        width: 240px;
        height: 30px;
    }
    
    .masthead .social {
        display: none;
    }
    
    /* Navigation */  
    .full-navigation {
        top: 47px;
    }
    
    .admin-bar .full-navigation {
        top: 93px;
    }
    
    .site-navigation li {
        margin-bottom: 10px;
    }
    
    .site-navigation > li {
        float: none;
        padding-bottom: 0;
        padding-right: 0;
        width: 100%;
    }
    
    /* Navigation > Services */
    .full-navigation .services li {
        width: 100%;
    }
    
    .full-navigation .services li,
    .category-navigation:before,
    .category-navigation ul {
        float: none;
    }
    
    .category-navigation li {
        padding-top: 10px;
    }
    
    /* Footer */    
    .site-footer ul,
    .site-footer li {
        float: none;
        border: 0;
        width: auto;
    }
    
    .site-footer ul {
        margin-bottom: 20px;
    }
    
    .site-footer li {
        padding-left: 10px;
    }
    
    .site-footer .copyright {
        margin-top: 0;
    }
    
    .terms {
        display: block;
        float: none;
        margin-top: 10px;
    }
    
    /* Blocks > All */
    .block-title {
        font-size: 150%;
    }
    
    .article .article-title {
        font-size: 18px;
    }
    
    /* Blocks > Feature */
    .feature .article .synopsis,
    .feature .box .article .synopsis {
        height: auto;
    }
    
    .feature .article .meta,
    .feature .box .article .meta {
        position: static;
        margin: 0;
    }
    
    .feature .full .synopsis,
    .feature .box .full .synopsis {
        position: static;
        padding: 10px;
        background-color: #003e73;
    }    
    
    .feature .full .synopsis .article-title {
        font-size: 160%;
    }
    
    .feature .row-full {
        margin: 0;
    }
    
    .feature .grid-pad {
        padding-top: 0;
    }
    
    .feature .grid-pad .article.full {
        padding: 0;
    }
    
    .feature .grid-pad .grid {
        float: none;
        padding: 10px 0 10px 90px;
        border-bottom: 1px solid #ddd;
        width: 100%;
        min-height: 48px;
    } 
    
    .feature .grid-pad .grid:last-child {
        border-bottom: 0;
    }
    
    .feature .grid-pad .grid .thumbnail .category {
        display: none;
    }
    
    .feature .grid-pad .grid .synopsis .category {
        position: static;
        display: block;
        padding: 0;
        background-color: transparent;
        color: #0066b3;
    }
    
    .feature .grid-pad .grid .thumbnail {
        position: absolute;
        top: 10px;
        left: 0;
        width: 80px;
        height: 48px;
    }
    
    .feature .grid-pad .grid .synopsis {
        padding: 0;
        background-color: transparent;
    }
    
    .feature .grid-pad .grid .article-title {
        margin-top: 5px;
        margin-bottom: 5px;
        color: #000;
    }
    
    .feature .grid-pad .grid .timestamp {
        color: #aaa;
    }
    
    .feature .block-title {
        margin-top: 15px;
        margin-bottom: 15px;
    }    

    .full > .thumbnail img {
        min-height: 0;
    }
    
    /* Blocks > Section */
    .section .block-title {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    
    .section .article .article-title {
        line-height: 120%;
        font-size: 18px;
    }
    
    .section .row-full {
        margin: 0;
    }
    
    .feature .article .comment-count,
    .section .article .comment-count {
        display: none;
    }
    
    /* Blocks > Carousel */
    .carousel {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    .carousel .block-title {
        padding-left: 42px;
    }
    
    .carousel .slide.cycle-slide-active {
        opacity: 1;
    }
    
    .carousel .prev {
        left: 10px;
    }
    
    .carousel .next {
        right: 10px;
    }
    
    .carousel .article {
        margin: 0 auto;
        max-width: 320px;
    }    
    
    .carousel .theme-image {
        min-height: 320px;
    }        
    
    /* Block Widgets > Collections */ 
    .collection .article {
        padding-bottom: 0;
    }
    
    /* Block Widgets > Latest Posts */
    .latest-posts h3 a {
        line-height: 120%;
        font-size: 18px;
        font-weight: 500;
    }
    
    .latest-posts .view-more a {
        background-color: #0066b3;
        color: #fff;
    }
    
    /* Block Widgets > Sliding List */
    .sliding-list .prev:before,
    .sliding-list .next:before {
        background-color: #0066b3;
        color: #fff;
    }
    
    /* Template Parts */
    .list-layout .column,
    .grid-layout .column {
        padding-left: 0;
        padding-right: 0;
        height: auto;
    }
    
    .list-layout .article,
    .grid-layout .article {
        padding: 10px 0 10px 90px;
        border-bottom: 1px solid #ddd;
        width: 100%;
        height: auto;
        min-height: 68px;
    }
    
    .list-layout .article:last-child,
    .grid-layout .article:last-child {
        border-bottom: 0;
    }
    
    .list-layout .article .thumbnail,
    .grid-layout .article .thumbnail {
        top: 10px;
        width: 80px;
        height: 48px;
    }
    
    .grid-layout {
        padding-bottom: 0;
    }    
    
    /* Post */    
    .single .breadcrumb {
        float: none;
        margin-right: 0;
        height: auto;
    }
    
    .single .meta-wrap {
        border: 0 none;
    }
    
    .single .post-header .timestamp {
        float: none;
        clear: both;
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px;
    }
    
    .single .post-header .timestamp .stamp-update {
        position: static;
        padding: 0;
        background-color: transparent;
        opacity: 1;
        color: #999;
    }
    
    .single .post-header .timestamp .stamp-update:after {
        display: none;
    }
    
    .single .post-header .article-navigation {
        padding-top: 10px;
        border-top: 1px solid #eee;
    }
    
    /* Article > Byline > Full */    
    .single .post-header .article-title {
        font-size: 200%;
    }    
    
    .single .byline.full a {
        float: none;
        padding-right: 0;
    }
    
    .sharing-bar.on {
        top: 48px;
    }
    
    .admin-bar .sharing-bar.on {
        top: 94px;
    }
    
    /* Post > Right Column */
    .news-list h3 {
        font-size: 18px;
        font-weight: 500;
    }
    
    /* Post: Featured Post */    
    .featured-post .breadcrumb {
        margin-bottom: 0;
    }
    
    .featured-post .post-header .article-title {
        font-size: 200%;
    }
    
    /* Post Formats */
    .format-all .meta-wrap {
        border-top: 1px solid #eee;
    }
    
    /* Page */
    .page-title {
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 200%;
    }
    
    /* Page Template: Elastic Search */
    .elas-search .search-box {
        margin-top: 20px;
    }
    
    .elas-search .aggregations {
        display: none;
    }
    
    .elas-search .aggregations.on {
        display: block;
    }
    
    .elas-search .aggregations ul {
        font-size: 14px;
    }
    
    /* Page Template: Author */
    .author-box .author-title {
        float: none;
        font-size: 24px;
    }
    
    .author-box .author-title + .author-meta {
        margin-left: 0;
    }
    
    .author-box .author-meta {
        float: none;
        margin-top: 10px;
        padding: 0;
    }
    
    .author-bio-button,
    .author-bio {
        display: none;
    }
    
    /* Shortcodes > Post Collections */
    .post-collection.float-left,
    .post-collection.float-center,
    .post-collection.float-centre,
    .post-collection.float-right {
        float: none;
        margin: 0;
        padding: 20px;
        width: 100%;
    }
    
    .post-collection ul {
        font-size: 15px;
    }
}

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

    /* Masthead */    
    .masthead .services-bar {
        float: none;
    }
    
    .masthead.off {
        height: 102px;
    }
    
    /* Navigation */    
    .navigation-bar {
        overflow-y: scroll;
    }    
    
    .admin-bar .full-navigation {
        top: 165px;
    }
    
    /* Right Column */
    .sidebar {
        padding-bottom: 20px;
    }
    
    /* Blocks > Carousel */
    .carousel .slide.cycle-slide-active,
    .carousel .slide.cycle-slide-active + .slide {
        opacity: 1;
    }
    
    .carousel .theme-image {
        min-height: 300px;
    }    
    
    /* Blocks > Sliding List */
    .sliding-list .prev:before,
    .sliding-list .next:before {
        background-color: #0066b3;
        color: #fff;
    }
    
    /* Sharing Bar */
    .sharing-bar.on {
        top: 102px;
    }
    
    .admin-bar .sharing-bar.on {
        top: 134px;
    }
    
    /* Page */
    .page-title {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    
    /* Post > Timestamp */
    .single .post-header .timestamp .stamp-update {
        display: none;
    }
}

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

    .wrapped {
        margin: 0 auto;
        width: 980px;
    }    
    
    .wrapped .block {
        margin: 0 auto;
        width: 980px;
    }
    
    /* TinyMCE Content > Embeds > Images */
    .cms .embed.image a {
        position: relative;
        overflow: hidden;
    }

    .cms .embed.image a:after {
        content: '\f442';
        position: absolute;
        top: -32px;
        right: 0;
        display: block;
        width: 32px;
        height: 32px;
        line-height: 32px;
        background-color: #0066b3;
        font-size: 24px;
        text-align: center;
        color: #fff;

        -moz-transition: top ease-out .1s;
        -ms-transition: top ease-out .1s;
        -o-transition: top ease-out .1s;
        -webkit-transition: top ease-out .1s;
        transition: top ease-out .1s;
    }

    .cms .embed.image a:hover:after {
        top: 0;
    }    
    
    /* Forms > Contact Form */
    .contact-form label {
        float: left !important;
        margin: 0 !important;
        padding-top: 10px;
    }
    
    .contact-form input[type="text"],
    .contact-form input[type="email"],
    .contact-form textarea {
        float: right !important;
        width: 70% !important;        
    }    
    
    /* Masthead */
    .masthead.off {
        height: 102px;
        overflow: hidden;
    }
    
    /* Navigation */
    .admin-bar .full-navigation {
        top: 165px;
    }

    /* Blocks > Carousel */
    .wrapped .carousel {
        margin: 20px auto;
        border-top: 4px solid #ddd;
        width: 940px;
        background-color: #f8f8f8;
    }
    
    .wrapped .carousel .slideshow {
        overflow: hidden !important;
    }
    
    .wrapped .carousel .wrap {
        width: 100%;
    }
    
    .carousel .slideshow .cycle-slide-active,
    .carousel .slideshow .cycle-slide-active + .slide,
    .carousel .slideshow .cycle-slide-active + .slide + .slide {
        opacity: 1;
    }
    
    .carousel .theme-image {
        min-height: 300px;
    }    
    
    /* Block Widgets > Latest Posts */
    .latest-posts .view-more a:hover {
        color: #000;
    }
    
    /* Post > Timestamp */    
    .single .post-header .timestamp .stamp-update {
        z-index: 10;
        position: absolute;
        bottom: -20px;
        left: -1px;
        padding: 0 6px;
        height: 24px;
        line-height: 24px;
        background: #0066b3;
        opacity: 0;
        font-size: 14px;
        color: #fff;
    }

    .single .post-header .timestamp.updated:hover > .stamp-update {
        opacity: 1;
    }

    .single .post-header .timestamp .stamp-update:after {
        content: '';
        position: absolute;
        bottom: 21px;
        left: 5px;
        display: block;
        width: 6px;
        height: 6px;
        background-color: #0066b3;
    }    
    
    /* Article */    
    .cms .dfp-ad {
        margin-top: 20px;
        margin-bottom: 20px;
        width: 300px;
    }    
    
    /* Sharing Bar */
    .sharing-bar.on {
        top: 102px;
    }
    
    .admin-bar .sharing-bar.on {
        top: 134px;
    }
    
    /* Next Post */
    .next-post {
        color: #0066b3;
    }
    
    /* Shared CSS > Transitions */
    .breadcrumb a,
    .carousel .next,
    .carousel .prev,
    a.category,
    .category-navigation a,
    .cms .gallery .next em,
    .cms .gallery .prev em,
    .collection .next,
    .collection .prev,
    .contact-form input[type="text"],
    .contact-form input[type="email"],
    .contact-form .contact-submit input[type="submit"],
    .elas-search .aggregations ul .remove-icon,
    .feature > .article,
    .feature .top-article > .article,
    .feature .grid-pad .grid,
    .full-navigation a,
    .next-post,
    .related-posts a,
    .section-navigation a,
    .single .sharedaddy .sd-button,
    .sliding-list a,
    .sliding-list .next:before,
    .sliding-list .prev:before,
    .tags a,
    .takeover {
        -moz-transition: all ease .2s;
        -ms-transition: all ease .2s;
        -o-transition: all ease .2s;
        -webkit-transition: all ease .2s;
        transition: all ease .2s;        
    }
}