/*
 * 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 .work-block .overlay {

	}


/*
 * Breakpoints
 */
    /* Larger screens */
    @media (min-width: 1400px) {

        /* Blocks */
        .work-grid .block-archive {
            width: calc(12.5% - 20px);
        }
        .block-archive .title {
            font-size: 14px;
        }

    }

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


        /* Blocks */
        .block-entertainment:nth-child(1) .title,
        .block-news:nth-child(1) .title {
            font-size: 34px;
            margin: 15px 30px;
        }
        .block-news:nth-child(-n+3) .title {
            font-size: 22px;
            margin: 15px 30px;
        }
        .block-news .title {
            font-size: 16px;
            margin: 15px 10px;
        }
        .block-entertainment:nth-child(1) .meta .excerpt {
            font-size: 18px;
        }
        .block-archive {
            width: calc(25% - 20px);
        }
        .block-set .title {
            font-size: 28px;
        }
        .block-set {
            font-size: 14px;
        }
        .block-set .svg {
            margin-top: 10px;
        }

        /* Tyler Landing */
        .section-group > div {
            font-size: 26px;
        }
        .section-outreach .excerpt {
            font-size: 16px;
        }

        /* Work Detail */
        .work-detail .thumb-wrap {
            width: 100%;

            -webkit-order: 1;
            -ms-flex-order: 1;
            order: 1;
        }

        /* Bio */
        .tyler-biography .horizontal {
            padding: 0;
            display: block;
            margin: 2em 0;
        }
        .tyler-biography .horizontal > * {
            width: 100%;
            margin: 2em auto;
            max-width: 100%;
        }

        /* Fallback */
        .fallback .entry .column {
            margin-right: auto;
            margin-left: auto;
            width: 100%;
            display: block;
        }
        .fallback .entry .column + .column {
            margin-left: auto;
            margin-right: auto;
        }

        /* Studio */
        .studio-landing .section-studios .thumbnail {
            padding-bottom: 40%;
        }

        /* History */
        .studio-history .entry .column:first-child {
            min-height: 0;
        }
    }

    /* Smaller than iPads */
    @media (max-width: 900px) {

        /* Blocks */
        .grid .block-entertainment .title {
            font-size: 38px;
        }

    }

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

        /* Globals */
        .button {
            font-size: 10px;
            padding: 8px 15px;
        }
        .page-title {
            margin-top: 30px;
            font-size: 24px;
        }

        /* Strucutre */
        #content {
            padding-top: 100px;
        }

        /* Header */
        #logo .logo-mark {
            width: 85px;
            height: 42.658px;
        }
        #logo .logo-text-studios,
        .holding-roadblock .logo .svg {
            width: 85px;
            height: auto;
        }
        .hamburger {
            left: 10px;
        }
        .division-controls {
            right: 0;
            font-size: 10px;
        }
        .division-controls span:first-child {
            display: none;
        }
        .division-controls .triangle {
            top: 2px;
            margin-right: 3px;
        }
        .breadcrumb {
            left: 47px;
        }
        .breadcrumb span {
            display: none;
        }

        /* Menu */
        .menu-panel {
            -webkit-overflow-scrolling: touch;
        }
        .main-menu {
            font-size: 23px;
            padding: 100px 0 60px 0;
        }
        .main-menu a {
            padding: 5px 30px;
        }
        .menu-panel .socials-block p {
            margin-bottom: 15px;
        }
        .menu-panel .socials-block a {
            margin: 0 10px;
        }
        .menu-panel .socials-block .svg {
            margin: 0;
        }
        .menu-panel .socials-block span {
            display: none;
        }
        .fine-print {
            padding: 20px 0;
        }
        .fine-print br {
            display: block;
        }
        .page-menu-panel {
            display: none;
        }
        .sort-menu {
            font-size: 12px;
        }

        /* Home */
        .home .section {
            width: 230px;
        }
        .home .section {
            bottom: auto;
            top: 100px;
            left: 20px;
        }
        .home .section-right {
            right: 20px;
            left: auto;
            top: auto;
            bottom: 30px;
        }
        .home .title {
            font-size: 24px;
        }
        .home .entry {
            font-size: 12px;
        }
        .home .entry .button {
            font-size: 18px;
        }
        .home .entry .button .svg {
            top: 0;
        }

        /* Social Blocks */
        .socials-block p {
            font-size: 20px;
            margin-bottom: 20px;
        }
        .socials-block a {
            margin: 0 15px;
        }
        .socials-block .svg {
            margin: 0;
        }
        .socials-block span {
            display: none;
        }

        /* Blocks */
        .block {
            margin: 0 0 30px 0;
        }
        .grid .block-news {
            width: 100%;
            color: #333333;
        }
        .grid .block-news .meta {
            position: static;
        }
        .grid .block-news .title {
            font-size: 16px;
            margin-bottom: 0;
        }
        .grid .block-news .date {
            font-size: 10px;
        }
        .grid .block-news .button {
            display: none;
        }
        .grid .block-news .thumbnail,
        .grid .block-entertainment .thumbnail {
            padding-bottom: 62.5%;
        }
        .grid .block-entertainment .title {
            font-size: 20px;
        }
        .grid .block-entertainment .meta .excerpt {
            display: none;
        }
        .grid .block-entertainment .meta .svg {
            width: 40px;
            height: 40px;
            margin-top: 10px;
        }
        .grid .block-entertainment .excerpt {
            display: block;
            font-size: 12px;
            color: #333333;
            margin: 20px;
            line-height: 1.5;
        }
        .grid .block-archive {
            width: calc(50% - 20px);
            margin: 0 10px 30px 10px;
        }
        .block-archive .title {
            margin: 14px 10px 3px 10px;
        }
        .block-twitter {
            font-size: 16px;
            margin: 0 0 60px 0;
        }
        .block-set {
            width: 100%;
            margin: 0;
        }
        .block-set .title {
            font-size: 24px;
        }
        .block-set .excerpt {
            font-size: 11px;
        }
        .block-set .svg {
            margin-top: 10px;
            height: 40px;
            width: 40px;
        }
        .block-detail {
            width: 100%;
        }

        /* Tyler Landing */
        .tyler-landing .section {
            padding: 30px 10px;
        }
        .tyler-landing .section-socials {
            margin: 0;
        }
        .section-group > div {
            font-size: 15px;
            height: auto;
            padding-bottom: 0;
        }
        .section-group .wrap {
            position: relative;
            padding: 30px 0;
            top: 0;
            bottom: 0;
        }
        .section-group .title {
            font-size: 12px;
        }
        .section-group .excerpt {
            margin: 15px 30px;
        }
        .section-group .button {
            margin: 0;
        }
        .section-group .half-section {
            height: auto;
        }
        .section-group .half-section .title {
            font-size: 15px;
        }
        .section-outreach .logo-perry {
            max-width: 220px;
            height: auto;
            margin-top: 10px;
        }
        .section-outreach .excerpt {
            font-size: 11px;
        }

        /* Single */
        .single .title {
            font-size: 24px;
            line-height: 1.42;
        }
        .single .entry h3 {
            font-size: 24px;
        }

        /* Work Grid */
        .work-grid .block-entertainment .excerpt {
            color: #ffffff;
        }
        .work-grid .grid-archive {
            padding: 0;
        }

        /* Work Detail */
        .work-detail .post-wrap {
            padding: 0 20px;
        }
        .work-detail .post-wrap > .type {
            font-size: 16px;
        }
        .work-detail .work-info {
            padding: 0;
            margin: 30px 0;

            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: flex-start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-align-content: center;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
        }
        .work-detail .thumb-wrap {
            width: 100%;

            -webkit-order: 1;
            -ms-flex-order: 1;
            order: 1;
        }
        .work-detail .info-column {
            width: 100%;
            margin-left: 0;

            -webkit-flex: 0 1 auto;
            -ms-flex: 0 1 auto;
            flex: 0 1 auto;
        }
        .thumb-tray {
            padding: 30px 10px;
        }

        /* Fallback */
        #content.fallback {
            padding-left: 20px;
            padding-right: 20px;
        }
        .fallback .entry h2 {
            font-size: 22px;
        }
        .fallback .entry h3 {
            font-size: 18px;
        }

        /* Bio Page */
        .tyler-biography .entry > p {
            margin: 2em 0;
        }
        .tyler-biography .floating-text {
            min-height: 0;
            margin: 2em 0;
            padding-bottom: 56.25%;
        }
        .tyler-biography blockquote {
            font-size: 16px;
            margin: 20px auto;
            display: none;
        }
        .tyler-biography .entry h3 {
            max-width: 100%;
        }

        /* Year List - Awards and Press */
        .year-list .title {
            margin: 0 20px;
            padding: 15px 20px;
            font-size: 22px;
        }
        .year-list .entry {
            font-size: 14px;
        }
        .awards .entry {
            padding: 0 40px 20px;
        }
        .awards .entry > ul ul > li {
            background-position: left 7px;
        }
        .block-press {
            min-width: 0;
            width: calc(50% - 20px);
        }


        /* Studio Landing */
        .studio-landing .section {
            padding: 0 20px;
            min-height: calc(80vh - 150px);
        }
        .section-studio .thumbnail {
            padding-bottom: 50%;
        }
        .studio-landing .section-studios .thumbnail {
            padding-bottom: 0;
            height: auto;
        }
        .studio-landing .section-studios .meta {
            position: relative;
            padding: 30px;
        }
        .studio-landing .section-studios .meta .entry {
            font-size: 12px;
        }
        .studio-landing .section-studios .entry h2 {
            font-size: 26px;
        }
        .studio-landing .scroll-arrow {
            display: none;
        }
        .section-studio .title {
            font-size: 26px;
        }
        .section-studio .svg {
            width: 40px;
            height: 40px;
            margin-top: 20px;
        }
        .section-studio .entry {
            font-size: 16px;
        }
        .studio-landing .section-socials {
            min-height: 70vh;
        }
        .newsletter p {
            font-size: 16px;
        }
        .newsletter .button {
            font-size: 14px;
        }
        .studio-landing .half-sections {
            margin: 30px 0;
            display: block;
        }
        .studio-landing .half-section {
            height: 100px;
            width: 100%;
            margin: 15px 0;
        }
        .studio-landing .half-section .title {
            font-size: 18px;
        }
        .studio-landing .socials-block {
            width: 100%;
            margin: 30px 0;
        }
        .section-contacts .thumbnail {
            padding-bottom: 60%;
        }
        .section-contacts .entry a {
            margin: 10px 20px;
        }

        /* Studio landing - holding page */
        .coming-soon .entry h2 {
            font-size: 24px;
        }
        .coming-soon .entry {
            font-size: 14px;
            line-height: 1.5;
        }
        .coming-soon .entry p {
            margin-bottom: 20px;
        }
        .studio-roadblock .logo {
            display: none;
        }
        .studio-roadblock iframe {
            width: 90% !important;
            height: auto !important;
        }

        /* Studio authroized */
        .is-studio-authorized .studio-landing .section {
            min-height: 0;
        }
        .not-studio-authorized .studio-landing .scroll-arrow {
            display: block;
        }

        /* Detail Grid */
        .detail-grid .grid {
            padding: 0 20px;
            margin: 30px auto 0 auto;
        }
        .detail-grid .entry {
            font-size: 14px;
        }

        /* Set Detail */
        .set-detail .section {
            padding: 0 20px;
            margin-bottom: 0;
            min-height: 0;
        }
        .set-detail .gallery {
            height: 50vh;
        }
        .set-detail .entry ul {
            margin: 30px 0;
        }
        .set-detail .entry li {
            width: 100%;
            margin: 0;
            display: block;
        }
        .set-detail .entry p + h3 {
            margin-top: 0;
        }
        .set-detail .entry h3 + p {
            margin-bottom: 15px;
        }
        .set-detail .section:last-child {
            padding-bottom: 50px;
        }

        /* Login overlay */
        .login-overlay {
            font-size: 14px;
        }
        .login-overlay h2 {
            font-size: 20px;
        }

    }

    /* Smaller than tablet and landscape */
    @media (max-width: 750px) and (orientation: landscape){
        .main-menu {
            display: block;
        }
    }