/*
Theme Name: my-simone
Layout: Responsive
*/

/*iPad*/
@media screen and (max-width: 1115px) {

    html {
        font-size: 33.33%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    }

    /*!*Display Posts Shortcode*!*/

    .display-posts-listing.has-cols .one-third,
    .display-posts-listing.has-cols .one-fourth,
    .display-posts-listing.has-cols .one-fifth,
    .display-posts-listing.has-cols .one-sixth {
        width: 32.33%;
        margin-left: 1%;
        float: none;
        display: inline-block;
        vertical-align: top;
    }

    /* Background image in immersive posts */

    .post-type-archive-immersive_pages .hentry,
    .post-type-archive-immersive_posts .hentry,
    .tax-immersive_cat .hentry {
        background-attachment: scroll;
    }

    /* Entry header */

    .post-type-archive-immersive_pages .entry-header .entry-title a,
    .post-type-archive-immersive_posts .entry-header .entry-title a,
    .tax-immersive_cat .entry-header .entry-title a {
        font-size: 7rem;
    }

    /*!*Plyr*!*/

    .plyr-bg-player-wrap {
        transform: translateY(-50%) scale(1.4);
    }

    /*Immersive text margins*/

    p.epic-narrative:first-letter,
    span.epic-narrative:first-letter,
    p.epic-narrative-margin:first-letter,
    p.epic-narrative-2:first-letter,
    p.epic-narrative-margin-2:first-letter {
        line-height: 1;
    }

}

/*Small iPad*/
@media screen and (max-width: 991px) {

    /*!*Plyr*!*/

    .plyr-bg-player-wrap {
        transform: translateY(-50%) scale(2.4);
    }

}

/*Mobile*/
@media screen and (max-width: 767px) {

    html {
        font-size: 24.9%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    }

    h3 {
        font-size: 22px;
    }

    h6 {
        font-size: 16px;
    }

    /* Entry header */

    .post-type-archive-immersive_pages .entry-header .entry-title a,
    .post-type-archive-immersive_posts .entry-header .entry-title a,
    .tax-immersive_cat .entry-header .entry-title a {
        font-size: 22px;
    }

    /* Entry content */

    .post-type-archive-immersive_pages .entry-content p,
    .post-type-archive-immersive_posts .entry-content p,
    .tax-immersive_cat .entry-content p {
        font-size: 16px;
    }

    /* Category description */

    .post-type-archive-immersive_pages .category-description,
    .post-type-archive-immersive_posts .category-description,
    .tax-immersive_cat .category-description {
        font-size: 16px;
    }

    /*Adds styling to post navigation*/

    .site-main .comment-navigation,
    .site-main .paging-navigation,
    .site-main .post-navigation {
        font-size: 16px;
    }

    .entry-title {
        font-size: 22px;
        line-height: 1.3em;
		text-shadow: 3px 3px 3px #000;
    }
    .entry-content h1 {
        font-size: 70px;
        font-size: 7rem;
    }

    .entry-content h2 {
        font-size: 60px;
        font-size: 6rem;
    }

    .entry-content h3 {
        font-size: 50px;
        font-size: 5rem;
    }

    .entry-content h4 {
        font-size: 40px;
        font-size: 4rem;
    }

    .entry-content h5 {
        font-size: 30px;
        font-size: 3rem;
    }

    .entry-content h6 {
        font-size: 20px;
        font-size: 2rem;
    }

    .entry-content p,
    .entry-content ul,
    .entry-content ol  {
        font-size: 16px;
    }
    
    .entry-content blockquote p {
        font-size: 18px;
        /*font-size: 1.4rem;*/
        line-height: 1.5em;
		text-shadow: 3px 3px 3px #000;
    }

    .entry-meta {
        font-size: 16px;
    }

    /*Immersive text margins*/

    p.work-flow-01,
    span.work-flow-01 {
        font-size: 22px !important;
        line-height: 1.4;
    }

    p.epic-narrative,
    span.epic-narrative,
    p.epic-narrative-margin,
    p.epic-narrative-2,
    span.epic-narrative-2,
    p.epic-narrative-margin-2,
    p.narrow,
    span.narrow,
    p.dreamer,
    span.dreamer,
    p.dreamer-ctr,
    span.dreamer-ctr,
    p.artist-black-ctr,
    span.artist-black-ctr,
    p.artist-black-italic-ctr,
    span.artist-black-italic-ctr,
    p.artist-black,
    span.artist-black,
    p.dreamer-margin,
    .warning-box,
    p.vertical-text-box,
    span.vertical-text-box {
        margin-left: 30px;
        margin-right: 30px;
        font-size: 22px !important;
        line-height: 1.4;
    }

    p.post-real,
    span.post-real,
    p.post-real-ctr,
    span.post-real-ctr,
    p.activist,
    span.activist,
    p.activist-margin {
        padding-left: 30px;
        padding-right: 30px;
        font-size: 22px !important;
        line-height: 1.4;
    }

    p.vertical-text-box,
    span.vertical-text-box {
        letter-spacing: 5px;
    }

    p.epic-narrative:first-letter,
    span.epic-narrative:first-letter,
    p.epic-narrative-margin:first-letter,
    p.epic-narrative-2:first-letter,
    p.epic-narrative-margin-2:first-letter {
        font-size: 44px;
        line-height: 1;
    }

    code, kbd, tt, var {
        font-size: 16px;
    }

    /*Formats the Header positioning*/

    .single-immersive_posts .entry-header {
        padding-left: 15px;
        padding-right: 15px;
    }

    .page-header,
    .entry-footer,
    .sharedaddy,
    .jp-relatedposts,
    .tag-links,
    .post-navigation,
    .comments-area,
    .paging-navigation {
        padding-left: 15px;
        padding-right: 15px;
    }

    /*Primary navigation*/

    .menu-toggle {
        /* display: block; */
        display: none;
        height: 2em;
        padding: 0 1em;
        font-weight: bold;
        font-size: 16px;
        text-decoration: none;
        line-height: 2em;
        color: #ff0000;
        text-shadow: 2px 2px 2px #000;
    }

    .main-navigation .menu-header-menu-container {
        /* background-color: #000; */
    }

    .main-navigation.toggled .nav-menu {
        display: block;
    }

    .main-navigation ul {
        /* display: none; */
        /* display: block; */
        /* padding-left: 0; */
    }

    .main-navigation li { 
        /* float: none; */
    }

    .main-navigation li a {
        /* padding: 1.3em 2em; */
        padding: 0.5em 0.5em;
        font-size: 14px;
        text-shadow: 2px 2px 2px #000;
    }

    .main-navigation li li a { 
        /* padding-left: 4em; */
        padding-left: 0;
    }

    .main-navigation li li li a { 
        padding-left: 6em; 
    }

    .main-navigation li:hover > a {
        background: #000;
    }

    .main-navigation ul ul,
    .main-navigation ul ul ul {
        position: relative;
        top: inherit;
        left: 0;
        display: none;
        float: none;
        background: transparent;
    }

    .main-navigation ul ul a {
        width: 100%;
        font-size: 14px;
    }

    .main-navigation ul a:hover,
    .main-navigation ul ul a:hover {
        background: #000;
    }

    .main-navigation .current_page_ancestor { background: inherit; }

    .main-navigation ul ul .current_page_parent {
        color: inherit;
        background: inherit;
    }

    .main-navigation .current_page_item > a,
    .main-navigation .current_page_item > a:hover,
    .main-navigation .current_page_item li:hover,
    .main-navigation .current_page_parent .current_page_item > a  {
        color: #fff;
    }

    /*Forms*/

    button,
    input[type="button"],
    input[type="reset"],
    input[type="submit"],
    .entry-content a.button {
        font-size: 16px;
    }

    /* Meta */

    .category-list {
        font-size: 16px;
    }

    .nav-previous h1,
    .nav-next h1 {
        font-size: 16px;
    }

    div.sharedaddy h3.sd-title {
        font-size: 16px !important;
    }

    /*the comment window*/

    .comment-form {
        font-size: 16px;
    }

    .comment-reply-title {
        font-size: 22px;
    }

    /*!*Display Posts Shortcode*!*/

    .display-posts-listing.has-cols .date {
        font-size: 14px;
    }

    .display-posts-listing.has-cols .one-third,
    .display-posts-listing.has-cols .one-fourth,
    .display-posts-listing.has-cols .one-fifth,
    .display-posts-listing.has-cols .one-sixth {
        width: 49%;
        margin-left: 1%;
        float: none;
        display: inline-block;
        vertical-align: top;
    }

    .url-form-meta-wrap .url-form-author {
        width: 54px;
        height: 54px;
        margin-right: 15px;
    }
    
    /* Scrolling Text */

    .entry-content .scrolling-text > p {
        font-size: 22px;
    }

    /*!*Plyr*!*/

    .plyr-bg-player-wrap {
        /* transform: translateY(-50%) scale(3.2); */
        transform: translateY(-50%) scale(1);
    }

    #unmute-btn {
        transform: translate(-50%, -50%) scale(0.7);
    }

}

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

    .main-navigation ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }

    .main-navigation li a {
        padding: 0.15em 0.5em;
    }

    /*!*Display Posts Shortcode*!*/

    .reportage-url-aggreg.has-cols .one-half,
    .reportage-url-aggreg.has-cols .one-third,
    .reportage-url-aggreg.has-cols .one-fourth,
    .reportage-url-aggreg.has-cols .one-fifth,
    .reportage-url-aggreg.has-cols .one-sixth {
        width: 100%;
        margin-left: 0;
    }

    /*!*Plyr*!*/

    .plyr-bg-player-wrap {
        transform: translateY(-50%) scale(3.2);
    }

}