/**
 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;
}

.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;
}

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