/*
Theme Name: RSA 2014
Theme URI: http://www.rsafilms.com
Description: A theme for WordPress.
Author: Dave Funkhouser, Drew Baker, Funkhaus
Author URI: http://www.funkhaus.us
Version: 1.0


Fonts:
    font-family: "BemboStd", "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-family: "BemboStd-Italic", "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-family: "BemboStd-BoldItalic", "Palatino Linotype", "Book Antiqua", Palatino, serif;

    font-family: "P22JohnstonUnderground", Helvetica, Arial, sans-serif;
    font-family: "P22UndergroundBold", Helvetica, Arial, sans-serif;


Colors:
    Off White: #F4F5F0;
    Blue: #32617F;
    Black: #222222;
    Red: #EB4E46;
    Grey: #98A3A8;
    Gold: #a5ab96;

/*-------------------------------------------------------------- */

@import url("fonts/fonts.css");

/*
 * Globals
 */
	body {
	    font-family: "BemboStd", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	    font-size: 16px;
	    color: #98A3A8;
	    -webkit-font-smoothing: antialiased;
	    text-rendering: optimizeLegibility;
	    background-color: #222222;
	    padding: 0;
	    margin: 0;
	    letter-spacing: 1px;
	}
    h1,h2,h3,h4,h5,h6 {
	    font-family: "P22JohnstonUnderground", Helvetica, Arial, sans-serif;
        margin: 0;
        padding: 0;
        line-height: 1;
        font-weight: normal;
    }
    ::selection {
        color: #222222;
        background: #EB4E46;
    }
    ::-moz-selection {
        color: #222222;
        background: #EB4E46;
    }
    .fullbleed {
	    height: 100vh;
	    width: 100%;
    }
    .title {
	    font-family: "P22UndergroundBold", Helvetica, Arial, sans-serif;
	    letter-spacing: 3px;
    }
    .hidden {
	    display: none;
    }
    em {
	    font-family: "BemboStd-Italic", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	    font-style: normal;
    }
	.button {
		display: inline-block;
		border: 2px solid #f4f5f0;
		color: #EB4E46;
		font-family: "P22JohnstonUnderground", Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		line-height: 1;
		letter-spacing: 2.5px;
		padding: 12px 10px 8px 10px;
		cursor: pointer;
	}
	.divider {
	    color:#999999;
	    width:100%;
	    margin:20px auto;
	    overflow:hidden;
	    text-align:center;
	    line-height:1.5em;
	}
	.divider:before,
	.divider:after {
	    content:"";
	    vertical-align:top;
	    display:inline-block;
	    width: 50%;
	    height:0.65em;
	    border-bottom:1px solid #999999;
	    position: relative;
	}
	.divider:before {
    	right: 0.5em;
    	margin-left: -50%;
	}
	.divider:after {
        left: 0.5em;
        margin-right: -50%;
	}
	.screen {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0, 0, 0, 0.2);
		z-index: 1;
	}
	#click-blocker {
		position: absolute;
		bottom: 75px;
		top: 75px;
		width: 100%;
		cursor: pointer;
		overflow: hidden;
		z-index: 500;
		display: none;
		-webkit-transform: translate3d(40%, 0px, 0px);
		transform: translate3d(40%, 0px, 0px);
	}
	.menu-opened #click-blocker {
		display: block;
	}



/*
 * Links
 */
	a {
	    color: #EB4E46;
	    text-decoration: none;
	    outline: none;
	}
	a:hover {
	    color: #EB4E46;
	}
	a img {
	   border: none;
	}


/*
 * Page Structure
 */
 	#view {
	    bottom: 0;
	    height: auto;
	    left: 0;
	    overflow: hidden;
	    position: absolute;
	    right: 0;
	    top: 0;
	    width: auto;
	    min-width: 1200px;
	    min-width: 960px;
 	}
	#container {
	    background-color: #F4F5F0;
	    bottom: 0;
	    height: auto;
	    left: 0;
	    overflow-x: hidden;
	    overflow-y: auto;
	    position: absolute;
	    right: 0;
	    top: 0;
	    width: auto;
	    min-width: 1200px;
	    min-width: 960px;
	}
	#header {

	}
	#content {
 		padding: 80px 0;
	}
	#footer {

	}


/*
 * Menus
 */
	#roster-toggle {
		position: absolute;
		top: 30px;
		left: 30px;
		z-index: 200;
		text-transform: uppercase;
		font-family: "P22JohnstonUnderground", Helvetica, Arial, sans-serif;
		letter-spacing: 2px;
		color: #98A3A8;
		line-height: 1;
		cursor: pointer;
		font-size: 0;
	}
	#roster-toggle .svg {
		display: inline-block;
		vertical-align: middle;
		position: relative;
		top: -1px;
	}
	#roster-toggle:hover {
		font-size: 15px;
	}
	#roster-toggle.expanded .expand {
		display: none;
	}
	#roster-toggle.condensed .condense {
		display: none;
	}
	.siblings-menu {
		margin: 20px 150px;
		padding: 0;
		letter-spacing: 2px;
		list-style: none;
		font-family: "P22JohnstonUnderground", Helvetica, Arial, sans-serif;
		text-transform: uppercase;
	}
	.siblings-menu li {
		display: inline-block;
		margin: 0 25px 10px 25px;
		padding: 0;
		letter-spacing: 3px;
	}
	.siblings-menu a {
		color: #98A3A8;
	}
	.siblings-menu a:hover,
	.siblings-menu .current-menu-item a {
		color: #32617F;
	}


/*
 * Region Selector
 */
	.region-selector {
		position: absolute;
		top: 20px;
		right: 20px;
		z-index: 0;
		font-size: 15px;
		text-transform: uppercase;
		font-family: "P22JohnstonUnderground", Helvetica, Arial, sans-serif;
		letter-spacing: 2px;
		color: #49565C;
		line-height: 1;
		padding: 10px;
	}
	.region-selector.active-region {
		z-index: 200;
		cursor: pointer;
		color: inherit;
	}
	.region-selector.active-region:hover {
		color: #EB4E46;
	}
	.region-selector em {
		color: #98a3a8;
		text-transform: none;
		position: relative;
		top: -2px;
		letter-spacing: 1px;
	}
	.region-selector span {
		margin-left: 20px;
		overflow: hidden;
		cursor: pointer;
		color: #f4f5f0;
	}
	.region-selector .active {
		color: #EB4E46;
	}
	.region-selector:hover .active {
		color: #f4f5f0;
	}
	.region-selector:hover span:hover {
		color: #EB4E46;
	}
    #area-region-select.rsa-family a:hover .logo-wonderful .background,
	#area-region-select.rsa-family a:hover polygon,
	#area-region-select.rsa-family a:hover path {
		fill: #EB4E46;
	}
    #area-region-select.rsa-family a:hover .logo-wonderful path {
        fill: white;
    }

/*
 * Region Overlay
 */
	.region-overlay {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.9);
		z-index: 500;
	}
	.region-wrap {
		width: 720px;
		height: 550px;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		margin: auto;
		color: #f4f5f0;
		font-family: "P22JohnstonUnderground", Helvetica, Arial, sans-serif;
		font-size: 14px;
		text-align: center;
		padding: 20px 0;
	}
	.prompt span {
		color: #EB4E46;
	}
	.region-map {
		height: 320px;
		width: 510px;
		margin: 0 auto;
		background-image: url(images/map.svg);
		background-position: center center;
		background-repeat: no-repeat;
		position: relative;
	}
	.region-map span {
		position: absolute;
		cursor: pointer;
		height: 60px;
		width: 60px;
		text-align: center;
		line-height: 60px;
		margin: -30px 0 0 -30px;
	}
	.region-map span .svg {
		display: inline-block;
		vertical-align: middle;
	}
	.region-map span:hover path {
		fill: #EB4E46;
	}
	.region-map .pin-usa {
	    left: 110px;
	    top: 167px;
	}
	.region-map .pin-uk {
	    left: 246px;
	    top: 129px;
	}
	.region-map .pin-asia {
	    left: 398px;
	    top: 183px;
	}
	.region-wrap .button {
		margin: 20px 0;
		padding: 0;
		border: none;
	}
	.region-wrap .button:hover .border{
		fill: #EB4E46;
	}
	.rsa-family .divider {
		font-size: 14px;
	    font-family: "BemboStd-Italic", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	}
	.rsa-family a {
		display: inline-block;
		vertical-align: middle;
		margin: 0 20px;
	}



/*
 * Menu Drawer
 */
	#menu-drawer {
		position: absolute;
		width: 450px;
		left: -485px;
		z-index: 300;
		top: 75px;
		bottom: 75px;
		padding-left: 35px;
		color: #F4F5F0;
		overflow: auto;
	}
	#menu-drawer .wrap {
		height: -webkit-calc(100vh - 150px);
		height: -moz-calc(100vh - 150px);
		height: calc(100vh - 150px);
		display: table-cell;
		vertical-align: middle;
	}
	a.social-block:hover .svg path {
		fill: #EB4E46;
	}
	#menu-drawer .socials {
		margin-top: 20px;
	}
	#menu-drawer .social-block {
		padding-right: 15px;
	}
	#menu-drawer .facebook .svg {
		height: 19px;
		width: 9px;
	}
	#menu-drawer .twitter .svg {
		height: 18px;
		width: 22px;
	}
	#menu-drawer .instagram .svg {
		height: 18px;
		width: 18px;
	}
	#logo-large {
		display: inline-block;
		margin-bottom: 35px;
	}
	#logo-large:hover .svg path {
		fill: #EB4E46;
	}
	.main-menu {
		margin: 0;
		padding: 0;
		list-style: none;
		font-size: 16px;
		font-family: "P22JohnstonUnderground", Helvetica, Arial, sans-serif;
		text-transform: uppercase;
	    letter-spacing: 3px;
	}
	.main-menu a {
		display: inline-block;
		padding: 10px 0;
		color: #F4F5F0;
	}
	.main-menu .current-asia-ancestor a,
	.main-menu .current-usa-ancestor a,
	.main-menu .current-uk-ancestor a,
	.main-menu .current-post-ancestor a,
	.main-menu .current-menu-item a,
	.main-menu a:hover {
		color: #EB4E46;
	}
	#menu-drawer .divider {
		color: #999999;
	    font-family: "BemboStd-BoldItalic", "Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-size: 14px;
		text-align: left;
	}
	#menu-drawer .divider:before {
		display: none;
	}
	#menu-drawer .divider:after {
		width: 100%;
	}
	#area-menu.rsa-family {
		right: 30px;
		bottom: 13px;
		position: absolute;
		z-index: 0;
	}
	#area-menu.rsa-family .divider {
		display: inline-block;
	    margin: 0 20px;
	    vertical-align: middle;
	    width: auto;
	    position: relative;
	    top: -1px;
		letter-spacing: 1px;
		color: #98a3a8;
	}
	#area-menu.rsa-family .divider::before,
	#area-menu.rsa-family .divider::after {
		display: none;
	}
	#area-menu.rsa-family a {
		display: inline-block;
		vertical-align: middle;
		margin: 0 0 0 15px;
		line-height: 1;
		position: relative;
	}
	#area-menu.rsa-family .scottfree {
    	top: -2px;
	}
	#area-menu.rsa-family .scottfree .svg {
		height: 31px;
	}
	#area-menu.rsa-family .wonderful {
        margin: 0 20px;
        top: -1px;
	}
	#area-menu.rsa-family .threeam {
        margin-left: 5px;
	}
	#area-menu.rsa-family a:last-child {
		margin-right: 0;
	}
	#area-menu.rsa-family a:hover polygon,
	#area-menu.rsa-family a:hover path {
		fill: #EB4E46;
	}
    #area-menu.rsa-family a:hover .logo-wonderful path {
        fill: white;
    }
    #area-menu.rsa-family a:hover .logo-wonderful .background {
		fill: #EB4E46;
    }


/*
 * Menu Open
 */
	body.menu-opened {
		background-color: #222222;
	}
	.not-mobile.menu-opened #container {
		cursor: pointer;
		-webkit-transform: translate3d(40%, 0px, 0px);
		transform: translate3d(40%, 0px, 0px);
		top: 75px;
		bottom: 75px;
		overflow: hidden;
	}
	.menu-opened #menu-drawer {
		left: 0;
	}



/*
 * Chromeless
 */
	.chromeless #hamburger {
		display: none;
	}
	.chromeless #logo {
		display: none;
	}
	.chromeless .slide .wrap,
	.chromeless .slide .meta {
		display: none;
	}
	.chromeless .crumb {
		display: none;
	}


/*
 * Search
 */
	.search-item span {
	    color: #f4f5f0;
	    display: inline-block;
	    padding: 10px 0;
	    cursor: pointer;
	}
	.search-item span .svg {
		position: relative;
		top: 5px;
	}
	.search-item span:hover {
		color: #EB4E46;
	}
	.search-item span:hover path {
		fill: #EB4E46;
	}
	#search-overlay {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #222222;
		z-index: 500;
		display: none;
	}
	#search-wrap {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		text-align: center;
		z-index: 510;
		display: none;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}
	#search-wrap .close {
		position: absolute;
		top: 30px;
		left: 50%;
		cursor: pointer;
		margin-left: -12px;
	}
	#search-wrap .close polygon {
		fill: #EB4E46
	}
	#searchform {
		width: 800px;
		margin: 100px auto 60px auto;
		position: relative;
	}
	#searchform div {
	    background-image: url('images/icon-magnify-large.svg');
	    background-position: 0 center;
	    background-repeat: no-repeat;
	    margin: 0 auto;
	    max-width: 755px;
	    padding: 0 50px;
	}
	#searchform input {
	    font-family: "P22JohnstonUnderground", Helvetica, Arial, sans-serif;
		border: none;
		border-bottom: 2px solid #EB4E46;
		background: none;
		padding-left: 100px;
		font-size: 50px;
		line-height: 1.3;
		padding: 0 0 10px 0;
		width: 100%;
		color: #EB4E46;
		font-weight: 400;
		letter-spacing: 2px;
		border-radius: 0;
	}
	#searchform input:focus {
		outline: none;
	}
	#search-wrap .results {
		padding: 0 100px;
		font-size: 0;
	}
	#search-wrap .grid {
		margin-bottom: 80px;
	}
	#search-wrap .section-title {
	    font-family: "P22JohnstonUnderground", Helvetica, Arial, sans-serif;
	    font-size: 22px;
	    text-transform: uppercase;
	    margin: 30px 0;
	    text-align: center;
	    color: #a5ab96;
	    letter-spacing: 2px;
	}
	#search-wrap .search-block {
		width: 320px;
		margin: 0 10px 60px 10px;
		display: inline-block;
		vertical-align: top;
		text-align: left;
	}
	.search-block .title {
	    font-family: "P22JohnstonUnderground", Helvetica, Arial, sans-serif;
	    font-size: 18px;
	    color: #f4f5f0;
	    margin: 20px 5px;
	}
	.search-block .title span {
		display: block;
	}
	.search-block .title .line-1 {
		text-transform: uppercase;
	}
	.search-block .title .line-2 {
		font-size: 16px;
	}
	.news-results .search-block .title .line-1 {
		text-transform: none;
	}
	.results .no-results {
	    color: #f4f5f0;
	    font-family: "P22JohnstonUnderground", Helvetica, Arial, sans-serif;
	    font-size: 18px;
	    text-align: center;
	}


/*
 * Header
 */
	#hamburger {
		position: absolute;
		top: 50%;
		left: 30px;
		margin: -35px 0 0 0;
		height: 17px;
		width: 29px;
		cursor: pointer;
		padding: 20px;
	}
	.home #hamburger:hover rect,
	#hamburger:hover rect {
		fill: #EB4E46;
	}
	#hamburger:hover rect.top {
		-webkit-transform: translate(0, -3px);
		transform: translate(0, -3px);
	}
	#hamburger:hover rect.bottom {
		-webkit-transform: translate(0, 3px);
		transform: translate(0, 3px);
	}
	#logo {
		position: absolute;
		top: 50%;
		right: 50px;
		height: 72px;
		margin-top: -36px;
	}
	.home #logo:hover path,
	#logo:hover path {
		fill: #EB4E46;
	}
	.video-playing #controls,
	.video-playing .active-region {
		opacity: 0;
	}
	#controls {
		width: 100%;
		position: fixed;
		top: 50%;
		min-width: 1200px;
	    min-width: 960px;
		z-index: 150;
	}



/*
 * Home
 */
	.home #logo path {
		fill: #F4F5F0;
	}
	.home #hamburger rect {
		fill: #F4F5F0;
	}
	#content.home {
		padding: 0;
	}
	#content.home-slideshow {
		padding: 0;
	}
	#slideshow-frame {
		position: absolute;
		border: 0 !important;
		height: 100%;
		width: 100%;
	}
	.home .region-selector {
		right: 35px;
	}
	.slideshow {
		position: fixed;
		height: 100%;
		width: 100%;
	}
	.slide {
		position: absolute;
		bottom: 0;
		right: 0;
		left: 0;
		top: 0;
		background-color: black;
	}
	.home-slideshow .slide .entry {
		margin-top: 100px;
	}
	.home-slideshow .slide:first-child .entry {
		margin-top: 0;
	}
	.bg-image {
		background-position: center center;
		background-size: cover;
		position: absolute;
		bottom: 0;
		right: 0;
		left: 0;
		top: 0;
	}
	.slideshow .wrap {
		position: relative;
		z-index: 10;
		color: #f4f5f0;
		height: 100vh;
		width: 100vw;
		text-align: center;
		vertical-align: middle;
		display: table-cell;
		padding: 0 200px;
		font-size: 25px;
		text-transform: uppercase;
	    font-family: "P22UndergroundBold", Helvetica, Arial, sans-serif;
	}
	.slideshow .wrap .entry {
		position: relative;
	}
	.slideshow h2 {
	    font-family: "P22UndergroundBold", Helvetica, Arial, sans-serif;
		font-size: 58px;
		text-transform: uppercase;
	}
	.slideshow .entry p {
		margin: 0.5em 0;
	}
	.slide .button {
	    font-family: "P22UndergroundBold", Helvetica, Arial, sans-serif;
		font-size: 58px;
		text-transform: uppercase;
		color: #f4f5f0;
		position: absolute;
		top: 50%;
		left: 0;
		right: 0;
		margin-top: -24px;
		opacity: 0;
		cursor: pointer;
		padding: 0;
		border: none;
	}
	.slide .meta {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 50px;
		text-align: center;
		font-size: 16px;
		line-height: 50px;
		overflow: hidden;
		color: #cccccc;
		z-index: 20;
	}
	.slide .meta a {
		color: #cccccc;
	}
	.slide .meta a:hover {
    	color: #EB4E46;
	}
	.slide .company-set {
		background-color: rgba(0, 0, 0, 0.75);
	}
	.slide .company-set .director {
		position: absolute;
		left: 20px;
		top: 0;
	}
	.slide .company-logo {
		display: inline-block;
	}
	.slide .company-name {
		position: absolute;
		right: 20px;
		top: 0;
	}
	/* Hover state */
	.slideshow .entry:hover > * {
		opacity: 0;
	}
	.slideshow .entry:hover .button {
		opacity: 1;
	}


/*
 * Fullscreen Video Player
 */
	body.video-playing {
		overflow: hidden;
	}
	.homepage-player {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		overflow: hidden;
		z-index: 300;
		background-color: black;
		padding: 80px 50px 0 50px;
	}
	.homepage-player .stage {
		position: relative;

		height: -webkit-calc(100vh - 80px - 100px);
		height: -moz-calc(100vh - 80px - 100px);
		height: calc(100vh - 80px - 100px);

		width: -webkit-calc(100vw - 50px - 50px);
		width: -moz-calc(100vw - 50px - 50px);
		width: calc(100vw - 50px - 50px);

		text-align: center;
		display: table-cell;
		vertical-align: middle;
	}
	.homepage-player .close-button {
		position: absolute;
		top: 5px;
		left: 50%;
		margin-left: -32px;
		padding: 20px;
		z-index: 10;
		cursor: pointer;
		font-size: 0;
	}
	.homepage-player .meta {
		text-align: center;
		color: #F4F5F0;
		text-transform: uppercase;
		margin: 20px 100px 0 100px;
		overflow: hidden;
	}
	.homepage-player .meta h2 {
		font-size: 24px;
	    font-family: "P22UndergroundBold", Helvetica, Arial, sans-serif;
	    margin: 5px 0;
	}
	.homepage-player .meta h3 {
		font-size: 18px;
	    font-family: "P22UndergroundBold", Helvetica, Arial, sans-serif;
	    margin: 5px 0;
	}
	.homepage-player .meta h3 a {
    	color: #F4F5F0;
	}
	.homepage-player .meta h3 a:hover {
    	color: #eb4e46;
	}




/*
 * Roster Grid
 */
	.page-name {
		font-family: "P22JohnstonUnderground", Helvetica, Arial, sans-serif;
		font-size: 54px;
		line-height: 54px;
		text-transform: uppercase;
		color: #EB4E46;
		margin-bottom: 20px;
		text-align: center;
		letter-spacing: 8px;
	}
	#content.roster-grid {
		text-align: center;
	}
	.roster-grid .grid {
		font-size: 0;
		margin: 40px 150px;
	}
	.director-block {
		height: 162px;
		width: 288px;
		display: inline-block;
		font-size: 18px;
		position: relative;
		margin: 0 15px 30px 15px;
	}
	.director-block .thumbnail {
		font-size: 0;
		background-size: cover;
		background-position: center center;
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
	.not-mobile .director-block:hover .wp-post-image {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
	.not-mobile .disabled .director-block:hover .wp-post-image {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	.director-block img {
		opacity: 0;
		position: absolute;
		top: 0;
		left: 0;
	}
	.director-block	.screen {
		opacity: 0;
	}
	.director-block .title {
		font-family: "P22JohnstonUnderground", Helvetica, Arial, sans-serif;
		font-size: 18px;
		color: #32617F;
		text-transform: uppercase;
		height: 162px;
		width: 288px;
		position: relative;
		z-index: 10;
		display: table-cell;
		vertical-align: middle;
		padding: 0 20px;
		line-height: 1.4;
	}
	.director-block .line-1 {
		display: block;
	}
	.director-block .line-2 {
		font-family: "BemboStd-Italic", "Palatino Linotype", "Book Antiqua", Palatino, serif;
		text-transform: none;
	    font-style: normal;
		letter-spacing: 0;
		font-size: 16px;
	}
	.director-block:hover .screen,
	.director-block:hover img {
		opacity: 1;
	}
	.director-block:hover .title {
		color: #f4f5f0;
	}
	/* Condesed Roster */
	#content.roster-grid.condensed {
		margin: 0 auto;
	}
	#content.roster-grid.condensed .grid {
		height: -webkit-calc(100vh - 310px);
		height: -moz-calc(100vh - 310px);
		height: calc(100vh - 310px);
		display: table-cell;
		vertical-align: middle;
		margin: 0;
		padding: 20px 150px 0 150px;
	}
	#content.roster-grid.condensed .director-block {
		height: 30px;
		width: 350px;
		padding: 10px 0;
		margin: 0 30px;
	}
	#content.roster-grid.condensed .director-block img {
		display: none;
	}
	#content.roster-grid.condensed .director-block .title {
		height: 30px;
		width: 350px;
	}
	#content.roster-grid.condensed .director-block:hover img {
		opacity: 0;
	}
	#content.roster-grid.condensed .director-block:hover .title {
		color: #EB4E46;
	}
	#content.roster-grid.condensed .director-block .screen {
		display: none;
		visibility: hidden;
	}


/*
 * Work Grid
 */
	#content.work-grid {
		text-align: center;
		position: relative;
		margin: 0 auto;
	}
	.work-grid .page-name .line-1 {
		display: block;
	}
	.work-grid .page-name .line-2 {
		font-family: "BemboStd-Italic", "Palatino Linotype", "Book Antiqua", Palatino, serif;
		text-transform: none;
	    font-style: normal;
	    display: block;
		letter-spacing: 0;
		font-size: 20px;
	    color: #32617F;
	}
	.crumb {
		position: absolute;
		top: 10px;
		left: 10px;
		z-index: 200;
		text-transform: uppercase;
		font-family: "P22JohnstonUnderground", Helvetica, Arial, sans-serif;
		letter-spacing: 2px;
		color: #98A3A8;
		line-height: 1;
		cursor: pointer;
		font-size: 15px;
	}
	.crumb a {
		color: inherit;
		padding: 20px;
		display: inline-block;
	}
	.crumb a:hover {
		color: #EB4E46;
	}
	.work-grid .grid {
		margin: 40px 0;
	}
	.work-grid .row {
		overflow: hidden;
		text-align: center;
		font-size: 0;
		margin: 0 auto 30px auto;
		position: relative;
		padding: 0 150px;
		max-width: 1500px;
	}
	#content .grid .row .work-block:only-child {
		text-align: right;
		display: block;
		margin: auto;
		float: left;
		width: 49%;
	}
	.work-block  {
		color: #32617F;
		text-align: left;
		display: inline-block;
		vertical-align: top;
		line-height: 1;
		margin: 0 1%;
	}
	.work-block .thumbnail {
		position: relative;
		font-size: 0;
		background-size: cover;
		background-position: center center;
		overflow: hidden;
	}
	.not-mobile .thumbnail:hover .wp-post-image {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
	.not-mobile .disabled .thumbnail:hover .wp-post-image {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	.work-block .thumbnail .icon {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		opacity: 0;
	}
	.work-block	.wp-post-image {
		width: 100%;
		height: auto;
	}
	.work-block .title {
	    font-family: "P22JohnstonUnderground", Helvetica, Arial, sans-serif;
		font-size: 24px;
		margin: 25px 20px 10px;
	}
	.work-block .title span {
		display: block;
	}
	.work-block .title .line-1 {
		text-transform: uppercase;
		font-size: 26px;
	}
	.work-block .title .line-2 {
		font-size: 20px;
		line-height: 1.2;
	}
	.work-block .credit {
		font-family: "BemboStd", "Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-size: 14px;
		color: #98a3a8;
		margin: 0 20px;
	}
	.work-block:hover .icon {
		opacity: 1;
	}

	.category .row.odd {
		margin-bottom: 30px;
	}
	.row.odd {
		text-align: left;
		margin-bottom: 0;
	}
	.row.even {
		text-align: right;
	}
	.row.odd .work-block.odd {
		text-align: right;
		width: 48%;
	}
	.row.odd .work-block.even {
		margin-top: 14%;
		width: 40%;
	}
	.row.even .work-block.odd {
		text-align: right;
		width: 40%;
	}
	.row.even .work-block.even {
		margin-top: 4%;
		width: 48%;
	}

	/* Active states */
	.split-open .work-block {
		opacity: 0.3;
	}
	.split-open	.work-block:hover,
	.split-open	.work-block.active {
		opacity: 1;
	}

	/* Text Blocks (to be built if needed) */
	.text-block {
		display: none;
	}

	/* Loading */
	.work-block .loader {
	    bottom: 0;
	    left: 0;
	    margin: auto;
	    opacity: 0;
	    position: absolute;
	    right: 0;
	    top: 0;
	}
	.loading.work-block .loader {
	    opacity: 1;
	}
	.loading.work-block .icon {
	    opacity: 0;
	}
	/* Bio Block */
	.bio-block {
		width: 500px;
		margin: 100px auto;
		text-align: justify;
		font-size: 16px;
		color: #49565c;
	}
	.bio-block img {
		display: block;
		margin: 1.5em auto;
	}

/*
 * Work Detail - Stand alone - Single
 */
	.single #container {
		background-color: #222222;
	}
	.menu-opened.single #container {
		background-color: #111111;
	}
	.single #content {
		padding: 5px 0 0 0;
	}
	.single .page-name {
		margin: 0 0 50px 0;
	}
	.single .close {
		padding: 20px;
		width: 25px;
		margin: 0 auto;
		display: block;
		font-size: 0;
	}
	.single .close:hover polygon {
		fill: #EB4E46;
	}
	.single .blog-detail .close {
		display: none;
	}
	.video-player {
		width: -webkit-calc(100vw);
		width: -moz-calc(100vw);
		width: calc(100vw);
		min-width: 960px;
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		margin: 0 auto;
	}
	.single .video-player .close {
		display: none;
	}
	.video-player iframe {
		width: 0;
		height: 0;
	}
	.work-detail .wp-post-image {
		margin: 0 auto 30px auto;
		display: block;
	}
	.work-detail .meta {
		text-align: center;
		margin: 20px 150px 40px 150px;
	}
	.work-detail .title {
	    font-family: "P22JohnstonUnderground", Helvetica, Arial, sans-serif;
		font-size: 28px;
		color: #e6e6e6;
		text-transform: none;
		max-width: 960px;
		margin: 0 auto;
	}
	.work-detail .title span {
		display: block;
		margin-bottom: 15px;
	}
	.work-detail .title .line-2 {
	    font-family: "P22JohnstonUnderground", Helvetica, Arial, sans-serif;
		font-size: 18px;
		color: #98a3a8;
	}
	.work-detail .credit {
		color: #a5ab96;
	}
	.work-detail .line-break {
		width: 60px;
		height: 1px;
		background-color: #f4f5f0;
		margin: 30px auto;
	}
	.work-detail .entry {
		max-width: 800px;
		margin: 30px auto;
		padding: 0 180px;
		text-align: justify;
	}
	.work-detail .entry iframe {
		display: block;
		margin: auto;
	}
	.work-detail .entry a {
		color: #EB4E46;
	}
	.work-detail .entry a:hover {
		text-decoration: underline;
	}



/*
 * Video Detail, Blog Detail - Page Split
 */
	.page-split {
		background-color: #222222;
		margin-bottom: 30px;
		overflow: hidden;
		position: relative;
	}
	.menu-opened .page-split {
		background-color: #111111;
	}
	.page-split .video-player {
		padding: 100px 0 0 0;
		position: relative;
	}
	.page-split .blog-detail {
		padding: 50px 0;
	}
	.page-split .close {
		position: absolute;
		top: 15px;
		left: 50%;
		padding: 20px;
		margin-left: -32.5px;
		font-size: 0;
	}
	.page-split .close:hover polygon {
		fill: #EB4E46;
	}

/*
 * Gallery Detail - Fullscreen Gallery
 */
	.gallery-open #controls {
		display: none;
	}
 	.gallery-open .active-region {
	 	z-index: 510;
 	}
	#content.gallery-detail {
		padding: 0;
	}
	/* See gallery.css for more*/



/*
 * Category
 */
	.category .description {
		width: 700px;
		margin: 40px auto;
		text-align: justify;
		color: #49565c;
	}
	#content.category .social-block {
		left: 50%;
		margin-left: 0;
		position: absolute;
		top: -20px;
		width: 30%;
	}
	.category .social-block a {
		max-width: 70px;
		width: 16%;
	}
	.category .social-block a .svg {
		height: auto;
		width: 100%;
	}
	.social-block a:hover path {
		fill: #eb4e46;
	}
	.category .credit {
		line-height: 1.2;
	}
	/* Aside Block */
	.aside-block .title p {
		margin: 0;
	}
	.aside-block .title em {
	    font-family: "P22JohnstonUnderground", Helvetica, Arial, sans-serif;
	    font-style: italic;
	}
	/* History Block */
	.history-block .entry {
		font-size: 16px;
		color: #49565c;
		margin: 5px;
		line-height: 1.1;
		text-align: left;
	}
	.history-block .entry p {
		margin: 0 0 1em 0;
	}
	/* News Block Tweaks */
	.news-block.block-2	{
		margin-top: 170px;
	}


/*
 * Single (Blog detail)
 */
	.work-detail.type-post .credit {
	    font-family: "BemboStd", "Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-size: 14px;
		color: #a5ab96;
		text-transform: none;
		line-height: 16px;
	}
	.work-detail.type-post .credit .author {
	    font-family: "P22JohnstonUnderground", Helvetica, Arial, sans-serif;
		font-size: 14px;
		text-transform: uppercase;
		color: #98a3a8;
	}
	.entry p {
		margin: 2em 0;
	}
	.work-detail .entry img {
		width: 100%;
		height: auto;
	}
	.entry h3 {
		font-size: 34px;
		color: #F4F5F0;
	    font-family: "P22JohnstonUnderground", Helvetica, Arial, sans-serif;
	    text-transform: uppercase;
	    margin: 30px 0;
	    text-align: center;
	    letter-spacing: 4px;
	    line-height: 1.4;
	}
	.entry h4 {
		font-size: 28px;
		color: #e6e6e6;
	    font-family: "P22JohnstonUnderground", Helvetica, Arial, sans-serif;
	    text-align: center;
	    letter-spacing: 3px;
	    margin: 10px 0;
	    line-height: 1.4;
	}
	.entry h5 {
	    letter-spacing: 2px;
		font-size: 18px;
	    font-family: "P22JohnstonUnderground", Helvetica, Arial, sans-serif;
	    text-align: center;
		color: #F4F5F0;
	    margin: 10px 0;
	    line-height: 1.4;
	}
	.entry blockquote {
		color: #a5ab96;
		font-family: "BemboStd-Italic", "Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-size: 24px;
		line-height: 1.5;
	}



/*
 * Contact
 */
	#content.contact {
		max-width: 600px;
		margin: 0 auto;
		text-align: center;
		color: #49565c;
	}
	.contact .page-name {
		margin-bottom: 50px;
	}
	.contact .section {
		margin-bottom: 60px;
	}
	.contact .section .title {
	    font-family: "P22JohnstonUnderground", Helvetica, Arial, sans-serif;
	    font-size: 22px;
	    text-transform: uppercase;
	    color: #EB4E46;
	}
	.contact .entry {
		font-size: 18px;
	    font-family: "P22JohnstonUnderground", Helvetica, Arial, sans-serif;
	    line-height: 1.3;
	}
	.contact .entry h4 {
		font-size: 14px;
		color: inherit;
		margin: auto;
	}
	.contact .entry p {
		margin: 0.5em 0 2em 0;
	}
	.contact .entry .name {
		text-transform: uppercase;
	}
	.contact .entry a.name {
		color: #5190b2;
	}
	.contact .entry a.name:hover {
		color: #EB4E46;
	}
	.contact .entry .phone {
		font-size: 16px;
	}
	#content .rsa-family {
		position: relative;
		max-width: 600px;
		margin: 0 auto 60px auto;
	}
	#content .logo-scottfree path {
		fill: #999999;
	}
	#content .logo-bullitt path {
		fill: #49565c;
	}
	.follow-us {
		text-align: center;
	}
	.follow-us h3 {
		font-size: 14px;
	    font-family: "P22JohnstonUnderground", Helvetica, Arial, sans-serif;
	    text-transform: uppercase;
	    color: #98a3a8;
	    margin: 20px 0;
	}
	.follow-us a {
		display: inline-block;
		margin: 0 10px;
		vertical-align: top;
	}
	.follow-us a:hover path {
		fill: #EB4E46;
	}

/*
 * Roadblock
 */
	.home #roadblock,
	.slideshow-frame #roadblock {
		display: none !important;
	}
	#roadblock {
		position: fixed;
		background: rgba(244, 245, 240, 0.9);
		min-height: 450px;
		z-index: 999;
		bottom: 0;
		right: 0;
		left: 0;
		top: 0;
	}
	#roadblock .close {
		position: absolute;
		cursor: pointer;
		margin-left: -43px;
		padding: 30px;
		left: 50%;
		top: 0;
	}
	#roadblock .close polygon {
		fill: #EB4E46;
	}
	#roadblock .newsletter {
		text-align: center;
		position: absolute;
		margin: auto;
		font-family: "BemboStd";
		margin-top: -118px;
		font-size: 18px;
		color: #49565c;
		width: 715px;
		top: 50%;
		right: 0;
		left: 0;
	}
	#roadblock .newsletter p {
		margin-bottom: 65px;
	}
	#roadblock input {
		font-family: "P22JohnstonUnderground";
	}
	#roadblock input[type="email"] {
		background: none;
		border: none;
		border-bottom: 2px solid #49565c;
		letter-spacing: 4px;
		padding: 10px 0;
		font-size: 36px;
		width: 100%;
	}
	#roadblock input[type="email"]:focus {
		outline: none;
		color: #49565c;
	}
	#roadblock input[type="submit"] {
		text-transform: uppercase;
		background: none;
		cursor: pointer;
		border: 2px solid #EB4E46;
		letter-spacing: 4px;
		padding: 14px 18px;
		margin-top: 55px;
		font-size: 16px;
		color: #49565c;
	}
	#roadblock .message {
		font-family: "P22JohnstonUnderground";
		font-size: 20px;
		margin: 30px auto;
		line-height: 1.5;
	}
	#roadblock .message.success {
    	font-size: 36px;
	}
	#roadblock ::-webkit-input-placeholder {
	   color: #49565c;
	}
	#roadblock :-moz-placeholder {
	   color: #49565c;
	}
	#roadblock ::-moz-placeholder {
		color: #49565c;
	}
	#roadblock :-ms-input-placeholder {
		color: #49565c;
	}

/*
 * Footer
 */



/*
 * Animations
 */
    /* Color */
	.active-region,
    .block .title,
    .title span,
    .search-item span,
    a {
    	-webkit-transition: color 0.4s;
    	transition: color 0.4s;
    }

    /* Opacity */
    .director-block .screen,
    .director-block img,
    .loader,
	.region-selector em,
    .work-block,
    .icon,
    .slide .button,
    .browse {
		-webkit-transition: opacity 0.4s;
		transition: opacity 0.4s;
    }

    /* Background Color */
    .fullscreen-gallery,
    .page-split {
		-webkit-transition: background-color 0.4s;
		transition: background-color 0.4s;
    }

    /* Scale */
	.thumbnail .wp-post-image {
		-webkit-transition: -webkit-transform 10s, opacity 0.4s;
		transition: transform 10s, opacity 0.4s;
	}

    /* Everything */
    .home .entry,
    svg polygon,
    .button,
    #searchform,
    .not-mobile #menu-drawer,
    #container,
    .region-selector span,
    svg circle,
    svg rect,
    svg path {
		-webkit-transition: 0.4s;
		transition: 0.4s;
    }


/*
 * Tools
 */
    #tagline {
        display: none;
    }
    #infscr-loading {
	    display: none !important;
    }
    .post-edit-link {
	    font-size: 10px;
	    text-transform: uppercase;
    }
	@-moz-keyframes spin {
	    from { -moz-transform: rotate(0deg); }
	    to { -moz-transform: rotate(360deg); }
	}
	@-webkit-keyframes spin {
	    from { -webkit-transform: rotate(0deg); }
	    to { -webkit-transform: rotate(360deg); }
	}
	@keyframes spin {
	    from {
	        transform:rotate(0deg);
	    }
	    to {
	        transform:rotate(360deg);
	    }
	}
	.loading .spin {
	    -webkit-animation-name: spin;
	    -webkit-animation-duration: 4000ms;
	    -webkit-animation-iteration-count: infinite;
	    -webkit-animation-timing-function: linear;

	    animation-name: spin;
	    animation-duration: 4000ms;
	    animation-iteration-count: infinite;
	    animation-timing-function: linear;
	}


/*
 * 404 Error
 */
    .error-404 {
        text-align: center;
        font-size: 32px;
    }


/*
 * Wordpress Required
 */
	.alignleft {
	    display: inline;
	    float: left;
	}
	.aligncenter {
	    clear: both;
	    display: block;
	    margin: 0 auto 10px auto;
	}
	.alignright {
	    display: inline;
	    float: right;
	}
	img.alignleft {
	    margin: 0 10px 10px 0;
	}
	img.alignright {
	    margin: 0 0 10px 10px;
	}
	img.aligncenter {
	    margin: 0 auto 10px auto;
	}
	.wp-caption {
	    background: #f1f1f1;
	    color: #888;
	    text-align: center;
	    margin-bottom: 15px;
	    width: auto !important;
	    -moz-border-radius: 0 0 4px 4px;
	    border-radius: 0 0 4px 4px;
	}
	.wp-caption img {
	    margin: 0px;
	}
	.wp-caption p.wp-caption-text {
	    margin: 0 0 5px;
	    padding: 4px;
	    font-style: italic;
	}