/*
 * Mobile styles & Breakpoints
 * By Funkhaus - 2014
 * www.funkhaus.us
 *
 */


/* 
 * Globals
 */
	.is-mobile #content {
	 	
	}


/* 
 * Mobile Menu
 */ 



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

    }  

    /* Smaller than Desktop HD */
    @media (max-width: 1200px) {
        
        /* Side Menu */
        .side-menu li:first-child {
            left: 20px;
        }
        .side-menu li:last-child {
            right: 20px;
        }        
        
        /* Detail page (used for Film & TV and Writers) */
        #content.detail-page {
            display: block;
            padding: 100px 60px;
        }
        .detail-page .block {
            width: auto;
            max-width: 445px;
            margin: 20px auto 40px auto;
        }
        .detail-page .browse {
            display: none;
        }
        
    }       

    /* Smaller than tablet */
    @media (max-width: 1000px) {
        .video-slideshow {
            bottom: 250px;
        }        
        .pager {
            height: auto;
            padding: 10px 0;
        }        
        .pager .block {
            margin: 15px 0;
            width: 30%;
        }        
    }

    /* Smaller than tablet */
    @media (max-width: 750px) {
        
        /* Header */
        #header {
            display: none;
        } 
        #header-slim {       
            top: 0;      
            display: flex;
            height: 60px;
            background-color: white;
        } 
        .video-player-opened.menu-opened #header-slim #logo-small path,
        .video-player-opened.menu-opened #header-slim #hamburger rect,
        #header-slim #logo-small path,
        #header-slim #hamburger rect {
            fill: #022239;
        }
        #logo-small {
            left: 5px;
        }
        #hamburger {
            right: 5px;
        }
        
        /* Menus */
        body.menu-opened {
            overflow: hidden;
        }    
        .menu-opened #header-slim {
            height: 100%;
        } 
        .slim-menu {
            margin: auto;
        }
        .slim-menu li {
            display: block;
            margin: 20px;
        }      
        
        /* Home */
        .background-slideshow .slide {
            display: none !important;
        }
        .video-slideshow {
            top: 60px;
            bottom: 276px;
        }
        .video-slideshow .image {
            left: 25px;
            right: 25px;
        }
        .video-slideshow .browse {
            display: none;
        }        
        .pager {
            left: 25px;
            right: 25px;
            bottom: 70px;
        }
        .pager .block {
            margin: 10px 0;
            width: 49%;
        }
        .featured-grid {
            padding: 0 25px;
        }        
        .featured-grid .latest-scroll {
            width: auto;
        }
        .featured-grid .latest-scroll span {
            margin-left: 0;
        }
        .featured-grid .latest-scroll .svg {
            display: none;
        }        
        .featured-block {
            width: auto;
            margin: 0 0 50px 0;
        }
        .posts-grid {
            padding-left: 25px;
            padding-right: 25px;
        }
        .posts-grid .post-block:nth-child(3),
        .posts-grid .post-block:last-child {
            display: inline-block;
        }
        
        /* Commercials */
        .name-grid {
            display: block;
            position: static;
            padding: 70px 0;
        }
        .commercials-menu .column {
            width: 100%;
            display: block;
        }
        .commercials-slideshow {
            display: none;
        }
        .commercials-menu.active a {
            color: #022239;
        }
        .commercials-menu .children li:hover a,
        .commercials-menu a:hover {
            color: #022239;        
        }           
        
        /* Directors Landing */
        #content.director-landing {
            padding-top: 60px;
        }
        .director-slideshow .meta {
            min-width: 200px;
        }
        .director-bio .poster {
            display: none;
        }
        .director-bio .entry {
            margin: 20px 0;
            text-align: justify;
        }        

        /* Video Player */
        .video-player-opened #header-slim {
            background-color: transparent;
            height: auto;
        }
        .video-player-opened #header-slim #logo-small path, 
        .video-player-opened #header-slim #hamburger rect {
            fill: white;
        }
        .video-player-opened.menu-opened #header-slim {
            background-color: white;
            height: 100%;
        }
        .video-player .browse {
            top: auto;
            bottom: 60px;
        }
        .thumb-block:hover .overlay,
        .thumb-block .overlay {
            opacity: 1;
            border-color: transparent;
        }

        /* Footer */
        .social-links li  {
            display: block;
            margin-bottom: 30px;
        }      
        .social-links li:last-child {
            float: none;
        }
        .mailing-list {
            margin: 10px 0;
            display: block;
        }
        
        /* Film & TV Grid */
        #content.film-tv-grid {
            margin: 0 60px;
            padding: 60px 0;
        }
        .film-tv-grid .poster-block {
            margin: 0 0 25px 0;
            float: none;
            width: 100%;
        }
        .poster-block img {
            width: 100%;
            height: auto;
        }
        .film-tv-grid .poster-block:nth-child(2n) {
            margin-top: 0;
        }    
        
        /* Managment */
        .management-menu .column {
            width: 100%;
        }              
        
        /* Acotrs */
        #content.actors-grid {        
            margin: 0 60px;
            padding: 60px 0;            
        }
        #content.actors-grid .poster-block {
            width: 100%;
            position: relative !important;
            top: auto !important;
            left: auto !important;
        }
        #content.actors-grid .poster-block img {
            width: 100%;
            height: auto;
            display: block;
        }     
        #content.actors-grid .poster-block:nth-child(2n) {
            margin-top: 0;
        }        

        /* Detail Page (used for Film & TV and Writers) */
        #content.detail-page {
            padding: 60px;
        }    
        .detail-page .block {
            min-width: 100%;
            min-height: 0;
            text-align: justify;
        }
        .detail-page .block .title {
            text-align: center;
        }
        
        /* Blog (Category) */
        #content.category {
            padding-top: 60px;
        }
        .post-block {
            margin: 5px 0;
            width: 100%;
        }
        
        /* Blog Detail */
        #content.fallback {
            padding-left: 25px;
            padding-right: 25px;
        }
        .single-pagination {
            position: relative;
            overflow: hidden;
        }
        .single-pagination a {
            position: static;
        }   
        .single a[rel="next"] {
            float: left;
        }
        .single a[rel="prev"] {
            float: right;
        }
        
        /* Gallery */
        .gallery .browse {
            display: none;
        }
        
        /* Contact */
        #content.about,
        #content.contact {
            padding-top: 60px;
        } 
        .contact .entry li {
            width: 100%;
            margin: 0 0 20px 0;
        }        
        .contact .city-entry li {
            margin: 0;
        }  
        .cities button {
            margin: 0;
        } 
        
        /* About */
        .about .entry {
            margin-top: 20px;
        }
    }