/*
	Theme Name: Harran Foundation
	Theme URI: http://harranfoundation.org
	Description: Custom WordPress Theme
	Version: 0.0.7
	Author: Jason Schifferer
	Tags: Responsive, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
body {
	font: normal 12px/1.6 sans-serif;
	color: #333;
	background-color: #000;
}
html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
.noSelect {
    user-select:none;
    -o-user-select:none;
    -moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#999900;
	text-decoration: none;
}
.desktop a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}
hr {
	border: 0;
	color: #ddd;
	background-color: #ddd;
	height: 1px;

}
address {
	font-size: 1.2em;
	font-style: italic;
	margin: 0 0 2em 0;
}
::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    FONTS
\*------------------------------------*/

@font-face {
	font-family: 'harran-icons';
	src:  url('fonts/harran-icons_xdwd29.eot');
	src:  url('fonts/harran-icons_xdwd29.eot#iefix') format('embedded-opentype'),
	url('fonts/harran-icons_xdwd29.ttf') format('truetype'),
	url('fonts/harran-icons_xdwd29.woff') format('woff'),
	url('fonts/harran-icons_xdwd29-harran-icons.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
.play-pause::after,
.close::after,
.nav-prompt::after,
.accordions section > header::after,
nav.sub-nav .children a:hover::before,
nav.sub-nav .children .current_page_item > a::before,
nav.social-media a::before,
.slick-arrow::before,
[class^="icon-"], 
[class*=" icon-"] {
	font-family: 'harran-icons' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-collapse:before {
  content: "\e900";
}
.icon-expand:before {
  content: "\e901";
}
.icon-right:before {
  content: "\e906";
}
.icon-facebook:before {
  content: "\e902";
}
.icon-twitter:before {
  content: "\e903";
}
.icon-youtube:before {
  content: "\e904";
}
.icon-close:before {
  content: "\e905";
}
.icon-play:before {
  content: "\e909";
}
.icon-pause:before {
  content: "\e90a";
}
.icon-arrow-left:before {
  content: "\e907";
}
.icon-arrow-right:before {
  content: "\e908";
}


/*------------------------------------*\
    TYPOGRAPHY
\*------------------------------------*/

h1, h2, h3, h4, h5, p, ul, ol {
    margin: 1em 0 0 0;
}
h1, h2, h3, h4, h5 {
    line-height: 1.3;
    font-weight: normal;
}
h1 {
	font-size: 1.4em;
	color: #aa0;
}
.content-align-right h1 {
	color: #fff;
}
h2 {
   font-size: 1em;
   font-weight: bold;
}
h3 {
   
}
.content-align-right section > h3 {
	font-size: 1.4em;
	color: #aa0;
}
h4 {
    
}
.desktop.content-align-right a:hover {
	color: #fff;
}
.credit {
	font-size: 10px;
	margin-top: .25em;
}
.credit a {
	text-decoration: none;
}
.copyright {
	font-size: 10px;
	margin-top: 5px;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

.slideout-menu {
	position: fixed;
	left: auto;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 0;
	width: 256px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	display: none;
}
.admin-bar .slideout-menu  {
	top: 50px;
}
.slideout-panel {
	position: relative;
	will-change: transform;
}
.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
	overflow: hidden;
}
.slideout-open .slideout-menu {
	display: block;
}
.slideout-open .nav-prompt:after {
	content: "\e900";
	font-size: 28px;
}

.wrapper {
	padding: 0 15px;
	background-position: top center;
	background-repeat: no-repeat;
}
.wrapper > header {
	padding: 45px 0 22px;
}
.wrapper > header .logo a {
	text-indent: -9999px;
	display: block;
	margin: 0 auto;
	width: 150px;
	height: 45px;
	background: transparent url('img/harran-productions-foundation.png') top center no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}
.wrapper > header,
main,
.wrapper > footer > div {
	max-width: 800px;
	margin: 0 auto;
}
main {
	position: relative;
	z-index: 3;
}
main > .bg {
	display: none;
}
main > article,
main > aside {
	position: relative;
	background: #fff;
	display: block;
}
main > article {
	-webkit-box-shadow: 5px 8px 15px 0px rgba(0,0,0,.75);
	-moz-box-shadow: 5px 8px 15px 0px rgba(0,0,0,.75);
	box-shadow: 5px 8px 15px 0px rgba(0,0,0,.75);
	z-index: 3;
}
main > aside {
	display: none;
}
.content-align-right main > article,
.content-align-right main > aside {
	background: #181818;
	color: #ccc;
}
.home main > article {
	min-height: 0;
	background: #222;
	background: rgba(0,0,0,.85);
}
.home main > article::before { /* height spacer */
	position: relative;
	float: right;
	width: 1px;
	content: '';
	height: 0;
	padding-top: 56.25%;
	background: rgba(0,0,0,0);
	opacity: 0;
}
.home section {
	margin: 2em auto 0;
	max-width: 425px;
	color: #fff;
	font-size: 1.25em;
}
.home section a {
	color: #fff;
}
.desktop.home section a:hover {
	color: #aa0;
}
article > header {
	position: relative;
	min-height: 120px;
	width: 100%;
	border-bottom: 1px solid #eee;
}
.home article > header {
	min-height: 0;
	border-bottom: 0;
}
.home article > header h1 {
	display: none;
}
.content-align-right article > header {
	border-bottom-color: #222;
}
article > header > h1,
article > header > h2,
article > header > h3,
article > header > h4,
article > header > p {
	padding-left: 15px;
}
article > header .close,
article > header .close::after {
	display: block;
	position: absolute;
	width: 10px;
	height: 10px;
	font-size: 10px;
	color: #999;
}
.content-align-right article > header .close,
.content-align-right article > header .close::after,
.home article > header .close,
.home article > header .close::after {
	color: #181818;
}
.content-align-right article > header .close::before,
.home article > header .close::before {
	background: #999;
}
article > header .close {
	top: 15px;
	right: 15px;
	text-indent: -9999px;
}
article > header .close::before {
	display: block;
	position: absolute;
	width: 8px;
	top: 1px;
	left: 1px;
	height: 8px;
	content: '';
	border-radius: 1px;
}
article > header .close::after {
	text-indent: 0;
	content: '\e905';
	top: 0;
	left: 0;
}
.desktop article > header .close:hover::before,
.desktop.content-align-right article > header .close:hover::before {
	background: #aa0;
}
.desktop article > header .close:hover::after {
	color: #333;
}
article > header h1 {
	margin: 0;
	padding-top: 15px;
}
article > header h1 + h1 {
	padding-top: 0;
}
article > div {
	padding: 5px 15px 25px;
}
.single-film article > div {
	padding: 0;
}
.single-film main > aside {
	display: block;
}
.sponsor-logos a {
	width: 50%;
	padding-top: 20px;
}
.sponsor-logos img {
	width: 90%;
	height: auto;
}
.post-type-archive-news article > div,
.post-type-archive-libitem article > div {
	padding-bottom: 0;
}
.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}
.embed-container iframe, 
.embed-container object, 
.embed-container embed { 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.wrapper > footer {
	position: relative;
	z-index: 1;
	color: #999;
	letter-spacing: .05em;
	padding-bottom: 30px;
}
.wrapper > footer.footer-left {
	padding-top: 10px;
}
.wrapper > footer.footer-right {
	display: none;
}

/*------------------------------------*\
    SLIDESHOW
\*------------------------------------*/

.slideshow-wrapper > aside {
	position: absolute;
	top: 0;
	right: 0;
	padding: 6px;
	background: #000;
	background: rgba(0,0,0,.8);
	color: #fff;
	font-size: 12px;
	z-index: 2;
}
.play-pause {
	width: 12px;
	height: 12px;
}
.play-pause::after {
	display: block;
	position: absolute;
	content: "\e909";
}
.playing .play-pause::after {
	content: "\e90a";
}
.home article > header .play-pause,
.home article > header .play-pause::after {
	color: #181818;
}

/*------------------------------------*\
    NAV – TABS
\*------------------------------------*/

.nav-prompt {
	right: 25px;
	top: 45px;
	text-indent: -9999px;
	cursor: pointer;
}
.nav-prompt,
.nav-prompt::after {
	position: absolute;
	width: 30px;
	height: 30px;
}
.nav-prompt::after {
	left: 0;
	top: 0;
	content: "\e90b";
	font-size: 24px;
	line-height: 30px;
	text-indent: 0;
	color: #fff;
}
nav.tabs {
	background-color: #181818;
	padding: 30px 10px 30px 20px;
}
nav.tabs ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
nav.tabs > div > div > div > ul ul {
	margin-top: 0;
}
nav.tabs ul ul {
	margin-left: 2em;
	/* max-height: 0;
	overflow: hidden; */
}
nav.tabs ul .current-page-ancestor ul,
nav.tabs ul .active ul {
	max-height: 750px;
}
.cssanimations nav.tabs ul ul {
    transition: max-height .2s;
    -webkit-transition: max-height .2s;
    -moz-transition: max-height .2s;
    -o-transition: max-height .2s
}
nav.tabs > div > div > div > ul > li {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}
/* nav.tabs > div > div > div > ul > li > a {
	text-transform: uppercase;
} */
nav.tabs li a {
	display: inline-block;
	padding: 4px 10px 5px;
	color: #bbb;
	font-size: 14px;
	line-height: 1.2;
}
nav.tabs li li a {
	font-size: 12px;
}
nav.tabs li.current-menu-item > a,
nav.tabs li.current-page-ancestor > a,
.desktop nav.tabs li.current-menu-item > a:hover,
.desktop nav.tabs li.current-page-ancestor > a:hover {
	font-weight: bold;
}
nav.tabs li.current-menu-item > a,
.desktop nav.tabs li.current-menu-item > a:hover {
	color: #fff;
}

/*------------------------------------*\
    NAV – SUB
\*------------------------------------*/

nav.sub-nav {
	padding: 10px 0;
	line-height: 1.2;
	font-size: 12px;
}
nav.sub-nav ul,
nav.sub-nav li {
	margin: 0;
	padding: 0;
	list-style: none;
}
nav.sub-nav a {
	position: relative;
	display: block;
	text-decoration: none;
	padding: 4px 5px 4px 20px;
	color: #555;
}
.desktop nav.sub-nav a:hover,
nav.sub-nav .current_page_item > a,
nav.sub-nav .current_page_ancestor > a {
	color: #000;
}
.content-align-right nav.sub-nav a {
	color: #bbb;
}
.desktop.content-align-right nav.sub-nav a:hover,
.content-align-right nav.sub-nav .current_page_item > a,
.content-align-right nav.sub-nav .current_page_ancestor > a {
	color: #fff;
}
.desktop nav.sub-nav a:hover::before,
nav.sub-nav .current_page_item > a::before,
nav.sub-nav .current_page_ancestor > a::before {
	position: absolute;
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	top: 8px;
	left: 8px;
	border: 1px solid #aaa;
}
nav.sub-nav .current_page_item > a::before,
nav.sub-nav .current_page_ancestor > a::before {
	border-color: #aa0;
}
.desktop nav.sub-nav .children a:hover::before,
nav.sub-nav .children .current_page_item > a::before,
.desktop nav.sub-nav .children .current_page_item > a:hover::before {
	content: '\e906';
	top: 3px;
	left: 14px;
	border: 0;
	width: 8px;
	height: 8px;
	font-size: 8px;
	color: #aa0
}
.desktop nav.sub-nav .children a:hover::before {
	color: #aaa
}
nav.sub-nav .children a {
	padding-left: 24px;
}

/*------------------------------------*\
    NAV – SOCIAL MEDIA
\*------------------------------------*/

nav.social-media {
	line-height: 1.2;
	margin-top: 10px;
}
nav.social-media ul,
nav.social-media li {
	margin: 0;
	padding: 0;
	list-style: none;
}
nav.social-media li,
nav.social-media a,
nav.social-media a::before {
	display: inline-block;
	width: 20px;
	height: 20px;
}
nav.social-media a {
	position: relative;
	text-align: left;
	text-indent: -4000px;
}
nav.social-media a::before {
	position: absolute;
	left: 0;
	top: 0;
    font-size: 17px;
    text-indent: 0;
    color: #999;
}
.twitter a::before {
    content: "\e903";
}
.facebook a::before {
    content: "\e902";
}
.youtube a::before {
    content: "\e904";
}
.desktop nav.social-media li.twitter a:hover::before {
	color: #5aa2e5;
}
.desktop nav.social-media li.facebook a:hover::before {
	color: #526ca5;
}
.desktop nav.social-media li.youtube a:hover::before {
	color: #e41d35;
}

/*------------------------------------*\
    ACCORDIONS, PEOPLE
\*------------------------------------*/

.accordions {
	margin: 1.5em -15px 2em;
}
.post-type-archive-news .accordions,
.post-type-archive-libitem .accordions {
	margin-bottom: 0;
}
.accordions:first-child {
	margin-top: -5px;
}
.accordions section > header {
	position: relative;
	border-bottom: 1px solid #ccc;
	color: #333;
	background: #e3e3e3;
	cursor: pointer;
	padding: 12px 30px 12px 15px;
}
.content-align-right .accordions section > header {
	border-bottom-color: #222;
	color: #d1d1d1;
	background: #080808;
}
.accordions section > header > h3 {
	text-transform: uppercase;
	font-size: 9px;
	line-height: 1.4;
	letter-spacing: .1em;
	margin: 0;
}
.accordions .date {
	margin: 0;
	font-size: 9px;
	letter-spacing: .1em;
	font-weight: bold;
}
.accordions section > header > .date + h3 {
	margin-top: .1em;
}
.accordions section > header::after {
	position: absolute;
	display: block;
	content: '\e901';
	width: 13px;
	height: 13px;
	color: #777;
	font-size: 13px;
	margin-top: -7px;
	top: 50%;
	right: 15px;
}
.accordions section.open > header::after {
	content: '\e900';
}
.accordions section > div {
	padding: 0 15px;
	overflow: hidden;
	max-height: 0;
}
.accordions section.open > div {
	padding-top: 1em;
	padding-bottom: 2em;
	max-height: 5000px;
}
.cssanimations .accordions section > div {
    transition: max-height .2s, padding .2s;
    -webkit-transition: max-height .2s, padding .2s;
    -moz-transition: max-height .2s, padding .2s;
    -o-transition: max-height .2s, padding .2s
}
.cssanimations .accordions section.open > div {
    transition: max-height .5s, padding .2s;
    -webkit-transition: max-height .5s, padding .2s;
    -moz-transition: max-height .5s, padding .2s;
    -o-transition: max-height .5s, padding .2s
}
.accordions.inline-images img {
	float: left;
	max-width: 125px;
	height: auto;
	margin: 1.2em 10px 10px 0;
}

/*------------------------------------*\
    LINKS LIST
\*------------------------------------*/

ul.links-list,
ul.links-list li {
	margin: 0;
	list-style: none;
}
ul.links-list {
	padding: .5em 0 0 0;
}
ul.links-list li {
	font-size: 1.35em;
	line-height: 1.2;
	padding: .15em 0;
}
ul.links-list a {
	display: block;
	text-decoration: none;
}

/*------------------------------------*\
    FORMS
\*------------------------------------*/

section form {
	margin-top: 1em;
}
.form-table {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.form-row {
	display: table-row;
}
.form-row > div {
	display: table-cell;
	vertical-align: top;
	padding-top: 10px;
	width: 25%;
}
.form-row > div + div {
	width: 75%;
}
fieldset {
	border: none;
	padding-bottom: 20px;
}
legend {
	display: block;
	padding: 5px 0 15px;
	width: 100%;
	right: auto;
	border-top: 1px solid #ccc;
	font-weight: 400;
	font-size: 15px;
}
label {
	display: block;
	padding: 0 15px 3px 0;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="submit"],
input[type="search"],
textarea {
	position: relative;
	display: block;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	width: 100%;
	padding: 4px 5px 3px;
	line-height: 1.3;
	background: #fff;
	border: 1px solid #ccc;
	color: #555;
	min-height: 20px;
}
input[type="submit"] {
	display: inline-block;
	width: auto;
	padding: 0 15px;
	border-radius: 3px;
	border: 1px solid #999;
	cursor: pointer;
	font-weight: 600;
	line-height: 1;	
	text-transform: uppercase;
	color: #fff;
	background: #aa0;
}
.desktop input[type="submit"]:hover {
	color: #333;
	background: #eee;
}
.email-signup {
	margin-top: 3px;
}
.email-signup form > div {
	display: inline-block;
	vertical-align: top;
}
.email-signup input[type="email"],
.email-signup input[type="submit"] {
	display: inline-block;
	vertical-align: top;
	background: #000;
	border-color: #999;
	color: #ccc;
	height: 17px;
	min-height: 17px;
	width: auto;
}
.email-signup input[type="email"] {
	padding: 2px 3px;
	font-size: 10px;
	min-width: 150px;
}
.email-signup input[type="submit"] {
	padding: 2px 10px;
	border-radius: 0;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-left: 0;
	font-size: 9px;
	line-height: 12px;
}
input[type="submit"].grey {
	color: #fff;
	font-size: 1.3em;
	font-weight: normal;
	padding: 7px 15px;
	text-transform: none;
	border-radius: 5px;
	border-width: 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5c5c5c+0,767676+50,626262+51,474747+100 */
	background: #5c5c5c; /* Old browsers */
	background: -moz-linear-gradient(top, #5c5c5c 0%, #767676 50%, #626262 51%, #474747 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #5c5c5c 0%,#767676 50%,#626262 51%,#474747 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #5c5c5c 0%,#767676 50%,#626262 51%,#474747 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c5c5c', endColorstr='#474747',GradientType=0 ); /* IE6-9 */
}
.desktop input[type="submit"].grey:hover {
	color: #333;
	background: #aaa;
}
.wpcf7 input[type="submit"] {
	margin-top: 1em;
}
.wpcf7-radio {
	margin-top: -2px;
	display: block;
}
.wpcf7-radio > span {
	display: block;
	line-height: 1.5;
}
.wpcf7-radio > span label {
	font-size: .9em;
	padding: 0;
}
.wpcf7-radio input[type=radio] {
	margin-right: 3px;
}
main div.wpcf7 .ajax-loader {
	display: block;
	margin-left: auto;
}
main span.wpcf7-not-valid-tip {
	display: inline-block;
	font-size: 13px;
	margin-top: 4px;
	padding: 6px 10px 7px;
	color: #fff;
	background: #000;
}
main div.wpcf7-response-output {
	margin: 1em 0 0 0;
	padding: .5em 1em;
}
main div.wpcf7-validation-errors {
	border-color: #000;
	color: #000;
}
#rc-imageselect, 
.g-recaptcha {
	transform:scale(0.8);
	-webkit-transform:scale(0.8);
	transform-origin:0 0;
	-webkit-transform-origin:0 0;
}
/* @media screen and (max-width: 800px){ 
	#rc-imageselect, 
	.g-recaptcha {
		transform:scale(0.77);
		-webkit-transform:scale(0.77);
		transform-origin:0 0;
		-webkit-transform-origin:0 0;
	} 
} */

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media only screen and (min-width:375px) {
	.nav-prompt {
		right: 35px;
		top: 50px;
	}
	.wrapper > header .logo a {
		width: 195px;
		height: 65px;
	}
}
@media only screen and (min-width:480px) {
	.wrapper {
		padding: 0 30px;
	}
	.wrapper > footer.footer-left > div > div,
	.single-line-footer {
		display: inline-block;
		width: 50%;
		vertical-align: top;
	}
	.single-line-footer {
		text-align: right;
	}
}
@media only screen and (min-width:650px) {
	
	.nav-prompt {
		display: none;
	}
	main > article,
	main > aside {
		width: 50%;
	}
	main > aside {
		display: block;
	}
	main > article {
		min-height: 450px;
	}
	.single-film main > article {
		min-height: 0;
	}
	.content-align-right main > article,
	.content-align-right main > aside {
		margin-left: 50%;
	}
	main > aside {
		position: absolute;
		left: 50%;
		width: 110px;
		margin-left: 1px;
		min-height: 120px;
		z-index: 4;
	}
	.home main > article,
	.single-film main > article,
	.single-film main > aside {
		width: 100%;
		margin-left: 0;
	}
	.single-film main > aside {
		position: relative;
		left: auto;
		width: auto;
		min-height: 0;
		margin-left: 0;
	}
	.content-align-right main > aside {
		margin-left: -111px;
	}
	main > aside::after {
		background: #fff;
		opacity: .85;
		content: '';
		position: absolute;
		width: 1px;
		margin-left: -1px;
		top: 0;
		bottom: 0;
	}
	.content-align-right main > aside::after {
		right: -1px;
		margin-left: 0;
		background: #181818;
	}
	.single-film main > aside {
		margin-left: 0;
		right: auto;
	}
	.single-film main > aside::after {
		display: none;
	}
	main > .bg {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		height: 0;
		right: 0;
		padding-top: 56.25%;
		background-color: #222;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
		background-position: center;
		z-index: 0;
	}
	.wrapper > footer.footer-right,
	body.content-align-right .wrapper > footer.footer-left {
		position: absolute;
		top: 95px;
		left: 0;
		right: 0;
		margin: 57% 30px 0;
		z-index: 0;
	}
	body.content-align-right .wrapper > footer.footer-right {
		left: auto;
		right: auto;
		top: auto;
		margin: 0;
	}
	body.show-single-line-footer .wrapper > footer.footer-right,
	body.content-align-right.show-single-line-footer .wrapper > footer.footer-left {
		top: auto;
		left: auto;
		right: auto;
		margin: 0;
	}
	.single-line-footer {
		display: none;
	}
	.wrapper > footer.footer-left {
		padding-top: 0;
	}
	.wrapper > footer.footer-right {
		display: block;
		text-align: right;
	}
	body.content-align-right .wrapper > footer.footer-right,
	body.show-single-line-footer .wrapper > footer.footer-left {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		z-index: 1;
		padding: 0;
	}
	body.show-single-line-footer .wrapper > footer.footer-left > div > div,
	body.show-single-line-footer .single-line-footer {
		display: inline-block;
		width: 50%;
		vertical-align: top;
	}
	body.show-single-line-footer .wrapper > footer.footer-right {
		display: none;
	}

	/*------------------------------------*\
	    NAV – TABS
	\*------------------------------------*/

	nav.tabs {
		position: absolute;
		left: 0;
		top: 110px;
		bottom: auto;
		right: 0;
		z-index: 2;
		width: auto;
		overflow: visible;
		display: block;
		padding: 0 30px;
		background: transparent;
	}
	nav.tabs .sub-menu {
		display: none;
	}
	nav.tabs > div {
		margin: 0 auto;
		max-width: 800px;
		-webkit-box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.5);
		-moz-box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.5);
		box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.5);
	}
	nav.tabs > div > div > div {
		margin: 1px -1px 0;
	}
	nav.tabs > div > div > div > ul {
		display: table;
		width: 100%;
		/* table-layout: fixed; */
		border-spacing: 1px 0;
	}
	nav.tabs > div > div > div > ul > li {
		display: table-cell;
		vertical-align: middle;
	}
	nav.tabs > div > div > div > ul > li > a {
		width: 100%;
		padding-left: 4px;
		padding-right: 4px;
		background: #333;
		text-transform: uppercase;
		font-size: 11px;
		text-align: center;
	}
	nav.tabs > div > div {
		display: inline-block;
		width: 50%;
		vertical-align: top;
	} 
	nav.tabs,
	nav.tabs > div,
	nav.tabs > div > div,
	nav.tabs > div > div > div,
	nav.tabs > div > div > div > ul > li,
	nav.tabs > div > div > div > ul > li > a {
		height: 22px;
	}
	nav.tabs > div > div.left-tabs > div {
		margin: 0 -1px;
	}
	nav.tabs > div > div.right-tabs > div {
		margin: 0 -1px 0 0;
	}
	nav.tabs > div > div > div > ul > li.current-menu-item > a,
	nav.tabs > div > div > div > ul > li.current-page-ancestor > a,
	.desktop nav.tabs > div > div > div > ul > li.current-menu-item > a:hover,
	.desktop nav.tabs > div > div > div > ul > li.current-page-ancestor > a:hover {
		font-weight: normal;
		background: #ffffff;
		color: #aa0;
	}
	nav.tabs > div > div.right-tabs > div > ul > li.current-menu-item > a,
	nav.tabs > div > div.right-tabs > div > ul > li.current-page-ancestor > a,
	.desktop nav.tabs > div > div.right-tabs > div > ul > li.current-menu-item > a:hover,
	.desktop nav.tabs > div > div.right-tabs > div > ul > li.current-page-ancestor > a:hover {
		background: #181818;
		color: #fff;
	}
	.desktop nav.tabs > div > div > div > ul > li > a:hover {
		background: #444;
		color: #fff;
	}

	/*------------------------------------*\
	    NAV – SUB
	\*------------------------------------*/

	nav.sub-nav {
		font-size: 9px;
	}
	nav.sub-nav a {
		padding: 2px 5px 2px 16px;
	} 
	.desktop nav.sub-nav a:hover::before,
	nav.sub-nav .current_page_item > a::before,
	nav.sub-nav .current_page_ancestor > a::before {
		width: 5px;
		height: 5px;
		top: 4px;
		left: 7px;
	}

}
@media only screen and (min-width:860px) {
	
	.wrapper > footer.footer-right,
	body.content-align-right .wrapper > footer.footer-left {
		top: 584px;
		margin-top: 0;
	}
}
@media only screen and (min-width:900px) {
	.wrapper,
	nav.tabs {
		padding-left: 140px;
		padding-right: 140px;
	}
	.wrapper > footer.footer-right,
	body.content-align-right .wrapper > footer.footer-left {
		left: 110px;
		right: 110px;
		top: -30px;
		margin-top: 57%;
	}
	main > aside {
		left: -111px;
		margin-left: 0;
	}
	.single-film main > aside {
		position: absolute;
		width: 110px;
		margin-left: 1px;
		min-height: 120px;
		z-index: 2;
	}
	.content-align-right main > aside,
	.single-film main > aside {
		left: auto;
		right: -111px;
	}
	main > aside::after {
		display: none;
	}
}
@media only screen and (min-width:1075px) {
	.wrapper > footer.footer-right,
	body.content-align-right .wrapper > footer.footer-left {
		top: 584px;
		margin-top: 0;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}
@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3,
	h4 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}