/*
Theme Name: O Positive 2015
Theme URI: http://www.opositivefilms.com/
Description: A theme for WordPress.
Author: Dave Funkhouser, Drew Baker, Funkhaus
Author URI: http://www.funkhaus.us
Version: 1.0


Colors:

    Black: #222222;
    Gold:  #988865;
    Grey:  #999999;

Fonts:

    font-family: 'news-gothic-std', Helvetica, Arial, sans-serif;
        Regular         400 	normal
        Oblique         400 	italic
        Bold            700 	normal
        Bold Oblique    700 	italic

    font-family: "kepler-std", serif;
        Light 	      	300 	normal
        Light Italic  	300 	italic
        Regular 	 	400 	normal
        Italic 	 	    400 	italic
        Medium 	 	    500 	normal
        Medium Italic 	500 	italic
        Semibold 	 	600 	normal
        Semibold Italic 600 	italic
        Bold 	 	    700 	normal
        Bold Italic 	700 	italic
        Black 	 	    900 	normal
        Black Italic 	900 	italic


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


/*
 * Globals
 */
    html {
        height: 100%;
    }
	body {
	    font-family: 'news-gothic-std', Helvetica, Arial, sans-serif;
	    font-size: 11px;
	    color: #222222;
	    padding: 0;
	    margin: 0;
        height: 100%;
        letter-spacing: 1px;
        background-color: #F1F1F1;
		-webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
	}
    h1,h2,h3,h4,h5,h6 {
        margin: 0;
        padding: 0;
        line-height: 1;
        font-weight: normal;
    }
    ::selection {
        color: #ebebe3;
        background: #222;
    }
    ::-moz-selection {
        color: #ebebe3;
        background: #222;
    }
    .title {
        font-weight: 700;
        text-transform: uppercase;
    }
    .loading {

    }

	/*
	 * Utilities
	 */
		.cover {
			background-position: center center;
			background-repeat: no-repeat;
			background-size: cover;
		}
		.fill {
			position: absolute;
			bottom: 0;
			right: 0;
			left: 0;
			top: 0;
		}

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


/*
 * Page Structure
 */
    #container {
        min-height: 100%;
        position: relative;
        width: 100%;
        z-index: 10;
        background-color: white;
    }
    #border {
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        position: absolute;
        border: 10px solid #F1F1F1;
        z-index: 1;
    }
    #header {
        padding: 50px 10px 0 10px;
        text-align: center;
        font-weight: 700;
        font-size: 18px;
        position: relative;
        z-index: 20;
    }
    #content {
        padding: 10px 30px 50px 30px;
        position: relative;
        z-index: 10;
    }
    #footer {
        height: 40px;
        width: 100%;
    	position: absolute;
    	bottom: 10px;
    	z-index: 30;
    }


/*
 * Header
 */
	#logo {
		text-transform: uppercase;
		display: inline-block;
		position: relative;
		margin: 0 auto;
		padding-bottom: 12px;
	}
	#logo::after {
		position: absolute;
		background-color: #988865;
		content: "";
		height: 4px;
		right: 15px;
		left: 15px;
		bottom: 0;
	}
	.home #logo::after {
		display: none;
	}
	#header .sub-menu-link {
		margin-top: 10px;
	}
	.sub-menu-link {
		text-transform: uppercase;
		display: inline-block;
		cursor: pointer;
		line-height: 20px;
		min-width: 80px;
		font-size: 12px;
		color: #999999;
		height: 20px;
    }
    .sub-menu-link .svg {
        display: none;
        position: relative;
        top: 2px;
    }
    .sub-menu-link.open span {
        display: none;
    }
    .sub-menu-link.open .svg {
        display: block;
        margin: 5px auto 0 auto;
    }



/*
 * Menus
 */
    .menu {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .menu li {
        margin: 0;
        padding: 0;
    }
    /* Directors menu */
    #directors-menu {
        text-transform: uppercase;
        text-align: center;
        display: none;
        width: auto;
        margin: 0 auto;
        margin-top: 10px;
        background-color: #f1f1f1;
        padding: 10px 0;
        font-size: 0;
    }
	.home #directors-menu {
	    background: transparent;
	}
    #directors-menu li {
        display: inline-block;
        font-size: 15px;
    }
    #directors-menu a {
        display: inline-block;
	    padding: 15px 20px;
    }
    #directors-menu .current_page_item a,
    #directors-menu .current_page_ancestor a {
        color: #999999;
    }
    #directors-menu a:hover {
	    color: #333;
    }
    #directors-menu .current_page_item a:hover,
	#directors-menu .current_page_ancestor a:hover {
		color: #999;
	}
    #directors-menu .current_page_item a:hover span,
	#directors-menu .current_page_ancestor a:hover span {
		border-color: transparent;
	}
	#directors-menu .current_page_item a,
	#directors-menu .current_page_ancestor a {
		cursor: default;
	}
    #directors-menu a:hover span {
        border-bottom: 2px solid;
    }
    #directors-menu .current_page_item a {
        border-bottom: none;
    }
    /* Footer Menu */
    #footer-menu {
        font-family: "kepler-std", serif;
        font-size: 14px;
        font-weight: 700;
        font-style: italic;
        text-align: center;
    }
    #footer-menu li {
        display: inline-block;
        margin: 0 10px;
        height: 15px;
        line-height: 16px;
        vertical-align: middle;
    }
    #footer-menu li.seperator {
        border-left: 1px solid #cccccc;
        height: 15px;
    }
    #footer-menu li .svg {
        position: relative;
        top: 2px;
    }
    #footer-menu a {
        color: #988865;
    }
    #footer-menu a:hover {
        color: #999999;
    }
    /* Hidden items */
    .single #footer-menu .menu-item-home,
    #footer-menu .current-menu-item,
    #footer-menu .current_page_item {
        display: none;
    }


/*
 * Home
 */
	.home #container {
		height: 650px;
	}
	.home #logo {
        padding-bottom: 30px;
    }
    .home #header {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        margin-top: -60px;
        padding: 0 40px;
        z-index: 20;
    }
    .home #header.white a,
    .home #header a:hover {
        color: white;
    }
    #header.white path {
        fill: white;
    }
    .home #directors-menu {
		display: block;
		max-width: 790px;
    }
    #content.home {
        height: 540px;
        width: 960px;
        position: absolute;
        overflow: hidden;
        top: 50%;
        left: 50%;
        margin: -270px 0 0 -480px;
        z-index: 10;
        padding: 0;
    }
	#content.home .background {
		opacity: 0;
		-webkit-transition: -webkit-transform 6s, opacity 0.4s;
		transition: transform 6s, opacity 0.4s;
	}
	#content.home .background.scale {
		opacity: 1;
		z-index: 1;
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

/*
 * Video Grid
 */
	#float-header {
		position: fixed;
		background-color: #f1f1f1;
		height: 80px;
		z-index: 100;
		opacity: 0;
		right: 0;
		left: 0;
		top: 0;

		-webkit-transform: translateY(-80px);
		transform: translateY(-80px);
	}
	#float-header .inner-content {
		cursor: pointer;
	}
	.floating #float-header {
		opacity: 1;

		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	#float-header .logo {
		display: inline-block;
		margin-top: 18px;
	}
	#float-header .logo .svg {
		width: 95px;
	}
	#float-header .logo .svg path {
		fill: #999;
	}
	#float-header .page-title {
		text-transform: uppercase;
		letter-spacing: 0;
		font-weight: 600;
		font-size: 25px;
		margin-top: 3px;
	}

	.video-grid {
		text-align: center;
	}
	#content.video-grid {
		margin: auto;
		max-width: 875px;
	}
	.sidemenu-open #content.video-grid,
	.sidemenu-open #header,
	.sidemenu-open #footer,
	.sidemenu-open #float-header .inner-content {
		-webkit-transform: translateX(-370px);
		transform: translateX(-370px);
	}
	.sidemenu-open.menu-clicked #content.video-grid,
	.sidemenu-open.menu-clicked #header,
	.sidemenu-open.menu-clicked #footer,
	.sidemenu-open.menu-clicked #float-header .inner-content {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	.video-grid .grid-block {
		width: 100%;
	}
	.video-playing .video-grid .grid-block {
		opacity: 0.1;
	}
	.video-playing .video-grid .grid-block.active,
	.video-playing .video-grid .grid-block:hover {
		opacity: 1;
	}
	.grid-block .image-wrap {
		position: relative;
		overflow: hidden;
		cursor: pointer;
		display: block;
		padding-bottom: 56.25%;
		width: 100%;
	}
	.grid-block .image-wrap .background {
		-webkit-transition: -webkit-transform 6.5s;
		transition: transform 6.5s;
	}
	.not-mobile .grid-block .image-wrap:hover .background {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	.grid-block .image-wrap iframe {
		position: absolute;
		height: 100%;
		width: 100%;
		z-index: 1;
		left: 0;
		top: 0;
	}
	.grid-block.active .image-wrap .play {
		display: none;
	}
	.grid-block .image-wrap .play {
		position: absolute;
		margin-left: -20px;
		margin-top: -20px;
		z-index: 1;
		opacity: 0;
		left: 50%;
		top: 50%;
	}
	.grid-block .image-wrap:hover .play {
		opacity: 1;
	}
	.video-grid .title {
		display: inline-block;
		text-align: center;
		font-size: 55px;
		margin: 20px 0;
	}
	.video-grid .meta .title,
	.video-list li {
		font-size: 16px;
	}
	.video-grid .meta .title {
		font-size: 14px;
	}
	.video-grid .meta .title .line-1,
	.video-list li .line-1 {
		border-bottom: 2px solid #f1f1f1;
		padding-bottom: 9px;
		display: block;
	}
	.video-grid .meta .title .line-2,
	.video-list li .line-2 {
		margin-top: 9px;
		color: #988865;
		display: block;
	}
	.grid-block {
		display: inline-block;
		position: relative;
		margin: 0 10px 36px 10px;
	}
    .thumb-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 1;
        overflow: hidden;
    }
    .thumb-wrapper img {
        position: absolute;
        top: 0;
        left: 0;
    }
    .thumb-wrapper img:first-child {
	    z-index: 100;
    }
    .overlay {
        position: relative;
        z-index: 10;
        width: 338px;
        height: 190px;
        background-color: rgba(0, 0, 0, 0.5);
        display: table-cell;
        vertical-align: middle;
        color: white;
        opacity: 0;
        text-align: center;
    }
    .overlay .title {
        font-size: 14px;
        display: inline-block;
    }
    .overlay span {
        display: block;
        border-bottom: 2px solid white;
        text-transform: uppercase;
        padding: 5px 10px;
    }
    .overlay span:last-child {
        border: none;
        display: block;
    }
    .grid-block:hover .overlay {
        opacity: 1;
    }

	#content.video-grid .divider {
    	text-align: center;
    	margin-bottom: 35px;
	}
	.video-grid .divider h2.title {
    	text-transform: uppercase;
    	display: inline-block;
    	position: relative;
    	font-weight: 700;
    	font-size: 24px;
	}
	.video-grid .divider h2::after,
	.video-grid .divider h2::before {
    	background-color: #988865;
    	position: absolute;
    	display: block;
    	margin-top: -1px;
    	width: 60px;
    	height: 2px;
    	content: '';
    	top: 50%;
	}
	.video-grid .divider h2::after {
    	margin-left: 10px;
    	left: 100%;
	}
	.video-grid .divider h2::before {
    	margin-right: 10px;
    	right: 100%;
	}

	.video-grid .full-tray .divider {
    	text-transform: uppercase;
    	font-size: 15px;
	}
	.video-grid .full-tray .divider .line-1::before,
	.video-grid .full-tray .divider .line-1::after {
    	background-color: #988865;
        display: inline-block;
        vertical-align: top;
    	position: relative;
        margin-right: 8px;
        content: '';
        height: 2px;
        width: 12px;
        top: 9px;
	}
	.video-list li.divider.active::after {
    	display: none;
	}
	.video-grid .full-tray .divider .line-1::after {
        margin-left: 8px;
	}


/*
 * Video Detail
 */
    .video-detail #border {
        display: none;
    }
    .video-detail #container {
	    height: 810px;
    }
    #content.video-detail {
        text-align: center;
        padding: 0;
        position: absolute;
        top: 130px;
        bottom: 0;
        left: 0;
        right: 0;
        min-height: 620px;
        z-index: 30;
    }
    #content.video-detail .page {
        height: 620px;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        margin: -310px 0 0 0;
    }
    #content.video-detail iframe {
        margin: 0 auto;
        background-color: black;
    }
    .title-wrapper {
        margin: 20px 0 0 0;
    }
    .title-wrapper .title {
        font-size: 14px;
        display: inline-block;
    }
    .title-wrapper .title span {
        display: block;
        border-bottom: 2px solid #999999;
        text-transform: uppercase;
        padding: 5px 10px;
    }
    .title-wrapper .title span:last-child {
        border: none;
    }
    .title-wrapper .title span.line-2 {
        display: block;
        color: #988865;
    }
    .video-detail .nav {
        position: absolute;
        top: 50%;
        margin-top: -40px;
    }
    .video-detail .nav a {
        display: block;
    }
    .video-detail .prev {
        left: 60px;
    }
    .video-detail .next {
        right: 60px;
    }
    .video-detail #footer {
        display: none;
    }
    .video-detail .back {
	    position: absolute;
	    top: -90px;
	    left: 50px;
    }

	.video-tray {
		position: fixed;
		padding: 0 90px;
		z-index: 110;
		bottom: 0;
		right: 0;
		top: 0;
	}
	.video-tray:hover .full-tray {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	.menu-clicked .video-tray:hover .full-tray {
		-webkit-transform: translateX(370px);
		transform: translateX(370px);
	}
	.video-trail .centered {
		position: absolute;
		top: 50%;
	}
	.video-trail .dot {
		position: relative;
		background-color: #cccccc;
		margin: 15px 0;
		height: 6px;
		width: 6px;

		-webkit-border-radius: 700px;
		border-radius: 700px;
	}
	.video-trail .dot.active {
		background-color: transparent;
	}
	.video-trail .dot.active::after {
		background: url('images/icon-triangle.svg');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		display: block;
		height: 10px;
		width: 10px;
		content: '';
	}

	.full-tray {
		position: absolute;
		background-color: #f1f1f1;
		width: 370px;
		bottom: 0;
		right: 0;
		top: 0;

		-webkit-transform: translateX(370px);
		transform: translateX(370px);
	}

	.video-list {
		list-style-type: none;
		padding: 20px 50px;
		padding-right: 0;
	}
	.video-list li {
		text-transform: uppercase;
		position: relative;
		text-align: left;
		cursor: pointer;
		padding-bottom: 20px;
		font-weight: 700;
		font-size: 12px;
	}
	.video-list li.active::after {
		background: url('images/icon-triangle.svg');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		position: absolute;
		display: block;
		margin-left: -18px;
		height: 10px;
		width: 10px;
		content: '';
		left: 0;
		top: 5px;
	}

	.video-list li .line-1 {
		padding-bottom: 0;
	}
	.video-list li .line-2 {
		margin-top: 0;
	}

	.video-tray:hover li .line-1,
	.video-tray:hover li .line-2 {
		color: #999;
	}
	.video-tray:hover li:hover .line-1 {
		color: #222;
	}
	.video-tray:hover li:hover .line-2 {
		color: #988865;
	}
	.video-tray li.active .line-1 {
		color: #222;
	}
	.video-tray li.active .line-2 {
		color: #988865;
	}

    /*
     * Video Thumb Tray
     */
        #video-thumb-tray-wrapper {
            position: absolute;
            top: -128px;
            left: 0;
            right: 0;
            background-color: #F1F1F1;
            z-index: 50;
            height: 128px;
            width: 100%;
        }
        .video-thumb-tray {
            margin: 0 60px;
        }
        .video-thumb {
            width: 213px;
            height: 120px;
            position: relative;
            margin: 4px 2px;
            opacity: 0.3;
            float: left;
            display: block;
        }
        .video-thumb img {
            position: absolute;
            top: 0;
            left: 0;
        }
        .video-thumb .overlay {
            width: 213px;
            height: 120px;
        }
        .video-thumb:hover .overlay {
            opacity: 1;
        }
        .video-thumb:hover,
        .video-thumb.active {
            opacity: 1;
        }
        #tray-tab {
            position: absolute;
            bottom: -97px;
            right: 50px;
            width: 28px;
            height: 98px;
            cursor: pointer;
        }
        .opened .more-videos {
            display: none;
        }
        .closed .hide-videos {
            display: none;
        }
        .video-thumb-tray .browse {
            position: absolute;
            top: 50%;
            width: 15px;
            height: 12px;
            background-position: center;
            background-repeat: no-repeat;
            padding: 15px;
            margin-top: -21px;
            cursor: pointer;
        }
        .video-thumb-tray .browse.prev {
            left: 8px;
        }
        .video-thumb-tray .browse.next {
            right: 8px;
        }
        .video-thumb-tray .disabled {
            cursor: default;
            display: none !important;
        }


/*
 * Dark Background
 */
    body.dark-background {
        background-color: white;
    }
    .dark-background #container {
        background-color: #F1F1F1;
    }
    .dark-background #border {
        border-color: white;
    }
    .dark-background #footer {
        bottom: auto;
        top: 28px;
    }
    .dark-background #header {
        padding-top: 70px;
    }
    .dark-background #content {
        margin:  0 auto;
        padding: 50px;
        width: 960px;
    }
    .dark-background .entry {
        font-size: 12px;
    }



/*
 * White Background
 */
    body.white-background {
        background-color: #F1F1F1;
    }
    .white-background #container {
        background-color: white;
    }



/*
 * Contact
 */
    #content.contact {
        width: 1000px;
    }
    .contact .entry ul {
        margin: 40px 0;
        padding: 0;
        list-style: none;
        overflow: hidden;
    }
    .contact .entry li {
        width: 200px;
        margin: 0 180px 0 0;
        padding: 0;
        float: left;
        text-align: center;
    }
    .contact .entry li:last-child {
        margin: 0;
    }
    .contact .entry p {
        margin: 0 0 1.5em 0;
    }
    .contact .entry h2 {
        border-bottom: 1px solid #222;
        margin: 0 0 0px 0;
        text-align: center;
        font-size: 12px;
        text-transform: uppercase;
        height: 0.5em;
    }
    .contact .entry h2 span {
        background: #F1F1F1;
        padding: 0 10px;
    }
    .contact .entry h3 {
        font-family: "kepler-std", serif;
        font-style: italic;
        font-size: 22px;
        margin-bottom: 0.3em;
    }
    .contact .entry h4 {
        font-family: "kepler-std", serif;
        font-style: italic;
        font-size: 16px;
        color: #988865;
        margin-top: 0.5em;
    }
    .contact .entry a.email {
        font-weight: 700;
        text-decoration: underline;
        display: block;
        text-transform: uppercase;
    }
    .contact .phone {
        font-family: "kepler-std", serif;
        font-weight: 600;
    }
    .contact .map .svg {
        display: block;
        margin: 0.5em auto;
    }
    .contact .map:hover polygon {
        fill: #999999;
    }


/*
 * Request Reel
 */
    .gform_wrapper {
		max-width: 330px;
		margin: 0 auto;
		padding-right: 10px;
    }
    .gform_title {
        font-family: "kepler-std", serif;
        font-size: 52px;
        font-style: italic;
        text-align: center;
        margin: 0 0 30px 0;
    }
    ul.gform_fields {
        margin: 20px 0;
        padding: 0;
        list-style: none;
    }
    ul.gform_fields li {
        margin: 10px 0 15px 0;
        padding: 0;
        position: relative;
    }
    .gfield_label {
        text-transform: uppercase;
        width: 100%;
    }
    .ginput_container {
        margin-top: 3px;
    }
	.gfield textarea,
	.gfield input {
		font-family: 'news-gothic-std', Helvetica, Arial, sans-serif;
		box-sizing: border-box;
		border: none;
		background-color: #CCCCCC;
		letter-spacing: 1px;
		border-radius: 3px;
		font-size: 12px;
		padding: 5px;
		color: #222;
		width: 100%;
    }
    .gform_footer {
        text-align: center;
    }
    .gform_button {
        background: transparent;
        border: none;
        text-transform: uppercase;
        font-size: 18px;
        font-weight: 700;
        cursor: pointer;
	    font-family: 'news-gothic-std', Helvetica, Arial, sans-serif;
    }
    .gform_button:active {
        color: #988865;
    }
    .gfield_required {
        color: #9F2222;
    }
    .validation_error {
        display: none;
    }
    .validation_message {
        color: #9F2222;
        margin: 5px 0;
        position: absolute;
        right: -10px;
        top: -7px;
    }
    #gforms_confirmation_message {
        text-align: center;
        font-family: "kepler-std", serif;
        font-size: 50px;
        font-style: italic;
        padding-top: 120px;
    }


/*
 * Fallback
 */
    #content.fallback {

    }



/*
 * Category
 */
    #content.category {
        width: 1060px;
        margin: 0 auto;
        padding-top: 50px;
        overflow: hidden;
    }
    #content.category .post-block {
        width: 340px;
        float: left;
        margin: 0 0 20px 0;
    }
    .post-block img {
        position: absolute;
        top: 0;
        left: 0;
    }
    .category .overlay {
        width: 100%;
    }
    .category .overlay h2 {
        margin: 0 20px;
    }
    .post-block:hover .overlay {
        opacity: 1;
    }


/*
 * Single Post
 */
    .single .title {
        font-family: "kepler-std", serif;
        font-style: italic;
        font-size: 52px;
        text-align: center;
        font-weight: 500;
        margin: 40px 0;
    }
    .single .entry {
        line-height: 1.5;
        font-size: 14px;
    }
    .single .pagination {
        border-bottom: 1px solid #222;
        position: relative;
        line-height: 1;
    }
    .single .pagination a {
        text-transform: uppercase;
        font-size: 12px;
        position: absolute;
        top: -8px;
    }
    .single .pagination a.main {
        background-color: #F1F1F1;
        padding: 0 10px;
        left: 50%;
        margin-left: -25px;
        top: -6px;
    }
    .single .pagination a[rel="next"] {
        left: -65px;
    }
    .single .pagination a[rel="prev"] {
        right: -65px;
    }
    .single .pagination .svg {
        position: relative;
        top: 2px;
    }
    .single .pagination a:hover polygon {
        fill: #999;
    }

/*
 * Gallery
 */
    .gallery {
        height: 540px;
        width: 960px;
        margin: 0 1em;
        overflow: hidden;
        position: relative;
    }
    .gallery-image {
        float: left;
        width: 100%;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .gallery-image img {
        display: none;
    }
    .gallery .browse {
        height: 36px;
        width: 20px;
        position: absolute;
        top: 50%;
        cursor: pointer;
        padding: 20px;
        margin-top: -37px;
        left: 50%;
    }
    .gallery .prev {
        margin-left: -588px;
    }
    .gallery .next {
        margin-left: 530px;
    }
    .gallery .disabled {
        display: none !important;
    }
    .back:hover polygon,
    .nav:hover polygon {
	    fill: #222;
    }

/*
 * Mobile Adjustments
 */
	.is-mobile .video-tray {
		display: none !important;
	}
	.is-mobile #content.home .background {
		display: none;
	}

	/* Larger than a tablet (MacBook Air) */
	@media (max-width: 1199px) {
		.home #logo {
			padding-bottom: 20px;
		}
		.home #logo .svg {
			width:203px;
			height: 25px;
		}
		.home #container {
			height: auto;
		}
/*
		.grid-block .image-wrap .play,
		.video-playing .video-grid .grid-block {
			opacity: 1;
		}
*/
		.video-tray {
			display: none !important;
		}
		.grid-block {
			margin-right: 0;
			margin-left: 0;
		}
		#content.home {
			width: auto;
		}

		#directors-menu a {
			padding: 3px 20px;
		}

		.contact #footer {
			display: none;
		}
		.dark-background #content {
			width: auto;
		}
		.contact .entry li {
			width: 100%;
			margin: auto;
		}
		.request-reel.dark-background #content {
			padding-top: 0;
		}
		.gform_title {
			text-transform: uppercase;
			font-style: normal;
			font-family: 'news-gothic-std';
			font-weight: 700;
			margin-top: 15px;
			font-size: 10px;
			color: #999;
		}
	}
	#footer-menu {
		font-size: 18px;
	}

	/* Up to a tablet (includes iPads in landscape) */
	@media (max-width: 1024px) {
		#directors-menu li {
			font-size: 35px;
			width: 100%;
		}
		.home #header {
			position: relative;
			margin: auto;
			width: auto;
			padding: 100px 40px;
			padding-top: 70px;
			left: 0;
			top: 0;
		}
	}

	/* Smaller than an iPad portrait (so all phones) */
	@media (max-width: 767px) {
		#directors-menu li {
			font-size: 19px;
		}
	}

	/* Large external display and larger */
	@media (min-width: 1800px) {

	}

/*
 * Tools
 */
    #tagline {
        display: none;
    }
    #funkhaus {
	    position: absolute;
	    bottom: 20px;
	    left: 50%;
	    margin-left: -58px;
	    position: relative;
	    z-index: 10;
    }
    #funkhaus:hover path {
	    fill: #222222;
    }

/*
 * Animations
 */
	/* Color */
	a,
	.video-list li span {
		transition: color 0.4s;
	}

	/* Opacity */
	.overlay,
	.video-grid .grid-block,
	.image-wrap:hover .play {
		transition: opacity 0.4s;
	}

	#header,
	#footer,
	.full-tray,
	#content.video-grid,
	#float-header .inner-content {
		-webkit-transition: -webkit-transform 0.4s;
		transition: transform 0.4s;
	}
	.video-trail {
		-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
		transition: transform 0.4s, opacity 0.4s;
	}

	/* Everything */
	svg polygon,
	svg path {
		transition: fill 0.4s;
	}

	/* Background Color */
	body {
		transition: background-color 1.0s;
	}

	#float-header {
		-webkit-transition: -webkit-transform 0.4s;
		transition: transform 0.4s;
	}

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