/*
 * 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
 *
 */


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

        /* News grids */
        .news-grid {
            max-width: 1640px
        }
    }

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

        /* About */
        .section-slim .wrap {
            display: block;
        }
        .section-slim .entry {
            margin: 40px auto 0 auto;
        }
        .section-slim .website-link {
            width: 100px;
            display: block;
            margin: 20px auto;
        }
        .section-half-half .entry li,
        .section-half-half .entry li:nth-child(4n) {
            width: 39%%;
        }
        .section-half-half .entry li:nth-child(3n) {
            width: 20%;
        }

    }

    @media (max-width: 900px) {

        /* Sectons */
        .section-text-video .play-button {
            position: static;
            margin-left: 0;
            margin-bottom: 10px;
            opacity: 1;
        }

        /* News Grid */
        .news-grid .news-block {
            position: static !important;
            width: 100%;
            padding: 0;
            margin-bottom: 40px;
            min-height: 0;
        }

        /* Team grid */
        .team-block .mask {
            height: 280px;
            width: 280px;
        }

        /* Section Slideshow */
        .slideshow-pager > span {
            display: none;
        }
        .slideshow-mobile-pager {
            display: inline-block;
            margin: 0 auto;
            padding: 7px;
            font-family: "Weissenhof Grotesk", sans-serif;
            border: none;
            color: #ffffff;
            background-color: transparent;
            text-align: center;
            opacity: 0;
            font-size: 16px;
            position: relative;
            z-index: 20;
            cursor: pointer;
        }
        .slideshow-mobile-pager option {
            text-align: -webkit-center;
            text-align: center;
        }
        .slideshow-pager .menu-icon {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 10;
            display: block;
        }


    }

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

        /* Header */
        .breadcrumb {
            left: -10px;
        }
        .breadcrumb > span {
            display: none;
        }
        .logo-small {
            top: 30px;
        }
        .logo-vertical {
            left: 12px;
        }

        /* Menu */
        .hamburger {
            left: -10px;
        }
        .menu-panel .wrap {
            background-color: #000000;
        }
        .main-menu {
            margin: 40px 50px;
            font-size: 28px;
        }
        .social-links {
            right: -5px;
        }
        .entry .social-links {
            margin-left: 8px;
        }
        .social-links a {
            padding: 15px 8px;
        }

        /* Sub Menus Opened */
        .main-menu.sub-menu-opened {
            font-size: 18px;
        }
        .main-menu.sub-menu-opened .opened {
            font-size: 24px;
        }

        /* Home */
        .home .volume-toggle {
            top: 0;
            right: 0;
        }
        .home .scroll-down {
            right: 0;
            padding: 10px;
        }
        .bottom-panel {
            padding: 40px;
        }

        /* Sections */
        .section .slide > .wrap,
        .section > .wrap {
            padding: 0 50px;
        }
        .section .title,
        .section .entry h2 {
            font-size: 32px;
        }
        .section .entry {
            font-size: 18px;
        }
        .section-default .entry ul,
        .section-default .entry ul + ul {
            width: 100%;
            margin: 30px 0;
        }
        .section-default .entry ul + ul {
            margin-top: -30px;
        }
        .pager {
            right: -10px;
        }
        .pager .title {
            display: none;
        }
        .gallery-section .wp-caption-text {
            margin: 1em 70px;
            font-size: 12px;
        }
        .gallery-section .prev {
            left: -10px;
        }
        .gallery-section .next {
            right: -10px;
        }


        /* Category */
        #content.category {
            padding: 20px 40px;
        }
        .news-grid .news-block {
            position: static !important;
            width: 100%;
            padding: 0;
            margin-bottom: 40px;
            min-height: 0;
        }
        .category-pagination {
            font-size: 40px;
        }

        /* Single */
        .blog-styles .entry {
            font-size: 14px;
        }
        .blog-styles .entry img {
            max-width: calc(100vw - 100px);
        }
        .single #container {
            margin: 0 50px;
        }
        .single .meta {
            font-size: 12px;
        }
        .single .title {
            font-size: 28px;
        }
        .single-pagination-controls {
            right: -10px;
        }

        /* Shortcodes */
        .credits-shortcode {
            padding-bottom: 20px;
            margin: 1.5em 0;
        }
        .credits-shortcode > p {
            max-width: 100%;
        }

        /* Team Grid */
        .team-grid h2 {
            font-size: 31px;
        }

        /* Team Detail */
        .team-detail #container {
            margin: 0 50px;
        }
        #content.team-detail {

        }

        /* Contact */
        .contact .entry {
            padding: 0 50px;
        }
        .contact-slideshows .browse {
            display: none;
        }

        /* About Page */
        #content.about {
            margin-top: 150px;
        }
        .section-color {
            padding: 0;
            min-height: 0;
            display: block;
        }
        .section-color h2 {
            font-size: 30px;
        }
        .section-color .image-wrap {
            width: 100%;
            left: auto;
            bottom: auto;
            top: auto;
            right: auto;
            position: relative;
            margin: 30px 0;
        }
        .section-color .image-wrap .overlay {
            display: none;
        }
        .section-color .image-wrap:last-child {
            display: none !important;
        }
        .about .sections-wrap > .section:first-child .image-wrap:first-child {
            top: auto;
        }
        .section-color .entry {
            left: auto;
            padding: 0 50px;
        }
        .section-slim .wrap > img {
            width: 80%;
            height: auto;
            max-width: 260px;
        }
        .section-slim .entry {
            font-size: 14px;
            max-width: 100%;
        }
        .section-half-half .entry li:nth-child(4n),
        .section-half-half .entry li:nth-child(3n),
        .section-half-half .entry li {
            width: 100%;
            text-align: center;
        }
        .section .heading {
            right: 10px;
        }
        .section-long {
            padding: 50px;
        }
        .section-long .entry {
            margin: 0 auto;
        }
        .section-long .entry ul {
            font-size: 20px;
        }
        .section-long .entry li {
            display: block;
        }
        .section-long .entry li::after {
            content: '';
        }

    }

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

    }