/* phone overrides — generally you want to use the style.css mobile first but sometimes this is useful */

@media screen and (max-width:599px) {

    #homepage-cover img,
    .entry-content img {
        max-width:100%;
        height:auto;
    }

    #homepage-cover {
        margin-bottom:3em;
    }

    .featured-image {
        display:none;
    }

}

/* small screens/tablets */
@media screen and (min-width:600px) {

    #main, #menu {
        padding:3em 10%;
    }

    #main {
        margin-left:3em;
        -ms-transition:.5s;
        -moz-transition:.5s;
        -webkit-transition:.5s;
        transition:.5s;
    }

    .admin-bar #menu {
        top:28px;
    }

     .home .page-header h1,
    .single-issue .page-header h1{
        /* font-size:4em; */
    }

    .full-screen-iframe {
        box-sizing: ;
        -webkit-box-sizing: ;
        -moz-box-sizing: ;
        /* padding-left:3em; */
    }

    .entry-content iframe.cinema,
    .entry-content iframe.site-iframe {
    	padding:2em;
    	border:3px solid black;
    }

    body.expanded #main {
        /* margin-left:0%; */
    }

    body.expanded .page-header {
        visibility:hidden;
    }

    #menu {
        position:fixed;
        top:0;
        left:0;
        height:100%;
        text-align:center;
        padding:1em;
        margin-top:0;

        -ms-transition:.5s;
        -moz-transition:.5s;
        -webkit-transition:.5s;
        transition:.5s;

    }

    #menu.collapsed {
        width:auto;
    }

    #homepage-issue li.Uncategorized { margin-left:0; }
    #homepage-issue li.Criticism     { margin-left:40%; }
    #homepage-issue li.Research      { margin-left:40%; }
    #homepage-issue li.Commission    { margin-left:20%; }
    #homepage-issue li.Video         { margin-left:20%; }
    #homepage-issue li.Featured      { margin-left:60%; }
    #homepage-issue li.Lecture       { margin-left:40%; }
    #homepage-issue li.Interview     { margin-left:40%; }


    #menu-issuespine {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg);

        position: absolute;
        width: 300px;
        top: 50%;
        left: 0;
        margin-left: -120px;
        color: white;
        font-family: "Relative Book";
    }

    #menu #menu-nav {
        position:absolute;
        bottom:2.5em;
        left:0;
    }

    #menu #menu-nav a {
        opacity:0.5;
    }

    #menu #menu-nav a:hover {
        opacity:1;
    }

    #menu-nav a {
        display:block;
        padding:0.3em 1.0em;
    }

    #menu.expanded {
        width:67%;
        text-align:left;
        overflow-x:hidden;
        overflow-y:auto;
        padding-right:3em;
        padding-top:3em;
        z-index:1000;
    }

    #menu-switch {
        position:absolute;
        top:0;
        right:0;
        padding-top:3.5em;
        float:right;
        height:100%;
        width:3em;
        text-align:center;
        /* background:#2b2b2b; */
        -ms-transition:.5s;
        -moz-transition:.5s;
        -webkit-transition:.5s;
        transition:.5s;
        display:block;
    }

    #menu-inside {
        width:100%;
        min-height:100%;
        padding:0.3em 0 2em 1em;
    }

    #menu-name {
        margin-top:3.94em;
    }

    #menu.collapsed {
    font-size:1em;
        width:3em;
    }

    #menu.collapsed #menu-inside {
        display:none;
    }

    #menu-switch:hover {
    cursor:pointer;
       background:#555;
    }

    #homepage-issue li {
        padding:1.5em 1em;
        margin-left:-1em;
        margin:0;
    }

    #homepage-issue li .featured-image {
        display:none;
    }


    #editorial-homepage-link {
        position:absolute;
        left:3em;
    }

    .entry-content.no-margin {
        position: absolute;
        width: 97%;
        width:-webkit-calc(100% - 3em);
        width:calc(100% - 3em);
        left: 0;
        top: 0;
        margin: 0 0 0 3em !important;
    }

    #previous-post-link,
    #next-post-link,
    #random-post-link {
        position:fixed;
        left:0.6em;
        bottom:0;
        height:100%;
        width: 96%;
        background:rgba(250,249,242,0.5);
        font-size:5em;
        font-weight:bold;
        padding:1em;
        line-height:1.2;
    }

    #previous-post-link a,
    #next-post-link a,
    #random-post-link a {
        text-decoration:none !important;
        border-bottom:0;
        position:fixed;
        bottom:30%;
        left:10%;
        width:50%;
    }

}

/* standard 960 style */
@media screen and (min-width:1024px) {

    html {
        font-size:125%;
        line-height:1.5em;
    }

    #menu.expanded {
        width:50%;
        max-width:800px;
    }

    body.expanded #main {
        margin-left:35%;
    }

    #homepage-cover {
        opacity:0.4;
    }

    #homepage-cover img {
    }

    .tickertape {
            position:fixed;
            top:0.3em;
            left:0;
            width:100%;
            height:100%;
            z-index:10;
            margin-left:3em;
            background:rgba(255,255,255,0.1);
    }

    .tickertape ul {
        margin:0;
        padding:0;
        list-style: none;
        width:100%;
        clear:both;
        white-space: nowrap;
        font-size:0;
    }

    .tickertape ul:nth-child(even) {
        margin-left:52px;
    }

    .tickertape ul li {
        display:inline-block;
        margin:1em;
        font-size:20px;
    }

    .tickertape ul li img {
        width:100px;
        height:auto;
        border-radius:2px;
    }

    #current-issue-sidebar ul {
        padding:0;
        margin:0;
    }

    .no-touch #homepage-issue li:hover .featured-image {
        display:block;
    }

    #homepage-issue .featured-image {
        width:240px;
        height:180px;
        position:absolute;
        left:-260px;
        top:0;
        display:none;
        overflow:hidden;
    }

    #homepage-issue li {

	    background:rgba(255,255,255,0.2);
        padding:1.5em 1em;
        margin-left:-1em;
        margin-bottom:0;
        float:left;
        clear:both;
    }

    .no-touch #homepage-issue li:hover a {
        cursor:pointer;
    }

    .no-touch #menu #homepage-issue li:hover {
        background:rgba(0,0,0,0.1);
    }

    ol.footnotes {
        max-width:50em;
    }

    .no-touch #current-issue-sidebar li:hover h4 {
        display:inline-block;
    }

}

/* big screens */
@media screen and (min-width:1200px) {

    .cols {
        overflow:hidden;
        width:100%;
    }

    .cols > div {
        max-width:46%;
        padding-left:2%;
        float:left;
        border-left:1px solid rgba(0,0,0,0.1);
        margin-left:2%;
    }

    .cols > div:first-child {
        margin-left:0;
        padding-left:0;
        border-left:0;
    }

    .col > div p.childless {
        width:100%;
    }

    .sideline {
        position: absolute;
        left: 45em;
        right: 5em;
    }

    .sideline p {
        font-size:0.75em;
        font-family:"Relative Book", sans;
        opacity:0.6;
    }

    .sideline img:first-child,
    .sideline p:first-child {
        margin-top:0;
    }

    .sideline img {
        max-width: 100%;
        height:auto;
    }

}
@media screen and (min-width:1700px) {

    .sideline {
        left: 50em;
    }

}