/**
 Theme Name: Catholic Herald
 Theme URI: http://www.catholicherald.co.uk
 Description: The new Catholic Herald theme.
 Version: 1.0.10
 Author: Anthony Casey, Barry Getty
 Author URI: http://www.interconnectit.com/
 Text Domain: icit_theme
 Tags: Theme, Tags
*/

/*------------------------------------*\
	RESET
*------------------------------------*/

/* A more considered reset; more of a restart...
by Harry of CSS Wizardy fame */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr,
a, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strong, sub, sup, tt, var,
b, u, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
}

article, aside, details, figcaption, figure, footer,
header, hgroup, menu, nav, section {
    display: block;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

strong, b, mark {
    font-weight: bold;
    font-style: inherit;
}

em, i, cite, q, address, dfn, var {
    font-style: italic;
    font-weight: inherit;
}

abbr[title], dfn[title] {
    cursor: help;
    border-bottom: 1px dotted;
}

ins {
    border-bottom: 1px solid;
}

a, u, ins {
    text-decoration: none;
}

del, s {
    text-decoration: line-through;
}

pre, code, samp, kbd {
    font-family: monospace;
}

small {
    font-size: 0.75em;
}

img {
    border: none;
    font-style: italic;
}

input,
select,
textarea {
    font: inherit;
}

/* End of the reset */

/* ------------
Global declarations and things
--------------- */

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}

/* Ye olde Clearfix */
.clearfix:after,
.analytic-item:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

/* Responsify all teh imagezs */
img,
.wp-caption {
    display: block;
    height: auto;
    max-width: 100%;
}

/* Link colours */
a {
}

a:link {
    color: #AF382E;
}

a:visited {
    color: #AF382E;
}

a:hover {
    color: #e00;
}

a:active {
    color: #f00;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-family: 'Droid Serif', 'Times New Roman', Georgia, Times, serif;
}

/* Design proper starts here */

.header {
    border-bottom: 1px solid #ccc;
    padding: 12px 5%;
    position: relative;
}

.masthead {
    width: 72.5%;
}

.masthead-fallback {
    display: none;
}

.masthead-container {
    display: block;
    height: 0;
    padding: 0 0 7% 0;
    position: relative;
}

.masthead svg {
    display: block;
    fill: #AF382E;
    height: 100%;
    position: absolute;
    width: 100%;
}

.nav-toggle {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 3%, #f5f5f5 22%, #eeeeee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%, #ffffff), color-stop(22%, #f5f5f5), color-stop(100%, #eeeeee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 3%, #f5f5f5 22%, #eeeeee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 3%, #f5f5f5 22%, #eeeeee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 3%, #f5f5f5 22%, #eeeeee 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 3%, #f5f5f5 22%, #eeeeee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); /* IE6-9 */
    border-radius: 4px;
    display: block;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    padding: 6px 21px 6px 6px;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    right: 5%;
    top: 6px;
    z-index: 20;
}

.nav-toggle:link {
    border: 1px solid #ddd;
    color: #009ee2;
}

.nav-toggle:visited {
    border: 1px solid #ddd;
    color: #009ee2;
}

.nav-toggle:after {
    background: transparent url('images/ch-glyph.svg') no-repeat center center;
    content: '';
    display: inline-block;
    height: 12px;
    margin: 0 0 0 3px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 12px;

    -webkit-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}

.nav-toggle.active:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.main-nav {
    display: none;
}

.main-mobile-menu,
.secondary-mobile-menu {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    list-style: none;
    text-align: right;
}

.main-mobile-menu {
    border-top: 1px solid #eee;
    margin-top: 12px;
}

.secondary-mobile-menu {
    margin-bottom: 18px;
}

.main-mobile-menu .menu-item,
.secondary-mobile-menu .menu-item {
    border-bottom: 1px solid #eee;
}

.main-mobile-menu .menu-item a,
.secondary-mobile-menu .menu-item a {
    display: block;
    padding: 9px 0;
}

.main-mobile-menu .menu-item a:link,
.secondary-mobile-menu .menu-item a:link {
    color: #999;
}

.main-mobile-menu .menu-item a:visited,
.secondary-mobile-menu .menu-item a:visited {
    color: #999;
}

.main-mobile-menu .menu-item a:hover,
.secondary-mobile-menu .menu-item a:hover {
    color: #999;
}

.main-mobile-menu .menu-item a:active,
.secondary-mobile-menu .menu-item a:active {
    color: #999;
}

.main-mobile-menu .menu-item a:focus,
.secondary-mobile-menu .menu-item a:focus {
    color: #999;
}

@media only screen and (min-width: 499px) {

    .nav-toggle {
        padding: 9px 21px 9px 6px;
    }

    .nav-toggle:after {
        background: transparent url('images/ch-glyph.svg') no-repeat center center;
        content: '';
        display: inline-block;
        height: 12px;
        margin: 0 0 0 3px;
        position: absolute;
        right: 5px;
        top: 8px;
        width: 12px;

        -webkit-transition: all .5s linear;
        -ms-transition: all .5s linear;
        -o-transition: all .5s linear;
        transition: all .5s linear;
    }
}

@media only screen and (min-width: 650px) {

    .header {
        border-bottom: none;
        border-top: 1px solid #ccc;
        padding: 0;
        margin: 30px 6% 0 6%;
    }

    .masthead {
        margin: 24px auto 0 auto;
        max-width: 750px;
        width: 85%;
    }

    .main-nav {
        display: block;
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 500;
    }

    .main-menu {
        list-style: none;
        padding: 3px 0 0 0;
        text-align: center;
    }

    .main-menu .menu-item {
        display: inline-block;
        font-size: 14px;
        margin: 3px 0 0;
    }

    .main-menu .menu-item a {
        display: block;
        padding: 3px 12px;
    }

    .main-menu .menu-item a:link {
        color: #999;
    }

    .main-menu .menu-item a:visited {
        color: #999;
    }

    .main-menu .menu-item a:hover {
        color: #c00;
    }

    .main-menu .menu-item a:active {
        color: #f00;
    }

    .main-menu .current-menu-item a:link {
        color: #666;
    }

    .main-menu .current-menu-item a:visited {
        color: #666;
    }

    .main-menu .current-menu-item a:hover {
        color: #c00;
    }

    .main-menu .current-menu-item a:active {
        color: #f00;
    }

    .nav-toggle {
        display: none;
    }

    .extra-nav {
        position: absolute;
        right: 5%;
        top: -34px;
    }

    .extra-menu .menu-item,
    .ads-link a,
    .jobs-link a {
        display: inline-block;
        font-size: 14px;
        font-weight: 500;
        padding: 0px 9px 9px 9px;
        /*position: relative;*/
        /*top: -2px;*/
    }

    .extra-menu .menu-item a:link,
    .ads-link a:link,
    .jobs-link a:link {
        color: #999;
        font-size: 12px;
    }

    .extra-menu .menu-item a:visited,
    .ads-link a:visited,
    .jobs-link a:visited {
        color: #999;
        font-size: 12px;
    }

    .sub-tag a {
        border: 2px solid #fff;
        border-radius: 0 0 6px 6px;
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
        display: inline-block;
        font-size: 14px;
        font-weight: 500;
        margin: 0 0 0 9px;
        padding: 12px 9px 12px 9px;
    }

    .extra-menu .sub-tag a:link {
        background: #009ee2;
        color: #fff;
    }

    .extra-menu .sub-tag a:visited {
        background: #009ee2;
        color: #fff;
    }

    .extra-menu .sub-tag a:hover {
        background: #AF382E;
        color: #fff;
    }

    .extra-menu .sub-tag a:active {
        background: #c00;
        color: #fff;
    }

}

@media only screen and (min-width: 760px) {

    .main-menu .menu-item {
        padding: 3px 0 3px 0;
    }

    .main-menu .menu-item a {
        padding: 3px 20px;
    }

}

@media only screen and (min-width: 1020px) {

    .main-menu .menu-item {
        font-size: 15px;
    }

    .main-menu .menu-item a {
        padding: 3px 18px;
    }

}

@media only screen and (min-width: 1149px) {

    .header {
        margin: 30px 8% 0 8%;
    }

    .masthead {
        margin: 36px auto 6px auto;
        max-width: 850px;
    }

    .main-menu .menu-item {
        font-size: 16px;
        font-weight: 500;
        margin: 0;
    }

    .main-menu .menu-item a {
        padding: 3px 24px;
    }

    .sub-tag a {
        border: 2px solid #fff;
        border-radius: 0 0 6px 6px;
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
        padding: 12px 9px 12px 9px;
    }

}

@media only screen and (min-width: 1449px) {

    .header {
        margin-left: auto;
        margin-right: auto;
        max-width: 1230px;
    }

}

.main-container {
    margin: 0 5%;
}

.small-section-title,
.article-category {
    border-bottom: 1px solid #ccc;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 900;
    line-height: 24px;
    margin: 18px 0 9px 0;
}

.article-title {
    font-family: 'PT Serif', 'Times New Roman', Times, serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 24px;
    margin: 9px 0 0 0;
}

.error404 .article-title {
    margin-bottom: 18px;
}

.article-meta {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 15px;
    margin: 6px 0 12px 0;
}

.article-author,
.article-date {
    display: inline;
}

@media only screen and (min-width: 550px) {

    .small-section-title,
    .article-category {
        font-size: 14px;
        line-height: 24px;
    }

    .article-title {
        font-size: 36px;
        line-height: 36px;
        margin: 12px 0 0 0;
    }

    .error404 .article-title {
        margin-bottom: 24px;
    }

    .article-meta {
        font-size: 14px;
        margin: 9px 0 18px 0;
    }

}

@media only screen and (min-width: 650px) {

    .article-category {
        margin: 0px 0 12px 0;
    }

    .single .article-category,
    .page .article-category,
    .error404 .article-category {
        margin: 30px 0 12px 0;
    }

    .archive .header,
    .search .header {
        margin-bottom: 30px;
    }

}

@media only screen and (min-width: 760px) {

    .article-title {
        font-size: 48px;
        line-height: 48px;
        margin: 18px 0 0 0;
    }

    .archive .header,
    .search .header {
        margin-bottom: 36px;
    }

}

@media only screen and (min-width: 1020px) {

    .article-header {
        padding: 0 0 30px 0;
        position: relative;
    }

    .single .article-category,
    .page .article-category,
    .error404 .article-category {
        margin: 42px 0 0px 0;
    }

    .archive .header,
    .search .header {
        margin-bottom: 48px;
    }

    .article-title {
        display: inline-block;
        line-height: 54px;
        margin: 30px 0 0 0;
        width: 77%;
    }

    .error404 .article-title {
        margin-bottom: 0px;
    }

    .article-meta {
        color: #555;
        font-size: 14px;
        display: inline-block;
        line-height: 18px;
        margin: 0;
        padding: 0 0 6px 0;
        position: relative;
        text-align: right;
        vertical-align: bottom;
        width: 22%;
        right: -5px;
    }

    .article-author,
    .article-date {
        display: block;
    }

}

@media only screen and (min-width: 1149px) {

    .main-container {
        margin: 0 8%;
    }

    .article-category {
        font-size: 18px;
        line-height: 36px;
    }

    .single .article-category,
    .page .article-category,
    .error404 .article-category {
        margin: 48px 0 0px 0;
    }

}

@media only screen and (min-width: 1449px) {

    .archive .header,
    .search .header {
        margin-bottom: 66px;
    }

    .main-container {
        margin-left: auto;
        margin-right: auto;
        max-width: 1230px;
    }

    .single .article-category,
    .page .article-category,
    .error404 .article-category {
        margin: 60px 0 0px 0;
    }

    .article-header {
        padding: 0 0 36px 0;
        position: relative;
    }

    .article-title {
        font-size: 54px;
        line-height: 60px;
        margin: 36px 0 0 0;
    }

    .article-meta {
        font-size: 16px;
        line-height: 21px;
    }

    .article-category {
        line-height: 36px;
        margin: 0 0 12px 0;
    }

}

.article-featured {
    margin: 0 0 18px 0;
}

.featured-caption {
    border-bottom: 1px solid #ccc;
    color: #999;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: italic;
    line-height: 15px;
    padding: 6px 0;
}

@media only screen and (min-width: 550px) {

    .article-featured {
        margin: 0 0 24px 0;
    }

    .featured-image {
        max-width: none;
        width: 100%;
    }

    .featured-caption {
        font-size: 12px;
        line-height: 15px;
        padding: 6px 0;
    }

}

.article-text .article-standfirst {
    color: #AF382E;
    font-family: 'Droid Serif', 'Times New Roman', Times, serif;
    font-style: italic;
    font-size: 18px;
    font-weight: 700;
    line-height: 21px;
    margin: 0 0 18px 0;
}

.article-text h1,
.article-text h2,
.article-text h3,
.article-text h4,
.article-text h5,
.article-text h6 {
    font-family: 'PT Serif', 'Times New Roman', Times, serif;
}

.article-text h1,
.article-text h2 {
    font-size: 24px;
    line-height: 27px;
    padding: 9px 0 18px 0;
}

.article-text h3 {
    font-size: 21px;
    line-height: 24px;
    padding: 6px 0 18px 0;
}

.article-text h4 {
    font-size: 18px;
    line-height: 21px;
    padding: 3px 0 18px 0;
}

.article-text h5 {
    font-size: 16px;
    line-height: 18px;
    padding: 0 0 18px 0;
}

.article-text h6 {
    font-size: 16px;
    line-height: 18px;
    padding: 0 0 0 0;
}

.article-text p {
    color: #333;
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 18px 0;
}

.article-text ul,
.article-text ol {
    margin: 0 0 18px 25px;
}

.article-text li {
    color: #333;
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 9px 0;
}

.article-text img {
    display: block;
    margin: 0 auto;
}

.article-text hr {
    background: #ccc;
    border: none;
    color: #ccc;
    height: 1px;
    margin: 0 auto 18px 0;
}

/* =WordPress Core image thingies
-------------------------------------------------------------- */

.article-text .wp-caption {
    margin: 0 auto 18px auto;
}

.article-text .wp-caption img {

}

.article-text .wp-caption.alignnone {
    margin: 0 auto 18px auto;
}

.article-text .wp-caption.alignleft {
    margin: 0 auto 18px auto;
}

.article-text .wp-caption.alignright {
    margin: 0 auto 18px auto;
}

.article-text .wp-caption-text {
    color: #999;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: italic;
    line-height: 15px;
    margin: 0;
    padding: 3px 5px 0 5px;
}

.article-text .alignnone {
    margin: 0 auto;
}

.article-text .aligncenter,
.article-text div.aligncenter {
    display: block;
    margin: 0 auto;
}

.article-text .alignright {
    float: none;
    margin: 0 auto;
}

.article-text .alignleft {
    float: none;
    margin: 0 auto;
}

.article-text a img.alignright {
    float: none;
    margin: 0 auto;
}

.article-text a img.alignnone {
    margin: 0 auto;
}

.article-text a img.alignleft {
    float: none;
    margin: 0 auto;
}

.article-text a img.aligncenter {
    float: none;
    margin: 0 auto;
}

.article-text blockquote {

}

.article-text sup,
.article-text sub {
    line-height: 1;
}

.article-text blockquote p {
    font-size: 16px;
    font-style: italic;
    font-weight: normal;
    line-height: 21px;
    padding-left: 12px;
}

.article-text blockquote p:first-of-type:before {
    content: '“';
    padding-right: 3px;
}

.article-text blockquote p:last-of-type:after {
    content: '”';
    padding-left: 3px;
}

.article-text table {
    margin: 0 0 18px 0;
}

.article-text address {
    color: #333;
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 18px 0;
}

.category-commentandblogs .article-text .article-standfirst + p:first-letter {
    color: #333;
    float: left;
    font-family: 'PT Serif', 'Times New Roman', Times, serif;
    font-size: 64px;
    line-height: 54px;
    margin: 0 6px 0 0;
}

.single .article-text > p:last-of-type:after {
    background: url('images/ch-glyph.svg') no-repeat center center;
    content: '';
    display: inline-block;
    height: 18px;
    line-height: 1;
    margin: 0 0 0 6px;
    width: 18px;
}

@media only screen and (min-width: 550px) {

    .article-text .article-standfirst {
        font-size: 24px;
        line-height: 30px;
        margin: 0 0 24px 0;
    }

    .article-text h1,
    .article-text h2 {
        font-size: 27px;
        line-height: 30px;
        padding: 6px 0 24px 0;
    }

    .article-text h3 {
        font-size: 24px;
        line-height: 27px;
        padding: 3px 0 24px 0;
    }

    .article-text h4 {
        font-size: 21px;
        line-height: 24px;
        padding: 0 0 24px 0;
    }

    .article-text h5 {
        font-size: 18px;
        line-height: 24px;
        padding: 0 0 24px 0;
    }

    .article-text h6 {
        font-size: 18px;
        line-height: 24px;
        padding: 0 0 0 0;
    }

    .article-text p {
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 24px 0;
    }

    .article-text ul,
    .article-text ol {
        margin: 0 0 24px 25px;
    }

    .article-text li {
        color: #333;
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 12px 0;
    }

    .article-text img {
        display: block;
        margin: 0 auto 18px auto;
    }

    .wp-caption {
        margin: 0 0 24px 0;
    }

    .article-text hr {
        margin: 0 auto 24px 0;
    }

    /* =WordPress Core image thingies
    -------------------------------------------------------------- */
    .article-text .wp-caption {
        margin: 0 auto 24px auto;

    }

    .article-text .wp-caption img {

    }

    .article-text .wp-caption.alignnone {
        margin: 0 auto 24px auto;
    }

    .article-text .wp-caption.alignleft {
        float: left;
        margin: 0 24px 12px 0;

    }

    .article-text .wp-caption.alignright {
        float: right;
        margin: 0 0 12px 24px;
    }

    .article-text .wp-caption-text {
        font-size: 14px;
        font-weight: 300;
        line-height: 18px;
    }

    .article-text .alignnone {
        margin: 0 auto 24px auto;
    }

    .article-text .aligncenter,
    .article-text div.aligncenter {
        display: block;
        margin: 0 auto;
    }

    .article-text .alignright {
        float: right;
        margin: 0 0 24px 24px;
    }

    .article-text .alignleft {
        float: left;
        margin: 0 24px 9px 0;
    }

    .article-text a img.alignright {
        float: right;
        margin: 0 0 24px 24px;
    }

    .article-text a img.alignnone {
        margin: 0 auto 24px auto;
    }

    .article-text a img.alignleft {
        float: left;
        margin: 0 24px 24px 0;
    }

    .article-text a img.aligncenter {
        float: none;
        margin: 0 auto 24px auto;
    }

    .article-text blockquote {

    }

    .article-text blockquote p {
        font-size: 21px;
        line-height: 27px;
        padding-left: 24px;
    }

    .article-text table {
        margin: 0 0 24px 0;
    }

    .article-text address {
        color: #333;
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 24px 0;
    }

    .category-commentandblogs .article-text .article-standfirst + p:first-letter {
        font-family: 'PT Serif', 'Times New Roman', Times, serif;
        font-size: 84px;
        line-height: 65px;
        margin: 0 6px 0 0;
    }

}

@media only screen and (min-width: 650px) {

    .article-text .article-standfirst {
        max-width: 30em;
    }

    .article-text p,
    .article-text li {
        max-width: 36em;
    }

    .article-text blockquote {
        max-width: 34em;
    }

}

@media only screen and (min-width: 760px) {

    .article-content,
    .archive-content,
    .magazine-column {
        float: left;
        width: 70%;
    }

}

@media only screen and (min-width: 1020px) {

    .article-content,
    .archive-content,
    .magazine-column {
        float: left;
        width: 60%;
    }

}

@media only screen and (min-width: 1149px) {

    .article-content,
    .archive-content,
    .magazine-column {
        float: left;
        width: 62.5%;
    }

    .article-text .article-standfirst {
        font-size: 30px;
        line-height: 36px;
        margin: 0 0 27px 0;
    }

    .article-text h1,
    .article-text h2 {
        font-size: 36px;
        line-height: 42px;
        padding: 12px 0 30px 0;
    }

    .article-text h3 {
        font-size: 30px;
        line-height: 36px;
        padding: 9px 0 27px 0;
    }

    .article-text h4 {
        font-size: 24px;
        line-height: 27px;
        padding: 0 0 27px 0;
    }

    .article-text h5 {
        font-size: 21px;
        line-height: 27px;
        padding: 0 0 27px 0;
    }

    .article-text h6 {
        font-size: 18px;
        line-height: 27px;
        padding: 0 0 0 0;
    }

    .article-text p {
        font-size: 18px;
        line-height: 27px;
        margin: 0 0 27px 0;
        max-width: 35em;
    }

    .article-text ul,
    .article-text ol {
        margin: 0 0 27px 25px;
    }

    .article-text li {
        color: #333;
        font-size: 18px;
        line-height: 27px;
        margin: 0 0 13px 0;
    }

    .article-text img {
        display: block;
        margin: 0 auto;
    }

    .article-text hr {
        margin: 0 auto 27px 0;
    }

    .wp-caption {
        margin: 0 0 27px 0;
    }

    .article-text .wp-caption-text {
        font-size: 16px;
        line-height: 21px;
    }

    .article-text .alignright {
        margin: 0 0 27px 27px;
    }

    .article-text .alignleft {
        margin: 0 27px 9px 0;
    }

    .article-text a img.alignright {
        margin: 0 0 27px 27px;
    }

    .article-text a img.alignnone {
        margin: 0 auto 27px auto;
    }

    .article-text a img.alignleft {
        margin: 0 27px 27px 0;
    }

    .article-text a img.aligncenter {
        margin: 0 auto 27px auto;
    }

    .article-text blockquote {

    }

    .article-text blockquote p {
        font-size: 21px;
        font-style: italic;
        line-height: 30px;
    }

    .article-text table {
        margin: 0 0 27px 0;
    }

    .article-text address {
        font-size: 18px;
        line-height: 27px;
        margin: 0 0 27px 0;
    }

    .category-commentandblogs .article-text .article-standfirst + p:first-letter {
        font-size: 92px;
        line-height: 76px;
    }

}

@media only screen and (min-width: 1499px) {

    .article-content,
    .archive-content,
    .magazine-column {
        width: 62.5%;
    }

}

.comment-section-title {
    border-bottom: 1px solid #ccc;
    color: #AF382E;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 18px 0;
}

.comment-policy h2 {
    color: #444;
    font-family: 'PT Serif', 'Times New Roman', Times, serif;
    font-size: 18px;
    line-height: 21px;
    margin: 0 0 18px 0;
}

.comment-policy p {
    color: #444;
    font-size: 14px;
    font-style: italic;
    line-height: 18px;
    margin: 0 0 18px 0;
}

.comment-policy ul {
    margin: 0 0 0 18px;
    padding: 0 0 9px 0;
}

.comment-policy li {
    color: #444;
    font-size: 14px;
    font-style: italic;
    line-height: 18px;
    margin: 0 0 9px 0;
}

@media only screen and (min-width: 1020px) {

    .comment-policy {
        background: #f5f5f5;
        float: left;
        margin: 0 0 24px 0;
        padding: 18px 36px;
        width: 60%;
    }

    .comment-policy h2 {
        font-size: 21px;
        line-height: 24px;
        margin: 0 0 21px 0;
        padding: 12px 0 0 0;
    }

    .comment-policy p {
        font-size: 16px;
        line-height: 21px;
        margin-bottom: 21px;

    }

    .comment-policy li {
        font-size: 16px;
        line-height: 21px;
        margin-bottom: 11px;
    }

    #disqus_thread {
        float: left;
        width: 60%;
    }

    .comment-section .sidebar {
        float: right;
    }

}

@media only screen and (min-width: 1149px) {

    .comment-policy {
        background: #f5f5f5;
        float: left;
        margin: 0 0 24px 0;
        padding: 18px 36px;
        width: 62.5%;
    }

    #disqus_thread {
        width: 62.5%;
    }

    .comment-section-title {
        font-size: 16px;
    }

    .comment-policy h2 {
        font-size: 24px;
        line-height: 27px;
        margin: 0 0 27px 0;
        padding: 12px 0 0 0;
    }

    .comment-policy p {
        font-size: 16px;
        line-height: 21px;
        margin-bottom: 21px;
        max-width: 38em;
    }

    .comment-policy li {
        font-size: 16px;
        line-height: 21px;
        margin-bottom: 11px;
        max-width: 38em;
    }

}

.author-info {
    padding: 18px 0 18px 0;
}

.author-info-bio {
    color: #666;
    float: left;
    font-size: 12px;
    line-height: 15px;
    margin: 0 4% 0 0;
    text-align: right;
    vertical-align: top;
    width: 59%;
}

.author-info-image {
    float: right;
    width: 35%;
}

.article-tags {
    border-bottom: 1px solid #999;
    border-top: 1px solid #999;
    margin: 0 0 18px 0;
    padding: 12px 0;
}

.tags-list {
    font-size: 14px;
    line-height: 21px;
    padding: 0 0 0 0;
}

.article-share {
    margin: 0 0 18px 0;
}

.share-button {
    border: 1px solid #fff;
    display: block;
    float: left;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    padding: 18px 0;
    width: 25%;
}

a.share-button:link {
    color: #fff;
}

.share-twitter {
    background: #4099ff;
}

.share-facebook {
    background: #3b5998;
}

.share-gplus {
    background: #AF382E;
}

.share-email {
    background: #81B200;
}

@media only screen and (min-width: 550px) {

    .author-info {
        padding: 18px 0;
    }

    .author-info-bio {
        font-size: 16px;
        line-height: 21px;
        margin: 0 4% 0 0;
        width: 75%;
    }

    .author-info-bio-full {
        font-size: 16px;
        line-height: 21px;
        margin: 0 4% 0 0;
        width: 100%;
    }

    .author-info-image {
        display: inline-block;
        width: 20%;
    }

}

@media only screen and (min-width: 760px) {

    .article-info {
        float: right;
        width: 25%;
    }

    .author-info {
        margin: 0 0 18px 0;
        padding: 0 0 0 0;
    }

    .author-info-bio, .author-info-bio-full {
        float: none;
        font-size: 14px;
        line-height: 18px;
        margin: 0;
        text-align: left;
        width: 100%;
    }

    .author-info-image {
        display: inline-block;
        float: none;
        margin: 0;
        width: 100%;
    }

    .article-tags {
        margin: 0 0 18px 0;
        padding: 18px 0;
    }

    .tags-title,
    .share-title {
        line-height: 1;
        padding: 0 0 6px 0;
    }

    .sidebar {
        clear: both;
    }

}

@media only screen and (min-width: 1020px) {

    .article-info,
    .sidebar {
        clear: none;
        float: right;
        width: 35%;
    }

    .article-info {
        margin: 0;
        padding: 0;
    }

    .author-info {
        margin: 0 0 30px 0;
        padding: 0 0 0 0;
    }

    .author-info-bio {
        font-size: 14px;
        line-height: 18px;
        text-align: right;
        width: 55%;
    }

    .author-info-bio-full {
        font-size: 14px;
        line-height: 18px;
        text-align: right;
        width: 100%;
    }

    .author-info-image {
        float: right;
        width: 40%;
    }

    .article-tags {
        margin: 0 0 30px 0;
        padding: 24px 0;
    }

    .article-share {
        margin: 0 0 30px 0;
    }

    .comment-section {
        clear: both;
    }

}

@media only screen and (min-width: 1149px) {

    .article-info,
    .sidebar {
        float: right;
        width: 30%;
    }

    .author-info,
    .article-tags,
    .article-share {
        margin: 0 0 42px 0;
    }

}

.widget {
    margin: 0 0 18px 0;
}

.textwidget img {
    margin: 0 auto;
}

.advert, .widget_advert_content {
    border: 1px solid #999;
    border-left: none;
    border-right: none;
    padding: 12px 0;
    text-align: center;
}

.advert img, .widget_advert_content img {
    margin: 0 auto;
}

.most-read, .icit-analytic {
    margin: 0 0 24px 0;
    max-width: 500px;
}

.most-read-buttons, .icit-analytic .tabs {
    list-style: none;
    position: relative;
}

.most-read-tab, .icit-analytic .tabs .tab {
    background: #f5f5f5;
    border: 1px solid #999;
    border-bottom: none;
    cursor: pointer;
    display: inline-block;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    margin: 0 6px 0 0;
    padding: 6px 12px;
}

.most-read-active, .icit-analytic .tabs .tab.active {
    background: #fff;
    border-bottom: none;
    position: relative;
    top: 1px;
}

.most-read-active a:link {
    color: #666;
}

.most-read-active a:visited {
    color: #666;
}

.most-read-active a:hover {
    color: #666;
}

.most-read-active a:active {
    color: #666;
}

.most-read-list, .icit-analytic .a-list .a-page {
    border: 1px solid #999;
    list-style: none;
    padding-top: 18px;
}

.icit-analytic .a-list, .icit-analytic .a-list-name, .analytic-item .listnumber {
    display: none;
}

.icit-analytic .a-list.active {
    display: block;
}

.most-read-item,
.analytic-item {
    border-bottom: 1px solid #ccc;
    xclear: both;
    display: block;
    margin: 0 auto 12px auto;
    padding: 0 0 12px 0;
    width: 95%;
}

.most-read-image,
.analytic-item img {
    display: block;
    float: left;
    width: 30%;
}

.most-read-link {
    display: block;
    float: right;
    font-size: 14px;
    font-weight: 700;
    width: 65%;
}

.most-read-item a:link, .analytic-item a:link {
    color: #333;
}

@media only screen and (min-width: 550px) {

    .advert, .widget_advert_content {
        border-left: 1px solid #999;
        border-right: 1px solid #999;
        clear: left;
        padding: 18px 0;
        margin: 0 auto 18px auto;
        max-width: 338px;
        text-align: center;
    }

    .most-read-item, .analytic-item {
        margin: 0 auto 18px auto;
        padding: 0 0 18px 0;
        width: 90%;
    }

    .most-read-link {
        font-size: 16px;
        line-height: 21px;
        width: 67.5%;
    }

}

@media only screen and (min-width: 760px) {

    .widget {
        margin: 0 0 18px 0;
    }

}

@media only screen and (min-width: 1020px) {

    .widget {
        margin: 0 auto 30px auto;
    }

    .most-read-item, .analytic-item {
        margin: 0 auto 12px auto;
        padding: 0 0 12px 0;
        width: 90%;
    }

    .most-read-link {
        font-size: 14px;
        line-height: 18px;
        width: 65%;
    }

    .most-read, .icit-analytic {
        margin: 30px 0;
        max-width: 500px;
    }

}

@media only screen and (min-width: 1149px) {

    .widget {
        margin: 0 auto 42px auto;
    }

    .most-read-item, .analytic-item {
        margin: 0 auto 12px auto;
        padding: 0 0 12px 0;
        width: 90%;
    }

    .most-read-link {
        font-size: 14px;
        line-height: 18px;
        width: 65%;
    }

}

@media only screen and (min-width: 1400px) {

    .most-read-item, .analytic-item {
        margin: 0 auto 21px auto;
        padding: 0 0 21px 0;
        width: 90%;
    }

    .most-read-image {
        width: 40%;
    }

    .most-read-link {
        font-size: 16px;
        line-height: 21px;
        width: 57%;
    }

}

.comment-section {
    margin: 0 0 30px 0;
}

.footer {
    background: #f5f5f5;
    border-top: 1px solid #AF382E;
}

.footer-masthead {
    max-width: 400px;
}

.footer-masthead svg {
    display: block;
    fill: #AF382E;
    height: 100%;
    position: absolute;
    width: 100%;
}

.footer-container {
    margin: 0 5%;
    padding: 30px 0;
}

.footer-nav-list {

    list-style: none;
    padding: 24px 0 18px 0;
}

.footer-nav-list .menu-item {
    font-size: 14px;
    line-height: 14px;
    display: inline-block;
    margin: 0 0 6px 0;
    padding: 6px 0 6px 0;
}

.footer-nav-list .menu-item:after {
    background: transparent url('images/ch-glyph.svg');
    background-size: 12px 12px;
    content: '';
    display: inline-block;
    height: 12px;
    width: 12px;
    margin: 0 6px 0 10px;
}

.footer-nav-list .menu-item:last-child:after {
    display: none;
}

.footer .copyright {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 6px;
}

.footer .sub-copyright {
    font-size: 14px;
    line-height: 18px;
}

.footer-credit {
    font-size: 14px;
    margin: 24px 0 0 0;
}

.icit-brand {
    font-family: 'Gill Sans', 'Gill Sans MT', GillSans, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: normal;
}

.icit-brand:link {
    color: #000;
}

.icit-brand:visited {
    color: #000;
}

.icit-brand:hover {
    color: #222;
}

.icit-brand:active {
    color: #222;
}

a.icit-brand em {
    color: #c00;
    font-style: normal;
}

@media only screen and (min-width: 1149px) {

    .footer-container {
        margin: 0 8%;
        padding: 42px 0;
    }

    .footer-nav-list {
        padding: 18px 0 30px 0;
    }

}

@media only screen and (min-width: 1449px) {

    .footer-container {
        margin: 0 auto;
        max-width: 1230px;
    }

}

.home-container, .magazine-container {
    margin: 0 5%;
}

.top-story, .issue-details {
    margin: 0 0 18px 0;
}

.top-story .article-category {
    font-size: 14px;
    line-height: 24px;
    margin: 24px 0 0 0;
}

.top-story-title {
    font-family: 'PT Serif', 'Times New Roman', Times, serif;
    font-size: 21px;
    line-height: 24px;
    padding: 12px 0 12px 0;
}

.top-story-title a:link {
    color: #333;
}

.top-story-title a:visited {
    color: #333;
}

.top-story-title a:hover {
    color: #c00;
}

.top-story-title a:active {
    color: #e00;
}

.top-story-image {
    max-width: none;
    margin: 0 0 6px 0;
    width: 100%;
}

.top-story-date {
    color: #999;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
    padding: 0;
}

.top-story-excerpt {
    color: #333;
    font-size: 14px;
    line-height: 18px;
}

.top-story-more {
    font-weight: bold;
    margin: 18px 0 0 0;
}

@media only screen and (min-width: 549px) {

    .top-story, .issue-details {
        margin: 0 0 24px 0;
    }

    .magazine-lead .issue-details {
        margin-bottom: 0;
    }

    .top-story-title {
        font-size: 28px;
        line-height: 30px;
        padding: 12px 0 12px 0;
    }

    .top-story-image {
        max-width: none;
        margin: 0 0 9px 0;
        width: 100%;
    }

    .top-story-date {
        font-size: 14px;
        margin: 0 0 3px 0;
    }

    .top-story-excerpt {
        color: #333;
        font-size: 16px;
        line-height: 21px;
    }

}

@media only screen and (min-width: 760px) {

    .home-lead, .magazine-lead {
        padding: 30px 0 12px 0;
    }

    .top-story, .issue-details {
        float: left;
        width: 60%;
    }

    .top-story .article-category {
        font-size: 14px;
        line-height: 24px;
        margin: 0;
        padding: 0;
    }

    .top-story-title {
        font-size: 32px;
        line-height: 36px;
        padding: 12px 0 12px 0;
    }

}

@media only screen and (min-width: 1020px) {

    .home-lead, .magazine-lead {
        padding: 54px 0 12px 0;
    }

    .top-story, .issue-details {
        width: 68%;
    }

    .top-story-title {
        font-size: 40px;
        line-height: 42px;
        padding: 18px 0 24px 0;
    }

    .top-story-image {
        float: left;
        width: 60%;
    }

    .top-story-text {
        float: right;
        width: 37%;
    }

    .top-story-excerpt {
        font-size: 18px;
        line-height: 24px;
    }

}

@media only screen and (min-width: 1149px) {

    .home-container, .magazine-container {
        margin: 0 8%;
    }

    .top-story .article-category {
        font-size: 18px;
        line-height: 30px;
    }

    .home-lead, .magazine-lead {
        padding: 60px 0 18px 0;
    }

}

@media only screen and (min-width: 1449px) {

    .home-container, .magazine-container {
        margin-left: auto;
        margin-right: auto;
        max-width: 1230px;
    }

    .top-story-title {
        font-size: 46px;
        line-height: 48px;
        padding: 21px 0 30px 0;
    }

}

.magazine-box {
    display: none;
    margin: 0 0 18px 0;
    padding: 12px 0;
    position: relative;
}

.home-core .magazine-box {
    display: block;
}

.magazine-box-image {
    float: left;
    position: relative;
    width: 30%;
}

.magazine-box-text {
    float: right;
    width: 65%;
}

.magazine-box-title {
    font-family: 'PT Serif', 'Times New Roman', Times, serif;
    font-size: 16px;
    line-height: 18px;
    padding: 0 0 6px 0;
}

.magazine-box-blurb p {
    color: #333;
    font-size: 13px;
    line-height: 15px;
    padding: 0 0 12px 0;
}

@media only screen and (min-width: 549px) {

    .magazine-box {
        margin: 0 0 24px 0;
        padding: 18px 0;
    }

    .magazine-box-image {
        width: 40%;
    }

    .magazine-box-text {
        width: 55%;
    }

    .magazine-box-title {
        font-size: 20px;
        line-height: 24px;
        padding: 0 0 6px 0;
    }

    .magazine-box-blurb p {
        font-size: 16px;
        line-height: 21px;
    }

}

@media only screen and (min-width: 760px) {

    .magazine-box {
        display: block;
        float: right;
        margin: 42px 0 0 0;
        width: 32.5%;
    }

    .home .magazine-box {
        border: 1px solid #ccc;
    }

    .home-core .magazine-box {
        display: none;
    }

    .magazine-box-image {
        border: 1px solid #eee;
        float: none;
        margin: -36px auto 12px auto;
        width: 80%;
    }

    .magazine-box-title {
        text-align: center;
        margin: 0;
    }

    .magazine-box-text {
        float: none;
        width: 100%;
    }

    .magazine-box-blurb p {
        font-size: 14px;
        line-height: 18px;
        padding: 0 18px;
    }

}

@media only screen and (min-width: 1020px) {

    .magazine-box {
        margin: 24px 0 0 0;
        width: 30%;
    }

    .home .magazine-box {
        width: 26%;
    }

    .magazine-box-image {
        width: 75%;
    }

    .magazine-box-title {
        text-align: left;
        padding: 0 18px 3px 18px;
    }

}

@media only screen and (min-width: 1149px) {

    .magazine-box {
        margin: 30px 0 0 0;
    }

}

.home-core .article-category {
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 12px 0;
}

.core-story {
    padding: 0 0 18px 0;
    border-bottom: 1px solid #eee;
    margin-bottom: 18px;
}

.core-story-image {
    margin: 0 0 9px 0;
    width: 100%;
}

.core-story-title {
    font-family: 'PT Serif', 'Times New Roman', Times, serif;
    font-size: 16px;
    line-height: 18px;
    padding: 0 0 3px 0;
}

.core-story-title a:link {
    color: #333;
}

.core-story-title a:visited {
    color: #333;
}

.core-story-title a:hover {
    color: #c00;
}

.core-story-title a:active {
    color: #e00;
}

.core-story-meta {
    color: #999;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
}

.core-story-excerpt {
    color: #333;
    font-size: 14px;
    line-height: 18px;
    position: relative;
}

.comment-column .core-story-title {
    min-height: 39px;
    padding: 0 0 3px 42px;
    position: relative;
}

.comment-column .core-story-title:before,
.category-commentandblogs .archive-title:before,
.category-commentandblogs .article-title:before {
    color: #AF382E;
    content: '\201C';
    display: block;
    float: left;
    font-size: 80px;
    left: -4px;
    line-height: 0px;
    padding: 0;
    position: absolute;
    top: 40px;
    margin: 0 0 0 0;
}

.category-commentandblogs .archive-title,
.category-commentandblogs .article-title,
.category-commentandblogs .article-meta {
    position: relative;
    padding-left: 42px;
}

.comment-column .core-story-meta {
    padding-left: 0;
}

.comment-column .core-story-excerpt {
    color: #444;
    padding-left: 0;
}

@media only screen and (min-width: 549px) {

    .core-story-title {
        font-size: 18px;
        line-height: 21px;
    }

    .core-story-image-link + .core-story-title {
        font-size: 21px;
        line-height: 24px;
    }

    .core-story-image {
        max-width: none;
        margin: 0 0 9px 0;
    }

    .core-story-meta {
        font-size: 14px;
        margin: 0 0 3px 0;
    }

    .core-story-excerpt {
        color: #333;
        font-size: 16px;
        line-height: 21px;
    }

    .category-commentandblogs .article-title:before {
        font-size: 92px;
        left: -4px;
        top: 47px;
    }

    .category-commentandblogs .article-title,
    .category-commentandblogs .article-meta {
        padding-left: 48px;
    }

}

@media only screen and (min-width: 760px) {

    .core-column {
        width: 47.5%;
        margin: 0 0 24px 0;
    }

    .core-column-1 {
        float: left;
    }

    .core-column-2 {
        float: right;
    }

    .home .sidebar {
        clear: both;
    }

    .core-story {
        border-bottom: 1px solid #eee;
        margin-bottom: 18px;
        padding: 0 0 18px 0;
    }

    .core-story-excerpt {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .category-commentandblogs .article-title:before {
        font-size: 116px;
        left: -4px;
        top: 55px;
    }

    .category-commentandblogs .article-title,
    .category-commentandblogs .article-meta {
        padding-left: 60px;
    }

    /*.old-layout .core-column {
        margin: 0 10% 0 0;
        width: 45%;
    }

    .old-layout .comment-column {
        margin: 0;
    }

    .new-layout .core-column {
        width: 100%;
    }

    .new-layout .core-column-1,
    .new-layout .core-column-2 {
        float: none;
    }

    .new-layout .comment-column .article-category {
        margin: 0 0 24px 0;
    }

    .new-layout .comment-column .core-story {
        border: none;
        float: left;
        margin: 0 6% 0 0;
        padding: 0 0 0 0;
        width: 29%;
    }

    .new-layout .comment-column .core-story:last-of-type {
        margin-right: 0;
    }

    .new-layout .comment-column .core-story-title {
        padding: 0 0 6px 0;
    }

    .new-layout .comment-column .core-story-title:before {
        color: #AF382E;
        content: '\201C';
        display: block;
        float: left;
        font-size: 80px;
        left: -4px;
        line-height: 0px;
        padding: 0;
        position: absolute;
        top: -12px;
        margin: 0 0 0 0;
    }

    .new-layout .comment-column .core-story-meta {
        font-size: 12px;
        font-weight: 900;
        line-height: 15px;
        margin: 0 0 3px 0;
        padding: 36px 0 0 0;
        text-transform: uppercase;
    }

    .new-layout .comment-column .core-story-excerpt {
        font-size: 14px;
    }


    .new-layout .news-column .core-story {
        margin: 0 0 0 0;
        padding: 18px 0;
    }

    .new-layout .news-column .core-story-image {
        float: left;
        margin: 0;
        padding: 0;
        width: 30%;
    }

    .new-layout .news-column .core-story-text {
        float: right;
        width: 65%;
    }

    .new-layout .news-column .core-story-title {
        font-size: 27px;
        line-height: 30px;
    }*/

}

@media only screen and (min-width: 1020px) {

    .core-column {
        width: 25.5%;
        margin: 0 0 54px 0;
    }

    .core-column-1 {
        float: left;
        margin-right: 6.5%;
    }

    .core-column-2 {
        float: left;
    }

    .home .sidebar {
        clear: none;
        float: right;
        padding: 24px 0 0 0;
        width: 34%;
    }

    .core-story-image-link + .core-story-title {
        font-size: 16px;
        line-height: 18px;
    }

    .core-story-title {
        font-size: 16px;
        line-height: 18px;
        padding: 0 0 3px 0;
    }

    .core-story-meta {
        font-size: 12px;
        line-height: 18px;
    }

    .core-story-excerpt {
        font-size: 14px;
        line-height: 18px;
    }

    .home2 .column-container {
        float: left;
        width: 60%;
    }

    /*.new-layout .core-column {
        width: 100%;
    }

    .new-layout .core-column-1,
    .new-layout .core-column-2 {
        float: none;
    }

    .new-layout .comment-column .core-story {
        border: none;
        float: left;
        margin: 0 6% 0 0;
        padding: 0 0 0 0;
        width: 29%;
    }

    .new-layout .comment-column .article-category {
        margin: 0 0 30px 0;
    }

    .new-layout .comment-column .core-story:last-of-type {
        margin-right: 0;
    }

    .new-layout .comment-column .core-story-title {
        padding: 0 0 6px 0;
    }

    .new-layout .comment-column .core-story-title:before {
        top: -30px;
    }

    .new-layout .comment-column .core-story-excerpt {
        font-size: 14px;
    }


    .new-layout .news-column .core-story {
        margin: 0 0 0 0;
        padding: 18px 0;
    }

    .new-layout .news-column .core-story-image {
        float: left;
        margin: 0;
        padding: 0;
        width: 30%;
    }

    .new-layout .news-column .core-story-text {
        float: right;
        width: 65%;
    }

    .new-layout .news-column .core-story-title {
        font-size: 27px;
        line-height: 30px;
    }*/
    .home-core .article-category {
        font-size: 16px;
    }

    .category-commentandblogs .article-title:before {
        font-size: 116px;
        left: -4px;
        top: 60px;
    }

    .category-commentandblogs .article-meta {
        padding-left: 0;
    }

}

@media only screen and (min-width: 1300px) {

    .core-column {
        width: 28%;
    }

    .core-story-image-link + .core-story-title {
        font-size: 18px;
        line-height: 21px;
    }

    .home .sidebar {
        max-width: 400px;
        width: 30%;
    }

    /*.new-layout .comment-column .core-story-title:before {
        top: -14px;
    }*/

}

/* Archive pages */

.archive-content {
    width: 100%;
}

.archive-content .article-category {
    margin-bottom: 18px;
}

.archive-story {
    border-bottom: 1px solid #eee;
    margin: 0 0 18px 0;
    padding: 0 0 18px 0;
}

.archive-image {
    margin: 0 0 9px 0;
    width: 100%;
}

.job_listing .archive-image {
    margin: 0;
    width: auto;
}

.job_listing .core-story-image-link {
    margin: 0 0 9px 0;
    width: 100%;
}

.archive-title {
    font-family: 'PT Serif', 'Times New Roman', Times, serif;
    font-size: 16px;
    line-height: 18px;
}

.archive-title a:link {
    color: #333;
}

.archive-title a:visited {
    color: #333;
}

.archive-title a:hover {
    color: #c00;
}

.archive-title a:active {
    color: #f00;
}

.archive-meta {
    color: #999;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
}

.archive-excerpt p {
    color: #333;
    font-size: 14px;
    line-height: 18px;
    margin: 0;
    padding: 0;
}

@media only screen and (min-width: 499px) {

    .archive-image {
        float: left;
        margin: 0;
        width: 40%;
    }

    .job_listing .archive-image {
        float: none;
        width: auto;
    }

    .job_listing .core-story-image-link {
        float: left;
        margin: 0;
        width: 40%;
    }

    .archive-text {
        float: right;
        width: 55%;
    }

}

@media only screen and (min-width: 700px) {

    .archive-text {
        float: right;
        width: 57%;
    }

    .archive-title {
        font-size: 21px;
        line-height: 24px;
    }

    .archive-meta {
        font-size: 14px;
        line-height: 24px;
    }

    .archive-excerpt p {
        font-size: 16px;
        line-height: 24px;
    }

}

@media only screen and (min-width: 1020px) {

    .archive-content {
        width: 60%;
    }

    .archive-content .article-category {
        margin-bottom: 24px;
    }

}

@media only screen and (min-width: 1149px) {

    .archive-content {
        width: 62.5%;
    }

}

/* Pagination */

.pagination-links {
    margin: 0 0 18px 0;
}

.page-numbers {
    background: #eee;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 36px;
    margin: 0 0 0 0;
    padding: 6px 9px;
}

.pagination-links .current,
.pagination-links .dots,
.pagination-links .next,
.pagination-links .prev {
    background: none;
    padding: 6px 3px;
}

@media only screen and (min-width: 700px) {

    .page-numbers {
        font-size: 16px;
        font-weight: 700;
        line-height: 36px;
        margin: 0 6px 0 0;
        padding: 6px 12px;
    }

}

/* 404 Searchbox */

.article-text .search-form {
    background: #f5f5f5;
    margin: 0 0 18px 0;
    padding: 12px;
}

.article-text .search-box {
    border: 1px solid #ccc;
    padding: 6px;
}

.article-text .sub-button {
    background: #AF382E;
    border: none;
    color: #fff;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    padding: 7px;
}

/* Mobile menu by B */
div.mobile-nav {
    display: none;
}

/* Possibility to make logo responsive - it works, but not solidly

@media only screen and (min-width : 1400px) {

	#masthead-svg {
		display: block;
		height: 110px;
		margin: 0 auto;
		position: relative;
		width: 700px;
	}

	g#catholic {
		-webkit-transform: translateX(43%) translateY(-40px);
	}

	g#herald {
		-webkit-transform: translateX(-65%) translateY(36px);
	}

}*/

.addthis_sharing_toolbox {
    padding: 6px 0 0 0;
}

a.at-svc-twitter,
a.at-svc-facebook,
a.at-svc-google_plusone_share,
a.at-svc-email {
    display: inline-block !important;
}

a.at-svc-twitter {
    background: #2CA8D2 !important;
}

a.at-svc-facebook {
    background: #305891 !important;
}

a.at-svc-google_plusone_share {
    background: #CE4D39 !important;
}

a.at-svc-email {
    background: #738A8D !important;
}

@media only screen and (min-width: 549px) {

    a.at-svc-twitter,
    a.at-svc-facebook,
    a.at-svc-google_plusone_share,
    a.at-svc-email {

    }

}

@media only screen and (min-width: 759px) {

    a.at-svc-twitter,
    a.at-svc-facebook,
    a.at-svc-google_plusone_share,
    a.at-svc-email {

    }

}

@media only screen and (min-width: 875px) {

    a.at-svc-twitter,
    a.at-svc-facebook,
    a.at-svc-google_plusone_share,
    a.at-svc-email {
    }

}

@media only screen and (min-width: 1000px) {

    a.at-svc-twitter,
    a.at-svc-facebook,
    a.at-svc-google_plusone_share,
    a.at-svc-email {
    }

}

@media only screen and (min-width: 1300px) {

    a.at-svc-twitter,
    a.at-svc-facebook,
    a.at-svc-google_plusone_share,
    a.at-svc-email {
    }

}

/* JOB PLUGIN STYLING */

/* Single job listing */

.single_job_listing .job-type {
    display: none;
}

.single_job_listing .meta {
    margin: 0 0 18px 0;
    padding: 6px 0 0 0;
}

.single_job_listing li.location {
    padding: 0;
}

.single_job_listing li.date-posted {
    padding: 0;
}

.single_job_listing .company {
    border: none;
    box-shadow: none;
    margin: 0 0 18px 0;
    padding: 0;
}

.single_job_listing img.company_logo {
    border: 1px solid #eee;
    display: block;
    height: auto;
    float: none;
    left: auto;
    margin: 0 0 18px 0;
    padding: 6px;
    position: relative;
    width: auto;
}

.single_job_listing .company .name {
    margin: 0;
    padding: 0;
}

.single_job_listing .company .name strong {
    font-size: 18px;
    line-height: 18px;
}

.single_job_listing .company .name a {
    line-height: 18px;
}

.single_job_listing .application_button {
    display: none;
}

.single_job_listing .application .application_details {
    background: #f5f5f5;
    border-color: #eee;
    box-shadow: none;
    display: block !important;
    padding: 18px 18px 9px 18px;
    margin: 0 0 30px 0;
}

@media only screen and (min-width: 550px) {

    .single_job_listing .meta {
        margin: 0 0 24px 0;
        padding: 12px 0 0 0;
    }

    .single_job_listing .company {
        margin: 0 0 24px 0;
    }

    .single_job_listing img.company_logo {
        margin: 0 0 24px 0;
        padding: 12px;
    }

    .single_job_listing .company .name strong {
        font-size: 21px;
        line-height: 21px;
    }

    .single_job_listing .company .name a {
        line-height: 21px;
    }

    .single_job_listing .application_button {
        display: none;
    }

    .single_job_listing .application .application_details {
        padding: 18px 18px 9px 18px;
        margin: 0 0 30px 0;
    }

}

.top-related {
    border-top: 1px dotted #ddd;
    font-size: 14px;
    line-height: 18px;
    margin-top: 9px;
    padding-top: 9px;
}

/* Magazine specific things */

.issue-details {

}

.issue-details .issue-date {
    font-size: 24px;
    margin: 0 0 12px 0;
}

.issue-details .magazine-issue-wrap {
    background: #fff;
    border: 1px solid #eee;
    float: right;
    margin: 0 0 12px 24px;
    width: 35%;
}

.issue-details .issue-lead-feature-title {
    display: block;
    font-family: 'PT Serif', 'Times New Roman', Times, serif;
    font-size: 18px;
    line-height: 18px;
    margin: 0 0 12px 0;
}

.issue-details .issue-description {
    margin: 0 0 12px 0;
}

@media only screen and (min-width: 550px) {

    .issue-details .magazine-issue-wrap {
        margin: 0 0 12px 30px;
        width: 45%;
    }

    .issue-details .issue-date {
        font-size: 24px;
        margin: 0 0 12px 0;
        padding: 18px 0 0 0;
    }

}

@media only screen and (min-width: 760px) {

    .issue-details {
        width: 50%;
    }

    .magazine-lead .magazine-box {
        width: 45%;
    }

    .magazine-lead .widget_advert_content {
        border: none;
        padding: 0;
    }

}

@media only screen and (min-width: 1020px) {

    .issue-details {
        width: 62.5%;
    }

    .magazine-lead .article-category {
        margin-top: 0;
    }

    .magazine-lead .magazine-box {
        padding: 0;
        width: 35%;
    }

    .issue-details .magazine-issue-wrap {
        margin: -18px 12px 12px 24px;
        width: 37.55%;
    }

    .magazine-lead .widget_advert_content {
        border: none;
        padding: 0;
    }

}

.magazine-core .article-category {
    margin: 0 0 12px 0;
}

@media only screen and (min-width: 550px) {

    .magazine-core .article-category {
        margin: 0 0 18px 0;
    }

}

.widget_issue_contents ul {
    list-style: none;
}

.widget_issue_contents li {
    margin: 0 0 9px 0;
}

#menu-related-posts li {
    list-style: none;
    font-size: 14px;
    margin-bottom: 6px;
}

.wdsi-slide-rounded.wdsi-slide-right .wdsi-slide-wrap, .wdsi-slide-rounded.wdsi-slide-left .wdsi-slide-wrap, .wdsi-slide-rounded.wdsi-slide-bottom .wdsi-slide-wrap {
    border-top: 46px solid #AF382E;
    border-bottom: none;
}

.wdsi-slide-rounded.wdsi-slide-right .wdsi-slide-close:before, .wdsi-slide-rounded.wdsi-slide-left .wdsi-slide-close:before, .wdsi-slide-rounded.wdsi-slide-bottom .wdsi-slide-close:before {
    display: none !Important;
}

.wdsi-slide-rounded.wdsi-slide-right .wdsi-slide-close, .wdsi-slide-rounded.wdsi-slide-left .wdsi-slide-close, .wdsi-slide-rounded.wdsi-slide-bottom .wdsi-slide-close {
    border-top: 3px solid #AF382E;
}

.wdsi-slide-rounded.wdsi-slide-right .wdsi-slide-close:after, .wdsi-slide-rounded.wdsi-slide-left .wdsi-slide-close:after, .wdsi-slide-rounded.wdsi-slide-bottom .wdsi-slide-close:after {
    bottom: -24px;
}

/* hide the cover image in bottom promotions for now */

.article-promo .latest-issue-cover {
    display: none;
}

.sub-content-promo img {
    margin: 0 auto;
    max-width: 100%;
}

.related-stories {
    margin: 0 0 24px 0;
}

.related-post {
    border-bottom: 1px solid #eee;
    margin: 0 0 12px 0;
    padding: 0 0 12px 0;
}

.related-thumbnail {
    float: left;
    width: 35%;
}

.related-text {
    float: right;
    width: 60%;
}

.related-title {
    font-size: 16px;
    line-height: 18px;
}

.related-text p {
    color: #333;
    font-size: 14px;
    line-height: 18px;
}

@media only screen and (min-width: 550px) {

    .related-stories {

    }

    .related-post {
        margin: 0 0 12px 0;
        padding: 0 0 12px 0;
    }

    .related-thumbnail {
        width: 35%;
    }

    .related-text {
        width: 60%;
    }

    .related-title {
        font-size: 18px;
        line-height: 21px;
        margin: 0 0 3px 0;
    }

    .related-text p {
        font-size: 16px;
        line-height: 18px;
    }

}

@media only screen and (min-width: 550px) {

    .related-stories {
        margin-bottom: 30px;
    }

    .related-stories .article-category {
        margin: 0 0 12px 0;
    }

}

@media only screen and (min-width: 1100px) {

    .related-post {
        border: none;
        float: left;
        margin: 0 5% 0 0;
        width: 30%;
    }

    .related-post:last-of-type {
        margin-right: 0
    }

    .related-thumbnail {
        float: none;
        margin: 0 0 6px 0;
        width: 100%;
    }

    .related-text {
        float: none;
        width: 100%;
    }

    .related-title {

    }

    .related-text p {
        line-height: 21px;
    }

}

/* Quick method for removing the comments policy table */
.category-commentandblogs table {
    display: none;
}

.teaser-text {
    position: relative;
}

.teaser-text:after {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+98&0+55,0+55,1+90 */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 1) 90%, rgba(255, 255, 255, 1) 98%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(55%, rgba(255, 255, 255, 0)), color-stop(90%, rgba(255, 255, 255, 1)), color-stop(98%, rgba(255, 255, 255, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 1) 90%, rgba(255, 255, 255, 1) 98%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 1) 90%, rgba(255, 255, 255, 1) 98%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 1) 90%, rgba(255, 255, 255, 1) 98%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 1) 90%, rgba(255, 255, 255, 1) 98%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); /* IE6-9 */

    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.no-access-text {
    background: #fff;
    border: 2px solid #AF382E;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin: -24px auto 24px auto;
    position: relative;
    text-align: center;
    width: 90%;
    z-index: 10;
}

.no-access-text h2 {
    background: #AF382E;
    color: #fff;
    padding: 12px;
    margin: 0 0 18px 0;
}

.no-access-text h3 {
    margin-right: 12px;
    margin-left: 12px;
}

.no-access-text p {
    margin-right: 12px;
    margin-left: 12px;
}

/**
 * Subscribe call to action
 */
.subscribe-actions {
    background: #F5F5F5;
    padding: 20px;
    margin-bottom: 30px;
}

.subscribe-actions__title {
    margin-bottom: 10px;
}

.subscribe-actions__buttons {
    display: flex;
    flex-wrap: wrap;
}

/* Need to include img in the selectore to be specific enough on article pages */
img.subscribe-actions__button-img {
    float: left;
    margin: 0 10px 10px 0;
}

.button,
.button:link,
.button:visited {
    display: inline-block;
    background: #AF382E;
    border: none;
    color: #FFF;
    padding: 5px 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    font-weight: normal;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/**
 * sidebar
 */
.sidebar {
    margin-top: 24px;
}

@media only screen and (min-width: 1020px) {
    .sidebar {
        margin-top: 0;
    }
}

/**
 * Magazine preview
 */
.article-category__title {
    color: #AF382E;
}

/**
 * Newsletter form
 */
.gform_widget {
    padding: .6em 1em;
    border: 1px solid #DCDCDC;
    background: #f0f0f0;
}

.gform_widget .widget-title {
    font-family: 'PT Serif', 'Times New Roman', Times, serif;
    font-size: 22px;
    margin-top: 0;
    margin-bottom: 15px;
    border-bottom: 0;
    color: #AF382E;
}

.gform_widget .gform_wrapper {
    margin: 0;
}

.gform_widget .gform_wrapper .top_label .gfield_label {
    margin: 0;
}

body .gform_widget .gform_wrapper label.gfield_label + div.ginput_container {
    margin-top: 0;
}

.gform_widget .gform_wrapper form li {
    margin-bottom: 1.125em;
}

.gform_widget .gform_wrapper form li:last-child {
    margin-bottom: 0;
}

.gform_widget .gform_wrapper .gform_footer {
    margin-top: 1.125em;
    padding: 0;
}

/**
 * Search widget
 */
.widget_search {
    padding: .95em;
    border: 1px solid #DCDCDC;
    background: #f0f0f0;
}

.widget_search .search-box {
    width: calc(100% - 47px);
    padding: .313em 0 .313em 0;
}

.widget_search .sub-button {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    width: 42px;
    height: 33px;
    padding: 5px 10px;
    float: right;
    text-align: center;
    border: 0;
    color: #FFF;
    background: #AF382E;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.magazine-box-blurb a {
    margin-bottom: 6px;
    display: inline-block;
}