/*
 * Mobile styles & Breakpoints
 * By Funkhaus - 2016
 * www.funkhaus.us
 *
 * @see https://www.emailonacid.com/blog/article/email-development/emailology_media_queries_demystified_min-width_and_max-width
 * (min-width: 1800px) == Greater than or equal to 1800px
 * (max-width: 750px) == Less than or equal to 750px
 *
 */


/*
 * Globals
 */
	.is-mobile .play,
	.is-mobile .play-button {
        opacity: 1;
	}


/*
 * Breakpoints
 */
    /* Cinema Display and larger */
    @media (min-width: 1800px) {

        /* Director Grid */
        .director-block {
            width: 25%;
        }

        /* Work Grid */
        .work-block {
            width: 33.33%;
        }

        /* News Block */
        .grid-sizer,
        .news-block {
            width: 25%;
        }

    }

    /* Smaller than Desktop HD */
    @media (max-width: 1000px) {

        /* Director Grid */
        .director-block {
            width: 50%;
        }

        /* Contact */
        .contact .entry li {
            display: block;
            float: none;
        }
        .contact .entry li:first-child {
            width: 100%;
            float: none;
        }
        .contact .entry li:last-child {
            width: 100%;
            min-width: 0;
            float: none;
        }

        /* Category */
        .grid-sizer,
        .news-block {
            width: 50%;
        }
    }

    /* Smaller than tablet */
    @media (max-width: 750px) {

        /* Header */
        .hamburger {
            top: 0;
            left: 0;
        }
        .logo-text {
            -webkit-transform: none;
            transform: none;
            right: 20px;
            top: 20px;
            left: auto;
        }
        .menu-opened .logo-text .svg,
        .logo-text .svg {
            height: 19px;
            width: 87.191px;
        }
        .region-switcher {
            -webkit-transform: translateY(-200px);
            transform: translateY(-200px);
        }
        .region-switcher {
            top: 60px;
            right: 20px;
        }
        .menu-opened .region-switcher {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
        .breadcrumb {
            top: 22px;
            left: 70px;
        }
        .page-title {
            top: 22px;
            left: 60px;
        }

        /* Menu */
        body.menu-opened {
            overflow: hidden;
        }
        .menu-panel {
            height: 100%;
            -webkit-transform: translateY(-150vh);
            transform: translateY(-150vh);

            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-align-content: center;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
        }
        .main-menu {
            -webkit-flex: 1 1 auto;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;

            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-align-content: center;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
        }
        .main-menu li {
            width: 100%;
        }
        .main-menu a {
            font-size: 30px;
            padding: 20px;
            display: inline-block;
        }
        .menu-panel .social-links {
            width: 100%;
            padding: 20px;
            box-sizing: border-box;

            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-align-content: flex-start;
            -ms-flex-line-pack: start;
            align-content: flex-start;
            -webkit-align-items: flex-start;
            -ms-flex-align: start;
            align-items: flex-start;
        }

        /* Video Player */
        .video-player .page-title {
            display: none;
        }
        .video-player .stage {
            left: 0;
            right: 0;
        }
        .video-player .browse {
            top: auto;
        }
        .video-player .meta {
            left: 20px;
            right: 20px;
            width: auto !important;
        }

        /* Home */
        .home .slide .meta {
            left: 20px;
            right: 20px;
        }

        /* Director Grid */
        #content.director-grid {
            margin-top: 55px;
        }
        .director-block {
            width: 100%;
            padding: 1px 2px;
        }
        .director-block:first-child {
            padding-top: 2px;
        }

        /* Work Grid */
        .work-grid .breadcrumb {
            display: none;
        }
        .work-block {
            width: 100%;
            padding: 1px 2px;
        }
        .work-block:first-child {
            padding-top: 2px;
        }
        .work-block .title {
            font-size: 14px;
        }
        .work-block .title .line-1 {
            font-size: 18px;
        }
        .work-block:first-child {
            padding-bottom: 1px;
        }
        .work-block:first-child .title .line-1 {
            font-size: 22px;
        }
        .work-block:first-child .thumbnail {
            padding-bottom: 0;
            height: 50vh;
            min-height: 300px;
        }
        .work-block .play {
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
        }
        .work-block .play .svg {
            display: none;
        }
        .work-block .bio-link {
            font-size: 14px;
        }
        .bio-section {
            margin: 55px auto;
            padding-bottom: 50px;
        }

        /* Category */
        .highlight-grid .news-block {
            width: 100%;
            padding: 1px 2px;
        }
        .grid-sizer,
        .news-block {
            width: 100%;
            padding: 1px 2px;
        }
        .news-block:first-child {
            padding-top: 2px;
        }
        .news-block .title {
            font-size: 12px;
            left: 20px;
        }
        .news-block .title .line-1 {
            font-size: 14px;
        }
        .news-block .category {
            font-size: 9px;
            left: 20px;
        }

        /* Blog Detail (single) */
        .blog-detail .meta {
            bottom: -40px;
            font-size: 14px;
            padding: 0 20px;
        }
        .blog-detail .title {
            font-size: 26px;
            padding: 0 20px;
        }
        .blog-detail .entry {
            padding: 0 20px;
        }
        .pagination {
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-align-content: flex-start;
            -ms-flex-line-pack: start;
            align-content: flex-start;
            -webkit-align-items: flex-start;
            -ms-flex-align: start;
            align-items: flex-start;
        }
        .pagination a[rel="prev"],
        .pagination a[rel="next"] {
            transform: none;
            position: static;
            transform: none;
            display: inline-block;
            padding: 20px;
        }

        /* About */
        .about .entry h2 {
            font-size: 27px;
            padding: 0 30px;
        }

        /* Contact */
        .contact .region {
            margin: 0 20px 0 70px;
        }
        .contact .region .toggle {
            left: -70px;
            top: 2px;
        }
        .contact .region .title {
            width: 100%;
            float: none;
            font-size: 35px;
        }
        .contact .region .address {
            width: 100%;
            float: none;
            font-size: 12px;
            line-height: 1.6;
        }
        .contact .region .address strong {
            margin: 10px 0;
        }


    }

    /* Smaller than tablet and landscape */
    @media (max-width: 750px) and (orientation: landscape){

    }