/*
 * 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
 */
    /* Cinema Display and larger */
    @media (min-width: 1800px) {

		/* Header */
		#hamburger {
			padding: 25px;
		}
		.page-title {
			font-size: 110px;
		}

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

		/* Work Detail */
		.media-stage {
    		top: 150px;
		}

		/* News Grid */
		.news-block {
			width: 33.3%;
		}

		/* About */
		.about-top {
    		position: relative;
		}
		.about-video {
    		display: inline-block;
    		margin-right: 20px;
    		width: 45%;
		}
		.about-text {
            margin: 30px;
            line-height: 1.8;
		}
    }

    /* Smaller than Desktop HD */
    @media (max-width: 950px) {
		.main-menu {
			padding-left: 0;
		}
    }

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

		/* Header */
		#logo {
			margin: 10px 15px;
		}
		.category-identifier {
			top: 23px;
			display: block;
		}
		#hamburger {
			left: auto;
			padding-right: 15px;
			padding-top: 25px;
		}


		/* Filter */
		.filter-button {
			position: static;
			text-align: center;
			width: 80px;
			margin: 0 auto;
		}
		.filter {
			position: static;
			padding-bottom: 10px;
		}
		.filter-menu {
			font-size: 14px;
		}
		.filter-menu li {
			padding-bottom: 10px;
			margin: 0 5px;
		}

		/* Menu Overlay */
		#menu-overlay {
			padding: 40px;
		}
        #menu-overlay .logo .svg {
    	    width: 220px;
        }		
		.menu a {
			padding: 0;
		}
		.menu li {
			display: inline-block;
		}

		/* Content Wrap */
		.content-wrap {
			padding: 0 15px;
			margin-top: 40px;

            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: flex-start;
            -ms-flex-align: start;
            align-items: flex-start;
		}
		.filter-open .content-wrap {
			margin-top: 45px;
		}
		.content-wrap .page-title {
			position: static;
			font-size: 43px;
		}
		.content-wrap .credits {
			position: static;
			transform: none;
			font-size: 16px;
			margin: 20px 0 25px;
		}
		.credits > span {
			height: 21px;
		}

		/* Home */
		.nav {
			display: none;
		}
		.slideshow-stage,
		.media-stage {
            display: block;
            position: static;
            margin: 0 auto;
            width: 100%;
        }
		.slideshow {
			position: relative;
			padding-bottom: 56%;
		}
		.slideshow-stage .pagination {
			display: none;
		}
		.slideshow-transitioning .spot-title {
			transform: none;
		}
		#content.home .spot-title {
			position: static;
			margin-top: 20px;
			font-size: 17px;
		}

		/* Work Grid */
		#content.work-grid,
		.grid-wrap {
			padding: 105px 0 40px 0;
		}
		.work-detail .grid-wrap {
			padding-top: 40px;
		}
		.filter-open #content.work-grid {
			padding-top: 155px;
		}
		.work-block {
			width: 100%;
			padding: 5px 15px;
		}
		.work-block > h3 {
			opacity: 1;
			margin-left: 0;
			transform: none;
		}
		.work-block .credits {
			transform: none;
			opacity: 1;
			position: static;
			margin-top: 15px;
		}
		.work-block:hover .credits {
			transform: none;
		}
		.work-block .spot-title {
			opacity: 1;
			transform: none;
			float: right;
		}

		/* List Overlay */
		#list-overlay {
			overflow: auto;
		}
		.spot-names {
			padding: 0;
		}
		.spot-names .client {
			padding: 0;
		}

		/* News Archive */
		.news-grid {
			margin: 0;
			opacity: 1;
		}
		.news-block {
			padding: 0 15px 15px 15px;
			width: 100%;
		}

		/* Single News Page */
		.single .content-wrap {
			height: auto !important;
		}
		.single .page-title,
		.single .page-title h2 {
			height: auto;
		}
		.single .media-stage {
			margin-top: 10px;
		}
		.single .media-stage .media {
			padding-bottom: 56%;
			position: static;
		}
		#content.single .post {
			padding: 0 15px 15px 15px;
		}
		.boxed-image {
			padding: 5px;
		}
		.single .share-links {
			display: none;
		}

		/* Contact */
		.contact .entry {
			padding: 15px;

			-webkit-justify-content: flex-start;
			justify-content: flex-start;
			-webkit-flex-direction: column;
			flex-direction: column;
		}
		.contact .column h3 {
    		cursor: pointer;
		}
		.contact .information {
    		display: none;
		}

		/* About */
		.about .entry {
    		margin: 0 15px;
		}
		.about h3 {
    		margin: 25px 0;
		}
		.about-video,
		.about-text {
    		margin: 0 0 25px;
    		width: 100%;
		}
		.about .grid img {
    		width: 100%;
		}

		/* Footer */
		#footer {
			margin: 15px;
		}
		.next-article .entry {
			display: none;
		}
    }

    /* Smaller than tablet and landscape */
    @media (max-width: 750px) and (orientation: landscape){
        .menu-open #menu-overlay {
            text-align: center;
            display: block !important;
        }
    }

    /* Small vertical window */
    @media (max-height: 800px) {
	    #menu-overlay .logo {
		    margin-top: 10px;
	    }
    }