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

		/* Feed */
		.feed-wrap {
			font-size: 88px;
		}

		/* Roster */
		#logo .svg {
			width: 150px;
			height: auto;
		}
		.roster .label {
			font-size: 18px;
		}
		.roster ul:not(.child-list) {
			bottom: 25px;
			margin-left: 160px;
		}
		.roster li span {
			font-size: 29px;
		}

		/* Contact */
		.contact {
			font-size: 16px;
		}

		/* Single client */
		.client-detail .close-button .svg {
			height: 20px;
			width: 20px;
		}
		.client-detail .title {
			font-size: 53px;
		}
		.client-detail .entry {
			font-size: 30px;
		}
		.client-detail .external-link {
			font-size: 29px;
		}
		.client-detail .external-link .svg {
			height: 25px;
			width: 28px;
            position: relative;
            top: 7px;
		}
		.category-wrap {
			font-size: 29px;
		}

    }

    /* Smaller than tablet */
    @media (max-width: 850px),
    (min-device-width: 768px) and (max-device-width: 1024px) {

		/* Global */
		body {
			overflow-y: auto;
			overflow-x: hidden;
		}
		body.client-opened {
			overflow-y: hidden;
		}
		#content {
			display: -webkit-flex;
			display: flex;
			-webkit-flex-direction: column;
			flex-direction: column;
		}

		/* Opening slideshow */
		.opening-slideshow {
			position: fixed;
			height: 100vh;
			right: 0;
			bottom: initial;
		}

		/* Roster */
		.roster {
			position: static;
			min-height: 100vh;
			box-sizing: border-box;
		}
		.roster .scroll-wrap {
			position: static;
			padding: 0;
            min-height: calc(100vh - 45px);
		}
		.roster .label {
			font-size: 12px;
		}
		.roster ul {
			bottom: 15px;
            margin-right: 0;
		}
		.roster li span {
			font-size: 18px;
		}
		.roster ul:not(.child-list) {
    		margin-right: 0;
		}
        .roster ul.child-list {
            display: block;
        }		

		/* Contact */
		.contact {
			font-size: 13px;
			position: relative;

			-webkit-flex-direction: column;
			flex-direction: column;
			-webkit-justify-content: flex-end;
			justify-content: flex-end;
			-webkit-align-items: flex-start;
			align-items: flex-start;
		}
		.contact > div:first-of-type {
			margin-bottom: 30px;
		}
		.contact > div:last-of-type {
			position: absolute;
			right: 0;
			bottom: 45px;
		}

		/* Client Detail */
		.client-detail-wrap {
			bottom: initial;
			height: 100vh;
			width: 100vw;
			left: -100vw;
		}
		.client-detail {
			position: fixed;
		}
		.client-detail.peeking:not(.opened),
		.client-detail:not(.opened) {
			z-index: 50;

			-webkit-transform: translateX(-100%);
			transform: translateX(-100%);
		}
		.client-detail.opened {
			z-index: 50;

			-webkit-transform: translateX(0%);
			transform: translateX(0%);
		}
		.client-detail .title {
			font-size: 30px;
		}
		.client-detail .entry {
			font-size: 18px;
		}
		.client-detail .entry a.external-link,
		.category-wrap {
			font-size: 12px;
		}

		/* Feed */
		.feed-wrap {
			position: static;
			min-height: 100vh;
			box-sizing: border-box;
			font-size: 30px;
			line-height: 1.4;
			top: 100vh;
			left: 0;

            -webkit-order: 1;
			order: 1;
		}

    }

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

    }