/*
Theme Name: Flyway 2016 Divi
Theme URI: http://www.elegantthemes.com/gallery/divi/
Version: 2.1
Description: Divi child theme for Flyway
Author: Jeremy Wilker
Author URI: http://www.elegantthemes.com
Template: Divi
*/


@import url("../Divi/style.css");


body {
background-image: url('images/fff2016-bkgd.jpg');
background-repeat: no-repeat;
background-position: top center;
background-attachment: fixed;
background-size: 100% 100%;
color: #fff !important;
background-color: #238aab !important;
}

h1, h2, h3, h4, h5, h6 {
color: #d82b27 !important;
}

.et_boxed_layout #page-container {
box-shadow: none !important;
-webkit-box-shadow: none !important;
}

#main-header {
background-image: url('images/fff2016-header.png') !important;
background-repeat: no-repeat;
background-size: 100%;
background-position: top left;
background-color: transparent !important;
width: 100% !important;

box-shadow: none !important;
-webkit-box-shadow: none !important;
}

.ep_pb_post p, .entry-content p {
color: #888 !important;
}

.et_pb_post {
margin-bottom: 100px;
clear:both;
}

.et_pb_post .post-meta a, .et_pb_portfolio_item .post-meta a {
color: #edb059 !important;
}

.fffgreeting h1 {
font-weight: bold;
} 

.fffgreeting p {
font-weight: bold;
font-size: larger;
}


#logo {
margin-left: 66%;
margin-top: 2%;
display: none !important;
}

#main-content .container {
padding-top: 25px;
}




@media all {
.et_fullwidth_nav #main-header .container {
    width: 100%;
    max-width: 100%;
	padding-right: 0px !important;
	padding-left: 0px !important;
}
}



@media screen and (max-width: 664px) and (min-width: 320px) {
#logo {
	margin-left: auto !important;
	margin-bottom: 0;
	max-height: 84px !important;
	margin-top: 18.5% !important;
}
.et_header_style_centered header#main-header .logo_container {
	display: inherit;
	opacity: 100;
	height: auto !important;
	max-height: inherit;
}
.et_header_style_centered header#main-header {
	padding: 0 !important;
	background-size: 154%;
}
#et-top-navigation {
	margin-right: 0;
	top: 18px;
	padding: 0 20px 0 0;
}
#et_top_search {
	margin: 12px 0 0 16px !important;
}
.et_header_style_centered #et_mobile_nav_menu {
	float: none;
    position: relative;
    margin-top: 34px !important;
}
#main-header #et_mobile_nav_menu {
	margin-top: -46px !important;
}
.header_widget_area {
	display: none;
}
#main-header {
	min-height: 392px;
}
}





@media screen and (max-width: 980px) and (min-width: 665px) {
.et_header_style_centered #main-header {
	padding: 0 !important;
}
.et_hide_mobile_logo #main-header .logo_container {
	display: inherit;
	opacity: 100;
}
.et_header_style_centered #et_mobile_nav_menu {
	float: none;
    position: relative;
    margin-top: 34px !important;
}
#main-header #et_mobile_nav_menu {
	margin-top: -18px !important;
}
#et_top_search {
	margin: 14px 0 0 0px !important;
}
.header_widget_area {
	height: 222px;
}
.header_widget_area .widget_text {
	height: inherit;
}
.header_widget_area  .textwidget {
    font-size: 18px;
    color: black;
    top: -24px;
    display: inline-block;
    left: 40%;
    width: 60%;
    position: relative;
    font-weight: bold;
    line-height: 97%;
}
#main-header {
	min-height: 392px;
}
}




@media screen and (max-width: 1330px) and (min-width: 981px) {
.header_widget_area {
}
.header_widget_area .widget_text {
	height: inherit;
}
.header_widget_area  .textwidget {
    font-size: 24px;
    color: black;
    top: 24px;
    display: inline-block;
    left: 40%;
    width: 60%;
    position: relative;
    font-weight: bold;
    line-height: 97%;
}
#main-header {
	min-height: 332px;
}
}



@media screen and (max-width: 1920px) and (min-width: 1331px) {
.header_widget_area {
	height: 222px;
}
.header_widget_area .widget_text {
	height: inherit;
}
.header_widget_area .textwidget {
    font-size: 33px;
    color: black;
    top: 12%;
    display: inline-block;
    left: 40%;
    width: 60%;
    position: relative;
    font-weight: bold;
    line-height: 97%;
}
#main-header {
	min-height: 392px;
}
}



.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {
margin-top: 142px;
padding-top: 0px !important;
padding-left: 16px !important;
}

#et-top-navigation {
float: right;
top: inherit !important;
padding: 0 20px;
background-color: none;
color: #fff;
}

#et_search_icon:before {
color: #ccc;
}



#et_top_search {
margin: 6px 0 0 16px !important;
}

.et-search-form {
top: 24px;
background-color: black !important;
}

#main-header .nav li ul {
top: 18px;
background-color: black !important;
}

#main-header .nav li ul li ul {
top: 0px;
left: 150px;
}

#main-header .nav ul li a:hover {
	background-color: #808080;
}

#main-header nav#top-menu-nav {
padding-top: 5px !important;
}

.mobile_menu_bar:before {
padding-left: 10px;
color: inherit;
}

.et_header_style_centered .mobile_nav .select_page, .et_header_style_split .mobile_nav .select_page {
color: inherit;
}

.breadcrumbbar {
padding-top: 25px;
margin-left: 60px;
font-size: .8em;
}


#main-content {
background-color: #3C4758;
/* background: rgba(255,255,255,.8); */
}


@media only screen and (max-width: 979px) {
.et_right_sidebar #sidebar {
clear: both;
padding-top: 100px;
}
}

#main-footer {
background-color: #8aeefe !important;
}

#footer-info {
color: #fff !important;
font-size: 80%;
}

.footer-widget h4 {
color: #579520 !important;
}

.footer-widget a {
color: #238aab !important;
}

h4.widgettitle {
color: #579520 !important;
}

.et-social-icon a {
display: inline-block;
font-size: 24px;
position: relative;
text-align: center;
transition: color 300ms ease 0s;
text-decoration: none;
color: #fff !important;
}


.sponsorimg {
float:left;
width:200px;
height:200px;
margin: 10px 10px 10px 10px;
}

.flywaypass {
float: left;
clear: both;
margin-bottom: 30px;
}

.flywaypass ul {
list-style: disc inside url("images/li_arrows_hover_f.png");
margin: 0 0 10px 0;
}

.et_pb_slider .et_pb_slide {
min-height: 550px;
}


/* Genre and Day List Sub Menu */

#genrelistbox { height: 60px; }

#genrelist1 {
width: 100%;
float: left;
margin-bottom:30px;
font-size: 1.1em;
}

#genrelist1 ul { padding: 0; }
#genrelist1 ul li { display: inline; }

#genrelist1 ul {
margin: 0;
padding: 0;
color: #FFFFFF;
font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
}

#genrelist1 ul.children {
}

#genrelist1 ul li a {
padding: 0 4px;
color: #FFFFFF;
text-decoration: none;
float: left;
border-right: 1px solid gray;
background-color: #000000;
}

#genrelist1 ul li a:hover {
background-color: gray; color: #FFFFFF;
}

#genrelist {
	list-style:none !important;
	font-weight:bold;
	/* Clear floats */
	float:left;
	width:100%;
	padding: 0 !important;
	margin-bottom: 40px;
	/* Bring the nav above everything else--uncomment if needed.
	position:relative;
	z-index:5;
	*/
}
#genrelist li {
	float:left;
	margin-right:1px;
	position:relative;
}
#genrelist a {
	display:block;
	padding:5px;
	color:#fff;
	background:#202020;
	text-decoration:none;
}
#genrelist a:hover {
	color:#fff;
	background:#2F9FD5;
	text-decoration:underline;
}

#genrelist ul {
	background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	padding: 0 !important;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#genrelist ul li {
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
#genrelist ul a {
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#genrelist li:hover ul { /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#genrelist li:hover a { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:#2F9FD5;
	text-decoration:underline;
}
#genrelist li:hover ul a { /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#genrelist li:hover ul li a:hover { /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#333;
}



.film {margin-bottom:40px;clear:both;}

.entry-content p {margin-bottom:10px;}

h1.entry-title { color: white; font-weight: bold; }

.postlist h1 {
margin-bottom: 40px;
}

.postlist h2 a {
color: #2EA3F2;
font-weight: bold;
}

h1.page-title { 
font-weight: bold; 
color: #fff; 
margin-bottom: 20px; 
}

.entry-content img {
border: 1px solid black;
margin: 0px 20px 10px 0px;
}

.screeningtype {
background-color: #D82B27;
color: white;
font-weight: bold;
padding: 3px 6px;
margin: 20px 0px;
}

.filminfo .screeningtype {
background-color: #5f4509;
color: white;
font-weight: bold;
padding: 3px 6px;
margin: 6px 0px;
}

.screeningtypesched {
background-color: rgb(48, 146, 119);
color: white;
font-weight: bold;
border-radius: 12px;
float: right;
padding: 1px 12px;
font-size: 11px;
}

.screeningtypelist {
padding: 2px 5px;
background-color: rgb(50,100,100);
color: white;
margin-right: 10px;
}

div.filmdate {
margin-bottom: 10px;
}

img.ticketlink {
max-height: 25px;
vertical-align: middle;
padding-right: 5px;
}

img.ticketlinklist {
max-height: 12px;
vertical-align: middle;
padding-right: 5px;
}

img.ticketlinksched {
max-height: 30px;
vertical-align: middle;
padding-right: 5px;
opacity: .5;
}

.runtimelist {
font-size: 10px;
padding-left: 5px;
line-height: 10px;
}

.filmprice {
font-size: small;
padding: 4px 6px;
border-left: 1px dotted silver;
border-right: 1px dotted silver;
}

.filmvenue {
padding: 0px 6px;
}

.filminfo {
line-height: 1.7em;
margin-bottom: 25px;
margin-top: 25px;
}

dl dt {
font-weight: bold;
float: left;
width: 110px;
}

dd {
display: block;
margin-left: 100px;
}

.synopsis {
margin-bottom:10px;
clear:both;
}

.filmsynopsis {
margin: 10px 0 20px 0;
}

dd.filmbio {
margin-left: 110px;
}

.filmend {
border-top: 1px dotted silver;
border-bottom: 1px dotted silver;
padding: 20px 0;
}

h2.full-events {
color: #d89010;
font-weight: bold;
clear: both;
}
 
h2.full-events-sub {
clear:both;
padding-top:60px;
color: #d89010;
font-weight: bold;
}

.entry-title-list {
font: 24px/34px 'SansationBold', Verdana, sans-serif;
color: #fff;
}

h2.entry-title-list a {
font: 24px/34px 'SansationBold', Verdana, sans-serif;
font-weight: bold;
color: #2ea3f2;
}

.contentWrap .film {
float:left;
margin-right: 0px;
clear: none;
}


.postlist .film a img {
float:left;
}

.postlist h1 {
color: #fff;
}

.filmschedtime {
float: left;
width: 80px;
padding-left: 5px;
font-weight: bold;
font-size: .85em;
}

.filmschedimg { 
float:left;
width:140px;
}

.filmschedimg img {
border: 1px solid black;
}

div.type-film {
margin-bottom: 20px;
float:left;
clear:both;
width: 100%;
border-bottom: 1px solid rgb(60, 60, 60);
padding-bottom: 10px;
}

div.type-film .filmschedimg { 
float:left;
width:140px;
margin-right: 20px;
}

.filmschedinfo p {
padding-bottom: 0;
font-size: .85em;
margin-top: 15px;
}

.filmschedinfo .entry-title-list {
line-height: 26px;
padding-bottom: 0px;
}

.full-events-list {
background-color: #000;
padding: 1px 0 1px 5px;
color: white;
font-weight: bold;
margin-top:20px;
clear:both;
}

.page-template-films-listing-php #left-area {
padding-bottom: 60px;
}

.filmlisting {
border-bottom: 1px solid silver;
clear:both;
}

.film-title-list {
font-weight: bold;
font-size: 15px;
}

#listingtype {
border: 1px solid silver;
padding: 3px 8px;
border-radius: 5px;
clear: both;
float: right;
margin-bottom: 40px;
text-align: center;
}

#listingtype2 {
border: 1px solid silver;
padding: 3px 8px;
border-radius: 5px;
clear: both;
margin-left: 420px;
text-align: center;
}

.showlocationlist {
float: right;
}

h1.filmgridheader {
font: 30px 'SansationBold', Verdana, sans-serif !important;
color: #2F9FD5 !important;
margin-bottom: 12px !important;
text-align: center;
}

.box-captions {
font-size: 24px;
padding: 7px 0 7px 14px;
color: silver;
position: relative;
top: -75px;
display:block;
background: black;
width:75%;
}

.nav-previous { float: left; }
.nav-next { float: right; }
#nav-below {margin-top:40px; padding-bottom:50px; clear:both;}
#nav-above {margin-bottom: 40px; clear:both; }

#top-menu li {
padding-right: 10px !important;
}

#top-menu li > a {
color: #fff !important;
padding-bottom: 5px !important;
}



.et_mobile_menu {
top: inherit !important;
background-color: black !important;
border-top: 3px solid #d82627 !important;
color: inherit;
}

.et_mobile_menu li a:hover {
	background-color: #808080;
	color: #faf4dc;
}

.et_mobile_menu li a {
padding: 6px 5% !important;
color: #fff;
}

.lof-container { margin-bottom:40px; }

.vvqbox {margin:20px 0 !important;}

h3.sd-title:before { border-top: none !important; }


.tagcloud a {
background: rgba(0,0,0,.45) !important;
}


.et_pb_countdown_timer .section p {
font-size: 30px !important;
line-height: inherit !important;
}

.et_pb_countdown_timer .section p.label { 
font-size: 14px !important; 
}

.et_pb_countdown_timer .et_pb_countdown_timer_container {
margin: 0 0 30px;
text-align: center;
padding: 20px 30px 10px 30px;
}




/* SUBSCRIBE FORM */

.et_pb_widget form p input {
font-size: 14px;
border: none !important;
padding: 14px 4% !important;
font-size: 16px;
color: #666;
background-color: #fff;
width: 92%;
font-weight: 400;
-moz-border-radius: 3px !important;
-webkit-border-radius: 3px !important;
border-radius: 3px !important;
}



/* SOCIAL SHARING */

div.sharedaddy, #content div.sharedaddy, #main div.sharedaddy {
}

div.sharedaddy h3.sd-title {
display: none !important;
float: left;
margin: 0 1em 1em 0 !important;
}

@media all {
div.sharedaddy h3.sd-title:before {
border-top: none !important;
}
}