/*!
Theme Name: Earthworks Films
Theme URI: http://underscores.me/
Author: 6StringMedia, Inc
Author URI: https://www.6string.com
Description: Custom Theme for Earthworks Films
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: earthworksfilms
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Earthworks Films is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

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

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	/* margin: 0 0 1.5em; */
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/*--------------------------------------------------------------
## CUSTOM STYLES
--------------------------------------------------------------*/

@charset "utf-8";
/* CSS Document */

/* =Clearfix
--------------------------------------------------------------------------------------------------------*/
.clear { clear: both; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }/* ----- clear fix for floats ----- */
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }/* hides clearfix from IE-mac */
.clearfix { display:block; }/* end hide from IE-mac */
.alignleft { float:left; }
.alignright { float:right; }
.aligncenter { margin:0 auto !important; display:inline-block }
.alignnone { clear:both; font-size:0; line-height:0; margin:0; padding:0; border:0; height:0; width:0; }
.centered { text-align:center; }
.absolute {position:absolute; width:100%; margin-left:-35px; }
/* End Clearfix
--------------------------------------------------------------------------------------------------------*/


/* =Preloader
--------------------------------------------------------------------------------------------------------*/
#preloader { position:absolute; top:0; left:0; right:0; bottom:0; background-color:#000; z-index:199; }
#status { width:200px; height:200px; position:absolute; left:50%; top:50%; background-image:url('../earthworksfilms/assets/images/ajax-loader.gif'); background-repeat:no-repeat; background-position:center; margin:-100px 0 0 -100px; }
/* End Preloader
--------------------------------------------------------------------------------------------------------*/


/* =Typography
--------------------------------------------------------------------------------------------------------*/
html {overflow: -moz-scrollbars-vertical; overflow-y: scroll; }
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#content {padding-bottom: 80px;}
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
body { font: 13px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#555; background:#000; }
strong { font-weight:bold; }
a, a > * {-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
p { line-height:1.5; padding:10px 0px 0 0px; }
p.small {font-size:11px;}
p.medium {font-size:14px;}
.below-h3 {display:block; margin-top:-13px; padding-bottom:10px; text-transform:uppercase }
.below-h3-italic {display:block; margin-top:-13px; padding-bottom:10px; font-style:italic; }
.below-huge-price {display:block; margin-top:-18px; font-weight:600; }
p.big { font-size:15px; }
p.big a { font-weight:600; }
.blockquote { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:18px; padding-top:18px; clear:both }
.blockquote span {font: 11px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#8d8d8d; padding-top:5px; text-transform:uppercase; display:block; letter-spacing:1px; }
a { color:#2b2b2b; text-decoration:none; font-weight:600 }
a:hover { text-decoration:none; color:#555; }
em {font-style:italic }
.uppercase {text-transform:uppercase }
.line-through {text-decoration:line-through; color:#888; padding:0 !important; }
span.arrow {font:13px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-style:normal}
span.italic-title {font-style:italic;color:#000;}
/* End Typography
--------------------------------------------------------------------------------------------------------*/


/* =Headings
--------------------------------------------------------------------------------------------------------*/
h1#logo { position:relative; float:left; padding:50px 25px 35px 25px; z-index:1; border-right:1px solid #ccc; }
h1#logo a { display:block; background:url('../earthworksfilms/assets/images/bg-logo.png') no-repeat; background-size:450px 56px; width:450px; height:56px; text-indent:-9999px; }
h2, h3, h4, h2 a, h3 a, h4 a { line-height:1; font-weight:700; color:#2b2b2b; display:block font-family:'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; text-transform:uppercase }
h2 a:hover, h3 a:hover, h4 a:hover { color:#2b2b2b; }
h2 { font-size:24px; padding-bottom:9px; padding-top:16px; letter-spacing:-1px; }
h3 {font-size:30px; padding-bottom:9px; padding-top:20px; letter-spacing:-1px; }
h4, .blog h2 {font-size:24px; padding-bottom:10px; padding-top:20px; letter-spacing:-1px;  }
.grey-area h4 {padding-top:10px; }
/* End Headings
--------------------------------------------------------------------------------------------------------*/


/* =Main Content
--------------------------------------------------------------------------------------------------------*/
/*.container { white-space: nowrap; }*/
#content .container { width:1280px; margin:0 auto; padding:10px 0; }
.slider #content .container, .post #content .container, .cart  #content .container { width:960px; }
header { background:#fff; -webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); position:relative; z-index:55;}

.col1-1 { width:940px; margin:10px; float:left; position:relative }
.col1-1.combi { background:#fff; }
.col3-3 { width:940px; margin:10px; float:left; position:relative }
.col1-3 { width:300px;margin:10px; float:left;}
.combi .col1-3 {width:300px; margin:0; float:left; }
.col2-3 { width:620px; margin:10px; float:left; overflow:hidden }
.combi .col2-3 {width:640px; margin:0; }
.height-400 {height:400px;}

.col1-3.white-right, .col1-3.white, .col1-3.white-left, .white-bottom { padding:10px 35px 31px 35px; background:#fff;}
.white-bottom { position:relative }
.white-bottom.grey-area-last, .white.grey-area-last { padding:10px 35px 0px 35px; }
.tab-tile {background:#fff; }
.col1-3.white.p-small { padding:20px 35px 31px 35px; }

.white-right:before {content:''; height:0; width:0; border-width:12px 12px 12px 12px; border-style:solid; border-color:rgba(251,251,251,0) rgba(255,255,255,1) rgba(255,255,255,0) rgba(255,255,255,0); position:absolute; margin-top:25px; left:616px; }
.white-bottom:before {content:''; height:0; width:0; border-width:12px 12px 12px 12px; border-style:solid; border-color:rgba(251,251,251,0) rgba(255,255,255,0) rgba(255,255,255,1) rgba(255,255,255,0); position:absolute; top:-24px; margin-left:0px; }
a:visited .white-bottom:before { border-color: transparent transparent #fff transparent !important; }
a:visited .white-right:before { border-color:transparent #fff transparent transparent !important; }

.bottom-field {border-top:1px solid #ccc; background:#f8f8f8; position:absolute; bottom:0; left:640px; display:block; width:300px; padding:8px 35px 19px 35px; text-transform:uppercase; color:#8d8d8d;  }
.grey-area {border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#f8f8f8; position:relative; display:block; width:300px; padding:15px 35px 25px 35px; text-transform:uppercase; color:#8d8d8d; margin:25px 0 15px 0; margin-left:-35px; }
.grey-area.smaller {border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#f8f8f8; position:relative; display:block; width:300px; padding:8px 35px 19px 35px; text-transform:uppercase; color:#8d8d8d; margin:25px 0 0px 0; margin-left:-35px; }
.grey-area.last { border-bottom:1px solid #f8f8f8; margin-bottom:0; }
.col2-3 .grey-area {width:620px; }

.cart-single {text-transform:none; }

ul#container {margin:0 auto; position:relative }
ul#container li { width:270px; float:left; white-space: normal; list-style:none outside none; overflow:hidden; position:relative }

ul#container li.col1-3 {width:300px; height:auto; margin:10px; }
ul#container li.col1-3.double {width:300px; height:auto; margin:10px; }
ul#container li.col2-3 {width:620px; height:auto; margin:10px; }
/* =End Main Content
--------------------------------------------------------------------------------------------------------*/


/* =Secondary Content
--------------------------------------------------------------------------------------------------------*/
.break { height:20px; position:relative; }
.images { display:block; position:relative; }
.overflow {overflow:hidden; }
.button a {border:1px solid #ccc; padding:10px 15px 11px 15px; background:#fff; position:relative; font-size:14px; display:inline-block }
.button-color a {border:1px solid #ccc; padding:10px 15px 11px 15px; background:#ff0033; position:relative; font-size:14px; display:inline-block }
.price {font-size:20px; padding-top:18px; color:#2b2b2b; }
.huge-price {font-size:72px; font-weight:700; color:#2b2b2b; text-align:center; display:block; margin-top:-11px; }
.huge-price span {font-size:42px; font-weight:400; }
.padding-right {padding-right:30px; }
.margin-right {margin-right:10px; }
/* =End Secondary Content
--------------------------------------------------------------------------------------------------------*/


/* =Googlemaps
--------------------------------------------------------------------------------------------------------*/
#map {width:620px; height:240px; margin:0; border:0}
#map:before, #map:after {background: none; content: ''; left: 0;	position: absolute;	top: 0;	width: 100%; }
#map:after {bottom: 0; top: auto; }
/* End Googlemaps
--------------------------------------------------------------------------------------------------------*/


/* =Image Hover
--------------------------------------------------------------------------------------------------------*/
.images img {width:100%; display: block; max-width: 100% !important; height:auto; box-shadow: #000 0em 0em 0em; }
/*.images img:hover {border: 1px solid white;}
 .masonry .element .images img, .index .element .images img {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; z-index:9 }
.masonry.full-opacity .element .images img, .index.full-opacity .element .images img {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; z-index:9 } */

.tabs a {border-bottom:1px solid #ccc; padding:16px 20px; position:relative; display:block; font-size:15px; font-weight:400}
.tabs a:hover {background:#f8f8f8; color:#2b2b2b !important; }
.tabs span {padding:4px 0 0 13px; display:inline-block }
.tabs a.last {border:0; }
.icons { position:relative; height:30px; width:30px; z-index:10; float:left }
.email {background:url('../earthworksfilms/assets/images/bg-email.png') center center no-repeat; background-size:24px 16px; }
.xing {background:url('../earthworksfilms/assets/images/bg-xing.png') center no-repeat; background-size:24px 24px; }
.google {background:url('../earthworksfilms/assets/images/bg-googleplus.png') center no-repeat; background-size:24px 24px; }
.twitter, .tweat {background:url('../earthworksfilms/assets/images/bg-twitter.png') center no-repeat; background-size:24px 24px; }
.facebook {background:url('../earthworksfilms/assets/images/bg-facebook.png') center no-repeat; background-size:24px 24px; }
.pinterest {background:url('../earthworksfilms/assets/images/bg-pinterest.png') center no-repeat; background-size:24px 24px; }
.instagram {background:url('../earthworksfilms/assets/images/bg-instagram.png') center no-repeat; background-size:24px 24px; }
.imdb {background:url('../earthworksfilms/assets/images/bg-imdb@2x.png') center no-repeat; background-size:24px 24px; }
.youtube {background:url('../earthworksfilms/assets/images/bg-youtube.png') center no-repeat; background-size:24px 24px; }
.vine {background:url('../earthworksfilms/assets/images/bg-vine.png') center no-repeat; background-size:24px 24px; }
.vimeo {background:url('../earthworksfilms/assets/images/bg-vimeo.png') center no-repeat; background-size:24px 24px; }
.skype {background:url('../earthworksfilms/assets/images/bg-skype.png') center no-repeat; background-size:24px 24px; }
.dribble {background:url('../earthworksfilms/assets/images/bg-dribble.png') center no-repeat; background-size:24px 24px; }
.link {background:url('../earthworksfilms/assets/images/bg-link.png') center no-repeat; background-size:24px 24px; }
.bubble {background:url('../earthworksfilms/assets/images/bg-bubble.png') center no-repeat; background-size:24px 24px; }
.zoom {background:url('../earthworksfilms/assets/images/bg-zoom.png') center no-repeat; background-size:25px 25px; }
.file {background:url('../earthworksfilms/assets/images/bg-file.png') center no-repeat; background-size:24px 24px; }
.video {background:url('../earthworksfilms/assets/images/bg-video.png') center no-repeat; background-size:24px 24px; }
.like {background:url('../earthworksfilms/assets/images/bg-like.png') center no-repeat; background-size:24px 22px; }
.comment {background:url('../earthworksfilms/assets/images/bg-comment.png') center no-repeat; background-size:25px 18px; }
.close {background:url('../earthworksfilms/assets/images/bg-close.png') center no-repeat; background-size:18px 18px; }

.cart-in a {background:url('../earthworksfilms/assets/images/bg-cart_in.png') 15px center no-repeat #fff; background-size:26px 24px; padding-left:48px; }
.cart-out a {background:url('../earthworksfilms/assets/images/bg-cart_out.png') 15px center no-repeat #fff; background-size:26px 25px; padding-left:48px; }
.book-me a {background:url('../earthworksfilms/assets/images/bg-book_me.png') 15px center no-repeat #fff; background-size:22px 18px; padding-left:48px; }

.images .title, .images .subtitle { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; position:absolute; top:35px; left:0px !important; width:auto; font-weight:600; cursor:pointer; margin-left:-500px }
.images .subtitle { top: 68px; font-weight: 400; margin-left:600px }
.masonry .images .title, .masonry .images .subtitle { margin-left:35px; }
.title-wrap, .subtitle-wrap { position:relative; }
.title-wrap h3, .subtitle-wrap p { overflow: hidden; white-space: nowrap; text-transform:uppercase; font-family:'Open Sans', Arial, Helvetica, sans-serif; color:#2b2b2b; padding:0px; font-style:normal; }
.title-wrap h3 span, .subtitle-wrap p span { padding:4px 8px 5px 8px; background:#fff;  display:inline-block; position:relative }
.subtitle-wrap p span {font-size:11px; padding:4px 8px 5px 8px; }
.title-wrap h3 { font-size:14px; line-height:1.5; letter-spacing:0; }
/* End Image Hover
--------------------------------------------------------------------------------------------------------*/


/* =Fullscreen Slideshow Page
--------------------------------------------------------------------------------------------------------*/
.single-work .flexslider { z-index:1 }
.single-work header {position:fixed; width:100%; }

.single-work body, html.single-work { height: 100%; padding: 0; margin: 0; }
.single-work .flexslider{ display: block; position: fixed; height: 100%!important; overflow: hidden!important; width: 100%!important; }

.single-work .pic1 {background:url(../images/slide01.jpg) fixed no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position:relative; display:block; height:1148px; width:1742px; }
.single-work .pic2 {background:url(../images/slide02.jpg) fixed no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position:relative; display:block; height:1155px; width:1732px; }
.single-work .slide { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; }

.more-info {display:block; position:absolute; top:35px; right:35px; }
.more-info a { border:1px solid #ccc; padding:9px 15px 10px 15px; float:left; margin-left:5px; }
/* =Fullscreen Slideshow Page
--------------------------------------------------------------------------------------------------------*/


/* =Blog
--------------------------------------------------------------------------------------------------------*/
.teaser {height:261px; }
.teaser .grey-area.smaller {position:absolute; bottom:0; }
p.comments {text-transform:none; }
.post .grey-area { color:#555 }
/* End Blog
--------------------------------------------------------------------------------------------------------*/


/* =Lists
--------------------------------------------------------------------------------------------------------*/
ul.unordered-list { list-style: disc; line-height:1.5; padding:10px 0px 0 0px; margin-left:18px; text-align:left !important; }
ul.unordered-list.check li { background:url('../earthworksfilms/assets/images/bg-check.png') no-repeat 1px 13px; background-size:13px 11px; }
ol.ordered-list { list-style: decimal; line-height:1.5; padding:10px 0px 0 0px; margin-left:18px; text-align:left !important; }
ul.unordered-list.floated li {float:left; margin-right:40px; }
/* =End Lists
--------------------------------------------------------------------------------------------------------*/


/* =Footer
--------------------------------------------------------------------------------------------------------*/
footer { height:80px; padding:0px 35px 0 35px; background:#fff; position: relative;	margin-top: -80px; clear:both; z-index:100; -webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.1); box-shadow:0 -1px 0 rgba(0, 0, 0, 0.1);}
footer p {padding-top:31px !important }
/* End Footer
--------------------------------------------------------------------------------------------------------*/


/* =Social
--------------------------------------------------------------------------------------------------------*/
ul.social { padding-top:28px; margin-bottom:6px; letter-spacing:0; font-size:0; }
.social li { display:inline-block; margin:0px 2px;}
.social li a { display:block; }
ul.social a {text-indent:-9000px; text-decoration:none; height:24px; width:24px;}
/* End Social
--------------------------------------------------------------------------------------------------------*/


/* =Isotope
--------------------------------------------------------------------------------------------------------*/
.isotope-item { z-index: 2; -webkit-backface-visibility: hidden; overflow:hidden}
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
/**** Isotope CSS3 transitions ****/
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property:    -moz-transform, opacity; -ms-transition-property:     -ms-transform, opacity; -o-transition-property:         top, left, opacity; transition-property:         transform, opacity; }
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }

#options { width:auto; /*height:100px;*/ z-index:300; text-align:left; white-space: nowrap;}
#options ul { margin: 0; list-style: none; padding:34px 20px; padding-right:0; float:left; border-left:1px solid #ccc; position:relative; font-size: 0; margin-left:-1px}
#options li { width:90px; }
#options li a { color:#888; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size:12px; line-height:19px; font-weight:600; text-decoration:none; text-transform:uppercase; padding:0px; }
#options li a:hover, #options li a.current, #options li a.selected { color:#2b2b2b;}

#options ul li ul.other { position:absolute; list-style: none; left:110px; top:0px; height:100%; min-height:100%; padding:17px 20px; border-left:1px solid #ccc; font-size: 0; display:none }
#options ul li ul.other li { width:auto; }
#options ul li ul.other li a.selected {background:#f8f8f8 }

#options ul#homepage { position:absolute; right:0px; top:60px; height:20px; min-height:100%; padding:0; border:0; font-size: 0; display:inline-block }
#options ul#homepage li {display:inline-block; height:100%; width:auto; }
#options ul#homepage li a {display:inline-block; padding:17px 0; padding-right:5px; height:100%; font-size:12px; margin:0 }
#options ul#homepage li a.selected {background:#f8f8f8 }

.dead-link {cursor:default !important }
/* End Isotope
--------------------------------------------------------------------------------------------------------*/


/* =Backtotop
--------------------------------------------------------------------------------------------------------*/
#backtotop { height:auto; position:fixed; right:35px; bottom:83px; display:none; z-index:30; }
#backtotop ul { }
#backtotop ul li a { background:url('../earthworksfilms/assets/images/bg-up.png') center 48% no-repeat #fff; background-size:22px 15px; display:block; width:50px; height:50px; text-indent:-9000px; -webkit-box-shadow:0 0 1px rgba(0, 0, 0, 0.5); -moz-box-shadow:0 0 1px rgba(0, 0, 0, 0.5); box-shadow:0 0 1px rgba(0, 0, 0, 0.5);}
#backtotop ul li a:hover { }
/* End Backtotop
--------------------------------------------------------------------------------------------------------*/


/* =Shop-Link
--------------------------------------------------------------------------------------------------------*/
#shop-link { height:auto; position:fixed; right:35px; bottom:136px; display:block; z-index:30; }
#shop-link ul { overflow:hidden }
#shop-link ul li a { background:url(../images/bg-shopping_cart.png) 13px 50% no-repeat #fff; background-size:26px 23px; display:block; width:50px; height:50px; -webkit-box-shadow:0 0 1px rgba(0, 0, 0, 0.5); -moz-box-shadow:0 0 1px rgba(0, 0, 0, 0.5); box-shadow:0 0 1px rgba(0, 0, 0, 0.5);}
#shop-link ul li a span {padding-left:50px; width:auto; padding-top:15px; display:inline-block; color:#2b2b2b; white-space:nowrap }
/* End Shop-Link
--------------------------------------------------------------------------------------------------------*/


/* =Videos
--------------------------------------------------------------------------------------------------------*/
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.video-container iframe {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* =Ticker Styling
--------------------------------------------------------------------------------------------------------*/
.ticker{
  border-bottom: 1px solid #ccc;
  padding:2px 0 12px 0;
}

.text-white {
  color:white!important;
}

@charset "utf-8";
/* Retina Ready Images */

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
h1#logo a { display:block; background:url('../earthworksfilms/assets/images/bg-logo@2x.png') no-repeat; background-size:450px 56px; }

.email {background:url('../earthworksfilms/assets/images/bg-email@2x.png') center center no-repeat; background-size:24px 16px; }
.xing {background:url('../earthworksfilms/assets/images/bg-xing@2x.png') center no-repeat; background-size:24px 24px; }
.google {background:url('../earthworksfilms/assets/images/bg-googleplus@2x.png') center no-repeat; background-size:24px 24px; }
.twitter, .tweat {background:url('../earthworksfilms/assets/images/bg-twitter@2x.png') center no-repeat; background-size:24px 24px; }
.facebook {background:url('../earthworksfilms/assets/images/bg-facebook@2x.png') center no-repeat; background-size:24px 24px; }
.pinterest {background:url('../earthworksfilms/assets/images/bg-pinterest@2x.png') center no-repeat; background-size:24px 24px; }
.instagram {background:url('../earthworksfilms/assets/images/bg-instagram@2x.png') center no-repeat; background-size:24px 24px; }
.imdb {background:url('../earthworksfilms/assets/images/bg-imdb@2x.png') center no-repeat; background-size:24px 24px; }
.youtube {background:url('../earthworksfilms/assets/images/bg-youtube@2x.png') center no-repeat; background-size:24px 24px; }
.vine {background:url('../earthworksfilms/assets/images/bg-vine@2x.png') center no-repeat; background-size:24px 24px; }
.vimeo {background:url('../earthworksfilms/assets/images/bg-vimeo@2x.png') center no-repeat; background-size:24px 24px; }
.skype {background:url('../earthworksfilms/assets/images/bg-skype@2x.png') center no-repeat; background-size:24px 24px; }
.dribble {background:url('../earthworksfilms/assets/images/bg-dribble@2x.png') center no-repeat; background-size:24px 24px; }
.link {background:url('../earthworksfilms/assets/images/bg-link@2x.png') center no-repeat; background-size:24px 24px; }
.bubble {background:url('../earthworksfilms/assets/images/bg-bubble@2x.png') center no-repeat; background-size:24px 24px; }
.zoom {background:url('../earthworksfilms/assets/images/bg-zoom@2x.png') center no-repeat; background-size:25px 25px; }
.file {background:url('../earthworksfilms/assets/images/bg-file@2x.png') center no-repeat; background-size:24px 24px; }
.video {background:url('../earthworksfilms/assets/images/bg-video@2x.png') center no-repeat; background-size:24px 24px; }
.like {background:url('../earthworksfilms/assets/images/bg-like@2x.png') center no-repeat; background-size:24px 22px; }
.comment {background:url('../earthworksfilms/assets/images/bg-comment@2x.png') center no-repeat; background-size:25px 18px; }
.close {background:url('../earthworksfilms/assets/images/bg-close@2x.png') center no-repeat; background-size:18px 18px; }

.cart-in a {background:url('../earthworksfilms/assets/images/bg-cart_in@2x.png') 15px center no-repeat #fff; background-size:26px 24px; padding-left:48px; }
.cart-out a {background:url('../earthworksfilms/assets/images/bg-cart_out@2x.png') 15px center no-repeat #fff; background-size:26px 25px; padding-left:48px; }
.book-me a {background:url('../earthworksfilms/assets/images/bg-book_me@2x.png') 15px center no-repeat #fff; background-size:22px 18px; padding-left:48px; }

#backtotop ul li a { background:url('../earthworksfilms/assets/images/bg-up@2x.png') center 48% no-repeat #fff; background-size:22px 15px; }
#shop-link ul li a { background:url('../earthworksfilms/assets/images/bg-shopping_cart@2x.png') center 50% no-repeat #fff; background-size:26px 23px;}

.flex-direction-nav .flex-next {background:url('../earthworksfilms/assets/images/bg-next@2x.png') center no-repeat; background-size:15px 22px; }
.flex-direction-nav .flex-prev {background:url('../earthworksfilms/assets/images/bg-prev@2x.png') center no-repeat; background-size:15px 22px; }

.fancybox-close {background: url('../earthworksfilms/assets/images/bg-close@2x.png') center no-repeat #fff; background-size:18px 18px;}
.fancybox-prev span {background: url('../earthworksfilms/assets/images/bg-prev@2x.png') center no-repeat; background-size:15px 22px;}
.fancybox-next span {background: url('../earthworksfilms/assets/images/bg-next@2x.png') center no-repeat; background-size:15px 22px;}

.error_message { background:url('../earthworksfilms/assets/images/bg-close@2x.png') no-repeat 247px 234px #FBE3E4; background-size:18px 18px; }
input.submit { background:url('../earthworksfilms/assets/images/bg-send@2x.png') center center no-repeat; background-size:24px 28px; }
}


@media only screen and (min-width: 1600px) {
/*.container { padding:0px; width:1600px; position:relative; margin:0 auto; }*/
}

@media only screen and (min-width: 1280px) {
/*.container { padding:0px; width:1280px; position:relative; margin:0 auto; }*/
}

/* Standard 960 or larger (browsers) */
@media only screen and (min-width: 960px) {

}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
#content .container { width:960px; }
.slider #content .container, .post #content .container { width:960px; }
.col3-3 { width:620px; }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
#content .container { width:640px; }
.slider #content .container, .post #content .container, .cart  #content .container { width:640px; }
.col3-3 { width:300px; }

.caption {display:none !important }
.combi .col2-3, .col1-1, .col1-3.white-right {width:620px; position:relative; }
.height-400 {height:auto }
.combi .col2-3 .flexslider img {float:none; margin:10px 0 0 10px; }
.combi .col2-3 .flex-direction-nav .flex-prev {left:33px; }
.white-right {overflow:visible }
.white-right:before {content:''; height:0; width:0; border-width:12px 12px 12px 12px; border-style:solid; border-color:rgba(251,251,251,0) rgba(255,255,255,0) rgba(255,255,255,1) rgba(255,255,255,0); position:absolute; top:-49px; margin-left:35px; left:0; z-index:1 }

.white-right .bottom-field {position:relative; width:620px; margin-left:-35px; left:0; top:31px; margin-top:-6px; }

#options { width:100%; }
#options ul { border:0; border-top:1px solid #ccc; position:relative;  padding:17px 35px; width:100%; margin:0;}

#options ul li ul.other { border:0; border-left:1px solid #ccc; left:125px; }

#options ul#homepage { position:relative; height:110px; min-height:inherit; border-top:1px solid #ccc;  padding:17px 35px; margin-top:-55px;}
#options ul#homepage li {display:inline-block; height:100%; width:auto; }
#options ul#homepage li a {display:block; border:0; padding:0 5px 0 0; height:auto; line-height:19px; }
#options ul#homepage li a.selected {color:#2b2b2b; background:none }
#options ul#homepage li img {height:16px;width:16px;}

.more-info {display:block; position:relative; top:0px; right:0px; padding:20px 15px; border-top:1px solid #ccc }

#nav-button {display:block; border:1px solid #ccc; float:right; padding:18px 20px; width:67px; margin:20px; margin-bottom:0; cursor:pointer; }
.nav-bar {background-color:#2b2b2b; border-radius:1px; display:block; width:25px; height:3px; margin:3px auto; }
#options, .more-info { display:none; }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
h1#logo a { display:block; background:url('../earthworksfilms/assets/images/bg-logo.png') no-repeat; background-size:200px 25px; width:200px; height:25px; text-indent:-9999px; }


}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 767px) {
	
h1#logo a { display:block; background:url('../earthworksfilms/assets/images/bg-logo.png') no-repeat; background-size:200px 25px; width:200px; height:25px; text-indent:-9999px; }

	
#content .container { width:320px; }
.slider #content .container, .post #content .container, .cart  #content .container { width:320px; }
.col3-3 { width:300px; }

.caption {display:none !important }
.combi .col2-3, .col1-1, .col1-3.white-right, .col2-3, .col2-3 .grey-area {width:300px; position:relative; }
.height-400 {height:auto }
.combi .col2-3 .flexslider img {float:none; margin:0px; width:300px; height:auto }
.combi .col2-3 .flex-direction-nav .flex-prev {left:33px; }
.white-right {overflow:visible }
.white-right:before {content:''; height:0; width:0; border-width:12px 12px 12px 12px; border-style:solid; border-color:rgba(251,251,251,0) rgba(255,255,255,0) rgba(255,255,255,1) rgba(255,255,255,0); position:absolute; top:-49px; margin-left:35px; left:0; z-index:1 }

.white-right .bottom-field {position:relative; width:300px; margin-left:-35px; left:0; top:31px; margin-top:-6px; }

#options { width:100%; }
#options ul { border:0; border-top:1px solid #ccc; position:relative;  padding:17px 35px; width:100%; margin:0}

#options ul li ul.other { border:0; border-left:1px solid #ccc; left:125px; }

#options ul#homepage { position:relative; height:110px; min-height:inherit; border-top:1px solid #ccc;  padding:17px 35px; margin-top:-55px;}
#options ul#homepage li {display:inline-block; height:100%; width:auto; }
#options ul#homepage li a {display:block; border:0; padding:0 5px 0 0; height:auto; line-height:19px; }
#options ul#homepage li a.selected {color:#2b2b2b; background:none }
#options ul#homepage li img {height:16px;width:16px;}

.more-info {display:block; position:relative; top:0px; right:0px; padding:20px 15px; border-top:1px solid #ccc }

#nav-button {display:block; border:1px solid #ccc; float:right; padding:18px 20px; width:67px; margin:20px; margin-bottom:0; cursor:pointer; }
.nav-bar {background-color:#2b2b2b; border-radius:1px; display:block; width:25px; height:3px; margin:3px auto; }
#options, .more-info { display:none; }
}



@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) 
{
	h1#logo a { display:block; background:url('../earthworksfilms/assets/images/bg-logo.png') no-repeat; background-size:160px 20px; width:160px; height:20px; text-indent:-9999px; }
}