/*
 * 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 #screen-saver {
    	display: none !important;
	}

    /* perspective elements */
    .is-mobile .news-block,
    .is-mobile .wrapper,
    .is-mobile .featured-block-module {
        -webkit-perspective: initial;
        perspective: initial;
    }

    /* portfolio list */
    .is-mobile .portfolio-list .portfolio-block .overlay,
    .is-mobile .portfolio-block .bg-image {
        opacity: 1;
    }
    .is-mobile .portfolio-list .portfolio-block .meta span {
        color: #ffffff;
    }

    /* portfolio detail */
    .is-mobile .previous-project-module,
    .is-mobile .next-project-module {
        display: none;
    }
    .is-mobile .portfolio-detail .project-link a {
        text-decoration: underline;
    }


/*
 * Breakpoints
 */
    @media (min-width: 1500px) {

        /* blog */
        .news-block {
            width: 25%;
        }

    }

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

        /* blog */
        .news-block {
            width: 20%;
        }

    }

    /* Smaller than Desktop HD */
    @media (max-width: 1200px) {
        .main-slideshow .titles .line-1 {
            font-size: 42px;
        }
    }

    @media (max-width: 950px) {

        /* header */
        .header {
            background-image: none !important;
        }
        .light-header .header {
            background-color: transparent;
        }

        /* sub logo */
        .portfolio-grid .sub-logo-module,
        .blog .sub-logo-module,
        .archive .sub-logo-module {
            display: none;
        }
        .portfolio-grid .wrapper .sub-logo-module,
        .blog .wrapper .sub-logo-module,
        .archive .wrapper .sub-logo-module {
            display: block;
        }

        /* main slideshow */
        .content.home,
        .home .featured-grid {
            padding-bottom: 0;
        }
        .main-slideshow {
            -webkit-transform: none;
            transform: none;
        }
        .main-slideshow .browse {
            display: none;
        }
        .main-slideshow .slide .titles span {
            white-space: initial;
        }
        .main-slideshow .slide .titles .line-1 {
            margin-bottom: 10px;
        }

        /* featured grid */
        .featured-block {
            -webkit-flex-direction: column;
            flex-direction: column;
            margin-bottom: 0;
        }
        .aligned-right.featured-block .image-block,
        .aligned-right.featured-block .project-info,
        .featured-block .image-block,
        .featured-block .project-info {
            -webkit-order: initial;
            order: initial;
            padding-right: 0;
            padding-left: 0;
            width: 100%;
        }
        .featured-block .project-info {
            margin: 30px 0;
        }
        .featured-block .second-image {
            display: none;
        }
        .featured-block .project-info .border {
            padding-top: 0;
        }
        .featured-block .project-info h3 {
            font-size: 26px;
        }
        .featured-block .project-info .entry {
            font-size: 12px;
        }

        .home .ticker-module {
            text-align: center;
        }
        .home .ticker {
            padding-top: 20px;
            font-size: 38px;
        }
        .home .ticker .cursor-area {
            height: 48px;
        }
        .home .ticker .cursor-area::after {
            width: 15px;
            height: 3px;
        }
        .home .ticker-module .more {
            position: static;
        }
        .home .ticker-module .more .arrow {
            margin-top: 6px;
            display: block;
        }

        /* portfolio grid */
        .portfolio-grid .sub-logo-module,
        .archive.portfolio-detail-single .sub-logo-module {
            padding-top: 100px;
        }
        .portfolio-list .portfolio-block {
            margin-bottom: 45px;
            width: 100%;
            padding: 0;
        }
        .portfolio-list .portfolio-block .bg-image {
            position: static;
            padding-bottom: 56.25%;
            opacity: 1;
        }
        .portfolio-list .portfolio-block .meta span {
            margin: auto;
            font-size: 42px;
            color: #ffffff;
            opacity: 1;
        }

        .previous-project-module,
        .next-project-module {
            display: none;
        }

        /* logo wall */
        .logos .single-logo {
            width: 25%;
        }

        .client-archive {
            text-align: center;
        }
        .client-archive span {
            font-size: 14px;
        }

        /* newsletter footer */
        .fixed-footer {
            display: none;
        }
        .wrapper .fixed-footer {
            position: static;
            display: block;
            clip: initial !important;
        }
        .stalk-module {
            padding: 40px;
        }
        .stalk-module input.email {
            font-size: 20px;
        }
        .stalk-module .social-links {
            margin-bottom: 35px;
        }
        .stalk-module input.submit {
            margin-right: 10px;
            margin-top: 13px;
            width: 30px;
            right: 5px;
            padding: 0;
        }
        .stalk-module .social-links a {
            font-size: 20px;
        }

        /* case study */
        .portfolio-detail-single .entry {
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: column;
            flex-direction: column;
        }
        .portfolio-detail-single .entry p {
            margin: 20px auto;
        }
        .portfolio-detail-single .entry > div {
            width: 100%;
        }
        .portfolio-detail-single .entry > div:first-of-type {
            -webkit-order: -1;
            order: -1;
        }
        .project-type-label {
            display: none;
        }
        .next-project-module::after,
        .previous-project-module::after {
            font-size: 14px;
        }
        .next-project-module::after {
            margin-right: 4px;
        }
        .previous-project-module::after {
            margin-left: 4px;
        }

        .page-sections .section {
            padding-bottom: 0;
            padding-top: 0;
        }
        .project-teaser-module .meta {
            padding: 0;
        }

        /* entry */
        .entry .fluid-width-image-wrapper {
            margin: 2em auto;
        }

        /* shortcodes */
        .mobile-showcase-module {
            -webkit-flex-direction: column;
            flex-direction: column;
        }
        .mobile-showcase-module.aligned-right .device-module,
        .mobile-showcase-module.aligned-right .mobile-entry,
        .mobile-showcase-module .device-module,
        .mobile-showcase-module .mobile-entry {
            -webkit-order: initial;
            order: initial;
            padding-right: 0;
            padding-left: 0;
            width: 100%;
        }
        .mobile-showcase-module {
            margin-bottom: 30px;
            margin-top: 30px;
        }
        .mobile-showcase-module .mobile-entry {
            margin-top: 2em;
        }
        .project-video-module {
            margin-bottom: 40px;
            margin-top: 40px;
        }

        .project-teaser-module {
            height: 220px;
        }
        .project-teaser-module h3 {
            font-size: 42px;
        }

        /* content division */
        .portfolio-list {
            padding-top: 50px;
        }
        .content-projects .content-project-block {
            padding-bottom: 50%;
            width: 50%;
        }
        .content-project-block .description {
            opacity: 1;
        }
        .content-project-block .overlay {
            opacity: 1;
        }
        .content-project-block .description div {
            display: block;
        }
        .content-division .portfolio-list {
            padding-top: 110px;
        }
        .content-division .portfolio-list .list-title {
            top: 30px;
        }
        .content-division .hero .column {
            max-width: initial;
            width: 100%;
            text-align: center;
        }
        .content-division .bottom-control {
            padding-bottom: 20px;
        }

        /* about page */
        .content.about {
            padding-bottom: 0;
        }
        .about .title {
            text-align: center;
            font-size: 42px;
        }
        .entry .about-info p,
        .entry .about-info h4 {
            margin: 0;
        }
        .about .entry .row > .col h5 {
            margin-bottom: 10px;
        }
        .about .entry h5 {
            max-width: initial;
        }
        .about-info {
            display: block;
            margin-top: 0;
        }
        .about-info .left-col,
        .about-info .right-col {
            display: block;
            width: 100%;
        }
        .about-info .left-col {
            padding-right: 0;
        }
        .about-info .left-col > div,
        .about-info .right-col > div {
            height: auto;
        }
        .about-info .right-col > div {
            margin-top: 50px;
        }
        .about .offset-block {
            display: none;
        }
        .about .info > .fluid-width-image-wrapper {
            margin: 2em auto;
        }
        .about address h4 {
            font-size: 26px;
        }
        .about .section-about {
            padding-bottom: 90px;
        }
        .about .partners {
            margin-top: 0;
        }
        .about .col.info .col:first-child {
            margin-bottom: 40px;
        }

        .about .get-in-touch h4 {
            font-size: 42px;
        }
        .about .col.what-we-do {
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: column;
            flex-direction: column;
        }
        .about .what-we-do {
            margin-bottom: 0;
        }
        .about .what-we-do h3 {
            -webkit-order: 3;
            order: 3;
            margin: 1em 0 0;
            font-size: 42px;
        }
        .about .col.what-we-do .fluid-width-image-wrapper {
            width: 100%;
            margin: 0;
        }

        .about .row {
            display: block;
        }
        .about .row .col {
            width: 100%;
        }
        .about .col.what-we-do {
            padding-right: 0;
        }
        .about .col.info {
            padding-left: 0;
        }
        .about .row > .col {
            padding-right: 0;
            padding-left: 0;
        }


        /* blog */
        .content.archive {
            padding-top: 0;
        }
        .blog .sub-logo-module,
        .archive.category .sub-logo-module {
            padding-top: 100px;
            padding-bottom: 30px;
        }
        .blog .filter-module .switch,
        .archive.category .filter-module .switch {
            padding-top: 0;
        }
        .single .previous-project-module::after,
        .single .next-project-module::after {
            padding: 0;
        }
        .news-block {
            width: 50%;
        }

        .single h2 {
            font-size: 20px;
        }
        .single h3 {
            margin: 2em auto;
            padding: 0;
        }
        .entry h4 {
            margin: 2em auto;
            font-size: 20px;
        }

        .filter-overlay {
            display: none !important;
        }
    }

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

        body {
            font-size: 16px;
        }

        /* padding override */
        .portfolio-detail .project-desciption,
        .content-division .hero .entry,
        .page-sections .section,
        .content > .page,
        .content.archive,
        .content.single,
        .client-archive,
        .portfolio-list,
        .featured-grid {
            padding-right: 25px;
            padding-left: 25px;
        }

        #menu a {
            font-size: 36px;
        }

        /* col layout */
        .entry .row {
            -webkit-flex-direction: column;
            flex-direction: column;
        }
        .entry .row > .col {
            width: 100%;
        }
        .entry .row > .col:first-child {
            margin-bottom: 2em;
        }
        .entry .row > .col {
            padding-right: 0;
            padding-left: 0;
        }

        .portfolio-detail-section .next-project-module::after,
        .portfolio-detail-section .previous-project-module::after,
        .portfolio-detail-single .next-project-module::after,
        .portfolio-detail-single .previous-project-module::after {
            padding: 0;
        }

        /* portfolio page */
        .portfolio-detail .project-meta h2 {
            font-size: 25px;
        }
        .portfolio-detail .project-link,
        .portfolio-detail .project-types {
            font-size: 14px;
        }
        .logos .single-logo {
            padding: 40px;
            width: 50%;
        }
        .client-archive h3 {
            font-size: 21px;
        }
        .portfolio-list .portfolio-block .meta span {
            font-size: 20px;
        }

        .entry > h3 {
            padding: 0;
        }
        .entry h3 {
            margin-bottom: 30px;
            font-size: 32px;
        }
        .entry .caption-module .fluid-width-image-wrapper {
            margin-bottom: 0;
        }

        /* shortcodes */
        .mobile-showcase-module .mobile-entry {
            line-height: 1.5;
            font-size: 20px;
        }
        .type-iphone .screen {
            right: 3px;
            left: 3px;
        }

        /* content division */
        .content.content-division {
            text-align: center;
        }
        .content-projects .content-project-block {
            padding-bottom: 100%;
            width: 100%;
        }
        .content-division .hero h5 {
            margin-bottom: 20px;
            font-size: 16px;
        }
        .content-division .hero {
            font-size: 16px;
        }

        /* about page */
        .about .title {
            font-size: 32px;
        }
        .about .section-about,
        .about .section-scoundrel {
            padding-right: 25px;
            padding-left: 25px;
        }

        /* blog */
        .archive .featured-post h3 {
            font-weight: 500;
            font-size: 20px;
        }
        .archive .featured-post {
            padding: 0;
        }
        .archive .featured-post .date {
            display: none;
        }
        .archive .excerpt {
            font-size: 14px;
            padding: 0 20px;
        }
        .news-block {
            width: 100%;
        }
        .archive .featured-post,
        .news-block {
            margin-bottom: 55px;
        }
        .news-block h3 {
            font-weight: 500;
            font-size: 20px;
        }

        .gallery-module .gallery-item {
            width: 100%;
        }
        .gallery-item .fluid-width-image-wrapper {
            margin: 1em auto;
        }

        .caption-module .arrow .svg {
            -webkit-transform: rotateZ(90deg);
            transform: rotateZ(90deg);
        }
        .caption-module .caption {
            opacity: 1;
        }

        .gallery-module .gallery-item {
            padding: 1em;
            padding-right: 0;
            padding-left: 0;
        }

    }

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

    }