/*
Theme Name: Granta
Description: A developmental theme for Granta Digital website.
Author: DOGFI.SH Mobile Ltd
Author URI: http://dogfi.sh/
Version: 1.0
Tags: responsive, bootstrap
*/

span.small_caps{
    font-variant: small-caps;
    font-weight: bold;
}

@media (min-width:768px) and (max-width: 894px) {/*//put down to 750*/
    /*subscibe button*/
    .subscribeThird .wysija-submit {
        width:100%;
        padding-right: 0px!important;
        padding-left: 0px!important;/*20*/
    }
    div.dnd_column_dd_span4 h1{
        padding-left: 0;
        padding-right: 0;
        overflow: hidden;
    }
    div.mid-large-menu{
        top:170px!important;
    }
    .twoColumnBreak{
        width: 48%!important;
    }

    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span4 h1, section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span3 h1, section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span6 div.bghalf_no_img h1 {
        text-align: center;
        font-size: 2.4vw!important;
        letter-spacing: 1px;
        line-height: 100%!important;
        position: relative;
        padding-left: 10%;
        padding-right: 10%;
    }

    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span4 h2, section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span3 h2, section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span6 div.bghalf_no_img h2 {
        text-align: center;
        font-size: 2.2vw!important;
        line-height: 110%!important;
        position: relative;
        margin-top: 0;
        padding-left: 10%;
        padding-right: 10%;
    }

    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span4 h3, section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span3 h3, section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span6 div.bghalf_no_img h3 {
        text-align: center;
        font-size: 2.1vw!important;
        line-height: 120%!important;
        position: relative;
        margin-top: -2px;
        margin-bottom: 3px;
        padding-left: 10%;
        padding-right: 10%;
    }

    /*firefox specific changes on mobile*/
    @-moz-document url-prefix() {

        .dnd_verticalimgdd {
            position: relative;
            height: 90%!important;
            display: block;
        }

        /*the following 3 section styles keep the font relative the the viewport size on mobile and firefox*/
        section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span4 h1, section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span3 h1, section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span6 div.bghalf_no_img h1 {
            text-align: center;
            font-size: 2.2vw!important;
            letter-spacing: 1px;
            line-height: 100%!important;
            position: relative;
            padding-left: 10%;
            padding-right: 10%;
        }

        section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span4 h2, section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span3 h2, section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span6 div.bghalf_no_img h2 {
            text-align: center;
            font-size: 2.1vw!important;
            line-height: 110%!important;
            position: relative;
            margin-top: 0;
            padding-left: 10%;
            padding-right: 10%;
        }

        section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span4 h3, section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span3 h3, section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span6 div.bghalf_no_img h3 {
            text-align: center;
            font-size: 2.0vw!important;
            line-height: 120%!important;
            position: relative;
            margin-top: -2px;
            margin-bottom: 3px;
            padding-left: 10%;
            padding-right: 10%;
        }
    }

}
.col-lg-3.cold-md-3.col-sm-3.filterList.author a{
    text-transform: uppercase !important;
}

.shoppingcart{
    width: 30px;
    height:30px;
    margin-top: 20px;
}
.aboutInternational .row .col-md-2 img, .aboutInternational .row .col-md-2 a{
    cursor: pointer;
}
.aboutInternational .row .col-md-2 a{
    display:block;
    color:black;
    text-decoration: none;
}
.aboutInternational .row .col-md-2 a:hover{
    color: #666666;
    text-decoration: none;
}

.productnav{
    padding-bottom: 10px;
}

.issueDetailOverlay p{
    overflow-y: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 11;
    -webkit-box-orient: vertical;
}

.blackLinkText {
    color: black;
    text-decoration-color: black;
}


/*woocommerce override?*/
.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button{
    text-shadow:none!important;
    box-shadow: none !important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    border-radius: 0px!important;
    -webkit-border-radius:0px!important;

}

.woocommerce #content input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt{
    text-shadow:none!important;
}
.woocommerce table.shop_table, .woocommerce-page table.shop_table{
    border-radius: 0px!important;
    -webkit-border-radius:0px!important;
    font-size: 18px;
    font-weight: normal;
}

.woocommerce table.shop_table th {
    font-weight: normal;
}

.woocommerce .quantity .qty {
    border: 1px #aaa solid;
}

.woocommerce table.shop_table {
    border: 1px #aaa solid;
}

.woocommerce table.shop_table td {
    border-top: 1px #aaa solid;
}

.woocommerce .woocommerce-error:before, .woocommerce-page .woocommerce-error:before{
    visibility: hidden;
}
.woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-message:before{
    visibility: hidden;
}
.woocommerce .woocommerce-info:before, .woocommerce-page .woocommerce-info:before{
    visibility: hidden;
}

.woocommerce .woocommerce-error, .woocommerce-page .woocommerce-error.woocommerce .woocommerce-error:before, .woocommerce-page .woocommerce-error:before{
    background-color: white!important;
}

.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message, .woocommerce-page .woocommerce-error, .woocommerce-page .woocommerce-info, .woocommerce-page .woocommerce-message{
    box-shadow: none !important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    border-radius: 0px!important;
    -webkit-border-radius:0px!important;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    border: 1px black solid;
    color: #000;
    background-color: white;
    font-weight: normal;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    color: #000;
    background-color: #eee;
}

.cart_totals {
    padding-bottom: 20px;
    font-size: 18px;
    font-weight: normal;
}

.cart_totals table {
    width: 100%;
    font-weight: normal;
}

.cart_totals table td, .cart_totals table th {
    padding: 2px;
    font-weight: normal;
}

/*expand*/
.expandSectionButton{
    background: white;
    border: 0px;
    padding: 10px!important;
    text-align: center;
}

/*subscribe*/
.subscribeThird,.subscribeTwoThird{
    border:2px #888 solid;
    padding:10px;
    width: 100%;
    text-align: center;
}
.subscribeTwoThird{
    width:100%;
    text-align: left;
}

.subscribeThird h4{
    color:#888;
    font-size: 15px;
}
.subscribeTwoThird h4{
    color:#888;
    font-size: 18px;
    padding-left: 20px
}
.subscribeThird .wysija-paragraph, .subscribeTwoThird .wysija-paragraph{
    font-size: 30px;
    color:#888;
}
.subscribeTwoThird .wysija-paragraph{
    padding-left: 20px;
}
.subscribeThird .wysija-paragraph input, .subscribeTwoThird .wysija-paragraph input{
    border-bottom: 2px #888 solid;
    width:70%;
    margin-top: 30px;
    color: #000;
}
.subscribeTwoThird .wysija-paragraph input{
    margin-top: 10px;
}
.subscribeTwoThird .wysija-paragraph input{
    width:40%;
}
.subscribeThird .wysija-submit,.subscribeTwoThird .wysija-submit{
    background-color: white;
    border: 2px #888 solid;
    font-size: 28px;
    color: #888;
    padding-right: 75px;
    padding-left: 75px;
    margin: auto;
    margin-top: 70px!important;
    margin-bottom: 30px;
}
.subscribeTwoThird .wysija-submit{
    display: inline;
    text-align: right;
    margin-left: 160px;
    margin-top: 0px!important;
}

input{
    border:0px;
}


.about section h4{
    color:#9a9a9a;
    font-size: 18px!important;
}
.about section{
    font-size: 18px;
    line-height: 32px;
    padding: 50px 25%;
}
.aboutWithHeaderImage{
    background-size: cover;
    background-size: 100%\9;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 550px;
}

.about{
    padding-bottom: 20px;
    text-align:center;
}

.aboutInternational,.aboutContact{
    font-size:24px!important;
    line-height:34px!important;
}

.aboutInternational h4,.aboutContact h4{
    font-size:34px !important;
    color: black!important;
}
.about a{
    text-decoration: underline;
}

hr {
    border-top: 1px #888 solid;
}

a:hover {
    color:rgb(128,128,128) !important;
}

.withHeaderImage div.article h1{
    font-size:60px;
}

.withHeaderImage div.article h2{
    font-size:32px;
}

.bghalf_no_img{
    padding-top: 25% !important;
}

.bghalf_img{
    height:400px!important;
}
/*landscape*/
@media (max-height:480px) and (orientation:landscape) and (-webkit-device-pixel-ratio: 2),
(max-height:480px) and (orientation:landscape) and (-webkit-device-pixel-ratio: 3) {
    #headerAdvert{
        display: none;
    }
    .mobilestickynav{
        top:0px;
        padding-top: 0px!important;
    }
    .shareButtons{
        visibility: hidden
    }
    .mobile-menu .menu-primary-container{
        overflow: scroll;
        width: 100%;
        height:220px;
        top: 80px;
        position: fixed;
        background: white;
    }
}

@media only screen /*change to 375 for iphone 6? change plus?*/
and (max-width : 375px) {
    .bghalf_no_img{
        width:100%!important;
        display:block;
    }
    .dnd_split_featuredarticle .textSection .moduleContent{
        padding:0px!important;
    }
    .withHeaderImage div.article h1 {
        font-size:40px;
    }
    .withHeaderImage div.article h2 {
        font-size:20px;
    }
    .filterList .simple-text-lead{
        margin-bottom: -20px!important;
    }
    .col-lg-3.cold-md-3.col-sm-3.filterList {
        margin-bottom: 0px!important;
        margin-top: 20px!important;
        padding-left: 5px!important;
    }

    .bghalf_img{
        width:100%!important;
        height:400px!important;
        display:block;
    }

    .paginationArrowImage_right{
        right:20px!important;
    }

    .about_ad_sub, .about_advert{
        display:block;
        width:100%!important;

    }

    .subscribePadlock{
        right:2% !important;
        bottom:2% !important;
    }

    /*share icons*/
    .shareButtons{
        /*display: none;
        position: fixed;
        z-index: 999;
        text-align:right;
    top: 100px;
    width: 80%;
    right: 0px;
    background: white;*/
        visibility: hidden
    }

    .articleShareBar {
        border-top:0px !important;
    }

    .articleShareBar .shareButtons div{
        display:inline;
        padding-right:40px !important;
    }
}
/* JAMIE ADD IN*/

body {
    max-width: 100%;
    overflow-x: hidden;
    font-family: Plantin;
}

div.advertZone {
    background-color: #999999;
    border: 3px yellow solid;
    width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0px;
    bottom: 0px;
}

#headerAdvert {
    width: 100%;
    height: 90px;
    text-align: center;
    position: absolute;
    z-index: 1000;
    top: 0px;
    padding-top: 20px;
}

#headerAdvert img {
    width: 100%;
    height: auto;
    max-width: 728px;
}

div.rootFrame {
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 991px) {
    #headerAdvert {
        padding: 10px;
        background-color: #EEE;
        position: fixed;
        height: auto;
    }
    div.rootFrame {
        margin-top: 0px;
    }
}

#main #content {
    margin-bottom: 23px;
}

h1.grantaLogo, h2.grantaLogo, h5.grantaLogo {
    color: #666666;
    text-align: center;
    font-family: Plantin;
    letter-spacing: 1px;
}

h1.grantaLogo {
    font-size: 48px;
    padding-top: 32px;
}

h5.grantaLogo {
    font-size: 17px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h1.sectionHeader, h2.sectionHeader, h3.sectionHeader, h4.sectionHeader, h5.sectionHeader, h6.sectionHeader {
    text-transform: uppercase;
    text-align: center;
    border-bottom: 1px #808080 solid;
    height: 1.5em;
    width: 100%;
}

/*
 * ARTICLE TYPOGRAPHY
 */

.article h1.title {
    font-size: 48px;
    letter-spacing: 1px;
    line-height: 52px;
    text-align: left;
    font-family: Plantin;
}

.withoutHeaderImage .article h2, .withoutHeaderImage .article h2.author a {
    color: #000;
}

.withHeaderImage .article h2, .withHeaderImage .article h2.author a {
    color: inherit;
}

.article h2.subtitle {
    font-size: 22px;
    letter-spacing: normal;
    line-height: 26px;
    text-align: left;
    font-family: Plantin;
}

.article h2.author {
    font-weight: bolder;
    font-size: 24px;
    letter-spacing: normal;
    line-height: 30px;
    text-align: left;
    font-family: Plantin;
}

.withoutHeaderImage {
    min-height: 450px;
    margin-bottom: 10px;
}

.withoutHeaderImageSmall {
    min-height: 0px;
    margin-bottom: 0px;
}

.withoutHeaderImage div.article h1 {
    margin-top: 35%;
}

.withoutHeaderImageSmall div.article h1  {
    margin-top: 0%;
}

.withoutHeaderImageSmall div.article h2  {
    margin-top: 0%;
    margin-bottom: 50px;
}

.withHeaderImage {
    background-size: cover;
    background-size: 100%\9;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 550px;
    margin-bottom: 80px;
}

.withHeaderImage div.article h1 {
    margin-top: 70%;
}

.withHeaderImage div.article h1, .withHeaderImage div.article h2 {
    color: #fff;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.8);
}


.withSlideshow {

    padding: 0 30px;
    margin-bottom: 20px;
    position: relative;

}

.withSlideshow .slideshowControl {
    width: 30px;
    height: 100%;
    position: absolute;
}

.withSlideshow .slideshowControl a {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 1;
    background-image: none;
}

.withSlideshow .slideshowControl a img {
    width: 16px;
}

.withSlideshow .slideshowControlLeft {

    left: 0px;

}

.withSlideshow .slideshowControlRight {

    position: absolute;
    top: 0;
    margin: 0;
    right: 0px;

}

.withSlideshow .slideshowHolder {
    width: 90%;
    margin-left: 5%;
    position: relative;
    height: 100%;
    overflow: hidden;
    min-height: 360px;
}

.withSlideshow .slideshowHolder .carousel, .withSlideshow .slideshowHolder .carousel-inner {
    height: 100%;
    position: absolute;
    width: 100%;
}


@media(max-width: 768px) {

    .withSlideshow {
        padding: 0;
    }

    .withSlideshow .slideshowHolder {
        width: 100%;
        margin: 0;
        min-height: 360px;
    }

    .withSlideshow .slideshowControlLeft {
        display: none;
    }

    .withSlideshow .slideshowControlRight {
        margin: 0;
        width: 100%!important;
        height: 100%!important;
    }
    
    .withSlideshow .slideshowControlRight .left.carousel-control {
        width: 100%!important;
    }

    .withSlideshow .slideshowControlRight img {
        visibility: hidden;
        width: 100%!important;
        height: 100%!important;
    }

    .carousel-fullscreen {
        display: none;
    }

    .slideSelectorRow {
        display: none;
    }

}

@media(max-width: 380px) {
    .withSlideshow .slideshowHolder {
        min-height: 110px;
    }
}

#headerSlideshow .carousel-inner .item .carousel-caption, .embeddedCarousel .carousel-inner .item .carousel-caption {
    width: 100%;
    bottom: 0px;
    padding-left: 70px;
    padding-right: 100px;
    padding-bottom: 16px;
    padding-top: 16px;
    left: 0px;
    right: 0px;
    font-family: "Alright Sans";
    font-size: 14px;
    line-height: 20px;
    background-color: rgba(255, 255, 255, 0.4);
    text-align: left;
    color: black;
    text-shadow: none;
    display: none;
}

.carousel-inner .item {
    position: absolute;
    width: 100%;
    height: 100%;
}

.headercarousel-captiontoggle {
    position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 500;
    width: 26px;
    cursor: pointer;
}

.slideSelectorRow {
    position: relative;
}

.slideSelectorRow .indicators {
    padding: 0;
    margin: 0;
    margin-bottom: 50px;
}

.slideSelectorRow .indicators li {
    list-style-type: none;
    display: inline;
    margin-right: 2px;
    margin-bottom: 2px;
}

.slideSelectorRow .indicators li img {
    width: 40px;
    height: 40px;
    cursor: pointer;
    opacity: 0.5;
}

.slideSelectorRow .indicators li.active img {
    border-top: 1px red solid;
    opacity: 1;
}


.article, .article p, .entry-content p {
    font-size: 18px;
    letter-spacing: normal;
    line-height: 28px;
    font-family: "Plantin", Georgia, Serif;
    padding-bottom: 5px;
}

.article p a {
    color: #000;
    text-decoration: underline;
}

.article a.taxonomy, .article a.link, .article a.category, a.articlerelatedlink, div.articleMeta a {
    font-family: "Alright Sans";
    font-size: 20px;
    letter-spacing: normal;
    line-height: 28px;
    color: #666666;
}

.article ul li a, .article ul li {
    font-family: "Alright Sans";
    font-size: 18px;
    letter-spacing: normal;
    line-height: 28px;
    color: #666666;
    margin-bottom: 4px;
}

.article ul li a:hover, .article ul li:hover, div.articleMeta a:hover {
    color: #000;
    text-decoration: none;
}

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

.articleShareBar {
    padding-top: 2px;
    padding-right: 0;
}

.articleShareBar div {
    padding-left: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

.articleShareBar .shareButtons {
    padding-top: 2px;
    border-top: 1px #808080 solid;
}

.articleShareBar .shareButtons div {
    padding-left: 0px;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
    padding-right: 0px;

}

.articleShareBar .shareButtons img {
    height: 19px;

    margin-top: -2px;
    margin-right: 0px;
    padding: 0px;
}

.articleShareBar .shareButtons span {
    font-size: 15px;
    line-height: 16px;
    margin-left: -2px;
    color: #666666;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

div.gntml_image {
    margin-bottom: 32px;
}

.subscriptionsList p {
    border-bottom: 1px #000 solid;
    padding: 10px 0px;
}
.subscriptionsList p:last-of-type {
    border-bottom: none;
}

.subscriptionConnectForm form {
    border: 1px black solid;
    padding: 60px 0px;
}

.subscriptionConnectForm input.textField {
    border-radius: 0;
    border: none;
    border-bottom: 1px #808080 solid;
    background-color: #fff;
    width: 80%;
    color: #000;
    font-size: 46px;
    margin-bottom: 30px;
}

.subscriptionConnectForm input.grantaSubmitButton {
    background-color: #fff;
    color: #000;
    border-radius: 0;
    border: 1px #000 solid;
    width: 80%;
    color: #666666;
    font-size: 40px;
}

.article input[type="text"], .article input[type="password"] {

    margin-bottom: 10px;
    border: none;
    border: 1px #000 solid;
    padding: 4px 4px;
    width: 100%;
}

.article textarea {
    border: none;
    padding: 4px 4px;
    border: 1px #000 solid;
    width: 100%;
    min-height: 80px;
    resize: none;
}

.saveButton {
    border: 1px #000 solid;
    background-color: #fff;
    color: #666;
    font-size: 30px;
    width: 100%;
    margin-top: 10px;
    padding: 5px 0;
}

.article .breakout {
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
}

.article .breakout img.alignnone, .article .breakout img.aligncenter  {
    max-width: 100%;
}

.article .breakout img.alignleft  {
    max-width: 75%;
}

.article .breakout img.alignright  {
    width: 75%;
    padding-left: 25%;
}

.article blockquote {
    border: none;
}

.article blockquote p {
    margin-left: 10%;
    margin-right: 10%;
}

.article .pullquote {
    border: none;
    padding: 20px 0;
}

.article .pullquote p {
    font-size: 40px;
    line-height: 43px;
}

/*
 * MODULE TYPOGRAPHY
 */

.module h1.title {
    text-transform: uppercase;
    font-size: 48px;
    letter-spacing: 1px;
    line-height: 52px;
    text-align: center;
    padding: 20px;
}

.module h2.author {
    font-size: 36px;
    letter-spacing: 1px;
    line-height: 52px;
    text-align: center;
}

.module h2.author:hover {
    text-decoration: underline;
}

.module h2.subtitle {
    font-size: 26px;
    letter-spacing: 0px;
    line-height: 52px;
    text-align: center;
}

.module .sectiontitle, h1.pageTitle {
    font-variant: small-caps;
    text-transform: lowercase;
    font-size: 26px;
    letter-spacing: 1px;
    line-height: 52px;
    text-align: center;
    color: #666666;
}

.module .sectiontitle:hover {
    text-decoration: underline;
}

/*
 * EXPLORE PAGE
*/
div.exploreArticle {
    padding-left: 5px;
    padding-right: 5px;
}

div.exploreArticle div.thecontent {
    border-bottom: 1px #808080 solid;
    min-height: 260px;
    max-height: 260px;
    overflow: hidden;
    padding: 20px 0;
}

div.exploreArticle div.thecontent :hover {
    text-decoration: underline;
}

div.exploreArticle div.thecontent h1 {
    line-height: 1.3em;
    text-align: center;
    color: black;
    text-transform: uppercase;
    font-size: 2em;
    letter-spacing: 1px;
    cursor: pointer;
}


div.exploreArticle div.thecontent h2 {
    line-height: 1.2em;
    text-align: center;
    color: black;
    font-size: 1.8em;
    letter-spacing: 1px;
}
div.exploreArticle div.thecontent h2 a {
    color: #000;
}

div.exploreArticle div.thecontent h3 {
    line-height: 1.1em;
    text-align: center;
    color: black;
    font-size: 1.2em;
    letter-spacing: 1px;
}

div.exploreFilterRow {
    border-bottom: 1px #808080 solid;

}

div.exploreFilterRow div h4 {
    font-variant: small-caps;
    text-transform: lowercase;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 20px;
    text-align: left;
    color: #666666;
    cursor: pointer;
}

div.exploreFilterRow div h4 img {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

div.exploreFilterRow #filters {
    display: none;
    padding: 0 10px 16px 10px;
}

div.exploreFilterRow #filters .filterList, div.exploreFilterRow #filters .filterList a, div.exploreFilterRow #filters .filterList a.innactive {
    font-family: "Alright Sans";
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 27px;
    text-align: left;
    text-transform: lowercase;
    color: #666666;
}

div.exploreFilterRow #filters .filterList a.innactive:hover {
    color: #000;
    text-decoration: none;
}

div.exploreFilterRow #filters .filterList a.active {
    color: #000;
    font-family: "Alright Sans Medium";
}

div.exploreFilterRow #filters .filterList a.active:hover {
    text-decoration: line-through;
}

ul.sortByListing  {
    float: right;
    padding: 10px 0px;
    display: none;
    font-size: 20px;
    letter-spacing: 1px;
    margin-left: 100%;
}

ul.sortByListing li {
    list-style-type: none;
    padding: 1px 0px;
    text-align: right;
    color: #000;
    text-transform: lowercase;
    font-variant: small-caps;
    white-space: nowrap;
}

.stickynav {
    position: absolute;
    top: 90px;
    width: 100%;
    max-width: 1280px;
    background-color: white;
    z-index: 500;
    margin-left: auto;
    margin-right: auto;
    height: 174px;
    border-bottom: 1px #808080 solid;
}

.stickynav .headerBarRow {
    padding-bottom: 20px;
}

.snnoborder{
    border: none;
}

.search-box {
    width: 100%;
}

div.menu-button-holder {
    position: absolute;
    bottom: 10px;
}

.left-menu-granta {
    left: 0;
}

.right-menu {
    right: 0;
    text-align: right;
}

img.btn_close_menu {
    width: 32px;
    cursor: pointer;
    position: absolute;
    left: 15px;
    bottom: 11px;
}
img.btn_open_menu {
    height: 32px!important;
    padding: 0px 7px;
    cursor: pointer;
    position: absolute;
    left: 10px;
    bottom: 5px;
    display: none;
}

#grantaBlogDescription {
    padding-bottom: 0px;
}

.mobilestickynav {
    position: fixed;
    padding-top: 20px;
    width: 100%;
    max-width: 1280px;
    background-color: white;
    z-index: 500;
    margin-left: auto;
    margin-right: auto;
}

.mobilestickynav .rightButtons, .mobilestickynav .leftButtons {
    height: 80px;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.mobilestickynav .mobileLogoHolder {
    height: 80px;
    text-align: center;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.mobilestickynav .mobileLogoHolder .mobileLogo {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    height: 28px;
}

.mobilestickynav img {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.mobilestickynav img.mobileclosedbutton {
    height: 24px;
}
.mobilestickynav img.mobileopenedbutton {
    width: 24px;
}

.mobilestickynav img.mobilesearchtogglebutton {
    float: right;
    height: 28px;
}

/* DISPLAY QUERIES FOR SMALLER DEVICES */
@media (max-width: 390px) {

    .mobilestickynav .rightButtons, .mobilestickynav .leftButtons, .mobilestickynav .mobileLogoHolder  {
        height: 65px;
    }

    .mobilestickynav img.mobilesearchtogglebutton {
        height: 25px;
    }

    .mobilestickynav img.mobileclosedbutton {
        height: 20px;
    }

    .mobilestickynav img.mobileopenedbutton {
        width: 20px;
    }

    .mobilestickynav .mobileLogoHolder .mobileLogo {
        height: 25px;
    }

}


.coverPage {
    position: absolute;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background-color: white;
    background-size: cover;
    background-image: url(http://ppcdn.500px.org/78749779/5c77932baa0fe85e0154b2de70a510dbe0c97a0d/2048.jpg);
}

.navigationbar {
    background-color: #fff;
    opacity: 0.5;
}

div.overlay-menu {
    display: none;
}

div.mobile-menu {
    position: fixed;
    z-index: 500;
    top:145px;
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: none;
}

div.mobile-search-view {
    position: fixed;
    z-index: 500;
    width: 100%;
    height: 100%;
    display: none;
    top: 90px;
}

@media (max-width: 390px) {
    div.mobile-search-view {
        top: 70px;
    }
}

div.mobile-search-view input[type="search"] {
    font-family: "Alright Sans";
    font-size: 30px;
    outline: none;
    background: white;
    position: absolute;
    top: 0px;
    width: 100%;
    padding: 16px;
    text-align: left;
    border: none;
    border-radius: 0;
}

div.mobile-menu ul {
    padding: 0 16px;
    list-style-type: none;
    padding-bottom: 60px;
}

div.mobile-menu ul li {
    border-bottom: thin #808080 solid;
    padding: 10px 0;
    text-transform: uppercase;
    font-size: 20px;
}

div.mobile-menu ul li a {
    color: #666666;
    white-space: nowrap;
    text-overflow: hidden;
}

div.mobile-menu ul li:last-of-type {
    border: none;
}

div.mobile-menu a.mobileLoginButton {
    text-transform: uppercase;
    color: #666666;
    position: fixed;
    bottom: 0px;
    width: 100%;
    font-size: 24px;
    padding: 20px 15px;
    background-color: #fff;
}

div.mid-large-menu {
    position: fixed;
    z-index: 500;
    bottom: 0px;
    top: 150px;
    width: 0%;
    opacity: 0;
    background-color: #fff;
    display: none;
    min-width: 220px;
}

div.mid-large-menu ul {
    margin: 0;
    padding: 1em 1em 0 1.5em;
    list-style-type: none;
}

div.mid-large-menu ul li {
    margin: 0;
    text-transform: uppercase;
    padding: 1.2em 0 0.4em 0;
    color: #000;
    border-bottom: 1px #212020 solid;
    text-overflow: hidden;
    white-space: nowrap;
}

div.mid-large-menu ul li ul.children {
    display: none;
    position: absolute;
    left: 99%;
    background: #fff;
    border: 1px #808080 solid;
    margin-top: -20px;
    padding: 0px;
}

div.mid-large-menu ul li a {
    color: #212020;
    white-space: nowrap;
    text-overflow: hidden;
}

div.mid-large-menu ul li a:hover {
    text-decoration: none;
}

/*
 * Search box
*/

.search-bar {
    margin-bottom: -24px;
    margin-right: 50px;
    display: inline;
    white-space: nowrap;
    overflow: hidden;
    display: none;
}

.search-bar input {
    font-family: "Alright Sans";
    font-size: 16px;
    border: none;
    outline: none;
    background: transparent;
}

.search-bar img {
    width: 28px;
    height: 22px;
    border-right: 2px #666666 solid;
    padding-right: 4px;
}

.search-button {
    margin-bottom: 5px;
    width: 24px; height: 24px; float: right; cursor: pointer; margin-right: 15px;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.faded-search-button {
    opacity: 0.25;
    width: 24px; height: 24px; float: right;  margin-right: 15px; cursor: pointer;
}

ul.search-suggest {
    position: fixed;
    max-height: 300px;
    border-left: 1px #808080 solid;
    border-right: 1px #808080 solid;
    border-bottom: 1px #808080 solid;
    border-top: 1px #fff solid;
    right: 0px;
    top: -300px;
    z-index: 1000;
    background-color: #fff;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    overflow-y: scroll;
}

ul.search-suggest li {
    padding: 4px 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
    overflow-y: hidden;
    border-bottom: 1px #808080 solid;
    font-family: "Alright Sans";
    font-size: 20px;
    color: #666666;

}

div.simple-text, p.simple-text, a.simple-text, .simple-text a {
    font-family: "Alright Sans";
    font-size: 18px;
    letter-spacing: normal;
    line-height: 28px;
    color: #666666;
}

div.simple-text-lead, p.simple-text-lead, a.simple-text-lead, .simple-text-lead a {
    font-family: "Alright Sans Medium";
    font-size: 18px;
    letter-spacing: normal;
    line-height: 28px;
    color: #666666;
}

a.simple-text:hover, .simple-text a:hover a.simple-text-small,:hover, .simple-text-small, a:hover {
    color: #000;
    text-decoration: none;
}

div.simple-text-small, p.simple-text-small, a.simple-text-small, .simple-text-small a {
    font-family: "Alright Sans";
    font-size: 18px;
    letter-spacing: normal;
    line-height: 28px;
    color: #666666;
}



div.articleListItem, div.issueListItem {
    border-bottom: 1px #808080 solid;
    min-height: 60px;
    position: relative;
}

div.issueListItem {
    padding: 10px 0px;
}

div.articleListItem.withPadding, div.issueListItem.withPadding {
    padding: 0px 25px;
}

h1.articleListingTitle, h1.articleListingTitle a {
    color: #000;
    font-size: 34px;
    margin-top: 40px;
}

h2.articleListingSubitle, h2.articleListingSubitle a {
    color: #000;
    font-size: 26px;
    margin-top: 0px;
}

div.articleListingMeta {
    padding-top: 6px;
    position: relative;
    height: 100%;
}

div.articleListingMeta a, div.articleListingMeta {
    font-family: "Alright Sans";
    font-size: 18px;
    letter-spacing: normal;
    line-height: 28px;
    color: #999999;
}

div.articleListingMeta a:hover {
    color: #000;
    text-decoration: none;
}

/*
 * FOOTER TO THE WEBSITE
 */
div.footer {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

div.footer img.footerLogo {
    height: 24px;
    margin-bottom: 36px;
}

div.footer a, div.footer p {
    text-align: center;
    font-family: "Alright Sans";
    color: #666;
    line-height: 18px;
    font-size: 14px;
    margin-bottom: 6px;
}

div.footer div.footerColumn a:hover{
    text-decoration: none;
    color: #808080;
}

/*
 * PAGE SECTION MODULE STYLING
 */
.dnd_section_dd  { // THE ROOT SECTION
}


.dnd_section_content {
    overflow: hidden;
    margin-bottom: 16px;
}

section.dnd_section_dd div.dnd_section_content div.dnd_container { } // Top level content holding container of sections
.dnd_container {
    background-color: white;
}
.dnd_container div.dnd_column_dd_span3, .dnd_container div.dnd_column_dd_span4, .dnd_container div.dnd_column_dd_span5, .dnd_container div.dnd_column_dd_span6, .dnd_container div.dnd_column_dd_span7, .dnd_container div.dnd_column_dd_span8, .dnd_container div.dnd_column_dd_span9, .dnd_container div.dnd_column_dd_span10, .dnd_container div.dnd_column_dd_span11, .dnd_container div.dnd_column_dd_span12 {
    border-bottom: 1px #808080 solid;
    /*padding-bottom: 16px;*/
    padding-bottom: 34px;/*fix padding in image containers*/
    position: relative;
}

// Applied to all spans
section.dnd_section_dd {
    text-align: center;
    background-color: red;
}

section.dnd_section_dd div.dnd_section_content div.dnd_container div img {
    width: 100%;
    height: auto;
}

// 12 SPAN CONTAINER CSS
div.dnd_column_dd_span12 {
    text-align: center;
    border-bottom: 1px #808080 solid;
}
section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span12 h1 {
    text-transform: uppercase;
    font-size: 38px;
    letter-spacing: 1px;
    line-height: 46px;
    text-align: center;
    margin: 0;
    padding-left: 20%;
    padding-right: 20%;
}
section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span12 h2 {
    font-size: 28px;
    letter-spacing: 1px;
    padding-bottom: 10px;
    text-align: center;
    padding-left: 20%;
    padding-right: 20%;
}
section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span12 h3 {
    font-size: 19px;
    letter-spacing: 0px;
    line-height: 30px;
    text-align: center;
    padding-left: 25%;
    padding-right: 25%;
}

section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span12 div.carousel {
    border-bottom: 1px #808080 solid;
    margin-bottom: 10px;
}

// 8 SPAN CONTAINTER CSS
section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span8 {
    text-align: center;
    border-bottom: 1px #808080 solid;
    background-color: red;
}
section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span8 h1 {
    text-transform: uppercase;
    text-align: center;
    /*font-size: 32px;*/
    font-size: 30px;/*reduce title size in mudules*/
    letter-spacing: 1px;
    line-height: 36px;
    position: relative;
    padding-left: 10%;
    padding-right: 10%;
}
section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span8 h2 {
    font-size: 24px;
    letter-spacing: 1px;
    text-align: center;
    margin-top: 0;
    padding-top: 0;
    line-height: 34px;
    text-align: center;
    font-size: 24px;
    position: relative;
    margin-top: 0;
    padding-left: 10%;
    padding-right: 10%;
}
section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span8 h3 {
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    position: relative;
    padding-left: 10%;
    padding-right: 10%;
}
section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span8 h4 {
    text-align: center;
    font-size: 22px;
    line-height: 40px;
    letter-spacing: 1px;
    /*color: #666666;*/
    color: #212020;/*darken the section headers*/
    font-variant: small-caps;
    text-transform: lowercase;
    margin-top: 0px;
}


section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span8 div.dnd_featuredarticlewithbg h4 {
    display: none;
}

// 6 SPAN CONTAINER CSS
section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span6 {
    text-align: center;
    border-bottom: 1px #808080 solid;
}

section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span6 h1, section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span12 div.bghalf_no_img h1 {
    text-transform: uppercase;
    font-size: 34px;
    letter-spacing: 1px;
    line-height: 40px;
    text-align: center;
    padding-left: 10%;
    padding-right: 10%;
}

section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span6 h2, section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span12 div.bghalf_no_img h2 {
    font-size: 22px;
    line-height: 27px;
    text-align: center;
    margin-top: 0;
    padding-left: 10%;
    padding-right: 10%;
}

section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span6 h3, section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span12 div.bghalf_no_img h3 {
    font-size: 18px;
    line-height: 23px;
    text-align: center;
    padding-left: 10%;
    padding-right: 10%;
}

section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span6 h4, section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span12 h4 {
    text-align: center;
    font-size: 20px;
    line-height: 40px;
    letter-spacing: 1px;
    color: #666666;
    font-variant: small-caps;
    text-transform: lowercase;
    margin-top: 0px;
    margin-bottom: 0;
}

section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span6 h5.issue, section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span12 h5.issue {
    text-align: center;
    font-size: 20px;
    line-height: 40px;
    letter-spacing: 1px;
    color: #666666;
    font-variant: small-caps;
    text-transform: lowercase;
    margin-top: 0px;
    margin-bottom: 0;
    position: absolute;
    bottom: 0px;
    width: 100%;
}

// 4/3 SPAN CONTAINER CSS
section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span4, section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span3 {
    text-align: center;
    border-bottom: 1px #808080 solid;
}
section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span4 h1, section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span3 h1, section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span6 div.bghalf_no_img h1 {
    text-align: center;
    /*font-size: 32px;*/
    font-size: 2.0vw;/*resize title font based on viewport*/
    letter-spacing: 1px;
    /*line-height: 36px;*/
    line-height: 100%;
    position: relative;
    padding-left: 10%;
    padding-right: 10%;
}
section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span4 h2, section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span3 h2, section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span6 div.bghalf_no_img h2 {
    text-align: center;
    /*font-size: 24px;*/
    font-size: 1.8vw;
    line-height: 110%;
    position: relative;
    margin-top: 0;
    padding-left: 10%;
    padding-right: 10%;
}
section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span4 h3, section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span3 h3, section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span6 div.bghalf_no_img h3 {
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    position: relative;
    padding-left: 10%;
    padding-right: 10%;
}
section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span4 h4, section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span3 h4 {
    text-align: center;
    font-size: 22px;
    line-height: 100%;
    letter-spacing: 1px;
    color: #212020;
    font-variant: small-caps;
    position: relative;
    text-transform: lowercase;
    margin-bottom: 8px;
}
header div.dnd_container h3 {
    text-align: center;
    font-size: 25px;
    line-height: 50px;
    letter-spacing: 1px;
    /*color: #666666;*/
    color: #212020;
    font-variant: small-caps;
    position: relative;
    text-transform: lowercase;
    border-bottom: 1px #808080 solid;
}
section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span3 h4 {
    display: none;
}
section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span4 ul, section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span3 ul {
    text-align: left;
    font-size: 16px;
    line-height: 26px;
    margin: 0px;
    position: relative;
}

// 1/2 SPAN CONTAINER CSS
section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span2, section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span1 {
    font-family: "Alright Sans";
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 46px;
    text-align: left;
    text-transform: lowercase;
}

div.dnd_column_span {
    border-bottom: 1px #808080 solid;
    padding-bottom: 16px;
}

/* CUSTOM DND CONTAINERS
*/
.dnd_featuredarticle, dnd_featuredarticlewithbg {
    vertical-align:middle;
    position: relative;
    height: 100%;
}

.outer-div, inner-div,floating-div, floating-div2  {
    min-height: 200px;
}
.outer-div { position: relative; float: right;  width: 100%; min-height: 200px; height: 100%; vertical-align:middle; color: #000;}
.inner-div { position: relative; float: right;  width: 100%; min-height: 200px; height: 100%; }
.bghalf_img { float: left;  width: 50%; background-color: #000;} /*height: 100%; */
.bghalf_no_img { float: left;  width: 50%; min-height: 200px; color: #000; padding: 10px;}

.backgroundBlack {
    background-color: #000
}

.dnd_featuredarticlewithbg {
    vertical-align:middle;
    color: #fff;
    background-size: 100% 100%;
    background-size: cover;
    overflow: hidden;
    height: 100%;
}

.backgroundAlignTop {
    background-position: top center;
}

.backgroundAlignMiddle {
    background-position: center center;
}

.backgroundAlignBottom {
    background-position: bottom center;
}

.dnd_column_dd_span12 .dnd_featuredarticlewithbg,  .dnd_column_dd_span12 .dnd_featuredarticle, .dnd_column_dd_span6 .dnd_featuredarticlewithbg,  .dnd_column_dd_span6 .dnd_featuredarticle {
    padding: 20px 40px 40px 40px;
    min-height: 400px;
}

.dnd_column_dd_span4 .dnd_featuredarticlewithbg,  .dnd_column_dd_span4 .dnd_featuredarticle, .dnd_column_dd_span8 .dnd_featuredarticlewithbg,  .dnd_column_dd_span8 .dnd_featuredarticle  {
    padding: 20px 40px 40px 40px;
}

.dnd_column_dd_span3 .dnd_featuredarticlewithbg,  .dnd_column_dd_span3 .dnd_featuredarticle {
    padding: 20px;
}

.bghalf_no_img h1 a, bghalf_no_img h2 a, bghalf_no_img h2, bghalf_no_img a, bghalf_no_img h3 a, bghalf_no_img h4 a, bghalf_no_img h4 {
    color: #000;
    text-decoration: none;
}
.bghalf_no_img {
    color: #000;
}
.dnd_featuredarticle a, .dnd_featuredarticle_half a {
    color: #000;
    text-decoration: none;
}
.dnd_featuredarticle a:hover, bghalf_no_img a:hover, .dnd_featuredarticle_half a:hover {
    text-decoration: none;
    color: #000;
}
.dnd_featuredarticle a h1:hover, bghalf_no_img h1 a:hover, bghalf_no_img h2 a:hover, dnd_featuredarticlewithbg a h2:hover, .dnd_featuredarticle a h2:hover , dnd_featuredarticlewithbg a h2:hover {
    text-decoration: underline;
}
.dnd_featuredarticlewithbg.whiteText a {
    color: #fff;
    text-align: center;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.8);
}

.withDropShadow, .withDropShadow a {

    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.8);

}

.dnd_featuredarticlewithbg.blackText a {
    color: #000;
    text-align: center;
}

.dnd_verticalimgdd {
    position: relative;
    height: 100%;
    display: block;
}

.dnd_verticalimgdd .upperSection {
    background-size: cover;
    position: relative;
    background-color: gray;
    left: 0;
    right: 0;
    top: 0%;
    height: 50%;
}

.dnd_verticalimgdd .lowerSection, .dnd_verticalimgdd .lowerSection a {
    color: #000;
    padding-bottom: 10px;
}

.dnd_verticalimgdd .lowerSection {
    padding: 0px 20px;
    padding-bottom: 40%;
}

div.dnd_column_span .dnd_featuredarticle_half {
    border-bottom: 1px #888 solid;
}

div.dnd_column_span .dnd_featuredarticle_half:last-of-type {
    border: none;
}

section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span3 .dnd_featuredarticle_half h1,
section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span4 .dnd_featuredarticle_half h1,
section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span6 .dnd_featuredarticle_half h1 {
    padding-bottom: 0px;
    font-size: 24px;
    padding-left: 10%;
    padding-right: 10%;
    height: 28px;
    letter-spacing: normal;
    line-height: 28px;
    text-align: center;
    text-transform: capitalize;
    height: auto;
    margin-top: 0;
    margin-bottom: 6px;
}

section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span3 .dnd_featuredarticle_half h3,
section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span4 .dnd_featuredarticle_half h3,
section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span6 .dnd_featuredarticle_half h3 {
    line-height: 19px;
    padding-left: 10%;
    padding-right: 10%;
    font-weight: bolder;
    color: #000;
    font-size: 16px;
    height: auto;
    margin-bottom: 20px;
    margin-top: 0;
}

section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span3 .dnd_featuredarticle_half h2,
section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span4 .dnd_featuredarticle_half h2,
section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span6 .dnd_featuredarticle_half h2 {
    line-height: 24px;
    padding-bottom: 0px;
    font-size: 22px;
    margin-bottom: 6px;
}

.uppercase {
    text-transform: uppercase;
}

.notSelectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.rotatedRight {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

.rotatedLeft {
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
}

.sortByElement {
    -webkit-appearance: none;
    border: none;
    border-radius: 0;
    font-variant: small-caps;
    text-transform: lowercase;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 20px;
    text-align: left;
    color: #666666;
    cursor: pointer;
    padding: 0;
    margin: 10px 0px;
}

.expandSectionButton {
    font-family: "Alright Sans";
    text-align: center;
    color: black;
    font-size: 20px;
    padding: 5px 0px;
    margin: 0;
    cursor: pointer;
}

// Start the styling for the horizontal half module.
.dnd_split_featuredarticle .textSection a {
    color: #000;
}

.dnd_split_featuredarticle .textSection h4 {
    /*margin-bottom: -40px;*/
    margin-bottom: -20px!important;
}

@media(min-width: 768px) {

    .dnd_split_featuredarticle .textSection {
        padding-right: 0;
    }

    .dnd_split_featuredarticle .imageSection {
        padding-left: 0;
    }
    /*someone add this magic in, magic added at line 3119 ;-)*/
    body {
        -moz-transform: scale(0.9);
        -moz-transform-origin: center top 0px;
        zoom: 0.9;
        -ms-zoom: 1;
    }
}

section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span12 .dnd_split_featuredarticle .textSection h1 {
    text-transform: uppercase;
    font-size: 38px;
    letter-spacing: 1px;
    line-height: 46px;
    text-align: center;
}

section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span12 .dnd_split_featuredarticle .textSection h2 {
    font-size: 26px;
    line-height: 30px;
    text-align: center;
}

section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span12 .dnd_split_featuredarticle .textSection h3 {
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    padding-left: 10%;
    padding-right: 10%;
}

.third div.moduleContent {
    padding: 20px 40px 40px 40px;
}

section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span12 .dnd_split_featuredarticle .textSection.third h1 {
    text-transform: uppercase;
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 36px;
    text-align: center;
}

section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span12 .dnd_split_featuredarticle .textSection.third h2 {
    font-size: 24px;
    line-height: 34px;
    text-align: center;
}

section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span12 .dnd_split_featuredarticle .textSection.third h3 {
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    padding-left: 10%;
    padding-right: 10%;
}

section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span6 .dnd_split_featuredarticle .textSection h1 {
    position: relative;
    text-align: center;
    font-size: 28px;
    letter-spacing: 1px;
    line-height: 32px;
    padding-left: 10%;
    padding-right: 10%;
}
section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span6 .dnd_split_featuredarticle .textSection h2 {
    text-align: center;
    font-size: 22px;
    line-height: 20px;
    position: relative;
    margin-top: 0;
    padding-left: 10%;
    padding-right: 10%;
}
section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span6 .dnd_split_featuredarticle .textSection h3 {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    position: relative;
    padding-left: 10%;
    padding-right: 10%;
}

/*

 * CAROUSEL MODULE DESIGN
 */
div.module-carousel-caption, div.module-carousel-caption a, div.module-carousel-caption:hover, div.module-carousel-caption a:hover {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    color: #fff;
    padding: 5%;
}

div.module-carousel-caption h1:hover, div.module-carousel-caption h2:hover, div.module-carousel-caption h3:hover, div.module-carousel-caption h4:hover, div.module-carousel-caption p:hover {
    color: #fff;
}

/*

REDECORATE THE PAGER
*/
div.pagerRow {
    border-bottom: 1px #808080 solid;
}
ul.pager {
    padding: 30px 0px;
}
ul.pager li a {
    border-radius: 0px;
    font-family: "Alright Sans";
    font-size: 22px;
    color: #666666;
    border: none;
}

ul.pager li a:hover {
    color: #000;
    background-color: transparent;
}

ul.pager li img.paginationArrowImage {
    height: 20px;
}

.articleArrows {
    margin-top: 100px;
    margin-bottom: 100px;
}

/*
 * Styling for some of the subscriber pages from the granta plugin
*/
h2.underlinedHeader {
    border-bottom: 1px #808080 solid;
}

/*
 * start STYLING FOR THE SHOP
 */
.individualIssueListing {
    margin-bottom: 30px;
    min-height: 200px;
    max-height: 99.5%;
}

.individualIssueListing .decorLine {
    border-bottom: 1px #808080 solid;
}

.individualIssueListing a {

    width: 100%;

    height: 100%;

}
.individualIssueListing a img {
    width: 100%;
    height: auto;
}

.individualIssueListing h3, .individualIssueListing h3 a {
    font-size: 16px;
    min-height: 30px;
    padding: 10px 2px;
    text-transform: uppercase;
    color: #000;
    text-align: center;
    width: 100%;
    margin: 0px;
}
.individualIssueListing h3 span {
    margin-left: 12px;
    border-top: 1px #808080 solid;
    border-bottom: 1px #808080 solid;
    font-size: 16px;
}

.issueDetailOverlay {
    background-color: rgba(255, 255, 255, 0.7);
    position: absolute;
    opacity: 0;
    z-index: 400;
    text-align: center;
    padding: 15px;
    top: 0px;
    right: 14px;
    bottom:38px;
    left: 14px;
    overflow: hidden;
    color: #000;
    transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
}

.issueDetailOverlay h2, .issueDetailOverlay p {
    text-overflow: ellipsis;
}

.issueDetailOverlay:hover {
    opacity: 1;
}

/*
 * LOGIN DIALOG
*/
.modal-backdrop {background: none;}
#modalLoginFrame { background: rgba(126, 126, 126, 0.8); }
#modalLoginFrame .modal-dialog {
    margin-top: 20px;
}
#modalLoginFrame .modal-dialog .modal-content {
    box-shadow: none;
    border: none;
    padding: 40px;
}
#modalLoginFrame .modal-dialog .modal-content .modal-header { border-bottom: none; }
#modalLoginFrame .modal-dialog .modal-content .modal-footer { border-top: none; }
#modalLoginFrame .modal-dialog .modal-content .modal-header h4 {
    color: #666666;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 46px;
    font-size: 26px;
}
#modalLoginFrame .modal-dialog .modal-content .modal-body input {
    border-radius: 0;
    border: none;
    border-bottom: 1px #808080 solid;
    background-color: #fff;
    width: 100%;
    color: #000;
    font-size: 34px;
}
#modalLoginFrame .modal-dialog .modal-content .modal-body input:first-of-type {
    margin-bottom: 46px;
}
#modalLoginFrame .modal-dialog .modal-content .modal-body a {
    margin-bottom: 46px;
    width: 100%;
    text-align: center;
    color: #666666;
    margin-top: 3px;
    font-size: 22px;
    display: block;
    text-decoration: underline;
}
#modalLoginFrame .modal-dialog .modal-content .modal-footer input{
    border-radius: 0;
    border: 1px #808080 solid;
    background-color: #fff;
    width: 100%;
    color: #666666;
    font-size: 40px;
}

/*
 * PLACEHOLDER TEXTS
 */
::-webkit-input-placeholder {
    color: #666666;
}

:-moz-placeholder { /* Firefox 18- */
    color: #666666;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #666666;
}

:-ms-input-placeholder {
    color: #666666;
}

/*
 * SUBSCRIBER HIGHLIGHT
*/
.subscribeHighlight, .subscribeHighlight h1, .subscribeHighlight h2, .subscribeHighlight h3, .subscribeHighlight a, .subscribeHighlight a h1 {
    /*color: yellow;*/
    color: black;/*for the & in the issues page*/
    border-color: yellow;
}



img.carouselbutton {
    height: 28px;
    position: absolute;
    top: 48%;
}
.carousel-indicators li.active {
    background-color: #333333;
}
.carousel-indicators li {
    background-color: #666666;
}

.fullscreenSlideshow {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: black;
    z-index: 1600;
    display: none;
}

.carousel-fullscreen {
    position: absolute;
    right: 6px;
    top: 6px;
    z-index: 500;
}

.carousel-captiontoggle {
    position: absolute;
    right: 34px;
    bottom: 0px;
    z-index: 500;

}

.carouselFullscreenButton {
    height: 50px;
    width: 50px;
    max-width: 50px;
    background-color: rgba(255,255,255,0.4);
}

.carouselCaptionsButton {
    width: 18px;
    margin-right: 6px;
    margin-bottom: 6px;
}

img.flipped {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}

.loginHolder {
    text-align: right;
    right: 15px;
    top: 40px;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.loginHolder .loginButton {
    text-align: right;
    /*color: #666666;*/
    color: #212020!important;
    font-size: 17px;
    font-variant: small-caps;
    text-transform: lowercase;
    cursor: pointer;
    line-height: 0px

}

@media (max-width: 894px) {
    #grantaBlogDescription
    {
        display:none;
    }

    #grantaBlogName
    {
        padding-bottom:30px;
    }


}

@media (max-width: 767px) {
    .loginHolder
    {
        position: absolute; top:0; right:5px;
    }

    #headerShareIcons
    {
        display: none;
    }
}


/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
    /* Styles */
    .search-bar
    {
        width: 180px;
    }

    #headerShareIcons
    {
        display: none;
    }
}

#headerShareIcons {
    position: absolute;
    bottom: 2px;
    left: 0px;
}

#headerShareIcons img {
    height: 30px;
    padding: 5px;
    padding-right: 30px;
    max-height: 30px;
    cursor: pointer;
}

span.dropcap {
    font-size: 62px;
    float: left;
    color: #000;
    line-height: 50px;
    padding-right: 8px;
    padding-left: 3px;
    padding-bottom: 0px;
    padding-top: 5px;
}

div.columnAdverts {
    margin-top: 20px;
    padding: 0px;
    width: 100%;
}

div.columnAdverts img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

div.mobileColumnAdverts img, div.mobileColumnAdverts div {
    width: 100%;
    height: auto;
}

@media (min-width: 1200px) {

    div.columnAdverts img {
        min-width: 100%;
        height: auto;
        margin-bottom: 20px;
        max-width: 150%;
    }

    div.columnAdverts .g {
        overflow: visible;
    }

}

.g .g-single img {
  width: 100%;
  height: auto;
}

/*
 * ARTICLE POST PAGE MODULES
 */
.articlemoduleholder {
    border-top: 1px #808080 solid;
}

@media(min-width: 768px) {
    .articlemoduleholder {
        margin-top: 129px;
    }
}

.articlemoduleholder .dnd_column_dd_span12, .articlemoduleholder .dnd_column_dd_span6, .articlemoduleholder .dnd_column_dd_span8, .articlemoduleholder .dnd_column_dd_span4, .articlemoduleholder .dnd_column_dd_span3 {
    border-bottom: 1px #808080 solid;
}

#postCarouselEssay .carousel-caption, #postCarouselEssayLARGE .carousel-caption {
    width: 100%;
    bottom: 0px;
    padding-left: 70px;
    padding-right: 100px;
    left: 0px;
    right: 0px;
    font-family: "Alright Sans";
    font-size: 16px;
    line-height: 20px;
    background-color: rgba(255, 255, 255, 0.7);
    text-align: left;
    color: black;
    text-shadow: none;
}

#postCarouselEssay a.right {
    position: absolute;
    right: 0px;
    cursor: pointer;
    padding: 12px 22px;
    background-color: rgba(255,255,255,0.7);
}

@media(max-width: 768px) {
    #postCarouselEssay .carousel-caption {
        display: none;
    }
    #postCarouselEssay a.left {
        display: none;
    }
    #postCarouselEssay a.right {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        background-color: transparent;
    }
    #postCarouselEssay a.right img {
        display: none;
    }
    #postCarouselEssay a .carouselCaptionsButton {
        display: none;
    }
}

ul.dnd_articlelist {
    list-style-type: none;
    margin: 0px;
    padding: 20px;
}

ul.dnd_articlelist li:first-of-type {
    padding-top: 15px;
}

ul.dnd_articlelist li {
    text-align: center;
}

ul.dnd_articlelist li p.lstTitle {
    color: #000;
    font-size: 22px;
    margin-bottom: 0px;
}

ul.dnd_articlelist li p.lstContributor  {
    margin-top: 0px;
    font-weight: bolder;
    color: #000;
    font-size: 16px;
    margin-bottom: 20px;
}

ul.dnd_articlelist li p a {
    text-decoration-color: #000;
    color: #000;
}

@media (min-width: 768px) {
    ul.vAlign-element.dnd_articlelist {
        margin-top: -20px;
    }
}

.togglemenubutton { max-width: 52px !important;}


div.newsletterModule p {
    font-size: 18px;
    font-family: "Plantin";
}

div.newsletterModule input[type="text"] {
    padding: 4px;
    color: #000;
    font-size: 18px;
    border: none;
    width: 90%;
    background-color: #CCC;
    border-radius: 0px;
}
div.newsletterModule input[type="submit"] {
    padding: 4px;
    color: #000;
    font-size: 18px;
    border: none;
    width: 10%;
    float: right;
    background-color: #CCC;
    border-radius: 0px;
}
.search-suggest-mobile-view {
    display: inline;
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #fff;
    border: none;
    padding: 10px;
}

.subscribeInfoText p {
    font-size: 20px;
    letter-spacing: normal;
    line-height: 28px;
    font-family: Plantin;
    margin-top: 80px;
}


.subscribeInfoText ul li {
    font-size: 20px;
    letter-spacing: normal;
    line-height: 28px;
    font-family: Plantin;
}

.subscribeImagesRow {
    text-align: center;
}

.subscribeImagesRow button {
    background-color: #fff;
    border: none;
    border-top: 1px black solid;
    border-bottom: 1px black solid;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 4px 16px;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 30px;
}

.subscribeImagesRow img {
    cursor: pointer;
}

.subscribeImagesRow button:hover {
    border-top: 2px black solid;
    border-bottom: 2px black solid;
    padding-top: 3px;
    padding-bottom: 3px;
}

.subscribeImagesRow p.bigText {
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.subscribeImagesRow p.smallText {
    font-size: 13px;
    margin-top: 0px;
}

.subscribeImagesRow .imgPrint {
    width: 120px;
}

.subscribeImagesRow .imgDigital {
    width: 130px;
    padding-top: 51px;
}

.subscribeImagesRow .imgRenew {
    padding-top: 1px;
    width: 120px;
}

.subscribeImagesRow .imgGift {
    padding-top: 26px;
    width: 120px;
}

.vAlign-holder {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

@media (min-width: 753px) {

    div.dnd_column_dd_span12 {
        min-height:400px!important;
    }

    .dnd_container div.dnd_column_dd_span12 .dnd_featuredarticle, .dnd_container div.dnd_column_dd_span12 .dnd_featuredarticlewithbg {
        position: absolute;
        height: 100%;
        width: 100%;
    }
    .vAlign-element, .dnd_container div.dnd_column_dd_span12 .dnd_featuredarticle .moduleContent, .dnd_container div.dnd_column_dd_span12 .dnd_featuredarticlewithbg .moduleContent, .dnd_container div.dnd_column_dd_span6 .dnd_verticalimgdd .lowerSection, .dnd_container div.dnd_column_dd_span8 .dnd_verticalimgdd .lowerSection {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .vAlign-bottom, .dnd_container div.dnd_column_dd_span12 .dnd_featuredarticle .moduleContent.vAlign-bottom {

        position: absolute;
        margin-bottom: 56px;
        bottom: 0;
        top: auto;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);

    }

    .dnd_container div.dnd_column_dd_span12 .dnd_featuredarticle .moduleContent.vAlign-bottom {
        margin-bottom: 16px;
    }

}

.vAlign-element-always {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.moduleSubscribeButton {
    font-family: "Alright Sans";
    text-align: center;
    width: 100%;
    background-color: #f4d834;
    display: block;
    cursor: pointer;
    padding-top: 4px;
    padding-bottom: 4px;
    margin: 0;
    color: #000;
}

span.superSpace {
    letter-spacing: 5px;
    padding-left: 5px;
}

.dnd_column_dd_span3 .dnd_verticalimgdd .lowerSection h1 a {
    font-size: 22px;
    letter-spacing: normal;
    line-height: 28px;
    font-family: Plantin;
    text-transform: uppercase;
}

.slideshowBreakout {

    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 20000;
    left: 0;
    top: 0;

}

.slideshowBreakout .carousel-inner .item .carousel-caption {
    position: fixed;
}

.slideshowBreakout .fullScreenOnly {
    display: inline;
}

.advertModule_dd {
    background-color: #eee;
    padding: 15px;
    height: 100%;
}

.modal-open {
    max-height: 100%;
    max-width: 100%;
}

section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span4 .dnd_verticalimgdd .lowerSection h3, section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span6 .dnd_verticalimgdd .lowerSection h3, section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span3 .dnd_verticalimgdd .lowerSection h3 {
    padding-left: 0;
    padding-right: 0;
}

/*
 * Subscribe and about page sliding styling
 */
div.row.slidePage {
    border-bottom: 1px #888 solid;
    position: relative;
}

div.row.slidePage div.nextSlideIndicator {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px;
}

div.row.slidePage div.nextSlideIndicator .nextSlideArrow {
    cursor: pointer;
    width: 10px;
    margin-left: auto;
    margin-right: auto;
}

div.row.slidePage .topHalf {
    height: 50%;
    background-size: cover;
}

/*
 * Module Subscribe Padlock
 */
.subscribePadlock {
    position: absolute;
    right: 10px;
    bottom: 10px!important;
    width: 18px;
    max-width: 18px;
    height: auto;
    margin: 0;
    padding: 0;
}

/*
 * MOBILE MODULES OVERRIDE
 */

/*fix small font on mobile display*/
@media (min-width: 753px) and (max-width: 768px) {

    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span3 h1,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span4 h1,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span6 h1,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span8 h1,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span9 h1,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span12 h1,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span3 .dnd_split_featuredarticle .textSection h1,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span4 .dnd_split_featuredarticle .textSection h1,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span6 .dnd_split_featuredarticle .textSection h1,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span8 .dnd_split_featuredarticle .textSection h1,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span12 .dnd_split_featuredarticle .textSection h1 {
        text-transform: uppercase;
        font-size: 22px;
        letter-spacing: 1px;
        line-height: 36px;
        text-align: center;
        padding: 0;
    }

}
@media (max-width: 752px) {

    .dnd_column_dd_span4 .dnd_featuredarticlewithbg, .dnd_column_dd_span4 .dnd_featuredarticle, .dnd_column_dd_span8 .dnd_featuredarticlewithbg, .dnd_column_dd_span8 .dnd_featuredarticle, .dnd_column_dd_span12 .dnd_featuredarticlewithbg, .dnd_column_dd_span12 .dnd_featuredarticle, .dnd_column_dd_span3 .dnd_featuredarticlewithbg, .dnd_column_dd_span3 .dnd_featuredarticle   {
        padding: 15px;
    }

    .dnd_featuredarticle, .dnd_featuredarticlewithbg, .dnd_articlelist, ul.dnd_articlelist, .dnd_verticalimgdd {
        padding: 15px;
    }

    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span3 ul {
        padding: 15px;
    }

    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span6,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span12,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span3,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span4,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span8,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span9 {
        text-align: center;
        border-bottom: 1px #808080 solid;
    }

    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span3 h1,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span4 h1,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span6 h1,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span8 h1,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span9 h1,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span12 h1,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span3 .dnd_split_featuredarticle .textSection h1,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span4 .dnd_split_featuredarticle .textSection h1,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span6 .dnd_split_featuredarticle .textSection h1,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span8 .dnd_split_featuredarticle .textSection h1,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span12 .dnd_split_featuredarticle .textSection h1 {
        text-transform: uppercase;
        font-size: 24px;
        letter-spacing: 1px;
        line-height: 36px;
        text-align: center;
        padding: 0;
    }

    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span3 h2,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span4 h2,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span6 h2,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span8 h2,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span9 h2,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span12 h2,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span3 .dnd_split_featuredarticle .textSection h2,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span4 .dnd_split_featuredarticle .textSection h2,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span6 .dnd_split_featuredarticle .textSection h2,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span8 .dnd_split_featuredarticle .textSection h2,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span12 .dnd_split_featuredarticle .textSection h2 {
        font-size: 24px;
        line-height: 34px;
        text-align: center;
        padding: 0;
    }

    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span3 h3,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span4 h3,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span6 h3,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span8 h3,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span9 h3,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span12 h3,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span3 .dnd_split_featuredarticle .textSection h3,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span4 .dnd_split_featuredarticle .textSection h3,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span6 .dnd_split_featuredarticle .textSection h3,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span8 .dnd_split_featuredarticle .textSection h3,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span12 .dnd_split_featuredarticle .textSection h3 {
        font-size: 18px;
        line-height: 24px;
        text-align: center;
        padding: 0;
    }

    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span3 h4,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span4 h4,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span6 h4,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span12 h4,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span3 .dnd_split_featuredarticle .textSection h4,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span4 .dnd_split_featuredarticle .textSection h4,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span6 .dnd_split_featuredarticle .textSection h4,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span8 .dnd_split_featuredarticle .textSection h4,
    section.dnd_section_dd div.dnd_section_content div.dnd_container div.dnd_column_dd_span12 .dnd_split_featuredarticle .textSection h4 {
        text-align: center;
        font-size: 20px;
        line-height: 40px;
        letter-spacing: 1px;
        color: #666666;
        font-variant: small-caps;
        text-transform: lowercase;
        margin: 10px 0px;
    }

    .dnd_verticalimgdd .lowerSection {
        padding: 0;
    }

    .dnd_split_featuredarticle .textSection .moduleContent {
        padding: 15px;
    }
}

.homepageCarouselModuleHeightFix {
    max-height: 450px;
    min-width: 225px;
}

@media(min-width: 768px) {
    .homepageCarouselModuleHeightFix {
        min-height: 450px;
    }
}

.slideshowControl.slideshowControlRight {
    text-align: right; height: 100%; width: 120px; right: 0; position: absolute; z-index: 1500;
}

.slideshowControl.slideshowControlRight a { background-color: rgba(0,0,0,0.15); }

@media(max-width: 500px) {
    .slideshowControl.slideshowControlLeft {
        display: none;
    }
    .slideshowControl.slideshowControlRight {
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
    }

    .slideshowControl.slideshowControlRight a {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        transform: initial;
        background: none;
    }

    .slideshowControl.slideshowControlRight a img {
        display: none;
    }
}

.wordpressSearchForm {
    margin-top: 40px;
    margin-bottom: 40px;
}

.wordpressSearchForm label {
    font-size: 20px;
    letter-spacing: normal;
    line-height: 28px;
    font-family: Plantin;
}

.wordpressSearchForm input[type="text"]{
    font-size: 20px;
    letter-spacing: normal;
    line-height: 28px;
    font-family: Plantin;
    border: 1px #888 solid;
}

.wordpressSearchForm input[type="submit"]{
    font-size: 20px;
    letter-spacing: normal;
    line-height: 28px;
    font-family: Plantin;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce-page form .form-row input.input-text, .woocommerce-page form .form-row textarea {
    border: 1px #888 solid;
    padding: 4px;
}

.grantaForm {
    font-family: Plantin;
    font-size: 1.4em;
    border: 1px #888 solid;
    padding: 20px;
    margin-top: 1.4em;
    margin-bottom: 1.4em;
}

.grantaForm input[type="text"] {

    font-family: Plantin;
    font-size: 1.4em;
    border: 1px #888 solid;
    margin-bottom: 5px;

}

/* WORD BREAKS ON MOBILE */
@media (max-width: 768px) {
    h1, h2, h3, h4, h5, p, a {
        /*-ms-word-break: break-all;
        word-break: break-all;*//*dont break my mobile wo rds*/
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }
}

/* */
@media (min-width: 768px) {
    h4.reducedBottomMargin {
        /*margin-bottom: -40px;*/
        margin-bottom: -20px!important;
    }
}

/*force firefox to position the padlock properly on mobile*/
@media (min-width:768px) and (max-width: 894px) {

    @-moz-document url-prefix() {

        /*if firefox reposition padlock*/
        .subscribePadlock {
            position: absolute;
            right: 10px;
            bottom: 1px !important;
            width: 18px;
            max-width: 15px;
            height: auto;
            margin: 0px;
            padding: 0px;
        }
    }
}

/*fix white space in firefox at bottom*/
@-moz-document url-prefix() {
    html {
        overflow: auto;
    }
    body {
        margin-bottom: -945px;
    }
}

p#publishDate{
    font-family: "Alright Sans";
    font-size: 18px;
    letter-spacing: normal;
    line-height: 28px;
    color: #666666;
}

/*trying to fix the IE render engine*/
img {
    -ms-interpolation-mode: bicubic;
}

div.dnd_container, .lazybackground {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

/*restriced carousel*/
.restrictedSlideshow{
    opacity: 0.4!important;
}

.bold, .strong {
    font-weight: bold;
}