@charset "utf-8";
/*
Theme Name: REELABILITIES
Template:   twentythirteen
*/

/*@import url('https://fonts.googleapis.com/css?family=Catamaran');*/
@import url('https://fonts.googleapis.com/css?family=Catamaran:400,500,600,700,800,900');


@import url("orig_style.css");

.main-site-back-button {margin:10px 0 -10px; display:inline-block;}

html{/*height:100%; position:relative;*/}
body {font-family: 'Catamaran', sans-serif; font-size:16px; height:100%; position:relative; background:white; color:#4f5769; margin:0; padding-top:171px;}
body.with-subnav {padding-top:205px;}

img {max-width:100%;}

.mobile-header, .mobile-nav-menu, .mobile-only {display:none;}
.desktop-only {display:block;}

.site {background:none; border:none; position:relative; max-width:none;}
.site-main {width:100%; min-height:300px;}

.content-area {overflow:visible !important;}

article {width:100%; margin:0; position:relative;}
article:after {content:''; display:table; clear:both;}

.entry-content *:last-child {margin-bottom:0;}
.entry-content a {text-decoration:underline !important;}

.poster-thumbnail,
.poster {cursor:pointer;}

.popup.popup-poster-enlarge {padding:20px;}
.popup.popup-poster-enlarge .popup-content {text-align:center;}
.popup.popup-poster-enlarge .popup-content img {width:auto; height:600px;}

.color,
.menu-toggle {color:#d2546c;}

.underline {text-decoration:underline;}

h1, h2, h3, h4, h5, h6 {font-family:inherit; font-weight:bold; color:inherit;}

h1 {font-size:26px; font-weight:bold; line-height:initial;}
h1 a {text-decoration:none;}

/*.entry-title{max-width:none; margin:12px 0;}*/

h2 {font-size:24px; font-weight:800; color:#f78d2d; text-transform:uppercase; margin:34px 0 20px;}
h2.centered {text-align:center; border-bottom:3px solid #f78d2d; text-transform:uppercase; line-height:1;}
h2.centered span {display:inline-block; background:white; position:relative; top:9px; padding:0 15px;}

h3 {font-size:24px; font-weight:800; color:#959ea8; text-transform:uppercase; margin:34px 0 20px;}
h3.centered {text-align:center; border-bottom:3px solid #959ea8; text-transform:uppercase; line-height:1;}
h3.centered span {display:inline-block; background:white; position:relative; top:9px; padding:0 15px;}

h4 {font-size:20px; font-weight:bold; color:#959ea8; text-transform:uppercase; margin:15px 0 10px;}
h4.orange {color:#f78d2d;}

h5 {font:inherit; font-weight:bold; margin:0; padding:0; color:#868f99;}

hr {height:0; border:none; border-top:2px solid #f78d2d; margin:10px 0;}
hr.gray {height:0; border:none; border-top:1px solid #e0e0e0; margin:10px 0;}

.clearfix, .clear-fix {clear:both;}
.clear:after {content:''; display:table; clear:both;}

.left {float:left;}
.right {float:right;}

.image-cover {background-size:cover; background-position:50% 50%; background-repeat:no-repeat;}
.image-contain {background-size:contain; background-position:50% 50%; background-repeat:no-repeat;}

/* forms: */
button, input, select, textarea {font:inherit;}
input[type="submit"],
input[type="reset"],
input[type="button"] {outline:none;}

form {position:relative;}
.loading-before:before {content:''; width:26px; height:26px; background:white url(images/ajaxloader.gif) 50% 50% no-repeat; background-size:contain; margin-right:10px; display:inline-block; vertical-align:top;}

.site-main select,
.site-main input[type="text"],
.site-main input[type="email"],
.site-main input[type="tel"],
.site-main textarea {background:#c6d1dd; border:none; color:#1e252c; font-weight:500; line-height:33px; height:33px; padding:0 10px;}

label {cursor:pointer;}

::-webkit-input-placeholder { color:inherit; font-style:inherit; font-weight:inherit;}
:-moz-placeholder {color:inherit; opacity:1; font-style:inherit; font-weight:inherit;}
::-moz-placeholder { color:inherit; opacity:1; font-style:inherit; font-weight:inherit;}
:-ms-input-placeholder {color:inherit; font-style:inherit; font-weight:inherit;}



label {position:relative;}
label.labels-array {margin-right:15px;}
label.block {display:block; margin-bottom:15px;}

input[type="radio"] {width:16px; height:16px;}
input[type="checkbox"],
input[type="radio"] {position:relative;}
/*input[type="checkbox"]:after,
input[type="radio"]:after {content:''; position:absolute; top:0; left:0; background:white; border:1px solid #0ea7ff; width:13px; height:13px; border-radius:3px; cursor:pointer;}
input[type="checkbox"]:checked:after,
input[type="radio"]:checked:after {background:#0ea7ff url(images/checkbox.png) 50% 50% no-repeat;}*/
input[type="checkbox"].exclusive-checkbox {width:5px; height:5px; margin:0 18px 5px 5px; vertical-align:middle; outline:none;}
input[type="checkbox"].exclusive-checkbox:after {content:''; position:absolute; top:-5px; left:-5px; width:10px; height:10px; border-radius:16px; cursor:pointer; background:#c6d1dd; border:4px solid #c6d1dd;}
input[type="checkbox"].exclusive-checkbox:checked:after {background:#1e252c;}

.small {font-size:12px;}
.normal-line-height {line-height:normal !important;}
.line-height-wide {line-height:1.5;}
.word-wrap {white-space:normal;}
.capitalize {text-transform:capitalize;}

.on-off-button {background:#e0e0e0; border-radius:4px; display:inline-block; text-align:center; line-height:30px !important; height:30px; margin-right:5px; margin-bottom:5px; padding:0 10px; font-style:italic;}
.on-off-button.checked {background:#0ea7ff; color:white;}
.on-off-button * {display:none;}

.on-off-button-darker {background:#4f5769;}
.on-off-button.default-on {background:#4f5769;}


/* easing: */
.film-list[rel="view-thumbs"] .film-thumb > .right,
a.hp-link,
.easing, .easing-200ms {-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}

.top-select li a,
.sub-nav li,
.nav-menu > li,
.dark-button,
input[type="submit"],
a.presenting-festival,
.easing-fast {-webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out;}

.easing-500ms {-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}

.easing-1s {-webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out;}

/* general things: */
.center {text-align:center;}
.justify {text-align:justify;}
.justify.center {text-align:justify; text-align-last:center;}
.normal {font-weight:normal;}
.italic {font-style:italic;}
.uppercase {text-transform:uppercase;}

.lighter {font-weight:lighter;}
.normal {font-weight:normal;}
.bold {font-weight:bold;}
.no-underline,
.no-underline:hover,
.no-underline a,
.no-underline a:hover {text-decoration:none !important;}

a:not(.underline) {text-decoration:none !important;}
a:visited, a:hover, a, .widget a, .widget a:hover {color:inherit;}
a:hover {text-decoration:none;}


/* dashicons: */
.dashicons { width:auto; height:auto; font-size:inherit; line-height: inherit; text-decoration: inherit;}

/* top: */
.top {position:fixed; z-index:51; left:0; right:0; top:0; outline:none;}
.top-select-label {cursor:pointer; background:#f78d2d; color:white; height:26px; line-height:28px; font-size:19px; font-weight:500; text-transform:uppercase; text-align:center; padding-top:1px;}
.top-select {position:fixed; z-index:51; left:0; right:0; top:calc(26px + 90px); background:white; color:black; height:0; overflow:hidden;}
.top-select ul {list-style:none; margin:0; padding:20px 0; column-count:4; column-rule:2px outset #c6d1dd; column-gap:6px;}
.top-select li { display:block;}
.top-select a { display:inline-block; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:16px; padding:4px 6px 1px; line-height:1.1;}
.top-select li.on a {background:#f78d2d;}
.top-select li.on a:hover {color:white;}
.top-select li:not(.on) a:hover {color:#959ea8;}
body.admin-bar .top {top:32px;}
body.admin-bar .top-select {top:calc(32px + 26px + 90px);}

/* site-header search: */
.site-header .wrapper { display: flex; flex-direction: row-reverse; justify-content: space-between; }
.site-header .right { line-height:90px; vertical-align:middle; flex-shrink: 0; }

.site-header .search-form {position:relative; right:auto; left:auto; top:auto; display:inline-block; line-height:normal;}
.site-header .search-form input[type="text"] {line-height:30px; height:30px; border-radius:30px; font-weight:bold; text-transform:uppercase; font-size:16px; color:#1e252c; padding:2px 32px 0 13px; outline:none;}
.site-header .search-form input[type="submit"] {color:transparent; width:30px; height:30px; position:absolute; top:0; right:0; background:url(images/search-icon.png?v=1) 50% 50% no-repeat; cursor:pointer; outline:none;}

.accessibility-link {display:inline-block; vertical-align:middle; background:url(images/link-accessibility.png); width:30px; height:30px; margin-left:5px;}
.fb-link {display:inline-block; vertical-align:middle; background:url(images/link-fb.png); width:30px; height:30px; margin-left:5px;}
.twitter-link {display:inline-block; vertical-align:middle; background:url(images/link-twitter.png); width:31px; height:30px; margin-left:5px;}

/* search / autocomplete: */
.ui-autocomplete {z-index:10000;}
.ui-menu .ui-menu-item.ac-small a {font-size:12px; font-weight:bold;}
.ui-menu .ui-menu-item.ac-small a b {font-weight:normal;}
.ui-autocomplete.ui-corner-all,
.ui-autocomplete .ui-corner-all {border-radius:0; /*display:block !important;*/}
.ui-menu-item {font-size:14px; margin:4px 0 !important;}
.ui-menu .ui-menu-item a {line-height:1.3 !important; padding-top:4px; padding-bottom:4px;}
.ui-state-focus {border-radius:0; background:#ccc !important; border:none !important; margin:0 !important;}
.ui-widget .small {font-size:11px;}

/* search page: */
.past-thumb {min-height:90px; margin-bottom:10px;}
.past-thumb .image-cover {width:127px; height:90px;}
.past-thumb .right {margin:0 0 0 145px; float:none;}
.past-thumb h3 {margin:0; padding:30px 0 0;}


/* main menu: */
#navbar {background:#959ea8; text-align:center;}
.menu-toggle_ { cursor:pointer; margin:0 18px 0 0; display:inline-block; font-size:28px; color:#4f5769; font-weight:bold; line-height:75px; position:relative; background:url(images/menu-toggle.png) 50% 50% no-repeat; width:25px; height:22px; top:25px;}
.menu-toggle_:hover {background:url(images/menu-toggle-on.png) 50% 50% no-repeat;}
/*.menu-toggle_:after {content:"\f333"; font-family:dashicons;}*/
body.menu-open .menu-toggle_ {color:transparent; background:none; position:relative;}
body.menu-open .menu-toggle_:after {content:"\f158"; font-family:dashicons; position:absolute; top:0; left:0; right:0; bottom:0; color:#4f5769; line-height:24px;}

.nav-menu-container {position:absolute; top:0; left:0; bottom:0; width:255px; background:#363d4c; z-index:10000; padding:30px 30px; text-align:center;}
.nav-menu {text-align:justify; text-align-last:justify; position:relative;}
.nav-menu > li {display:inline-block; color:#1e252c; text-align:center; font-weight:bold; font-size:16px; text-transform:uppercase; position:unset;}
.nav-menu > li:hover,
.nav-menu > li.current_page_item  {color:white;}
.nav-menu > li > a {color:inherit; font:inherit; padding:1px 10px 0; line-height:55px; height:55px; text-decoration:none !important;}
.nav-menu > li:first-child a {padding-left:0;}
.nav-menu > li:last-child a {padding-right:0;}
.nav-menu > li.current-page > a,
.nav-menu > li.current-menu-item > a {color:white; position:relative;}

.nav-menu-container .social-list {display:inline-block; border-top:1px solid #4f5769; border-bottom:1px solid #4f5769; padding:22px 0;}
.nav-menu-container .social-list li {float:left; margin:0 8px;}
.nav-menu-container .social-list li a {background-position:0 -26px; background-color:#4f5769;}
.nav-menu-container .social-list li a:hover {background-color:#0ea7ff;}

.nav-menu > li > .sub-menu,
.nav-menu > li:hover > .sub-menu {display:none;}
.nav-menu > li.current-menu-item > .sub-menu {display:block; background:#1e252c; border:none; padding:0; position:absolute; left:0; right:0; z-index:10; width:auto; height:48px; clip:rect(auto, auto, auto, auto);}
/*.nav-menu > li.current-menu-item > .sub-menu:before {content:''; display:block; background:#1e252c; position:fixed; top:203px; left:0; right:0; height:48px;}*/

.nav-menu .sub-menu {list-style:none; margin:0; padding:0;}
.nav-menu .sub-menu li {float:none; text-align:center; text-align-last:center; color:#c6d1dd;}
.nav-menu .sub-menu li:not(.on):hover {color:white;}
.nav-menu .sub-menu li.on {background:#c6d1dd; color:#1e252c;}
.nav-menu .sub-menu li a {width:auto; text-transform:uppercase; font-weight:bold; font-size:14px; /*18px;*/ color:inherit; text-decoration:none; line-height:48px; height:48px; padding:2px 10px 0; display:block;}



/* header: */
.site-header {height:90px; background:#1e252c; padding:0; color:white;}
.home-link {float:left; text-decoration:none; position:relative; top:17px; max-width:400px; max-height:59px; background-size:contain; background-repeat:no-repeat; background-position:0 50%;}

.lang-nav {position:absolute; right:30px; top:0; line-height:1.5; text-transform:uppercase;}
.lang-nav > a {}
.lang-nav > a.on {text-decoration:underline !important;}
@media screen and (max-width: 600px) {
	.lang-nav {right:70px;}
}

/* pages sub-navs: */
.sub-nav-content {display:none;}
.sub-nav {background:#1e252c; text-align:justify; text-align-last:justify; /*margin-bottom:28px;*/}
/*.sub-nav ul {list-style:none; margin:0 -10px; padding:0;}
.sub-nav li {display:inline-block; text-align:center; color:white; position:relative;}
.sub-nav li.on {color:#f78d2d;}
.sub-nav li a {font-weight:400; display:block; font-size:18px; color:inherit; text-decoration:none; line-height:48px; height:48px; padding:1px 10px 0;}
.sub-nav li.on:after {position:absolute; bottom:0; left:50%; margin-left:-7px; content:''; width:0; height:0; border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:7px solid white;}*/

.sub-nav {background:#1e252c;}
.sub-nav-1-items {display:none;}
.sub-nav-2-items.sub-nav li {width:50%;}
.sub-nav-3-items.sub-nav li {width:33.3%;}
.sub-nav-4-items.sub-nav li {width:25%;}
.sub-nav-5-items.sub-nav li {width:20%;}

.sub-nav ul {list-style:none; margin:0; padding:0;}
.sub-nav li {display:inline-block; text-align:center; color:#c6d1dd;}
.sub-nav li.on {background:#c6d1dd; color:#1e252c;}
.sub-nav li:not(.on):hover {color:white;}
.sub-nav li a {text-transform:uppercase; font-weight:bold; font-size:14px; /*18px;*/ color:inherit; text-decoration:none; line-height:48px; height:48px; padding:2px 10px 0; display:block;}
html[lang="es-ES"] .sub-nav li a {font-size:12px;}


/* dark buttons: */
.dark-button,
a.dark-button,
.site-main input[type="submit"] {margin-top:5px; display:inline-block; text-decoration:none; color:#f78d2d; text-transform:uppercase; padding:12px 32px; line-height:36px; height:56px; background:#1e252c; font-size:20px; font-weight:bold;}
.dark-button:hover,
a.dark-button:hover,
.site-main input[type="submit"]:hover {color:#1e252c; background:#f78d2d;}
.dark-button.short,
a.dark-button.short,
.site-main .input[type="submit"] {height:33px; line-height:33px; padding:1px 10px; font-size:18px;}

a.orange-button,
.orange-button {text-decoration: none !important; background: #f78d2d; text-align: center; display: inline-block; color: #333; padding: 0 10px; line-height: 33px; height: 30px; text-transform: uppercase; font-weight:700;}
	
	
/* partners page: */
.partner-thumbs-container {margin:0 -10px 10px;}
.partner-thumb {display:inline-block; margin:0 10px 20px; width:154px; height:154px; /*border-radius:154px;*/ background-size:contain; background-position:50% 50%; background-repeat:no-repeat; /*background-color:#c6d1dd;*/}

.page-template-partners .site {padding-bottom:50px;}

.wrapper {width:100%; max-width:925px; margin:0 auto; position:relative; padding:0 30px;}

.entry-header, .entry-content, .entry-summary, .entry-meta {max-width:none;}

/*slider: */
.slider-title-container {height:382px; position:relative; margin-bottom:24px;}
.slider-title-container > h1 {font-size:110px; font-weight:bold; color:#0ea7ff; position:absolute; bottom:0; left:24px; z-index:1; margin:0;}

.slider-container {height:382px; margin-bottom:35px;}
.slider {}
.slider .gallery-item {/*background-blend-mode:multiply;*/}
.gallery-single-slider .gallery-item {width:100%;}
.gallery-container {position:relative;}
.gallery {overflow:hidden; width:100%; height:100%; position:relative;}
.gallery-item {position:absolute; top:0; left:0; width:100%; background-position:50% 50%; background-size:cover; height:100%;}

.slider .gallery-navs {position:absolute; top:15px; right:12px;}
.slider-container-1-item .slider .gallery-navs {display:none;}
.gallery-nav {float:left; margin-right:10px; width:10px; height:10px; border-radius:10px; background:#403c3c; cursor:pointer;}
.gallery-nav.on {background:#0493a4; /*#dca913;*/}


/* navs: */
.main-navigation {/*margin-top:15px;*/ margin-left:20px; position:relative;}

/* homepage: */

.upcoming-festivals {list-style:none; margin:0 0 50px; padding:0; column-count:2;}
.upcoming-festivals li {display:block; text-align:center;}

div#n2-ss-2 .n2-ss-slider-1 {height:630px; max-height:70vh;}
.home-slider {height:630px; max-height:70vh;}

.gallery-container .arr-r {position:absolute; top:50%; right:20px; margin-top:-24px; z-index:10; color:white; font-size:20px; cursor:pointer;}
.gallery-container .arr-l {position:absolute; top:50%; left:20px; margin-top:-24px; z-index:10; color:white; font-size:20px; cursor:pointer;}
.gallery-container .arr-r:after,
.gallery-container .arr-r:hover:after {font-family:dashicons; content: "\f345"; font-style:normal; font-weight:bold; line-height:48px; width:60px; text-align:center; display:block;}
.gallery-container .arr-l:after,
.gallery-container .arr-l:hover:after {font-family:dashicons; content: "\f341"; font-style:normal; font-weight:bold; line-height:48px; width:60px; text-align:center; display:block;}


.nextend-arrow {top:50% !important;}
body.home article {position:relative;}
.hp-slider-overlay {position:absolute; z-index:10; bottom:0; left:0; right:0; padding:27px 0; background:rgba(30,37,44,0.7); color:white; text-align:center;}
a.hp-link {display:inline-block; vertical-align:top; text-decoration:none; text-align:center; border:2px solid #f78d2d; background:#f78d2d; color:#1e252c; width:195px; line-height:75px; height:75px; margin:0 20px;}
a.hp-link span {display:inline-block; vertical-align:middle; line-height:1.2; text-transform:uppercase; font-weight:bold; font-size:20px;}
a.hp-link:hover {background:#1e252c; color:#f78d2d;}

/* about: */
.page-template-about .entry-content h2:not(:first-child) {border-top:5px solid #c6d1dd; padding-top:25px;}

.staff-thumb {padding:20px 0;}
.staff-thumb .image-cover {float:left; width:140px; height:140px; border-radius:140px;}
.staff-thumb .details {margin-left:180px; min-height:180px;}
.staff-thumb .details h4 {margin-top:0; color:#f78d2d;}
.staff-thumb .details h5 {position:relative; top:-10px; margin-bottom:-1px;}
.staff-thumb:after {content:''; display:block; width:70px; margin:20px auto 0; border-top:1px solid #c6d1dd;}

/* donate: */
.form-donate-to {text-align:center;}
.donate-image {margin-top:20px; max-width:100%; display:block;}

/* films directory page: */
.page-template-films .site-main {margin-top:20px;}
.form-film-directory-top {border-bottom:5px solid #c6d1dd; padding:17px 0; font-weight:600;}
.form-films-directory input[type="submit"] {display:none;}

.form-film-directory-top-1 {margin-bottom:10px;}
.form-film-directory-top-1 select {background:#eee; float:left; width:calc(25% - 20px / 4 * 3); margin-left:20px; text-transform:uppercase;}
.form-film-directory-top-1 select option:first-child {font-weight:bold;}
.form-film-directory-top-1 select.hilite {background:#c6d1dd;}
.form-film-directory-top-1 select:first-child {margin-left:0;}
/*.form-film-directory-top input,
.form-film-directory-top select {font-size:15px;}*/
.form-film-directory-top-2 {/*border-bottom:2px solid #1e252c;*/}
.form-film-directory-top-2 input {width:100%; margin-bottom:20px;}
.form-film-directory-top-3 {margin:10px 0; text-align:center;}
/*.form-film-directory-top-3 .left {width:50%;}
.form-film-directory-top-3 .left label {width:40%; display:inline-block; margin:5px 0; text-transform:uppercase;}
.form-film-directory-top-3 .right {width:50%;}
.form-film-directory-top-3 .right input[type="submit"] {width:100%;}*/
.form-film-directory-top-3 label {display:inline-block; margin:5px 20px 5px 0; text-transform:uppercase;}
.form-film-directory-top-3 input[type="checkbox"] {margin:0 10px 5px 5px;}

.letters-select {text-align:justify; text-align-last:justify; font-size:1px; border-bottom:5px solid #f78d2d; padding:12px 0;}
.letters-select label {display:inline-block; text-transform:uppercase; font-size:18px; font-weight:bold; cursor:pointer; padding:3px 7px 2px;}
.letters-select label.on {background:#1e252c; color:#f78d2d;}
.letters-select input[type="radio"] {display:none;}

.view-buttons {float:right; padding:22px 0;}
.view-thumbs-button {float:right; background:url(images/view-thumbs.png); cursor:pointer; width:31px; height:31px; margin-left:14px;}
.view-list-button {float:right; background:url(images/view-list.png); cursor:pointer; width:32px; height:31px; margin-left:14px;}
.view-thumbs-button.on {background:url(images/view-thumbs-on.png);}
.view-list-button.on {background:url(images/view-list-on.png);}

.film-list .film-thumb {display:none;}

.film-list .empty-notice {display:none;}
.film-list.empty .empty-notice {display:block;}
.film-list.empty[rel="view-thumbs"] .empty-notice {margin:0 0 0 10px;}

.film-list[rel="view-list"] .film-thumb.year-ok.country-ok.topic-ok.disability-ok.is_narrative-ok.is_feature-ok.search-ok.letter-ok {display:block; padding:26px 0; position:relative; border-top:2px solid #1e252c;}
.film-list[rel="view-list"] .film-thumb:first-child {border:none !important;}
.film-list[rel="view-list"] .film-thumb > .left {width:127px; height:90px;}
.film-list[rel="view-list"] .film-thumb > h3 {margin:-5px 155px 8px 145px;}
.film-list[rel="view-list"] .film-thumb > .right {float:none; margin:0 155px 0 145px;}
.film-list[rel="view-list"] .film-thumb > .dark-button {position:absolute; bottom:26px; right:0;}

.film-list[rel="view-thumbs"] {margin:0 -10px;}
.film-list[rel="view-thumbs"] .film-thumb.year-ok.country-ok.topic-ok.disability-ok.is_narrative-ok.is_feature-ok.search-ok.letter-ok {display:inline-block; vertical-align:top; margin:26px 10px 50px; position:relative; width:272px; max-width:100%;}
.film-list[rel="view-thumbs"] .film-thumb:first-child {border:none;}
.film-list[rel="view-thumbs"] .film-thumb > .left {float:none; margin:0; height:180px;}
.film-list[rel="view-thumbs"] .film-thumb > .right {float:none; margin:0; position:absolute; top:0; left:0; right:0; height:180px; opacity:0; text-align:center; background:rgba(30,37,44,0.7); color:white; padding:18px 10px 0;}
.film-list[rel="view-thumbs"] .film-thumb:hover > .right {opacity:1;}
.film-list[rel="view-thumbs"] .film-thumb > h3 {margin:20px 0 0; text-align:center; line-height:1.1;}
.film-list[rel="view-thumbs"] .film-thumb > .dark-button {position:absolute; top:142px; left:0; right:0; opacity:0; z-index:1; text-align:center; background:#f78d2d; color:#1e252c;}
.film-list[rel="view-thumbs"] .film-thumb:hover > .dark-button {opacity:1;}

/* film page: */
.film-trailer {height:480px; width:100%; margin:30px auto 0;}
.film-main-image {height:auto; width:auto; max-width:100%; margin:30px auto 0; display:block;}

h1.film-entry-title {text-transform:uppercase; text-align:center; font-size:48px; font-weight:800; color:inherit; margin:23px 0 17px; line-height:1;}
h2.film-entry-subtitle {text-transform:uppercase; text-align:center; font-size:18px; font-weight:normal; color:inherit; margin:15px 0; line-height:1;}
.film-entry-details { /*text-transform:uppercase; color:#959ea8;*/ text-align:center; font-size:13px; line-height:1.6;}
h3.film-entry-h3 {text-align:center; font-weight:800; font-size:24px; color:inherit; margin:20px 0 16px;}
.synopsis {line-height:1.3;}

.presenting-festivals-container {text-align:center; margin:0 -10px;}
a.presenting-festival {text-align:center; margin:0 10px 20px; display:inline-block; width:calc(33% - 20px); background:#c6d1dd; text-decoration:none; line-height:36px;}
a.presenting-festival:hover {background:#1e252c; color:#c6d1dd;}

.film-gallery {margin-top:20px;}
.film-gallery .image-cover {float:left; margin:0 0 10px 10px; width:calc(33% - 10px / 2); height:200px; cursor:pointer;}
.film-gallery .image-cover:nth-child(3n+1) {clear:both; margin-left:0;}
.film-gallery-popup .gallery-container {height:360px;}
.film-gallery-popup.popup {/*padding:25px;*/ height:470px;}
.film-gallery-popup .arr-r {right:0;}
.film-gallery-popup .arr-l {left:0;}

/* contact: */
.page-template-contact .contact-top {text-transform:uppercase; font-weight:500;}
.page-template-contact .contact-top .left {margin-top:27px; width:50%; text-align:end; padding-right:25px; position:relative;}
.page-template-contact .contact-top .right {width:50%; text-align:left; padding-left:23px; position:relative; font-weight:500; line-height:2; margin-top:17px;}
.page-template-contact .contact-top .left:after {content:''; position:absolute; right:0; top:0; bottom:23px; border-right:2px solid #1e252c;}
.page-template-contact .contact-map {display:block; width:100%; height:340px; max-height:70vh; border:none; border-top:5px solid #f78d2d !important; border-bottom:5px solid #f78d2d !important; margin-top:30px;}
div.wpcf7-validation-errors {border:none;}
div.wpcf7-response-output {padding:0; margin:0;}
span.wpcf7-not-valid-tip {font-size:80%; text-transform:none; color:#f78d2d;}
div.wpcf7-mail-sent-ok {border:none;}

.page-template-contact .contact-top .left input[type="text"],
.page-template-contact .contact-top .left input[type="email"] {width:305px; max-width:70%; margin-left:6px;}
.page-template-contact .contact-top .left textarea {width:305px; max-width:70%; height:70px; margin-left:6px;}
.page-template-contact .contact-top .left input[type="submit"] {margin:0;}
.page-template-contact .contact-top .left .ajax-loader {position:absolute;}

.page-template-contact .entry-content {margin-top:40px;}


/* footer: */

.footer-sponsor-logo-container {text-align:center; clear:both; margin:40px 0 0 40px;}

.site-footer {text-align:center; margin:0 auto 0 auto; background:#1e252c; color:white; font:inherit; padding:30px 0 35px 0;}
.site-footer a {color:inherit; text-decoration:none;}
.footer-item {}
.footer-item:first-child:before {content:''; margin:0;}

.site-footer .wpcf7 {display:inline-block; position:relative; margin-left:15px; vertical-align:top; top:-2px; text-align:start;}
.site-footer .wpcf7 p {margin:0; height:0;}
.site-footer .wpcf7 input[type="text"],
.site-footer .wpcf7 input[type="email"] {width:355px; padding:1px 10px 0; line-height:26px; height:26px; font-weight:bold;}
.site-footer .wpcf7 input[type="submit"] {display:none;}

.site-footer .wpcf7 .wpcf7-recaptcha {position:absolute; top:-80px; z-index:10; display:none;}


.site-footer .social-list {margin-top:0;}
.site-footer .social-list li {margin:0 13px 0 0; line-height:20px; height:20px; width:20px;}


.footer-main {text-align:center; margin-bottom:15px;}

.footer-main div.wpcf7 .wpcf7-validation-errors {display:none !important;}
.footer-main div.wpcf7 .ajax-loader {position:absolute; right:-21px; top:3px;}
.footer-main div.wpcf7 div.wpcf7-response-output {border:none; text-align:start; padding:0;}
	
.footer-links {text-align:center;}
.footer-links a {display:inline-block; color:#f78d2d; font-weight:bold;}
.footer-links a:before {content:'|'; color:white; margin:0 10px; display:inline-block; vertical-align:middle;}
.footer-links a:first-child:before {display:none;}


/* popups: */
.popup-container {position:absolute; top:0; right:0; bottom:0; left:0; display:none; background:rgba(0,0,0,0.5); z-index:10000;}
.popup {display:none; position:absolute; top:0; margin-top:150px; left:50%; right:50%; margin-left:-305px; margin-right:-305px; min-height:100px; max-height:100%; background:white; box-shadow:2px 3px 5px rgba(0,0,0,0.3); text-align:start; padding:77px 25px 30px 25px; border-radius:3px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; overflow:auto;}
.popup-title {position:absolute; top:0; left:30px; right:30px; margin:0; line-height:83px; text-align:center;}

.blue-popup .popup-title {background:#0ea7ff;}

.hide-popup {position:absolute; top:0; left:0;}
.hide-popup:after {display:block; content: "\f158"; font-family:dashicons; text-align:center; line-height:33px; font-size:19px; color:#4f5769; cursor:pointer; width:33px; height:33px;}

.popup a {color:#0ed977;}



.site-main {display:block;}
body:not(.home) .site-main {margin-bottom:50px; min-height:calc(90vh - 270px);} /* :not(.page-template-contact) */







.sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta {padding:0;}



.entry-content, .entry-summary, .entry-meta {max-width:none; width:auto; margin:0;}
/*#content,
.entry-content {font-size:18px; color:#1e252c; line-height:1.2;}*/
.entry-meta {margin-top:20px;}



/* home 2020: */



/* admin bar: */
@media screen and (max-width: 600px) {
	#wpadminbar {position:fixed !important;}
	body.admin-bar .top {top:46px;}
	body.admin-bar .top-select {top:calc(46px + 40px);}
}

/* reeled: */
body.page-id-2727 .gform_wrapper .gform_body .gform_fields .gfield input[type=text] {width:100%;}
body div.gform_footer.top_label {text-align:center;}

  .reeled-grid {
    display: -webkit-box; 
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex; 
    display: flex;
    display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    display: flex;   
    flex-wrap: wrap;
  }
  .reeled-grid-single {
    width: 33.3%;
    text-align: center;
    padding: 10px 10px 50px 10px;
    position: relative;
	margin-bottom:10px;
  }
  .reeled-grid-single a {
    display: block;
  }
  .reeled-grid-single img {
    margin: 0 auto;
    display: block;
  }
  .reeled-grid-single span {
    display: block;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
  }
  @media screen and (max-width: 700px) {
    .reeled-grid-single {
      width: 100%;
    }
  }
  .reeled-grid-single .image-container {width:100%; height:0; padding-top:56%; position:relative;}
  .reeled-grid-single .image-cover {position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%;}
  .reeled-grid-single .overlay {display:none;}
  .reeled-grid-single:hover .overlay {display: flex; flex-direction: column; justify-content: center; text-align:center; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.5); color:white; padding:0 10px; line-height:1.3;}



/* 404: */
.error404 .page-header {background:none; font:inherit;}
.error404 .page-title:before {font:inherit; font-size:120px; content:'404'; position:relative; top:0; left:0; display:block; text-align:center; font-weight:bold; margin-bottom:20px;}
.error404 .page-wrapper {background:none;}


@media screen and (max-width: 600px) {
	.mobile-only {display:block;}
	.desktop-only {display:none;}

	html,body {min-width:480px;}
	body {font-size:18px; padding-top:130px;}
	body.with-subnav {padding-top:130px;}
	
	.site-header .home-link {width:260px !important;}
	.site-header .right {padding-right:40px;}

	.top-select-label {height:40px; line-height:40px; font-size:22px;}
	.top-select ul {column-count:auto;}
	.top-select {top:calc(40px + 90px);}
	body.admin-bar .top-select {top:calc(87px + 90px);}
	.top-select a {font-size:18px;}
	.site-header .search-form {display:none;}

	/* easing: */
	#navbar,
	.easing-500ms {-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}

	/* nav: */
	
	.nav-menu > li.current-menu-item > .sub-menu:before {display:none;}
	
	.site-header .menu-toggle {display:inline-block; text-align:center; vertical-align:middle; background:url(images/menu-toggle.png); width:25px; height:22px; margin-left:11px;}
	#navbar {position:fixed; top:0; left:-181px; width:181px; bottom:0; padding-top:90px;}
	body.menu-open #navbar {left:0;}
	#navbar > .wrapper {width:auto; padding:0;}
	.sub-nav {display:none;}
	
	.close-menu {position:absolute; left:20px; top:30px; color:white; cursor:pointer; font-size:25px;}

	.nav-menu {text-align:start; text-align-last:start;}
	.nav-menu > li {display:block; text-align:center; text-align-last:center; border-bottom:1px solid gray;}
	.nav-menu > li:first-child {border-top:1px solid gray;}
	.nav-menu > li:hover a, .nav-menu > li a {padding:1px 10px 0 !important;}

	.nav-menu > li.current-page, .nav-menu > li.current-menu-item {background:#1e252c; color:#959ea8;}
	.nav-menu > li.current-page > a:after, .nav-menu > li.current-menu-item > a:after {display:none;}
	.nav-menu > li.current-page > .sub-menu, .nav-menu > li.current-menu-item > .sub-menu {display:none;}

	ul.nav-menu, div.nav-menu > ul {position:unset; border-right:1px solid gray;}

	.nav-menu > li.open > .sub-menu {display:block; text-align:start; background:#959ea8; border:1px solid gray; padding:0; position:absolute; left:181px; z-index:10; width:250px; height:auto; clip:rect(auto, auto, auto, auto); margin-top:-56px;}
	.nav-menu .sub-menu li {float:none; width:auto; display:block; color:#1e252c; border-top:1px solid gray;}
	.nav-menu .sub-menu li.on {background:#1e252c; color:white;}
	.nav-menu .sub-menu li:first-child {border:none;}
	
	.nav-menu .sub-menu li a {height:auto; min-height:48px; white-space:nowrap; font-size:16px; line-height:54px;}

	.nav-menu .sub-menu.sub-menu-2-items li {width:auto;}
	.nav-menu .sub-menu.sub-menu-3-items li {width:auto;}
	.nav-menu .sub-menu.sub-menu-4-items li {width:auto;}
	.nav-menu .sub-menu.sub-menu-5-items li {width:auto;}
	
	/* homepage: */
	.upcoming-festivals {column-count:auto;}

	.hp-slider-overlay {position:relative; background:#1e252c;}
	.home-slider {height:300px; max-height:none;}
	a.hp-link {display:block; margin:0 auto 20px; width:90%;}
	a.hp-link:last-child {margin-bottom:0;}
	
	/* about: */
	.staff-thumb .image-cover {margin:0 auto 20px; float:none;}
	.staff-thumb .details {margin:0;}
	.staff-thumb .details h4, .staff-thumb .details h5 {text-align:center;}
	.staff-thumb:after {border-width:3px;}
	.staff-thumb .image-cover {width:170px; height:170px;}

	/* film directory: */
	.form-film-directory-top-1 {margin:0;}
	.form-film-directory-top-1 select {width:calc(50% - 10px); margin:0 0 20px;}
	.form-film-directory-top-1 select:nth-child(odd) {float:left; clear:both;}
	.form-film-directory-top-1 select:nth-child(even) {float:right;}
	.form-film-directory-top-3 .left {width:auto; float:none;}
	.letters-select {text-align-last:start;}
	
	.film-list[rel="view-thumbs"] .film-thumb.year-ok.country-ok.topic-ok.disability-ok.is_narrative-ok.is_feature-ok.search-ok.letter-ok {display:block; width:auto;}
	.film-list[rel="view-list"] .film-thumb.year-ok.country-ok.topic-ok.disability-ok.is_narrative-ok.is_feature-ok.search-ok.letter-ok {min-height:180px;}
	.film-list[rel="view-list"] .film-thumb > .dark-button {right:auto; left:0; width:127px; text-align:center;}
	.film-list[rel="view-list"] .film-thumb > h3,
	.film-list[rel="view-list"] .film-thumb > .right {margin-right:0;}
	
	/* film page: */
	a.presenting-festival {width:auto; padding:0 10px;}
	
	/* contact: */
	.page-template-contact .contact-top .left {float:none; width:auto; text-align:start;}
	.page-template-contact .contact-top .left:after {display:none;}
	.page-template-contact .contact-top .right {float:none; width:auto; padding-left:0; margin-top:60px;}
	.page-template-contact .wpcf7-form-control-wrap {display:block;}
	.page-template-contact .contact-top .left input[type="text"],
	.page-template-contact .contact-top .left input[type="email"],
	.page-template-contact .contact-top .left input[type="tel"],
	.page-template-contact .contact-top .left textarea {width:100%; max-width:none; margin-left:0;}
	span.wpcf7-not-valid-tip {font-size:90%; text-transform:uppercase;}
}