@charset "UTF-8";
/* CSS Document */

/* ------------------------- RESPONSIVE STYLES ------------------------- */

@media (max-width: 1100px) { /* Bootstrap medium col */
    
     /* Search/Results */
    
    .search-results-header {
        margin-top: -10px;
    }
    
    .search-results-header .header-label, .search-results-header input#id_searchterm {
        font-size: 40px;
    }
    .search-results-header .header-label {
    }
    
    .search-results-header .button {
       
    }
    
    nav.primary-nav ul li {
/*         letter-spacing: 1em !important; */
    }
    
}

@media (max-width: 1050px) { 
    
    nav.primary-nav ul {
        width: 92%;
    }
    
    
}

@media (max-width: 992px) { /* Bootstrap small col */

    .article-sidebar .list.condensed .item {
        padding-left: 20px;
    }
    
    .article-sidebar .list .item h2,
    .article-sidebar .list .item p.excerpt {
        text-align: center !important;
    }
    
    /* Homepage/features */
    
    .primary-feature .feature .image {
        float: none;
        width: 70%;
        margin: 0px auto 20px auto;
    }
    .primary-feature .grid .thumb {
        margin-top: 10px;
    }
    .primary-feature .grid .image {
        margin: 0px 5px 0px 5px;
    }

    .primary-feature .article-content {
        margin-left: 0px;
    }
    .primary-feature .article-content h2,
    .primary-feature .article-content h3,
    .primary-feature .article-content h4,
    .primary-feature .article-content .meta,
    .primary-feature .article-content p
     {
        text-align: center;   
    }
    
    .ancillary-features-ad {
        min-height: 0px;
        border-left: none;
       
    }
    
    /* index pages */
    
 
    .tertiary-features .feature {
        border-right: none;
        border-bottom: #e9e9e9 solid 1px;
        padding-bottom: 15px;
    }
    .tertiary-features .feature .image {
        float: right;
        width: 33%;
        margin: 10px 0px 10px 20px;
    }
    .tertiary-features .feature .article-content {
        margin-right: 38%;
    }
    
    
    /* buttons */
        
    .primary-feature .issue-block .image-content .button {
        min-width: 130px !important;
        font-size: 14px !important;
    }
    
    /* No Aside pages */
    
    .flat-page.no-aside .article-header,
    .flat-page.no-aside .article-body {
        padding-left: 0%;
        padding-right: 0%;
    }
    
    .flat-page.no-aside .feature-block {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    
     /* Search/Results */
    
    .search-results-header {
                margin-top: -20px;

    }
    
    .search-results-header .header-label, .search-results-header input#id_searchterm {
        font-size: 40px;
    }
    .search-results-header .header-label {
        width: 50%;
    }
    .search-results-header input#id_searchterm {
        width: 45%;    
    }
    
    .search-results-header .button {
       width: 60%;
       max-width: 60%;
       display: block;
       margin: 20px auto 0px auto;
    }
    
    /* Issue Grid / TOC */
    
    .issue-block .issue-cover.thumb .issue-toc {
        padding-bottom: 15px;
        padding-left: 5px;
        margin-top: -15px;
        margin-bottom: 0px;
        display: none;
    }
    
}

@media (max-width: 920px) { /* Change to mobile nav... */

    .mobile-hide {
        display: none;
    }
    
    nav.primary-nav {
        height: 0px;

    }
    
    header {
        border-bottom: none;
    }
    
    nav.primary-nav ul {
        display: none;
    }
    
    nav.primary-nav li {
        font-size: 9px;
    }
    
    #logo {
        width: 175px;
        margin-left: 70px;
        
/*         margin-left: 40px; */
    }
    
    .logo-bar #navToggle {
        display: block;
    }
    
    main {
        padding-top: 90px;
    }
    
    nav.mobile-nav ul li a {
        letter-spacing: normal !important;
    }
    
}


@media (max-width: 768px) { /* Bootstrap xtra-small col, iPad portrait view */

    /* Issue page */
    
    .primary-feature .issue-block .image-content {
        float: none;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .primary-feature .issue-block .image-content .image {
        margin-top: 10px;
    }
    
    .primary-feature .issue-block .image-content .button {
        min-width: 200px !important;
        font-size: 15px !important;
    }
    
    .primary-feature .issue-block .article-content {
        float: none;
        width: auto;
        margin-left: 20px;
        margin-right: 20px;
    }
    
    .secondary-features .feature {
        border-bottom: #e0e0e0 solid 1px;
        border-right: none;
    }

    nav.mobile-nav {
        width: 37.5%;
        left: -37.5%;
    }    
    
    #coverArt {
        top: 0px !important;
    }
    
    /* Search */
    
    #primarySearchInput {
        font-size: 45px;
    }
    
    .search-results-header {
        margin-top: -10px;
    }
    
    .search-results-header .header-label, .search-results-header input#id_searchterm {
        font-size: 40px;
        width: 100%;
        text-align: center;
    }
    .search-results-header .header-label {
        text-align: center;
    }
    
    .search-results-header .button {
        display: block;
        width: 90%;
        max-width: 90%;
        margin: 18px auto 0px auto
    }
    
    /* Images */
    
    .article-body-content .photo.right, 
    .article-body-content .photo.left {
        float: none !important;
        max-width: 100%;
    }
    .article-body-content .photo.right {
        margin-left: 0px;
    }
    .article-body-content .photo.left {
        margin-right: 0px;
    }
    
    /* buttons */
    
    .button-block-right .button,
    .button-block-left .button {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
        line-height: 1.1em !important;
    }
    
    /* content styles */
    
     .article-body-content .content-sidebar {
        float: none;
        width: auto;
        margin-left: 0px;
    }
    .article-detail h1 {
        font-size: 48px !important;
    }
    
    /* Social share */
    
    .social-share-item {
        min-width: 100px;
        font-size: 18px;
        padding-top: 8px;
        padding-bottom: 6px;
    }
    
    .social-share.post .social-share-item {
        min-width: 130px;
        margin-top: 6px;   
    }
    
    /* Photos */
    
    .photo.partial-width img {
    display: inline-block;
    max-width: 100%;
}

}


@media (max-width: 549px) { /* smartphones */

    main {
        padding-top: 70px;
    }

    nav.mobile-nav {
        width: 50%;
        left: -50%;
    }    
    
    #logo {
        width: 160px;
    }
    
    .logo-bar #navToggle {

    }
    
    #coverArt {
        top: 0px !important;
    }
    
    /* List headers */
    
    .list-header {
        padding-top: 72px;
    }
    .list-header .list-header-block {
        position: relative;
    }
    .list-header h1 {
        font-size: 32px;
        letter-spacing: normal;
    }
    .list-header .nav-button {
        padding: 0px 5px 0px 5px !important;
        display: block !important;
        top: 38px !important;
        float: none !important;
    }
    .list-header nav.button.right {
        right: 5px;
    }
    .list-header nav.button.left {
        left: 5px;
    }
    .list-header h3.tagline {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    
    /* Index Pages */
    
    .primary-feature .feature,
    .secondary-features .feature,
    .tertiary-features .feature {
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .article-content.no-image {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    
    .primary-feature .feature h2 {
        font-size: 35px;
        letter-spacing: normal;
        line-height: 1.0em;
    }
    .primary-feature .feature p.excerpt {
        line-height: 1.6em !important;
    }
    
    .secondary-features .feature {
        border-right: none;
        border-bottom: #e9e9e9 solid 1px;
    }
    
    .tertiary-features .feature .image {
        float: none;
        width: 50%;
        margin-right: auto;
        margin-left: auto;
        margin-top: 20px;
    }
    .tertiary-features .feature .article-content {
        margin-right: 0px;
    }
    
    .quad-features .feature .image {
        width: 90%;
    }
    
    .list-body .item .image,
    .list .item .image {
        float: none !important;
        width: 50% !important;
        margin: 0px auto 20px auto !important;
        display: none !important;
    }
    .list-body .item .article-content,
    .list .item .article-content {
        float: none !important;
        width: auto !important;
    }
    .list-body .item .article-content h2,
    .list-body .item .article-content h3,
    .list-body .item .article-content h4,
    .list-body .item .article-content .meta,
    .list-body .item .article-content p,
    .list-body .item .article-content .date.right,
    
    .list .item  h2,
    .list .item  h3,
    .list .item  h4,
    .list .item  .meta,
    .list .item  p {
        text-align: center;
        float: none !important;
    }
    
    .list .item h2 {
        line-height: 1.1em;
    }
    
    .list .item .meta {
        width: auto;
        margin-bottom: 6px !important;
    }
    
    .list .item p.excerpt {
        text-align: justify;
    }
    
    .list .item .article-content {
        margin-top: 6px;
    }
    
    /* Detail Pages */
    
    .article-header-block .header-right {
        float: none;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        background-color: #e0e0e0;
        border-bottom: #c0c0c0 solid 1px;
        margin: 0px -15px 20px -15px;
        padding-top: 5px;
        padding-bottom: 5px;
        
        -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.50);
        -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.50);
        box-shadow: inset 0px -1px 2px 0px rgba(0, 0, 0, 0.10);
    }
    .article-header-block .header-right .issue-thumb-wrap {
        display: inline-block;
    }
    .article-header-block .header-right .issue-thumb-wrap .meta {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .article-header-block .header-right .issue-thumb-wrap .image {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    
    .article-header-block h1,
    .article-header-block h3,
    .article-header-block h4 {
        text-align: center;
    }
    
    .article-header-block h1 {
        font-size: 42px;
        letter-spacing: normal;
        line-height: 1.1em;
    }
    .article-header-block h3 {
        line-height: 1.4em;
    }
    
    .content-meta {
        margin: 25px 0px 15px 0px;
    }
    
    .gallery.grid.dark {
        
        margin-bottom: 10px;
    }
    
    .content-intro {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    
    /* Products */
    
    .product-block h2 {
        font-size: 35px;
    }
    
    /* Images */
    
    .photo.right, .photo.left {
        float: none !important;
    }
    
     /* Section headers */
    
    .section-header {
        overflow: hidden;
    }
    h2.section-header {
        font-size: 50px;
        text-align: center;
        letter-spacing: 0.1em;
        padding-left: 0px;
    }
    h2.section-header .button {
        position: relative;
        width: auto;
        display: block;
        text-align: center;
        margin: 14px 0px -0px 0px;
        padding: 0px !important;
        font-size: 9px;
        display: none;
    }
    
    aside.article-sidebar, aside.list-body-sidebar {
        overflow: hidden !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .ad-block {
        overflow: hidden;
/*         max-width: 280px; */
    }
    
     .list-header {
        padding-top: 72px;
    }
    
    /* Flatpages */
    
    .flat-page.no-aside {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    
    .flat-page.no-aside .feature-block {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    
    .flat-page.no-aside .article-header,
    .flat-page.no-aside .article-body p {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    /* Buttons */
    
    .button.fat, input.button.fat {
        max-width: 90% !important;
        width: 90% !important;
       white-space: normal !important;
    }
    
    .button-block-right,
    .button-block-left {
        width: 100% !important;
        border: none;
        margin: 0px !important;
    }
    .button-block-right .button,
    .button-block-left .button {
        max-width: 90%;
        width: 90% !important;
        margin: 10px auto 10px auto;
    }
    
    /* Forms */
    
    .field-wrapper {
        padding-top: 0px;
    }
    .field-wrapper .label {
        float: none !important;
        width: auto !important;
        text-align: left;
        display: block;
    }
    .field-wrapper.long-label .label {
        text-align: left;
    }
    .field-wrapper .input-wrapper {
        float: none !important;
        width: auto !important;
        margin-left: 10px;
        margin-right: 10px;
    }
    .field-wrapper .input-wrapper.checkboxselectmultiple ul li {
        display: block;
        width: 100%;
    }
    .field-wrapper .input-wrapper.checkboxselectmultiple ul li label {
        line-height: 1.3em;
    }
    
    .form-block.dark h2 {
        font-size: 25px !important;
        margin-top: 15px;
    }
    
    /* Search/Results */
    
    #primarySearchInput {
        font-size: 35px;
    }
    
    #primarySearchInput:-ms-input-placeholder {
    padding-top: 12px;
    color: #c9c9c9;
    }
    #primarySearchInput::-moz-placeholder {
        padding-top: 12px;
        color: #c9c9c9;
    }
    #primarySearchInput:-moz-placeholder {
        padding-top: 12px;
        color: #c9c9c9;
    }
    #primarySearchInput::-webkit-input-placeholder {
        padding-top: 12px;
        color: #c9c9c9;
    }
    
    .search-results-header {
        margin-top: 10px;
    }
    
    .search-results-header .header-label, .search-results-header input#id_searchterm {
        font-size: 40px;
        width: 100%;
        text-align: center;
    }
    .search-results-header .header-label {
        text-align: center;
    }
    
    .search-results-header .button {
        display: block;
        width: 90%;
        max-width: 90%;
        margin: 18px auto 0px auto
    }
    
    /* Social share bar */
    .social-share {
        text-align: center;
        float: none;
    }
    .social-share-item {
        text-align: left;
        width: 80px;
        margin-right: 3px;
        padding-left: 10px;
        margin-top: 6px;
    }
    .social-share-count {
        font-size: 13px;
    }
    
    .social-share.post .social-share-item {
        min-width: 90px;
        margin-top: 6px;   
    }

}

@media (max-width: 410px) { /* smartphones */

    .tiny-mobile-hide {
        display: none !important;
    }
    .tiny-mobile-show {
        display: block !important;
    }

    /* Main layout */

    main {
        padding-top: 46px;
    }

    nav.mobile-nav {
        width: 70%;
        left: -70%;
    }    
    nav.mobile-nav ul li {
        padding-left: 20px;
        letter-spacing: 0.01em !important;
    }
    nav.mobile-nav .divider {
        margin: 12px 0px 12px 20px;    
    }
    
    .logo-bar {
        min-height: 48px;
    }
       
    #logo {
        width: 120px;
        margin: 9px auto 0px auto;
        position: relative !important;
        display: block !important;
        float: none;
        padding: 0px 0px 0px 0px;
    }
    #logoBarLeft {
        width: 50%;
    }
    #logoBarRight {
        width: 50%;
        background-color: #101010;
        
    }
    #coverArt {
        visibility: hidden;
    }

    #primarySearchToggle,
    #navToggle {
        color: #606060 !important;
    }
    
    #primarySearchToggle {
        position: absolute;
        right: 10px;
        top: 7px;
        margin: 0px !important;
    }
    
    .logo-bar #navToggle {
        font-size: 28px;
        position: absolute;
        left: 10px;
        top: 10px;
        margin: 0px;
    }

    /* UI/Buttons/etc */
    
    .primary-feature .issue-block .image-content .button {
        min-width: 100px !important;
        font-size: 13px !important;
    }
    
    .button-block.above .button-block-right,
    .button-block.above .button-block-left {
        margin-top: 10px;
    }
    
    .button-block .button-block-right .button,
    .button-block .button-block-left .button {
        width: 80% !important;
    }
    input.button.giant {
        max-width: 100%;
        width: 95% !important;
    }
    
    
    /* Index Pages */
    
    .primary-feature .feature,
    .secondary-features .feature,
    .tertiary-features .feature {
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .primary-feature .feature h2 {
        font-size: 35px;
        letter-spacing: normal;
        line-height: 1.0em;
    }
    .primary-feature .feature p.excerpt {
        line-height: 1.6em !important;
    }
    
    .secondary-features .feature {
        border-right: none;
        border-bottom: #e9e9e9 solid 1px;
    }
    
    .tertiary-features .feature .image {
        float: none;
        width: 50%;
        margin-right: auto;
        margin-left: auto;
        margin-top: 20px;
    }
    .tertiary-features .feature .article-content {
        margin-right: 0px;
    }
    
    .quad-features .feature .image {
        width: 90%;
    }
    
    .list-body .item .image,
    .list .item .image {
        float: none !important;
        width: 50% !important;
        margin: 0px auto 20px auto !important;
        display: none !important;
    }
    .list-body .item .article-content,
    .list .item .article-content {
        float: none !important;
        width: auto !important;
    }
    .list-body .item .article-content h2,
    .list-body .item .article-content h3,
    .list-body .item .article-content h4,
    .list-body .item .article-content .meta,
    .list-body .item .article-content p,
    .list-body .item .article-content .date.right,
    
    .list .item  h2,
    .list .item  h3,
    .list .item  h4,
    .list .item  .meta,
    .list .item  p {
        text-align: center;
        float: none !important;
    }
    
    .list .item h2 {
        line-height: 1.1em;
    }
    
    .list .item .meta {
        width: auto;
        margin-bottom: 6px !important;
    }
    
    .list .item p.excerpt {
        text-align: justify;
    }
    
    .list .item .article-content {
        margin-top: 6px;
    }
    
    .list-body-content {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    
    /* Issue Pages */
    
    .button-block.above.issue {
        margin-top: 0px;
        margin-bottom: 5px;
        padding-top: 0px;
    }
    
    .issue-block .image.issue {
        margin-left: 0px;
        margin-right: 0px;
    }
    
    .feature-block.dark.sidebar {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    .primary-feature .issue-block .image-content {
        width: 100%;
    }
    .primary-feature .issue-block .image-content .image {
        
    }
    
    
    
    /* Detail Pages */
    
    .article-header-block .header-right {
        float: none;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        background-color: #e0e0e0;
        border-bottom: #c0c0c0 solid 1px;
        margin: 0px -15px 20px -15px;
        padding-top: 5px;
        padding-bottom: 5px;
        
        -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.50);
        -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.50);
        box-shadow: inset 0px -1px 2px 0px rgba(0, 0, 0, 0.10);
    }
    .article-header-block .header-right .issue-thumb-wrap {
        display: inline-block;
    }
    .article-header-block .header-right .issue-thumb-wrap .meta {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .article-header-block .header-right .issue-thumb-wrap .image {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    
    .article-header-block h1,
    .article-header-block h3,
    .article-header-block h4 {
        text-align: center;
    }
    
    .article-header-block h1 {
        font-size: 35px;
        letter-spacing: normal;
        line-height: 1.0em;
    }
    .article-header-block h3 {
        line-height: 1.4em;
    }
    
    .article-body-content {
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .article-body-content p,
    .article-body-content ul li {
        line-height: 1.6em;
    }
    .article-body-content p strong,
    .article-body-content ul li strong {
        line-height: 1em;
    }
    
    .article-body-content .content-intro {
        padding-left: 10px;
        padding-right: 10px;
    }
    .article-body-content .content-intro p {
        line-height: 1.8em;
        font-size: 15px;
        text-align: left;
    }
    .article-body-content .content-quote {
        font-size: 19px;
    }
    
    /* product blocks */
    
    .product-block {
        padding-left: 10px;
        padding-right: 10px;
    }
    .product-block h2 {
        font-size: 34px;
        line-height: 1.0em;
    }
    
     .article-body-content .product-block.dark {
        margin-left: -15px;
        margin-right: -15px;
    }
    
     /* Flatpages */
    
    .primary-feature.header-block .article-content p {
        margin-left: 0px;
        margin-right: 0px;   
    }
    
    .flat-page .article-body .feature-block {
        padding-left: 0px;
        padding-right: 0px;
    }
    .flat-page .article-body .button {
        display: block;
        width: auto;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .flat-page .article-body .button.small {
        display: inline-block;
        margin-top: 10px;
        margin-bottom: 10px;
        min-width: 60%;
    }
    
    .flat-page .article-header .article-sidebar {
        display: none;
    }
    
    .flat-page .article-content h2 {
        font-size: 42px;
        margin-bottom: 8px;
    }
    .flat-page .article-content h3.content-header {
        font-size: 28px;
        line-height: 1.0em;
    }
    
    .flat-page .article-body-content ul li {
        line-height: 1.6em !important;
    }
    
    
    
    /* Section headers */
    
    .section-header {
        overflow: hidden;
    }
    h2.section-header {
        font-size: 35px;
        text-align: center;
        letter-spacing: 0.1em;
        padding-left: 0px;
    }
    h2.section-header .button {
        position: relative;
        width: auto;
        display: block;
        text-align: center;
        margin: 14px 0px -0px 0px;
        padding: 0px !important;
        font-size: 9px;
        display: none;
    }
    
    aside.article-sidebar, aside.list-body-sidebar {
        overflow: hidden !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .ad-block {
        overflow: hidden;
/*         max-width: 280px; */
    }
    
     .list-header {
        padding-top: 72px;
    }

    /* Forms */
    
     .field-wrapper {
        padding: 3px 0px 12px 0px;
    }
    .field-wrapper .label {
        text-align: center;
        letter-spacing: normal;
    }
    .field-wrapper .input-wrapper {
        
    }
    
    /* Search/Results */
    
    #primarySearchInput {
        font-size: 28px;
    }
    
    .search-results-header {
        margin-top: 20px;
    }
    
    .search-results-header .header-label, .search-results-header input#id_searchterm {
        font-size: 30px;
        width: 100%;
        text-align: center;
    }
    .search-results-header .header-label {
    }
    
    .search-results-header .button {
        margin-top: 25px;
    }
    
    .pod-player {
		width: 100% !important;
		padding-top: 180px !important;
	}
    

}

@media (max-width: 350px) { /* smartphones */

    .logo-bar {
        
    }
    
    
       
    #logo {
       width: 115px;
       margin-top: 10px;
    }
    #logoBarLeft {
    }
    #logoBarRight {
        
        
    }
    #coverArt {

    }

    #primarySearchToggle,
    #navToggle {
        
    }
    
    #primarySearchToggle {
/*         right: 0px; */
        top: 7px;
    }
    
    .logo-bar #navToggle {
/*         left: 0px; */
        top: 10px;
    }
    

}

@media only screen and (max-width: 768px) {
    
    div.pod-height {
			padding-top: 80px !important;
    }
}