/*
Theme Name: One-Blog Child
Theme URI: http://dessign.net/oneblog-theme
Author: DessignThemes, Alessandro Bragaglia
Author URI: http://dessign.net
Template: one-blog
Description: One Blog beautiful and simple blog theme with a blogger in mind.Perfect for any Portfolio or Photography websites. With clean and modern design and aesthetic feel, showcase your content in an contemporary timeless style. Make your images stand out and focus on your content. With clean and elegant lines and fully responsive slider. One Blog give you full power to customize and visually impress your audience. With SEO friendly design and mobile friendly layout, your blog will stand out. 
Version: 1.0.0
License: GNU General Public License version v3
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: one-blog
Tags: two-columns, left-sidebar, theme-options, custom-background, custom-menu
*/
/* =WordPress Core Overrides (Child Theme)
-------------------------------------------------------------- */

/* Hack to circumvent WP 5.7+ which adds undesired '<p>::before</p>'s before
 * shortcodes when a page is saved or updated. */
p:empty::before {
    content: initial !important;
}

.ff-mobile-logo, .ff-mobile-sitename { display: none; }

/* General - Customized for BFF: relpaces parent's version */

.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.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;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
.gallery-caption {
	margin: 0;
}
.bypostauthor {}
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}
.container { width: 1180px; margin: 0 auto; }
.clear { clear: both; }
body {  font-size: 14px; font-family: verdana, arial, helvetica, sans-serif; font-weight: 400; color: #4c4c4c; line-height: 140%; margin: 0 }
p { font-size: 12px; font-family: verdana, arial, helvetica, sans-serif; font-weight: 400; color: #4c4c4c; line-height: 18px; }
a { text-decoration: none; }
/* a::before { background: url('images/navl.gif'); } */
img { max-width: 100%; height: auto; }
/**HEADER**/
.head-top {
  padding: 0;
  position: relative; /* more space above the banner */
  /* position: absolute; */
  width: 100%;
  /* top: 0; */
  top: -2px;
  /* background: #009dc4; */ background: #fff; /* border-bottom: 1px solid #ccc; */
  z-index: 999;
}
.head-fixed { width: 100%; z-index: 99999; }
.head-nav, .festival-head-nav { float: left; /* max-width: 767px; */ width: 100%; }
.head-nav ul { list-style-type: none; /*margin: auto auto auto 52px;*/ padding: 0; position: absolute; top: 120px; /*width: 1072px;*/ border-bottom: 1px solid #ccc; text-align: center; /* background-color: gold; */ }
.festival-head-nav ul { list-style-type: none; /*margin: auto auto auto 52px;*/ padding: 0; position: absolute; top: 143px; /*width: 1072px;*/ text-align: center; /* background-color: gold; */ }
.head-nav ul li, .festival-head-nav ul li { display: inline-block; position: relative; margin: 0 5px 0 0; }
.head-nav ul li:last-child, .festival-head-nav ul li:last-child { margin-right: 0; }
.head-nav ul li a, .festival-head-nav ul li a { font-size: 15px; /* color: #fff; */ color: #595959; display: block; padding: 5px 15px 0 0; text-transform: uppercase; /* letter-spacing: 2px; */ letter-spacing: 0; }
.head-nav ul li a:hover, .festival-head-nav ul li a:hover { text-decoration: none; color: #009dc4; }
/*.head-nav ul li a:hover,
.head-nav ul li.current-menu-item a,
.head-nav ul li.current_page_item a,
.festival-head-nav ul li a:hover,
.festival-head-nav ul li.current-menu-item a,
.festival-head-nav ul li.current_page_item a { color: #fff; text-decoration: none; background: #555555; } */
.head-nav ul li.current-menu-item a, .head-nav ul li.current_page_item a,
.festival-head-nav ul li.current-menu-item a, .festival-head-nav ul li.current_page_item a { color: #009dc4; }
.head-nav ul li ul, .festival-head-nav ul li ul { position: absolute; left: 0; z-index: 100; display: none; }
.head-nav ul li ul li, .festival-head-nav ul li ul li { float: none; margin: 0; width: 180px; 
   background-color: #000; 
   padding: 0; font-size: 13px; /*-moz-box-shadow: 0 0 1px 1px #eee; -webkit-box-shadow: 0 0 1px 1px #eee; box-shadow: 0 0 1px 1px #eee; */ }
.head-nav ul li ul li ul, .festival-head-nav ul li ul li ul { margin-left: 100%; top: 0; }
.head-nav ul li ul li:first-child, .festival-head-nav ul li ul li:first-child { border-top: none; }
.head-nav ul li ul li a, .festival-head-nav ul li ul li a { padding: 8px 10px; display: block; border-bottom: none; color: #fff; }
.head-nav ul li ul li a:hover, .festival-head-nav ul li ul li a:hover { background-color: #555555; color: #fff; text-decoration: none; border: none; }
li#menu-item-113 a { text-decoration: underline; } /* SUBMIT */
li#menu-item-1994 a { text-decoration: underline; } /* SEARCH */
.slicknav_menu { display: none; background: #009dc4; }
.slicknav_menu ul li a { color: #fff; }
.slicknav_menu ul li a:hover a,
.slicknav_menu ul li a:hover,
.slicknav_menu ul li ul li a:hover,
.slicknav_nav .slicknav_row:hover { background: #181818; color: #fff !important; border-radius: 5px ; text-decoration: none }
.head-socials { float: right; max-width: 400px; }
.head-socials ul {
  font-size: 0;
  list-style: outside none none;
  margin:  0;
  padding: 0;
}
.head-socials ul li {
  display: inline-block;
  margin: 0 5px;
}
.head-logo { text-align: right; /* padding: 11px 0; */ padding: 0 0 2px; }
.head-logo img { /* max-width: 100%; */ height: auto; /* padding: 20px; */ clear: left; }
.head-logo .logo h1 a {
    color: #000;
    text-transform: uppercase;
    /* letter-spacing: 2px; */ letter-spacing: 0;
    font-size: 36px;
}
img.logo { padding-right: 57px; }
.minilogo { position: absolute; top: 0; left: 0; float: left; width: auto; }
/* img.minilogo { margin-top: -6px;  padding-left: 3%; } */
.logo { display: inline-block;
/* width: auto; --fit column width-- */ width: 840px; padding-right: 59px; }
/* img.logo { padding-left: 20%; } LOGO */
  img.minilogo { max-width: 200px; padding-left: 5%; }
  img.logo { width: 715px; padding-right: 27px; }
  .logo { width: 797px; padding-right: 3px; } /* almost fit column size */
.head-search {
  float: right; display: none;
}
.search-form label { position: relative; }
.search-form input[type="search"] { width: 280px; }
.search-form input[type="image"] {
  left: 260px;
  position: absolute;
  top: 3px;
}
/**HOME**/
.home_slider {
  margin: 0 0 50px;
  position: relative;
}
.home_slider .slides { list-style: none;  }
.home_slider .slides li { height: 330px; position: relative; overflow: hidden; width: 480px; display: none; }
.home_slider .slides li a:not(.home_slide_bg) {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  bottom: 0;
  box-sizing: border-box;
  color: #ffffff;
  padding: 10px 15px;
  position: absolute;
  width: 100%;
}
.home_slider .slides li a:hover { text-decoration: underline; }
.home_slider .slides li a.home_slide_bg { width: 100%; height: 100%; position: absolute; background: rgba(0, 0, 0, 0) none no-repeat scroll center center / cover ; transition:all 0.3s ease-in-out; }
.home_slider .slides li a.home_slide_bg:hover {  }
.home_slider .slides iframe { width: 100%; height: 100%; }
.home_slider .flex-direction-nav .flex-prev { background: url(images/prev.png) no-repeat; left: 0; }
.home_slider .flex-direction-nav .flex-next { background: url(images/next.png) no-repeat; right: 0; }
.home_slider .flex-direction-nav a { width: 45px; height: 71px; text-indent: 999px; opacity: 1; }
.home_slider .flex-direction-nav a:before { display: none; }
.home_posts .grid_post { width: 365px; margin: 0 0 60px; }
.home_posts .grid_post h3 a:hover { text-decoration: underline; }
.home_posts .grid_post .grid_post_img { overflow: hidden; }
.home_posts .grid_post img { transition:all 0.3s ease-in-out; }
.home_posts .grid_post img:hover { }
.grid_post > iframe {
  width: 100%; height: 215px;
}
.content .container { overflow: hidden; margin-top: 90px; }
/**BLOG**/
.post_content .blog_post_box { margin: 0 0 5px 0; border: 0; padding: 0; text-align: left; }
.post_content .blog_post_box h3 { font-size: 18px !important; }
.post_content .blog_post_box a.read-more { float: right; margin: 0; border: 0; padding: 0; background-color: #fff; }
.post_content .blog_post_box p { margin: 0; border: 0; padding: 0 !important; text-align: left; }
.post_content .blog_post_box hr { border: 1px #ccc solid; }
.post_content .blog_post_box.sticky { background: #FAFAFA;
	padding: 35px 0; }
.post_content .blog_post_box .blog_box_featured_image { display: none; margin: 0 0 20px; overflow: hidden; }
.post_content .blog_post_box .blog_box_featured_image img { display: block; }
.blog_box_featured_image > a { display: table; margin: 0 auto; }
.post_content .blog_post_box .blog_box_featured_image img:hover {  }
.blog_box_featured_image iframe, .post_box iframe {
  height: 435px;
  width: 100%;
}
.post_content .blog_post_box h3 { margin: 0 0 15px; font-size: 28px; font-family: verdana, arial, helvetica, sans-serif; font-weight: 700; line-height: 140%; }
.post_content .blog_post_box h3 a:hover { text-decoration: underline; }
.post_content .blog_post_box .blog_post_date { font-size: 17px; font-weight: lighter }
.post_content .blog_post_box .blog_post_content { text-align: center; margin: 0 0 2px; padding: 0 30px;  font-family: verdana, arial, helvetica, sans-serif; font-weight: 400; line-height: 140%; font-size: 15px;}
.post_content .blog_post_box .read-more { background: #000; 
	border: 1px solid #000; color: #fff; padding: 9px 20px; 
	display: inline-block; text-align: center; 
	text-transform: uppercase; font-size: 12px;  }
.post_content .post_tags { font-size: 12px; font-style: italic; }
.post_box { position: relative; }
.post_nav { position: absolute; right: 0; top: 0; }
.post_nav .prev_post { float: left; width: auto; margin: 0 10px 0 0;  }
.post_nav .prev_post a { height: 30px; width: 30px; background: url(images/new-prev.png) no-repeat; display: block; }
.post_nav .next_post { float: right; width: auto; }
.post_nav .next_post a { height: 30px; width: 30px; background: url(images/new-next.png) no-repeat; display: block; }
.post_content .archive_title h2 {
  display: inline-block;
  margin: 0 0 30px;
  border: 0;
  padding: 0;
  text-transform: none;
}
.post-link-pages-area {
  margin: 10px 0;
}
.post_content .post-link-pages-area > span {
  background: #000000 none repeat scroll 0 0;
  color: #ffffff;
  display: inline-block;
  padding: 5px 0;
  text-align: center;
  width: 30px;
}
.post_content .post-link-pages-area a {
  border: 1px solid #000000;
  display: inline-block;
  padding: 4px 0;
  text-align: center;
  width: 30px;
}
.post_content .next_posts a, .post_content .prev_posts a { color: #009dc4; }

/**CONTENT**/
.content { overflow: hidden; margin: 0 0 40px; }
.blog_posts_nav { font-size: 20px; font-weight: 700; /* letter-spacing: 1.5px; */ letter-spacing: 0; }
.blog_posts_nav .prev_posts { float: left; }
.blog_posts_nav .next_posts { float: right; }
.post_content > article { overflow: hidden; }
.post_content a { color: #000; }
.post_content h1 { line-height: 1; font-size: 27px; margin: 22px 0 20px; color: #4c4c4c; /* letter-spacing: 1.5px; */ letter-spacing: 0; }
.post_content h2 { line-height: 1; font-size: 22px; letter-spacing: 0; margin: 0 0 10px; color: #757575; }
.post_content h3 { font-size: 20px; font-family: verdana, arial, helvetica, sans-serif; color: #757575; font-weight: 700; letter-spacing: 0; line-height: 140%; margin: 20px 0 -10px; }
.post_content h4,
.post_content h5,
.post_content h6 { font-size: 18px; font-weight: bold; color: #757575; letter-spacing: 0; line-height: 140%; margin: 10px 0 -10px; }
.post_content img { max-width: 100%; }
.post_content input[type="text"],
.post_content input[type="email"],
.post_content input[type="password"],
.post_content input[type="search"],
.post_content input[type="phone"] { 
	width: 300px; height: 40px; 
	border: 2px solid #ddd; background: #f5f5f5; 
	box-sizing: border-box; padding: 5px 10px; 
	margin: 0 0 5px; }
.post_content input[type="submit"], 
	button { padding: 10px 15px; background: #000; 
	color: #fff; text-transform: uppercase; 
	border: none; margin: 0 0 5px; cursor: pointer; }
.post_content textarea { background: #f5f5f5; 
	border: 2px solid #ddd; }
.load_more_text {
  display: block;
  text-align: center;
}
.load_more_text a {
  background: #000000 none repeat scroll 0 0;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  padding: 10px 15px;
  width: 240px;
}
/**COMMENTS**/
.home_blog_box { margin: 30px 0;  
	padding: 30px 0 10px; }
#commentform label { display: block; }
.commentlist {
	background: #f2f2f2 none repeat scroll 0 0;
	padding: 15px;
	list-style: none;
}
.commentlist ol.children { list-style: none; }
.comment.even {
  background: #ffffff none repeat scroll 0 0;
  padding: 10px;
}
.comment.odd {
  background: #eee;
  padding: 10px;
}
#comments .comment-reply-link { background: #000; 
	padding: 5px 10px; font-size: 12px; color: #fff; 
	display: inline-block; }
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="phone"],
select { width: 300px; 
  height: 40px; border: 1px solid #000; 
  background: #fff; box-sizing: border-box; 
  padding: 5px 10px; margin: 0 0 5px; }
input[type="submit"], button { padding: 5px 10px; 
  background: #000; color: #fff; text-transform: uppercase; 
  border: none; margin: 0 0 5px; cursor: pointer; }
/**WIDGETS**/
.widget_box:not(.footer_box) { margin: 0 0 25px; }
.widget_box:not(.footer_box) h3 {
  background: #000 none repeat scroll 0 0;
  color: #fff;
  padding: 12px 0;
  text-align: center;
  text-transform: uppercase;
  margin: 0 0 15px;
  font-size: 12px;
}
.widget_box:not(.footer_box) h3 a {
  color: #fff;
}
.widget_box ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.widget_box ul.children { padding-left: 20px; margin: 10px 0 0; }
.widget_box ul li {
  border-bottom: 1px dotted #dddddd;
  margin: 0 0 10px;
}
.widget_box ul.children li:last-child { border-bottom: none; }
.widget_box ul li a { color: #000; margin: 0 0 10px; display: inline-block; }
.widget_box ul li a:hover { text-decoration: underline; }
.foot-col .widget_box ul li a { color: #fff; }
.widget_box .search-form input[type="search"],
.widget_box select { width: 100%; }
.widget_box .search-form input[type="image"] {
  left: auto;
  right: 10px;
}
.widget_box ul ul {
  padding-left: 15px;
}
.widget_box ul ul li:last-child {
  border-bottom: none;
}
.tagcloud a {
  border: 1px solid #eee;
  color: #4c4c4c;
  font-size: 14px !important;
  padding: 10px 15px;
  display: inline-block;
  margin: 2px 0;
}
.tagcloud a:hover {
  background: #000000 none repeat scroll 0 0;
  color: #ffffff;
}
.widget_calendar table {
  margin: 0 auto;
}
.widget_calendar table {
    border-collapse: collapse;
}
.widget_calendar table, .widget_calendar th, .widget_calendar td {
  border: 1px solid #000000;
  padding: 2px;
  text-align: center;
}
td#next a, td#prev a {
  color: #000;
}
.widget_box.widget_rss ul li > a {
  display: block;
  font-weight: 600;
  margin: 0;
}

/**FOOTER**/
footer#foot {
  background: #fff;
  color: #ccc;
}
footer#foot a { color: #009dc4; }
.main-foot {
  /* border-bottom: 1px solid #777; */
  border-bottom: 0;
  padding: 35px 0;
}
.foot-col { box-sizing: border-box; float: left; padding: 0 15px 0; width: 33%; }
.foot-col:first-child { padding: 0 30px 0 0; }
.foot-col:last-child { padding: 0 0 0 30px; }
.fotter_box { margin: 0 0 10px; color: #fff; }
.footer_box h3 { text-transform: uppercase; }
.footer_box p,
.footer_box a { color: #ffffff; }
.footer_box .tagcloud a:hover { background: #ffffff none repeat scroll 0 0; color: #4c4c4c; }
.bottom-foot { text-align: center; padding: 30px 0; }
.bottom-foot p { margin: 0; color: #777; }
.bottom-foot p a { color: #fff; }
/** BFF **/
.ff-footer-inner a { color: #595959 !important; }
.ff-footer-social a { margin: 0 10px 0 3px; font-size: 90%; font-weight: normal; }
.ff-footer-social hr { clear: both; border: 1px solid #ccc; }

/*NEW HAMBURGER MENU*/
.hamburger-menu {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 24px;
    cursor: pointer;
    z-index: 9999999999999;
    display: block;
    transform: translate3d(0,0,0);
    backface-visibility: hidden;
}

.hamburger-menu span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #009dc4;
    border-radius: 3px;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: all 0.25s ease-in-out;
    transform-origin: center;
    backface-visibility: hidden; /* Prevent flickering */
}

.hamburger-menu span:nth-child(1) { top: 0; }
.hamburger-menu span:nth-child(2),
.hamburger-menu span:nth-child(3) { top: 10px; }
.hamburger-menu span:nth-child(4) { top: 20px; }

.hamburger-menu.open span:nth-child(1),
.hamburger-menu.open span:nth-child(4) {
    top: 10px;
    width: 0%;
    left: 50%;
}

.hamburger-menu.open span:nth-child(2) { transform: rotate(45deg); }
.hamburger-menu.open span:nth-child(3) { transform: rotate(-45deg); }

/* Sidebar Styles */
.sidebar {
    visibility: hidden;
    opacity: 0;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease, visibility 0.3s ease;
    position: fixed;
    display: flex;
    flex-direction: column;
    top: 0;
    right: 0;
    width: 280px;
    height: 100%;
    background: #fff;
    font-size: 13px; 
    letter-spacing: 0;
    font-weight: 400;
    box-shadow: -2px 0 5px rgba(0,0,0,0.1);
    z-index: 1002;
    overflow-y: auto;
    transform: translateX(100%); /* Hidden by default */
    transition: transform 0.3s ease-in-out;
    padding: 60px 20px 20px;
    overflow-y: hidden !important;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */
    -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
}

.sidebar.open {
    visibility: visible !important;
    display: flex !important;
    flex-direction: column;
    opacity: 1 !important;
    transform: translateX(0) !important; /* Visible when open */
    z-index: 99999999;
}

.sidebar.open .menu {
    height: calc(100vh - 150px); /* Adjust based on the header */
    overflow-y: auto;
    overflow-x: hidden;
    display: block !important;
}

.sidebar.open .menu > li {
    flex-shrink: 0;
}

.sidebar.open .sub-menu {
    flex-grow: 1;
    overflow-y: visible;
    height: auto;
    max-height: none !important;
    scrollbar-width: none;
}
.sidebar.open .sub-menu::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for Chrome/Safari */
.sidebar::-webkit-scrollbar {
    display: none;
}

.side-nav {
    position: relative;
    flex: 1;
    min-height: 0; /* For flex scrolling */
    z-index: 999999; /* Higher than sidebar */
    width: 100%;
    padding: 20px 0;
}

.side-nav .menu {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: none;
    list-style: none;
    padding: 0;
    margin: 0;
    -ms-overflow-style: none;
}

/* Hide scrollbar for Chrome/Safari */
.side-nav .menu::-webkit-scrollbar {
    display: none;
}

.sidebar::-webkit-scrollbar {
    width: 0 !important;
    display: none;
}

/* Collapse inactive sub-menus without affecting layout */
.sidebar .menu-item-has-children:not(.current-menu-parent) > .sub-menu {
    display: none;
}

.sidebar .current-menu-parent > .sub-menu,
.sidebar .current-menu-item.menu-item-has-children > .sub-menu {
    display: block;
}

/* Disable nested scrolling */
.sidebar .sub-menu {
    overflow-y: visible !important;
    max-height: none !important;
}

/* Prevent page scrolling when menu is open */
body.menu-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
}

/* Overlay */
.sidebar-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 1001;
    pointer-events: auto;
    display: none;
}

.sidebar-overlay.open {
    display: block;
}

/* Fix for scroll position restoration */
html {
    margin-left: calc(100vw - 100%);
}

/* Add smooth transition between page loads */
html {
    animation: fadeIn 0.3s ease-out;
}
@keyframes fadeIn {
    from { opacity: 0.9; }
    to { opacity: 1; }
}

/**RESPONSIVE**/
.container { width: 95%; }
article.post_box, .blog_posts { width: 80%; margin: 0 10% 0 10%; } /*=+++=*/
.post_content { width: 98%; color: #4c4c4c; padding: 35px 10px 30px; } /*=+++=*/
#menu-menu-1, #menu-menu-3 {
}
.head-nav ul, .festival-head-nav ul {
  width: 70%;
  left: 50%;
  transform: translateX(-50%);
}
article p { font-size: 13px; }
.ff-footer-social, p.credits { text-align: center; margin: 0; }
.ff-footer-social, p.credits { text-align: center; letter-spacing: 0; bottom: 0;}

/*
@media only screen and ( max-width: 1200px ){
  .container { width: 1065px; }
  .home_slider .slides li { height: 300px; }
  article.post_box, .blog_posts { width: 740px; }
  .post_content { width: 780px; }
  .home_posts .grid_post { width: 305px; }
  .blog_box_featured_image iframe,
  .post_box iframe { height: 358px; }
}
*/
@media only screen and ( max-width: 1192px ){
  .home_slider .slides li { height: 300px; }
  .home_posts .grid_post { width: 305px; }
  .blog_box_featured_image iframe,
  .post_box iframe { height: 358px; }
}
@media only screen and ( max-width: 1080px ){
  /* .minilogo { display: none; } */

  img.minilogo { max-width: 185px; padding-left: 7%; }
  /*img.logo { width: 650px; padding-right: 52px; }*/
  /* .logo { width: 644px; padding-right: 48px; } /* fit column size */

  /* .container { width: 948px; } */
  .head-nav ul { top: 120px; }
  .festival-head-nav ul { top: 143px; }
  .home_slider .slides li { height: 300px; }
  .home_posts .grid_post { width: 305px; }
  .blog_box_featured_image iframe,
  .post_box iframe { height: 358px; }
}
@media only screen and ( max-width: 960px ){
  .hamburger-menu { display: none; }
  .ff-mobile-logo { display: block; position: absolute; top: 4px; left: 4px; }
  .ff-mobile-sitename { display: inline; position: absolute; top: 13px; left: 42px; color: #fff; font-size: 22px;font-weight: bold; letter-spacing: 0; text-transform: uppercase; }
  .ff-mobile-logo, .ff-mobile-sitename { z-index: 99999999; /* Above WP toolbar. */ }
  a.ff-mobile-logo, a.ff-mobile-sitename { color: #fff; text-decoration: none; }
  .content .container { overflow: hidden; margin-top: 0; }
  #head { position: relative; height: 40px; width: 100%; z-index: 99999999; }
  .content { padding-top: 0; }
  .head-fixed { position: fixed; top: 0; height: 44px; background-color: #009dc4; }
  /*
  .slicknav_menu { background: #009dc4 url('images/bff-cropped_logo.png') top left no-repeat; margin-left: 6px; }
  */
  .head-top { background-color: #009dc4; border: 0; height: 0; }
  /* .head-logo img { width: 97%; padding: 0; clear: both; } */
  .head-logo { display: none; }
  .minilogo { display: none; }
  .container { width: 748px; }
  .head-nav, .festival-head-nav { display: none; }
  .sidebar { display: none; }
  .post_content { width: 98%; float: none; padding-top: 0; margin-top: 10px; }
  .archive .content .container, .home .content .container { width: 100%; }
  .slicknav_menu, .head-search { display: block; }
  .slicknav_btn { margin: 2px 5px 0 0; width: 44px; height: 32px; }
  .slicknav_icon-bar { text-shadow: none; margin: 3px 0 0 3px; }
  .slicknav_open .slicknav_icon-bar { display: none; }
  .slicknav_open .slicknav_no-text::after { content: "X"; font-size: 18px; font-weight: bold; color: #fff; text-shadow: none; margin: 1px 0 0 6px; }
  .home_slider .slides li { height: 300px; }
   article p { font-size: 12px; }
  .blog_posts { width: auto; }
  .head-socials { margin-top: 10px; }
  /* .post_content { width: auto; } */ /* 'width: auto' randomly pushes the content's left margin to the right */
  .home_posts .grid_post { width: 242px; }
  .grid_post > iframe { height: 146px; }
  .blog_box_featured_image iframe,
  /* .post_box iframe { height: 290px; } */ /* Disable it for GoogleMaps */
  .post_content h1 { margin: 5px 0 16px }
  .post_content img { width: 100%; }
  /*Overlay - Don't push down the page content*/
  /*
  .slicknav_menu { position: fixed; width: 100%; z-index: 99999; }
  .head-logo { padding-top: 50px; }
  */
  img { max-width: 100% !important; height: auto !important; width: auto !important; }
}
@media only screen and ( max-width: 767px ){
  .head-logo img { width: 94%; /* padding: 0 11px 0 8px; */ padding: 0; clear: both; }
  .minilogo { display: none; }
  .ff-watch-trailer p { display: none; }
  .container { width: 300px; }
  .home_slider .slides li { height: 260px; }
  .archive_title { padding: 0 20px; }
  .post_content .blog_post_box h3 { padding: 0 20px; }
  .head-search { display: none; float: none; text-align: center; }
  .head-socials { float: none; width: auto; }
  /*.head-logo { padding: 30px 0 15px; }*/
  div.logo { width: auto; }
  .post_content { width: auto; float: none; padding: 0 14px 30px 14px; }
  .post_content .blog_post_box .blog_post_content { max-height: 225px; overflow: hidden; }
  .post_nav { float: right; position: static; }
  .home_posts .grid_post { width: 300px; }
  .grid_post > iframe { height: 178px; }
  /* .blog_box_featured_image iframe,
  .post_box iframe { height: 175px; } */ /* Disable it for GoogleMaps */
  .blog_posts_nav { font-size: 16px; padding: 0; }
  .foot-col { width: auto; float: none; padding: 0 !important; }
}
@media only screen and ( max-width: 640px ){
  .ff-mobile-sitename { font-size: 18.5px; line-height: inherit; }
}
@media only screen and ( max-width: 413px ){
  .ff-mobile-sitename { font-size: 16px; line-height: inherit; }
}
@media only screen and ( max-width: 350px ){
  .ff-mobile-sitename { font-size: 13.5px; }
}
@media only screen and ( max-width: 330px ){
  .ff-mobile-sitename { font-size: 12.5px; }
}
@media only screen and ( max-width: 300px ){
  .ff-mobile-sitename { font-size: 11px; }
}

/* BFF-specific */

/* Preview */
.ff-preview-warning { display: none; }
.ff-preview-warning-mobile { display: none; }
@media only screen and ( min-width: 961px ){
  .ff-preview-warning { display: block; position: fixed; top: 6px; left: 35px; width: 704px; background: orange; color: #000; font-size: 12px; letter-spacing: 0; padding: 0 6px 0 6px; border-radius: 4px; z-index: 100001; }
}
@media only screen and ( max-width: 960px ){
  .ff-preview-warning-mobile { display: block; position: fixed; top: 0; height: 34px; margin: auto; width: 100%; background: orange; color: #000; text-align: center; font-size: 12px; line-height: 14px; letter-spacing: 0; padding: 5px; z-index: 100001; }
}

/* General */
.ff-highlight { font-weight: bold; color: #009dc4; }
.ff-highlight-red { font-weight: bold; color: red; font-size: 110%; }
.ff-highlight-alt { font-weight: bold; color: #0f7090; }
.ff-underline { text-decoration: underline; }
.ff-fluo-highlighter { background-color: yellow; }
.ff-green-highlighter { font-weight: bold; color: #adff2f; }
div.header-banner { background-color: #009dc4; }
h2#site-title { background-color: #009dc4; }
h2.ff-stronger { line-height: 1; font-size: 27px; margin: 5px 0 8px; color: #4c4c4c; /* letter-spacing: 1.5px; */ letter-spacing: 0; }
h2.ff-small { line-height: 1; font-size: 20px; margin: 0 0 4px; color: #4c4c4c; /* letter-spacing: 1.5px; */ letter-spacing: 0; }
h2.ff-smaller { line-height: 1; font-size: 18px; margin: 0 0 4px; color: #4c4c4c; /* letter-spacing: 1.5px; */ letter-spacing: 0; }
a { color: #009dc4; font-weight: bold; }
a:hover { text-decoration: underline; }
hr { border: 1px solid #767676; padding: 0; clear: right; }
hr.ff-item-separator, hr.ff-item-separator-bold, hr.ff-item-separator-bolder { clear: both; visibility: hidden; }
hr.ff-item-separator-bold { margin: 20px 0 20px 0; }
hr.ff-item-separator-bolder, hr.ff-item-separator-solid { margin: 40px 0 40px 0; }
label { font-size: 12px; letter-spacing: 0; }
ul { padding-top: 0; }
.ff-box { display: block; width: 99%; background-color: #f5f5f5; border: 1px solid #c2d3e0; margin: 10px 0 10px 0; padding-left: 2px; }
.ff-box, .ff-box p { color: #4c4c4c !important; font-size: 12px; letter-spacing: 0; }
.ff-box a { color: #009dc4; }
.ff-box p { display: block; margin-top: 2px; }
.ff-box-title { color: #000; font-weight: bold; text-transform: uppercase; }
.ff-box p.ff-submit-platforms { display: block; }
.ff-box p.ff-submit-platforms img { max-width: 240px; height: auto; margin-right: 8px; }
.ff-box p.ff-submit-platforms img.wp-image-2047 { margin-top: 15px; } /* FilmFreeway */
.ff-showhide-unsubscribe { display: none; margin: 1px 0 8px 0; }
.ff-showhide-box { display: none; min-height: 166px; background: #e6edf2; color: #000; letter-spacing: 0; border: 1px solid #757575; padding: 4px 12px 0 10px; }
.ff-showhide-box .ff-bio { display: block; font-size: 12px; line-height: 16px; margin: 1px 0 8px 0; }
.ff-showhide-box img { width: 150px; height: 150px; margin: 6px 16px 0 0; }
.ff-person-container { display: inline-block; width: 100%; color: #000; font-size: 12px; line-height: 18px; letter-spacing: 0; /* to circumvent WP edior's paragraph bug. */ }
.ff-bullet { color: #000; font-size: 12px; letter-spacing: 0; background: url('images/bullet.gif') center left no-repeat; padding-left: 10px; }
@media only screen and ( max-width: 1192px ){
  .ff-box { width: 98.5%; }
}
@media only screen and ( max-width: 1080px ){
  .ff-box { width: 98%; }
}

/* Social Networks (footer, all pages) */
.bff-social { margin-bottom: 10px; width: 24px; height: 24px; display: inline-block; background: url('images/bff-24-sprite-b.png') 0 0 no-repeat; }
.bff-social:hover { background: url('images/bff-24-sprite-b.png') 0 -24px no-repeat; }
.facebook { margin-bottom: 10px; width: 24px; height: 24px; display: inline-block; background: url('images/bookface-24-sprite-b.png') 0 0 no-repeat; }
.facebook:hover { background: url('images/bookface-24-sprite-b.png') 0 -24px no-repeat; }
.bluesky { margin-bottom: 10px; width: 24px; height: 24px; display: inline-block; background: url('images/butterfly-24-sprite-b.png') 0 0 no-repeat; }
.bluesky:hover { background: url('images/butterfly-24-sprite-b.png') 0 -24px no-repeat; }
.flickr { margin-bottom: 10px; width: 24px; height: 24px; display: inline-block; background: url('images/flickr-24-sprite-b.png') 0 0 no-repeat; }
.flickr:hover { background: url('images/flickr-24-sprite-b.png') 0 -24px no-repeat; }
.instagram { margin-bottom: 10px; width: 24px; height: 24px; display: inline-block; background: url('images/instamatic-24-sprite-b.png') 0 0 no-repeat; }
.instagram:hover { background: url('images/instamatic-24-sprite-b.png') 0 -24px no-repeat; }
.pinterest { margin-bottom: 10px; width: 24px; height: 24px; display: inline-block; background: url('images/pinimage-24-sprite-b.png') 0 0 no-repeat; }
.pinterest:hover { background: url('images/pinimage-24-sprite-b.png') 0 -24px no-repeat; }
.twitter { margin-bottom: 10px; width: 24px; height: 24px; display: inline-block; background: url('images/tweetyx-24-sprite-b.png') 0 0 no-repeat; }
.twitter:hover { background: url('images/tweetyx-24-sprite-b.png') 0 -24px no-repeat; }
.youtube { margin-bottom: 10px; width: 24px; height: 24px; display: inline-block; background: url('images/wetube-24-sprite-b.png') 0 0 no-repeat; }
.youtube:hover { background: url('images/wetube-24-sprite-b.png') 0 -24px no-repeat; }
.vimeo { margin-bottom: 10px; width: 24px; height: 24px; display: inline-block; background: url('images/vimeo-24-sprite-b.png') 0 0 no-repeat; }
.vimeo:hover { background: url('images/vimeo-24-sprite-b.png') 0 -24px no-repeat; }

/* Home Page (News) */
a.ff-news-item-link, a.ff-social-item-link { text-decoration: none; }
.ff-item-container { display: block; width: 98.5%; border: 2px solid #ccc; min-height: 86px; } /* Used in Static Pages as well */
.ff-item-container:hover { border: 2px solid #009dc4; }
.ff-news-icon, .ff-social-icon { display: block; float: left; width: 100px; }
.ff-news-icon { padding-top: 8px; }
.ff-social-icon { padding: 9px 8px 6px 9px; }
.ff-news-item, .ff-social-item { display: block; }
.ff-news-title, .ff-social-title { display: block; padding: 12px 6px; color: #4c4c4c; }
.ff-news-film-title { font-style: italic; }
h2.ff-news-title, h2.ff-social-title { display: block; font-size: 16px; text-transform: uppercase; padding-bottom: 0; }
.ff-news-body, .ff-social-body { display: block; margin: 0 4px 6px 6px; padding: 0 6px 0 2px; letter-spacing: 0; }
@media only screen and ( max-width: 960px ){
  .post-content { width: 100% !important; }
  .ff-news-icon, .ff-social-icon { width: 100px !important; }
}
@media only screen and ( max-width: 767px ){
  h2 { font-size: 18px !important; }
}

/* Tickets (Box Office) */
.ff-buy-button { display: table-cell; width: 66px; line-height: 26px; font-family: verdana, arial, helvetica; font-size: 10px; background-color: #009dc4; color: #fff; letter-spacing: 0; padding: 0 8px 0 8px; border: 1px solid #ccc; border-radius: 5px; }
.ff-buy-item { display: table-cell; padding-left: 5px; letter-spacing: 0; }
.ff-buy-item:hover { text-decoration: underline; }

/* STATIC PAGES */
article p, article ul { color: #000; /*font-size: 12px;*/ letter-spacing: 0; }
article ul { padding: 0px 0px 0px 15px; }
article a { color: #009dc4 !important; }

/* Nav Buttons - Showtimes Nav Bar */
a.ff-subnav, a.ff-nav-bar { text-decoration: none; /* margin: 0 4px 0 3px 0; */ margin-right: 3px; margin-bottom: 3px; }
.ff-subnav-button, .ff-subnav-button-on { display: table-cell; white-space: nowrap; width: 100px; font-size: 14px; }
div.ff-nav-bar-container { display: table; text-align: center; margin: 0 auto; }
.ff-nav-bar-button, .ff-nav-bar-button-on, .ff-nav-bar-noclick { display: inline-block; font-size: 20px; text-align: center; }
.ff-nav-bar-button, .ff-nav-bar-button-on { width: 38px; }
.ff-nav-bar-noclick { margin-right: 3px; width: 64px; }
.ff-subnav-button, .ff-subnav-button-on, .ff-nav-bar-button, .ff-nav-bar-button-on, .ff-nav-bar-noclick { line-height: 26px; font-family: verdana, arial, helvetica; color: #fff; letter-spacing: 0; padding: 3px 8px 3px 8px; border: 1px solid #ccc; border-radius: 5px; }
.ff-subnav-button, .ff-nav-bar-button { background-color: #596066; }
.ff-subnav-button-on, .ff-nav-bar-button-on, .ff-nav-bar-noclick { background-color: #009dc4; }
.ff-nav-bar-noclick { font-weight: bold; }
@media only screen and ( max-width: 1192px ){
  .ff-nav-bar-button, .ff-nav-bar-button-on { width: 34px; }
  .ff-nav-bar-button, .ff-nav-bar-button-on, .ff-nav-bar-noclick { padding: 1px 5px 1px 5px; font-size: 16px; }
}
@media only screen and ( max-width: 1080px ){
  .ff-nav-bar-button, .ff-nav-bar-button-on { width: 30px; }
  .ff-nav-bar-noclick { width: 45px; }
  .ff-nav-bar-button, .ff-nav-bar-button-on, .ff-nav-bar-noclick { padding: 0 5px 0 5px; font-size: 14px; }
}
@media only screen and ( max-width: 960px ){
  .ff-subnav-button, .ff-subnav-button-on { font-size: 12px; }
  .ff-nav-bar-button, .ff-nav-bar-button-on { width: 34px; }
  .ff-nav-bar-noclick { width: 64px; }
  .ff-nav-bar-button, .ff-nav-bar-button-on, .ff-nav-bar-noclick { padding: 3px 8px 3px 8px; font-size: 20px; }
}
@media only screen and ( max-width: 844px ){
  .ff-nav-bar-button, .ff-nav-bar-button-on { width: 34px; }
  .ff-nav-bar-button, .ff-nav-bar-button-on, .ff-nav-bar-noclick { padding: 1px 5px 1px 5px; font-size: 16px; }
}
@media only screen and ( max-width: 772px ){
  .ff-nav-bar-button, .ff-nav-bar-button-on { width: 30px; }
  .ff-nav-bar-noclick { width: 45px; }
  .ff-nav-bar-button, .ff-nav-bar-button-on, .ff-nav-bar-noclick { padding: 0 5px 0 5px; font-size: 14px; }
}
@media only screen and ( max-width: 680px ){
  .ff-nav-bar-button, .ff-nav-bar-button-on { width: 20px; }
  .ff-nav-bar-noclick { width: 34px; }
  .ff-nav-bar-button, .ff-nav-bar-button-on, .ff-nav-bar-noclick { font-size: 12px; }
}
@media only screen and ( max-width: 544px ){
  .ff-nav-bar-button, .ff-nav-bar-button-on { width: 14px; }
  .ff-nav-bar-noclick { width: 30px; }
  .ff-nav-bar-button, .ff-nav-bar-button-on, .ff-nav-bar-noclick { font-size: 11px; }
}
@media only screen and ( max-width: 480px ){
  .ff-nav-bar-button, .ff-nav-bar-button-on { width: 12px; }
  .ff-nav-bar-noclick { width: 26px; }
  .ff-nav-bar-button, .ff-nav-bar-button-on, .ff-nav-bar-noclick { font-size: 10px; }
}
@media only screen and ( max-width: 450px ){
  .ff-subnav-button, .ff-subnav-button-on { width: 90px; }
}

/* Showtimes */
img.ff-tickets { vertical-align: middle; margin-bottom: 3px; }
img.ff-film-showtime { display: inline; float: right; }
h2.ff-showtimes { font-size: 24px; color: #4c4c4c; font-weight: normal; text-transform: uppercase; margin: 34px 0 30px 0; }
a.ff-show-venue { text-decoration: none; color: #4c4c4c !important; }
a.ff-show-venue:hover { text-decoration: underline; color: #009dc4 !important; }
.ff-showtimes-nav, .ff-showtimes-nav-bottom { font-size: 18px; font-weight: bold; letter-spacing: 0; margin-right: 12px; float: right; }
.ff-showtimes-nav a, .ff-showtimes-nav-bottom a { text-decoration: none; }
.ff-showtimes-nav { margin-top: -44px; }
.ff-showtimes-nav-bottom { margin-top: -27px; }
.ff-showtimes-title { font-size: 15px; font-weight: bold; letter-spacing: 0; margin: 40px 0 10px 0; }
.ff-showtimes-box { display: block; width: 97.5%; background: #e6edf2; color: #000; letter-spacing: 0; margin-bottom: 20px; border: 1px solid #c2d3e0; padding: 4px 5px 0 5px; }
.ff-showtimes-box p { margin: 2px 10px 6px 10px; padding-bottom: 6px; }
.ff-showtimes-box p.ff-showtimes-event-title { font-size: 20px; font-weight: bold; margin: 10px 10px 8px 10px; padding-bottom: 6px; }
.ff-showtimes-box p.ff-showtimes-special-event-title { font-size: 15px; font-weight: bold; margin: 10px 10px 8px 10px; padding-bottom: 6px; }
.ff-film-showtimes { width: 94.5% !important; min-height: 0 !important; float: right; margin-right: 1%; }
.ff-film-showtimes-container, .ff-film-online-program-container { width: 100%; height: 15px; margin: 10px 0 0 0; padding: 0 1px 2px 0; font-size: 12px; color: #000; letter-spacing: 0; line-height: 16px; border: 1px solid #a7c1d5; }
.ff-film-showtimes-container strong, .ff-page-showtime-container strong { display: inline-block; width: 100px; }
.ff-film-online-program-container a { color: red !important; }
.ff-page-showtime-container { width: 98%; height: 15px; margin: 10px 0 0 0; padding: 0 1px 2px 0; font-size: 12px; color: #000; letter-spacing: 0; line-height: 16px; border: 1px solid #a7c1d5; }
@media only screen and ( max-width: 960px ){
  .ff-showtimes-nav-bottom { margin-top: -34px; }
}
@media only screen and ( max-width: 767px ){
  .ff-showtimes-nav { margin-top: -38px; }
  .ff-showtimes-nav-bottom { margin-top: -27px; }
}
@media only screen and ( max-width: 640px ){
  h1.ff-showtimes-head { text-align: center; padding-bottom: 12px; }
  .ff-showtimes-nav { display: none; }
  h2.ff-showtimes-bottom { display: none; }
  .ff-showtimes-nav-bottom { width: 100%; display: inline-block; text-align: center; }
}
@media only screen and ( max-width: 560px ){
  .ff-showtimes-box { width: 96%; margin-right: 1%; }
  .ff-film-showtimes-container, .ff-page-showtime-container { font-size: 10px; }
  .ff-film-showtimes-container strong, .ff-page-showtime-container strong { width: 86px; }
}
@media only screen and ( max-width: 505px ){
  .ff-film-showtimes-container strong, .ff-page-showtime-container strong { display: none; }
}
@media only screen and ( max-width: 415px ){
  .ff-film-showtimes-container, .ff-page-showtime-container { font-size: 9.5px; }
}
@media only screen and ( max-width: 400px ){
  .ff-film-showtimes-container, .ff-page-showtime-container { font-size: 9px; }
}
@media only screen and ( max-width: 385px ){
  .ff-showtimes-box { width: 95.5%; margin-right: 1.5%; }
  .ff-film-showtimes-container, .ff-page-showtime-container { font-size: 8px; }
}

/** Theater **/
.ff-theater, .ff-theater footer { background: #555 !important; }
.ff-kff, .ff-kff footer { background: #0f5a77 !important; }
.ff-post_content-theater { background: #555; text-align: left; letter-spacing: 0; bottom: 0; margin: 0 16px 0 14px; }
.ff-theater h1, .ff-theater p, .ff-theater label { color: #ccc; }
.ff-post_content-theater h1 { font-size: 36px; }
.ff-post_content-theater p { color: #cdcdcd; }
.ff-post_content-theater h3.ff-film-title a { font-size: 14.5px; text-transform: uppercase; }
.ff-post_content-theater .ff-prog-info { margin-top: 20px; }
.ff-post_content-theater .ff-prog-info p { margin: 0; }

.ff-multi-column-container { display: block; }
.ff-main-column-left { float: left; max-width: 65%; }
.ff-secondary-column-right { float: right; }
p.ff-theater-exit {
	position: absolute; right: 40px; top: -20px;
}
.ff-cast-vote {
	display: inline-block;
	text-align: left;
	margin-top: 3px !important;
	margin-left: 0 !important;
}
select.ff-cast-vote {
	height: 27px; width: 55px; border;
	vertical-align: -3px;
	line-height: 12px;
	color: #000;
	border: 2px solid #cfcfcf;
	padding-top: 7px;
	border-radius: 5px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: #f5f5f5 url('images/select_arrow.png') right center no-repeat;
}
button.ff-cast-vote { height: 28px; }
.ff-talkback {
	max-width: 250px;
	display: block;
	position: absolute;
	right: -275px;
	top: 75px;
	text-align: left;
}
.ff-talkback img.ff-talkback-logo {
	width: 268px;
	z-index: -1 !important;
}
.ff-talkback p {
	font-size: 10.5px;
	margin: 0;
	padding: 0 0 0 12px;
	text-width: 9px;
}
.ff-talkback hr.ff-item-separator {
	margin-top: 0;
}
.ff-watch-tbt a {
	width: 100px;
	height: 30px;
	text-align: center;
	padding: 4px 5px 0 5px;
	margin-left: 108px;
	border 15px 0 6px 18px;
}
.ff-watch-tbt a img {
	width: 30px;
}
/*
.ff-main-column-right { display: inline; float: right; max-width: 65%; }
.ff-secondary-column-left { display: inline; float: left; }
*/
@media only screen and ( max-width: 1193px ){
	.ff-talkback img.ff-talkback-logo { width: 210px; }
	.ff-talkback { right: -210px; }
	.ff-watch-tbt a { margin-left: 100px; }
}
@media only screen and ( max-width: 1183px ){
	.ff-talkback img.ff-talkback-logo { width: 220px; }
	.ff-talkback { right: -210px; }
	.ff-watch-tbt a { margin-left: 100px; }
}
@media only screen and ( max-width: 1080px ){
	.ff-talkback img.ff-talkback-logo { width: 200px; }
	.ff-talkback { right: -260px; }
	.ff-watch-tbt a { margin-left: 92px; }
}
@media only screen and ( max-width: 960px ){
	.ff-talkback { position: relative !important; right: 0; top: 0; text-align: center !important; margin-top: 30px; margin-left: 35%; }
	.ff-talkback-sep { display: none; }
	.ff-talkback-logo { display: block !important; width: 230px !important; top: 10px; }
	.ff-watch-tbt { width: 20%; }
}
@media only screen and ( max-width: 767px ){
	h1.ff-theater { font-size: 25px; }
	p.ff-theater-exit { width: 54px; top: -14px; right: 18px; }
	.ff-talkback { margin-left: 30%; }
	.vp-video-wrapper { width: 80%; }
}

/* Awards */
.ff-award-winner, .ff-award-type, .ff-awarded-film, .ff-awarded-person, .ff-judges { color: #000; font-size: 12px; letter-spacing: 0; }
.ff-award-name, .ff-category { color: #000; font-size: 13px; font-weight: bold; margin: 6px 0 2px 0; letter-spacing: 0; }
.ff-category { margin: 12px 0 4px 0; }
.ff-award-winner, .ff-judges { margin-top: -4px; }
.ff-award-item-container { position: relative; padding: 5px 0 3px 0; line-height: 10px; }
.ff-award-type { display: inline; }
.ff-awarded-film, .ff-awarded-person { display: inline; font-size: 12px; position: absolute; left: 140px; }
.ff-award-winner a, .ff-awarded-film a { font-style: italic; }
@media only screen and ( max-width: 1192px ) {
  .ff-awarded-film, .ff-awarded-person { font-size: 10px; }
}
@media only screen and ( max-width: 960px ){
  .ff-awarded-film, .ff-awarded-person { position: relative; left: 0; } /* allow text wrapping */
}

/* Login form */
.ff-login {
	text-align: right;
	margin: 0 7px -12px 0;
}
.ff-login .ff-user-hello {
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
}
.ff-login hr.ff-home-login {
	display: none;
}
.ff-login label {
	margin-left: 10px;
}
.ff-login input[type="text"],
.ff-login input[type="password"] {
	width: 200px; height: 30px;
	color: #000;
	background: #f5f5f5; 
	border-radius: 5px;
}
.ff-login input[type="submit"], button {
	background-color: #ebf2f7;
	border: 2px solid #a7c1d5;
	border-radius: 5px; height: 29px;
	color: #596066;
	font-weight: bold;
	text-transform: none;
	padding: 0 4px 0 4px;
	vertical-align: -5%;
}
.ff-login-error p, .ff-password-reset-ko p {
	color: red;
	margin: 0;
}
.ff-reset-password, .ff-go-to-the-lobby {
	margin-bottom: -40px;
}
.ff-reset-password p, .ff-go-to-the-loby p {
	margin-top: 3px;
}
.ff-password-reset-ok p {
	color: green;
}
@media only screen and ( max-width: 960px ){
	.ff-login { text-align: center; margin-bottom: 0; }
	.ff-login label { display: inline-block; text-align: right; width: 70px; }
	.ff-reset-password, .ff-go-to-the-lobby { margin-bottom: 0; }
}
@media only screen and ( max-width: 767px ){
	.ff-login hr.ff-home-login { display: block; visibility: hidden; margin: 0; }
	.ff-login .ff-user-hello { font-weight: 13px; }
}

/* Theater Lobby */
.ff-lobby-container {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
}
.ff-lobby-box {
	display: inline-grid;
	border: 2px solid;
	min-height: 150px;
	max-height: 150px;
	min-width: 260px;
	max-width: 260px;
	margin: 0 8px 12px 0;
	border-radius: 5px;
}
a.ff-lobby-box-link {
	text-decoration: none;
}
.ff-lobby-box:hover {
	background: #f4f4f4;
}
.ff-lobby-box p {
	margin-left: 8px;
	margin-right: 8px;
}
.ff-lobby-box p.ff-marquee {
	margin: 4px 8px 2px 8px;
	text-align: right;
	font-weight: bold;
	line-height: 1.1;
}
.ff-lobby-box p.ff-description {
	vertical-align: top;
	line-height: 1.1;
}
.ff-lobby-box p.ff-category {
	font-size: 80%;
	text-align: right;
	font-weight: bold;
	margin-top: 0;
}
.ff-lobby-box p.ff-trt {
	font-size: 80%;
	text-align: right;
	margin-top: 0;
}
.ff-lobby-grey {
	border-color: #ccc;
}
.ff-cat-narrative-feature {
	border-color: red;
}
.ff-cat-narrative-short {
	border-color: grey;
}
.ff-cat-documentary-feature {
	border-color: gold;
}
.ff-cat-documentary-short {
	border-color: orange;
}
.ff-cat-animation {
	border-color: green;
}
.ff-cat-experimental {
	border-color: blue;
}
.ff-cat-kidsfilmfest {
	border-color: #009dc4;
}
@media only screen and ( max-width: 1193px ){
	.ff-lobby-box { min-width: 350px; }
}
@media only screen and ( max-width: 1082px ){
	.ff-lobby-box { min-width: 260px; }
}
@media only screen and ( max-width: 960px ){
	.ff-lobby-box { display: block; width: 50%; margin: 0 auto; margin-bottom: 12px; }
	.ff-lobby-box { min-width: 360px; }
}
@media only screen and ( max-width: 395px ){
	.ff-lobby-box { width: 90% !important; min-width: 250px; }
}

/* BFF Theater */

/* KFF Theater */

/* Registration forms */
.ff-registration {
	text-align: right;
	margin-right: 30%;
	/*margin: 0 auto;*/
}
.ff-registration label {
	display: inline-block;
	width: 218px;
	vertical-align: top;
	margin-right: 8px;
	padding-top: 6px;
	line-height: 120%;
}
.ff-registration input[type="text"],
.ff-registration input[type="number"],
.ff-registration input[type="email"],
.ff-registration input[type="password"],
.ff-registration input[type="search"],
.ff-registration input[type="phone"] { 
	width: 300px; height: 30px; 
	margin-top: 3px;
	border: 1px solid #cfcfcf;
	color: #000;
	background: #f5f5f5; 
	border-radius: 5px;
}
.ff-registration input[type="submit"], button {
	/*margin-left: 224px;*/
	margin-left: 523px;
	background-color: #ebf2f7;
	border: 2px solid #a7c1d5;
	border-radius: 5px; height: 34px;
	color: #596066;
	font-weight: bold;
	text-transform: none;
	padding: 0 4px 1px 4px;
	vertical-align: -5%;
}
.ff-registration textarea {
	width: 300px;
	margin-top: 3px;
	color: #000;
	border: 1px solid #cfcfcf;
	background: #f5f5f5; 
	border-radius: 5px;
}
.ff-registration select {
	height: 29px;
	margin-top: 3px;
	font-size: 12px;
	letter-spacing: 0;
	color: #000;
	border: 1px solid #cfcfcf;
	border-radius: 5px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: #f5f5f5 url('images/select_arrow.png') right center no-repeat;
}
.ff-registration img.ff-verify {
	vertical-align: middle;
	margin-left: 8px;
}
@media only screen and ( max-width: 1192px ){
	.ff-registration { margin-right: 20%; }
}
@media only screen and ( max-width: 1080px ){
	.ff-registration { margin-right: 10%; }
}
@media only screen and ( max-width: 960px ){
	.ff-registration { text-align: center; }
	.ff-registration input[type="submit"], button { margin: 0; }
}
@media only screen and ( max-width: 622px ){
	.ff-registration { text-align: center; margin: 0 auto; }
	.ff-registration label { margin: 0 0 3px 0; }
}

/* Donate */
.ff-paypal-donate { text-align: center !important; }
.ff-paypal-donate img { margin: 0 auto !important; }

/* Search */
.ff-search { padding: 0 0 30px; font-size: 13px; letter-spacing: 0; }
.ff-search input[type="text"], .ff-search select { font-size: 10px; letter-spacing: 0; color: #000; background-color: #f5f5f5; border: 1px solid #cfcfcf; border-radius: 5px; height: 26px; }
.ff-search select { appearance: none; -webkit-appearance: none; -moz-appearance: none; background: #f5f5f5 url('images/select_arrow.png') right center no-repeat; }
.ff-search input.ff-input-keywords { background-color: #fff; width: 130px; height: 24px; }
@-moz-document url-prefix() {
  .ff-search input.ff-input-keywords { height: 26px; vertical-align: 1px; }
}
.ff-search select.ff-select-category, .ff-search select.ff-select-country { width: 150px; }
.ff-search select.ff-select-order { width: 110px; }
.ff-search select.ff-select-festival-edition { width: 80px; }
.ff-search input.ff-search-type { vertical-align: text-bottom; }
.ff-search .ff-form-submit { display: block; }
.ff-search input.ff-form-button { background-color: #ebf2f7; border: 2px solid #a7c1d5; border-radius: 5px; height: 26px; color: #596066; font-weight: bold; text-transform: none; padding: 0 4px 1px 4px; vertical-align: -5%; }
.ff-search input.ff-form-button:hover { color: #4c4c4c; }

/* BFF Wear (shop) - Etsy */
#ff-etsy iframe { height: 700px; }

/* Films by Festival Edition */
a.ff-edition-link { text-decoration: none; }
.ff-festival-edition { display: block; width: 98%; border: 1px solid #ccc; /* padding: 4px 6px 0 6px; */ padding: 0 2px 0 0; }
.ff-festival-edition:hover { border-color: #009dc4; }
.ff-year-logo { width: 100px; overflow: hidden; float: left; color: #4c4c4c; font-size: 48px; font-weight: bolder; letter-spacing: -8px; margin-left: -16px; line-height: 65px; }
.ff-edition-data { margin-left: 100px; width: 70%; }
.ff-edition-data h2 { color: #4c4c4c; font-size: 128%; font-weight: bold; padding-top: 10px; text-transform: uppercase; }
.ff-edition-data p { letter-spacing: 0; }
@media only screen and ( max-width: 767px ){
  .ff-edition-data { margin-left: 92px; padding-right: 2px; }
  .ff-edition-data h2 { font-size: 90%; letter-spacing: 0; }
}
@media only screen and ( max-width: 600px ){
  .ff-year-logo { margin-left: -10px; /* Verdana not available? */ }
}

/* Films by Category */
a.ff-category-link { text-decoration: none; }
.ff-festival-category { display: block; width: 98%; border: 1px solid #ccc; padding: 0 2px 0 0; }
.ff-festival-category:hover { border-color: #009dc4; }
.ff-category-logo { width: 100px; overflow: hidden; float: left; color: #d3d3d3; font-size: 53px; font-weight: bolder; text-transform: uppercase; letter-spacing: -5px; margin-left: -8px; line-height: 65px; }
.ff-category-data { margin-left: 100px; width: 70%; }
.ff-category-data h2 { color: #4c4c4c; font-size: 128%; font-weight: bold; padding-top: 10px; text-transform: uppercase; }
.ff-category-data p { letter-spacing: 0; }
@media only screen and ( max-width: 767px ){
  .ff-category-data { margin-left: 92px; padding-right: 2px; }
  .ff-category-data h2 { font-size: 90%; letter-spacing: 0; }
}

/* Search Results */
h2#ff-search-type { color: #595959; }
.ff-search-criterion { padding-bottom: 12px; }
h4.ff-film-title { border: 0; margin: -2px 0 1px 0 !important; padding: 0; text-transform: uppercase; }
.ff-film { display: block; width: 97.5%; border: 1px solid #ccc; padding: 4px 5px 0 5px; min-height: 90px; }
.ff-film a { color: #009dc4; }
.ff-film .ff-film-title { line-height: 16px; margin: 1px 0 1px 1px; }
.ff-film .ff-film-title a { font-weight: bold; color: #009dc4; letter-spacing: 0; }
.ff-film p { font-size: 90%; border: 0; margin: 0; padding: 0; }
.ff-film p.ff-film-directors-length-categories { color: #000; letter-spacing: 0; line-height: normal; font-weight: bold; margin: 3px 0 2px 0; }
.ff-film p.ff-film-excerpt { font-style: italic; letter-spacing: 0; line-height: 16px; margin-bottom: 2px; }
p.ff-film-excerpt a { font-style: normal; }
.ff-film p.ff-film-links a { color: #009dc4; letter-spacing: 0; }
.ff-film-thumbnail { display: block; float: right; }
.ff-film-thumbnail img { height: 87px !important; width: 150px !important; margin-left: 4px; }
.ff-film-out { background: #eee; }
.ff-film-out p { color: #555; }
.ff-film-out p.ff-film-directors-length-categories { color: #555; }
.ff-film-out a { color: #555 !important; }
.ff-film-out-list-label { background: #000; color: #fff; font-size: 70%; padding: 1px 4px 1px 4px; border-radius: 6px; }
.ff-film-thumbnail-comp img { height: 58px !important; width: 100px !important; margin-left: 4px; }
.ff-search-nav, a.ff-search-nav { display: inline-block; width: 15px; text-align: center; letter-spacing: -2px; margin-right: 3px; padding: 0 5px 0 2px; margin-bottom: 3px; }
.ff-search-nav { color: #757575; font-weight: bold; border: 2px solid #757575; }
a.ff-search-nav { background-color: #009dc4; color: #fff !important; text-decoration: none; border: 2px solid #009dc4; }
a.ff-search-nav:hover { color: #009dc4 !important; background-color: #fff; /* border: 2px solid #009dc4; */ }
@media only screen and ( max-width: 960px ){
  .content .container { width: 100%; }
}
@media only screen and ( max-width: 767px ){
 .ff-film img { width: 139px !important; height: auto !important; }
}
@media only screen and ( max-width: 450px ){
 .ff-film { width: 94%; }
 .ff-film img { width: 97px !important; height: auto !important; }
 .ff-film-title a { font-size: 15px; }
 p.ff-film-directors-length-categories { font-size: 80%; }
 p.ff-film-excerpt { font-size: 80%; }
}

/* Film Detail */
a #trailer:hover { text-decoration: none; }
#ff-film-container { width: 99.5%; }
h1#ff-film-title { font-size: 150%; font-weight: bold; text-transform: uppercase; color: #009dc4; }
.ff-film-out-label { background: #000; color: #fff; padding: 1px 5px 1px 5px; border-radius: 6px; }
.ff-film-title-original { font-weight: bold; letter-spacing: 0; line-height: 15px; padding-bottom: 10px; }
.ff-film-premiere { letter-spacing: 0; }
.ff-navi-a, .ff-navi-b { font-size: 85%; font-weight: bold; text-transform: uppercase; letter-spacing: 0; }
.ff-navi-a { display: inline-block; width: 70%; }
.ff-navi-a a { color: #009dc4; }
.ff-navi-b { display: inline-block; position: absolute; width: 20%; right: 8px; top: 0; text-align: right; }
.ff-navi-b a { color: #009dc4; }
.ff-navi-c { display: block; position: absolute; width: 50%; right: 3px; text-align: right; font-size: 80%; font-weight: bold; text-transform: uppercase; }
.ff-navi-c a { color: #009dc4; letter-spacing: 0; }
.ff-navi-d { display: block; position: absolute; right: 3px; text-align: right; }
.ff-navi-d p { display: table-cell; background-color: #009dc4; color: #fff; font-size: 14px; font-weight: bold; letter-spacing: 0; width: 48px; height: 48px; text-align: center; line-height: 18px; padding: 9px 5px 0 5px; border: 5px solid #fff; border-radius: 10px; }
.ff-navi-d p:hover { background-color: #757575; }
.ff-navi-d p a { color: #fff !important; text-decoration: none; }
.ff-navi-d hr { height: 0; margin: 0; visibility: hidden; }
.ff-latest-news { position: relative; border: 2px solid #009dc4; padding: 0 8px 0 8px; margin: 10px 0 10px 0; }
.ff-latest-news p { margin: 4px 0 4px 0; font-size: 90%; }
.ff-film-director p { letter-spacing: 0; }
.ff-film-data-container p { margin: 0; letter-spacing: 0; width: 70%; }
.ff-film-countries-year-length, .ff-data-title { font-weight: bold; }
.ff-film-data { padding-left: 4px; width: 50%; }
.ff-film-data a { color: #009dc4; }
.ff-film-info-container { position: relative; display: table; padding: 35px 0 15px 0; }
.ff-film-info-container p { margin: 0; margin-bottom: 2px; letter-spacing: 0; }
.ff-film-director, .ff-film-data-container { max-width: 580px; } /* No nav overlap */
.ff-info-title { display: table-cell; width: 50px; font-weight: bold; }
.ff-film-info { display: table-cell; left: 50px; }
.ff-film-info a { color: #009dc4; }
.ff-film-details-container h2 { font-size: 16px; color: #525252; line-height: 140%; margin: 20px 0 -10px; }
.ff-film-details-container h2, .ff-film-details-container p { letter-spacing: 0; }
.ff-film-details-container p { color: #000; }
.ff-film-awards { width: 70%; }
.ff-film-awards p { font-weight: bold; letter-spacing: 0; }
.ff-film-director-link, .ff-film-director-alumni { background: #a8a8a8; font-weight: bold; border-top: 6px; padding: 1px 4px 1px 4px; }
a.ff-film-director-link, a.ff-film-director-alumni { color: #fff !important; text-decoration: none; }
a.ff-film-director-link:hover, a.ff-film-director-alumni:hover { background-color: #009dc4; }
ul.ff-alumni-filmography { list-style: none; padding-left: 0; font-size: 12px; letter-spacing: 0; }
.ff-alumni-filmography a { color: #009dc4; text-transform: uppercase; }
p.ff-film-link { line-height: 1px; margin-top: 21px; }
p.ff-film-link a.ff-film-link-button { background: #5bc7ff; color: #fff !important; font-weight: bold; text-decoration: none; border-top: 6px; padding: 1px 4px 1px 4px; }
p.ff-film-link a.ff-film-link-button:hover { background-color: #009dc4; text-decoration: none; }
.ff-film-image-container { position: relative; border: 0; margin: 0; padding: 0; min-height: 390px; }
.ff-watch-trailer { padding-top: 8px; float: left; }
.ff-watch-trailer img { vertical-align: middle; height: 28px; width: auto; border: 0; }
.ff-watch-trailer a { color: #009dc4; text-transform: uppercase; }
/* fix offset for trailer anchor with fixed header */
/*
:target:before {
  content: "";
  display: block;
  height: 70px;
  margin: -70px 0 0;
}
*/
.ff-film-slides {
  position: relative;
  padding: 15px 0 10px 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
  float: none;
  width: fit-content; /* Or explicit width like 300px */
}
/* .ff-slide { display: none; } /* Hide the slides by default */
.ff-slide-nav-prev, .ff-slide-nav-next {
    cursor: pointer;
    position: absolute;
    top: 45%;
    width: auto;
    margin-top: -22px;
    padding: 16px;
    color: white !important;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}
a.ff-slide-nav-prev, a.ff-slide-nav-next {
    text-decoration: none;
}
.ff-slide-nav-next {
    right: 0;
    border-radius: 3px 0 0 3px;
}
.ff-slide-nav-prev:hover, .ff-slide-nav-next:hover { background-color: rgba(0, 0, 0, 0.6); }
.ff-slide-number {
    display: none; /* Slide number disalbed */
    position: absolute;
    color: #f2f2f2;
    font-size: 12px;
    padding: 16px 12px;
    top: 0;
}
.ff-slide-nav-dots { text-align: center; margin-bottom: 0; }
.ff-slide-nav-dot {
    letter-spacing: 1.5px;
    cursor: pointer;
    height: 12px;
    width: 12px;
    margin: 5px 1px 0 0;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}
.ff-slide-nav-dot-active, .ff-slide-nav-dot:hover { background-color: #717171; }
.ff-slideshow-fade {
    -webkit-animation-name: ff-slideshow-fade;
    -webkit-animation-duration: 1.5s;
    animation-name: ff-slideshow-fade;
    animation-duration: 1.5s;
}
@-webkit-keyframes ff-slideshow-fade {
    from { opacity: .4 }
    to { opacity: 1 }
}
@keyframes ff-slideshow-fade {
    from { opacity: .4 }
    to { opacity: 1 }
}
/* .ff-film-slides img { } */
@media only screen and ( min-width: 800px ){
  .ff-slide:not(.ff-ad) { width: 788px; height: 438px; }
}
@media only screen and ( min-width: 961px ){
  .ff-slide:not(.ff-ad) { width: 636px; height: 354px; }
  .ff-film-slides:not(.ff-ad) img { max-width: 100%; height: 350px; }
  .ff-navi-d { display: none; }
}
@media only screen and ( max-width: 1192px ){
  #ff-film-container { width: 99%; }
  .ff-film-director, .ff-film-data-container { max-width: 400px; } /* No nav overlap */
}
@media only screen and ( max-width: 1080px ){
  #ff-film-container, .ff-navi-b { margin-top: 10px; }
}
@media only screen and ( max-width: 960px ){
  #ff-film-container, .ff-navi-b { margin-top: 0; }
  .ff-film-image-container { min-height: 472px; }
  .ff-watch-trailer p { display: none; }
  .ff-film-info-container { width: 70%; }
  .ff-film-info-container p { width: 100%; }
  .ff-film-director, .ff-film-data-container { width: 70%; } /* No nav overlap */
  .ff-film-slides img { max-width: 100%; height: auto; }
  .ff-navi-c { display: none; }
}
@media only screen and ( max-width: 799px ){
  .ff-slide-nav-dots { display: none; }
  .ff-film-image-container { min-height: 443px; }
}
@media only screen and ( max-width: 770px ){
  .ff-film-image-container { min-height: 430px; }
}
@media only screen and ( max-width: 767px ){
  div.container { width: 96%; }
  .ff-navi-b { visibility: hidden; }
  .ff-film-image-container { min-height: 422px; }
}
@media only screen and ( max-width: 750px ){
  .ff-film-image-container { min-height: 415px; }
}
@media only screen and ( max-width: 730px ){
  .ff-film-image-container { min-height: 405px; }
}
@media only screen and ( max-width: 710px ){
  .ff-film-image-container { min-height: 395px; }
}
@media only screen and ( max-width: 690px ){
  .ff-film-image-container { min-height: 382px; }
}
@media only screen and ( max-width: 670px ){
  .ff-film-image-container { min-height: 371px; }
}
@media only screen and ( max-width: 650px ){
  .ff-film-image-container { min-height: 360px; }
}
@media only screen and ( max-width: 630px ){
  .ff-film-image-container { min-height: 349px; }
}
@media only screen and ( max-width: 615px ){
  .ff-film-image-container { min-height: 341px; }
}
@media only screen and ( max-width: 600px ){
  .ff-film-image-container { min-height: 333px; }
}
@media only screen and ( max-width: 590px ){
  .ff-film-image-container { min-height: 327px; }
}
@media only screen and ( max-width: 570px ){
  .ff-film-image-container { min-height: 316px; }
}
@media only screen and ( max-width: 550px ){
  .ff-film-image-container { min-height: 305px; }
}
@media only screen and ( max-width: 530px ){
  .ff-film-image-container { min-height: 295px; }
}
@media only screen and ( max-width: 510px ){
  .ff-film-image-container { min-height: 284px; }
}
@media only screen and ( max-width: 490px ){
  .ff-film-image-container { min-height: 273px; }
}
@media only screen and ( max-width: 470px ){
  .ff-film-image-container { min-height: 262px; }
}
@media only screen and ( max-width: 450px ){
  .ff-film-image-container { min-height: 249px; }
}
@media only screen and ( max-width: 428px ){
  .ff-film-image-container { min-height: 239px; }
}
@media only screen and ( max-width: 414px ){
  .ff-film-image-container { min-height: 231px; }
}
@media only screen and ( max-width: 390px ){
  .ff-film-image-container { min-height: 218px; }
}
@media only screen and ( max-width: 384px ){
  .ff-film-image-container { min-height: 215px; }
}
@media only screen and ( max-width: 375px ){
  .ff-film-image-container { min-height: 210px; }
}
@media only screen and ( max-width: 360px ){
  .ff-film-image-container { min-height: 201px; }
}
@media only screen and ( max-width: 340px ){
  .ff-film-image-container { min-height: 190px; }
}
@media only screen and ( max-width: 320px ){
  .ff-film-image-container { min-height: 180px; }
}
@media only screen and ( max-width: 300px ){
  .ff-film-image-container { min-height: 169px; }
}
@media only screen and ( max-width: 275px ){
  .ff-film-image-container { min-height: 156px; }
}
.ff-film-watch { margin: 20px 0 30px 0; }
/* .ff-film-watch iframe, .ff-film-watch object, .ff-film-watch embed { max-width: 100%; height: auto; } */
hr { margin: 10px 0 10px 0; }
h3 { font-size: 100%; font-weight: bold; margin-bottom: 0; }

/* Side Menu */
@media only screen and ( max-width: 960px ){
  .side-nav { display: none; }
}
@media only screen and ( min-width: 961px ){
  .side-nav ul { list-style: none; }
  .side-nav ul li { font-size: 120%; padding: 10px 0 10px 0; }
  .side-nav ul li a { color: #595959; font-weight: bold; }
  .side-nav ul li a:hover { color: #009dc4; text-decoration: none; }
  .side-nav ul li.current-menu-item a { color: #009dc4; }
  .side-nav ul.sub-menu { max-height: 0; opacity: 0; overflow: hidden; }
  .side-nav ul.sub-menu li { padding: 5px 0 5px 0; }
  .side-nav ul.sub-menu li a { color: #595959; }
  .side-nav ul.sub-menu li a:hover { color: #009dc4; }
  .side-nav ul.sub-menu li.current_page_item a,.side-nav ul.sub-menu li.current-menu-item a { color: #009dc4; }
  .side-nav li.current-menu-item ul.sub-menu,
  .side-nav li.current-menu-ancestor ul.sub-menu { opacity: inherit; max-height: inherit; }
  .side-nav ul.sub-menu li a { font-size: 74%; }
  .side-nav ul li.menu-item-has-children > ul { opacity: 0; transition: all 0; -webkit-transition: all 0; -moz-transition: all 0; } /* No transition on mouseout. */
  /* .side-nav ul li.menu-item-has-children:not(.current-menu-ancestor):hover > ul { -webkit-animation: expandsubmenu .4s ease-in .4s 1 normal forwards; animation: expandsubmenu .4s ease-in .4s 1 normal forwards; } /* Mousein animnation, no JS. */
  /* @-webkit-keyframes expandsubmenu {
  	from { max-height: 0; opacity: 0; }
	to { max-height: 600px; opacity: 1; }
  }
  @keyframes expandsubmenu {
  	from { max-height: 0; opacity: 0; }
	to { max-height: 600px; opacity: 1; }
  } */
  /* .side-nav ul li.menu-item-has-children:not(.current-menu-ancestor):hover > a::after { -webkit-animation: arrowdown .2s ease-out .4s 1 normal forwards; animation: arrowdown .2s ease-out .4s 1 normal forwards; } /* Match expandsubmenu, no JS. */
  /* @-webkit-keyframes arrowdown {
  	from { content: ' ►';  vertical-align: middle; font-size: 70%; }
	to { content: ' ▾'; vertical-align: middle; font-size: 97%; }
  }
  @keyframes arrowdown {
  	from { content: ' ►';  vertical-align: middle; font-size: 70%; }
	to { content: ' ▾'; vertical-align: middle; font-size: 97%; }
  } */
  .menu-item-has-children > a::after { content: ' ►';  vertical-align: middle; font-size: 70%; }
  .menu .current-menu-ancestor > a::after { content: ' ▾'; vertical-align: middle; font-size: 97%; }
}

/* Newsletter (common) */
.ff-footer-newsletter { margin-top: 34px; }

/* MailChimp */
p.ff-mailc-submit { margin: 12px 0 0 0; }
p.ff-mailc-action { margin: 0; }
input[type="email"].ff-mailc { font-size: 10px; letter-spacing: 0; color: #000; background-color: #f5f5f5; border: 1px solid #cfcfcf; border-radius: 5px; height: 26px; }
input[type="submit"].ff-mailc { background-color: #ebf2f7 !important; border: 2px solid #a7c1d5 !important; border-radius: 5px; height: 27px; color: #596066 !important; font-weight: bold; text-transform: uppercase; padding: 0 4px 1px 4px !important; vertical-align: -5%; }
input[type="radio"].ff-mailc { margin-top: -1px; vertical-align: middle; }
@media only screen and ( max-width: 960px ){
  p.ff-mailc-submit { margin: 12px auto 0 auto; }
  p.ff-mailc-action { margin: 0 auto 0 auto; }
}
.mc4wp-alert p { letter-spacing: 0; }
.mc4wp-error p { color: red; }
.mc4wp-success p { color: green; }

/* ALO EasyMail customized widget */
p.ff-alo-unsubscribe-error { color: red; font-weight: bold; }
p.ff-alo-unsubscribe-success { color: green; font-weight: bold; }
.alo_easymail_form_table { display: inline-block; vertical-align: bottom; }
.alo_easymail_disclaimer { display: inline-block; color: #595959; }
.ff-newsletter-icon { display: inline-block; float: left; width: 100px; padding: 10px 8px 200px; 9px; }
.alo_easymail_widget_ok, .alo_easymail_widget_error { display: table-row; border-left: 100px; color: #f00; font-size: 13px; font-weight: bold; letter-spacing: 0; }
input#opt_name { display: none; } /* Should be useless. */
input#opt_email { display: table-row; }
input#opt_name, input#opt_email { color: #000; background-color: #f5f5f5; border: 1px solid #cfcfcf; border-radius: 5px; height: 26px; }
input.input-submit { background-color: #ebf2f7 !important; border: 2px solid #a7c1d5 !important; border-radius: 5px; height: 27px; color: #596066 !important; font-weight: bold; text-transform: uppercase; padding: 0 4px 1px 4px !important; vertical-align: -5%; }
.ff-social-item input.input-submit { margin-bottom: 7px; }
.ff-footer-newsletter input#opt_email { width: 180px; margin-bottom: 0; }
/* .ff-footer-newsletter #alo_em_privacy_agree { margin-left: 1px; } */
input#alo_em_privacy_agree.input-checkbox { vertical-align: 3px; }
.ff-em-privacy-agree { vertical-align: 5px; }
.ff-footer-newsletter input.input-submit { display: block; margin: 2px 0 2px 2px; }
.ff-item-container input.input-submit { margin-left: 5px; vertical-align: middle; }

.alo_easymail_disclaimer { display: block; }
input#alo_em_privacy_agree { margin: 3px 0 3px 0; }
.ff-footer-newsletter input.input-submit { margin: 12px auto 2px auto; }

/* Sponsors slideshow */
@media only screen and ( min-width: 946px ){
  .ff-ad-slides { max-width: 80%; }
}
@media only screen and ( min-width: 770px ){
  .ff-ad-slides { max-width: 770px; }
}