/*
Theme Name: BAICFF 2015
Theme URI: http://wordpress.org/extend/themes/toolbox
Author: BAICFF
Author URI: http://www.nevub.com/
Description: A semantic, HTML5, canvas for CSS artists and an ultra-minimal set of super-clean templates for your own WordPress theme development.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: custom-menu, sticky-post, microformats, rtl-language-support, translation-ready, full-width-template, post-formats

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


@font-face {
	font-family:'brandon';
	src: 
		url('http://baicff.com/wordpress/wp-content/themes/baicff-2015/css/fonts/brandon.eot#iefix') format('embedded-opentype'),
		url('css/fonts/brandon.woff') format('woff'), 
		url('css/fonts/brandon.ttf') format('truetype'),
		url('http://baicff.com/wordpress/wp-content/themes/baicff-2015/css/fonts/brandon.svg#brandon') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:'brandon';
	src:
		url('http://baicff.com/wordpress/wp-content/themes/baicff-2015/css/fonts/brandon-black.eot#iefix') format('embedded-opentype'),
		url('css/fonts/brandon-black.woff') format('woff'),
		url('css/fonts/brandon-black.ttf') format('truetype'),
		url('http://baicff.com/wordpress/wp-content/themes/baicff-2015/css/fonts/brandon-black.svg#brandon-black') format('svg');
	font-weight:bold;
	font-style:normal;
}


@font-face {
	font-family:'droidsans';
	src: 
		url('css/fonts/droidsans.eot') format('embedded-opentype'),
		url('css/fonts/droidsans.woff') format('woff'), 
		url('css/fonts/droidsans.ttf') format('truetype'),
		url('css/fonts/droidsans.svg') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:'droidsans';
	src:
		url('css/fonts/droidsans-bold.eot') format('embedded-opentype'),
		url('css/fonts/droidsans-bold.woff') format('woff'),
		url('css/fonts/droidsans-bold.ttf') format('truetype'),
		url('css/fonts/droidsans-bold.svg') format('svg');
	font-weight:bold;
	font-style:normal;
}


body, html {
	width:100%;
	-height:100%;
}
body, input, select, textarea, button { font-family:'droidsans',helvetica,arial,sans-serif; }
body {
	font-family:brandon,helvetica,arial,sans-serif; 
	font-size:1em;
	text-rendering:optimizeLegibility;
	background:#fff;
	margin:0;
	padding:0;
	position:relative;
	/*
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	*/
	-webkit-font-smoothing:antialiased;
}
a { 
	font-weight:bold;
	color:#000;
	text-decoration:none;
	text-shadow:-2px 2px 0px rgba(255,254,158,1);
	-border-bottom:1px dotted rgba(153,153,153,.8);
}
a:hover {
	color:#ff8586;
	-border-bottom-style:solid !important;
}

input, textarea {
	-webkit-touch-callout:default !important;
	-webkit-user-select:text !important;
	-moz-user-select:text !important;
	-ms-user-select:text !important;
	user-select:text !important;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
	outline:none;
}

[required],
input:invalid {
    -moz-box-shadow:none;
    box-shadow:none;
}

.clearfix {
	zoom:1;
	clear:both;
}
.clearfix:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	width:0;
	line-height:0;
	visibility:hidden;
}

.no-transition {
	-webkit-transition:all 0 ease-in 0 !important;
	-moz-transition:all 0 ease-in 0 !important;
	-ms-transition:all 0 ease-in 0 !important;
	transition:all 0 ease-in 0 !important;
	-moz-transition-property:all;
	-moz-transition-duration:0;
	-moz-transition-timing:ease-in;
	-moz-transition-delay:0 !important;
}

/* HDR */

#hdrw {
	width:100%;
	height:100px;
	position:relative;
	z-index:9;
}
.fixed #hdrw {
	position:fixed;
	top:0;
}

.hdr {
	width:980px;
	height:100px;
	text-transform:uppercase;
	background:url(imgs/nav_bg.png) no-repeat 0 0;
	margin:0 auto;
	padding:1px;
	position:relative;
}
.hdr_nav {
	margin:5px 0 0 40px;
	padding:0;
	position:relative;
	list-style:none;
}
.hdr_nav li {
	margin:10px 0px 0 0;
	display:block;
	float:left;
	position:relative;
}
.hdr_nav > li:first-child:before {
	display:none;
}
.hdr_nav > li:before {
	content:' ';
	width:5px;
	height:5px;
	background:#ccc;
	display:inline-block;
	position:relative;
	top:-5px;
	left:0px;
	border-radius:5px;
}
.hdr_nav li > a {
	font-size:1.3em;
	font-weight:bold;
	padding:10px 15px;
	position:relative;
	display:inline-block;

	-moz-transform:scale3d(1,1,1);
	-webkit-transform:scale3d(1,1,1);
	-ms-transform:scale3d(1,1,1);
	transform:scale3d(1,1,1);

	-moz-transition:all 150ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 0ms;
	-webkit-transition:all 150ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 0ms;
	-ms-transition:all 150ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 0ms;
	transition:all 150ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 0ms;
}
.hdr_nav li > a:hover {
	-moz-transform:scale3d(1.1,1.1,1.1);
	-webkit-transform:scale3d(1.1,1.1,1.1);
	-ms-transform:scale3d(1.1,1.1,1.1);
	transform:scale3d(1.1,1.1,1.1);
}
.hdr_nav > li:nth-child(1) > a {
	padding:0 15px 0 0;
	top:5px;
}
.hdr_nav > li:nth-child(2):hover > a {
	-background:#fff;
	-box-shadow:0 10px 10px rgba(0,0,0,0.35);
}

.dd {
	font-size:.7em;
	-width:150px;
	width:700px;
	background:#fff;
	border-bottom:4px solid #78b6f0;
	margin:0;
	padding:0; 
	list-style:none;
	display:block;
	position:absolute; 
	top:80%;
	left:-100px; 
	z-index:11;
	box-shadow:0 10px 10px rgba(0,0,0,0.35);
	visibility:hidden;
	opacity:0;

	/*
	-moz-transform:scale3d(.8,.8,.8);
	-webkit-transform:scale3d(.8,.8,.8);
	-ms-transform:scale3d(.8,.8,.8);
	transform:scale3d(.8,.8,.8);
	*/
	-moz-transition:all 150ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 0ms;
	-webkit-transition:all 150ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 0ms, opacity 150ms ease-out 0ms;
	-ms-transition:all 150ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 0ms, opacity 150ms ease-out 0ms;
	transition:all 150ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 0ms, opacity 150ms ease-out 0ms;
}
.ddd,
.hdr_nav li:hover .dd {
	visibility:visible;
	opacity:1;
	top:100%;
	/*
	-moz-transform:scale3d(1,1,1);
	-webkit-transform:scale3d(1,1,1);
	-ms-transform:scale3d(1,1,1);
	transform:scale3d(1,1,1);
	*/
}
.dd a {
	font-size:1.3em;
	margin:4px 0;
	display:block;
}
.hdr_nav > li:hover .dd {
	display:block;
}

.dd_playdate {
	font-size:1.4em;
	text-align:center;
	width:450px;
	border-right:1px solid #ddd;
	padding:10px 20px;
	float:left;
	position:relative;
}
.dd_playdate a {
	font-size:.9em;

	-moz-transform:scale3d(1,1,1);
	-webkit-transform:scale3d(1,1,1);
	-ms-transform:scale3d(1,1,1);
	transform:scale3d(1,1,1);

	-moz-transition:all 150ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 0ms;
	-webkit-transition:all 150ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 0ms;
	-ms-transition:all 150ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 0ms;
	transition:all 150ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 0ms;
}
.dd_playdate a:hover {
	-moz-transform:scale3d(1.1,1.1,1.1);
	-webkit-transform:scale3d(1.1,1.1,1.1);
	-ms-transform:scale3d(1.1,1.1,1.1);
	transform:scale3d(1.1,1.1,1.1);
}

.dd_playdate > div:nth-child(1), 
.dd_playdate > div:nth-child(3) {
	display:inline-block;
}
.dd_grid {
	width:100%;
	margin:5px auto;
	position:relative;
}
.dd_grid div {
	text-align:center;
	width:150px;
	height:125px;
	float:left;
	position:relative;
}
.dd_grid div:before {
	content:' ';
	width:8px;
	height:125px;
	background:url(imgs/dots_vr.png) repeat 0 0;
	display:block;
	position:absolute;
	top:0;
	left:100%;
}
.dd_grid div:last-child:before {
	display:none;
}
.dd_grid a {
	margin:40px 0 0 0;
	padding:50px 0 0 0;
	display:block;
	position:relative;
}
.dd_grid a span {
	position:absolute;
	top:0;
	left:50%;

	-moz-transform:scale3d(.6,.6,.6);
	-webkit-transform:scale3d(.6,.6,.6);
	-ms-transform:scale3d(.6,.6,.6);
	transform:scale3d(.6,.6,.6);
}
.dd_playdate_program span {
	width:159px;
	height:138px;
	margin:-69px 0 0 -80px;
	background:url(imgs/art_green.png) no-repeat 50% 50%;
}
.dd_playdate_workshops span {
	width:175px;
	height:120px;
	margin:-60px 0 0 -82px;
	background:url(imgs/art_workshops.png) no-repeat 50% -25px;
	top:5px !important;
}
.dd_playdate_tickets span {
	width:213px;
	height:118px;
	margin:-59px 0 0 -106px;
	background:url(imgs/art_chabot.png) no-repeat 50% 50%;
	top:5px !important;
	-moz-transform:scale3d(.5,.5,.5) !important;
	-webkit-transform:scale3d(.5,.5,.5) !important;
	-ms-transform:scale3d(.5,.5,.5) !important;
	transform:scale3d(.5,.5,.5) !important;
}

.dd_links {
	padding:40px 0 10px 20px;
	float:left;
	position:relative;
}
.dd_links a {
	position:relative;
	overflow:hidden;

	-moz-transition:all 150ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 0ms;
	-webkit-transition:all 150ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 0ms;
	-ms-transition:all 150ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 0ms;
	transition:all 150ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 0ms;
}
.dd_links a:hover {
	padding-left:6px;
}
.dd_links a:before {
	content:'›';
	position:relative;
	top:-2px;
	left:-5px;
}

.hdr_logo {
	font-size:0 !important;
	width:80px;
	height:36px;
	background:url(imgs/logo_sm2.png) no-repeat 0 0;
	display:inline-block;
	position:relative;
	top:10px;
}
.hdr_xtra {
	font-size:.9em;
	text-align:center;
	position:absolute;
	top:13px;
	left:610px;
}
.hdr_xtra a {
	width:100px;
	height:45px;
	background-repeat:no-repeat;
	background-position:50% 100%;
	margin:0 10px 0 0;
	padding:0 0 20px 0;
	display:inline-block;
}
.submissions {
	background-image:url(imgs/art_submit_sm.png);
}
.donations {
	background-image:url(imgs/art_donate_sm.png);
}
.hdr_social {
	position:absolute;
	top:35px;
	right:40px;
}
.hdr_social a {
	text-indent:-999em;
	width:16px;
	height:16px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:0 0;
	margin:0 5px 0 0;
	display:inline-block;
	position:relative;
}
.hdr_social .cc {
	background-image:url(imgs/social_email.png);
}
.hdr_social .fb {
	background-image:url(imgs/social_facebook.png);
	top:-3px;
}
.hdr_social .tw {
	background-image:url(imgs/social_twitter.png);
}

/* BANNER */

#bnrw {
	width:100%;
	-max-width:920px;
	background:#78b6f0;
	margin:0 auto;
	position:relative;
	-top:-20px;
}
.bnr {
	font-size:.9em;
	font-weight:bold;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	width:980px;
	height:40px;
	margin:0 auto;
	padding:10px;
	position:relative;
}
.bnr:after {
	content:' ';
	width:100%;
	height:20px;
	background:url(imgs/bg_page_bot.png) no-repeat 0 100%;
	display:block;
	position:absolute;
	left:0;
	bottom:-1px;
}
.bnr span {
	display:inline-block;
	position:relative;
	top:5px;
}
.pfti {
	font-size:0;
	line-height:35px;
	width:380px;
	height:35px;
	background:url(imgs/hd_pfti_white.png) no-repeat 0 0;
	display:inline-block;
	margin:0;
	padding:0;
	position:relative;
}
.dd_playdate .pfti {
	background:url(imgs/hd_pfti_blue.png) no-repeat 0 0;
}

/* MAIN */

.body {
	width:100%;
	height:100%;
	position:relative;
}

#mainw {
	text-align:center;
	width:980px;
	margin:0 auto;
}
.fixed #mainw {
	margin:100px auto 0 auto;
}

.main {
	text-align:left;
	width:890px;
	margin:0 auto;
	padding:1px;
	position:relative;
	z-index:2;
}
#main_home {
	text-transform:uppercase;
}

/* Fixes Text Capitalization on Blog Page */
#main_home article {
	text-transform: none;
}

/* Removes Assistive Text Mesage From Blog Page */
.assistive-text {
    display: none;
}

/* Adds Banner to Blog Page 
#nav-above {
    background:url(../../uploads/BAICFF-2020-header.jpg) no-repeat;
	width: 770px;
    height: 150px;
} */

/* Removes BG Graphic From Main Blog Page */
.blog .bg_scrollable,
#main_home .backgroundd {
	background:url(imgs/bg_reel_yellow.jpg);
        background: none;
}

/* Removes BG Graphic From Single Blog Pages */
.single-post .bg_scrollable,
#main_home .backgroundd {
	background:url(imgs/bg_reel_yellow.jpg);
        background: none;
}
	
/* Remove Yoast Breadcrumbs From Blog Page */
	
.blog p#breadcrumbs {
  display: none;
}
	
#main_home h2 {
	color:#76b6f0;
	text-align:center;
}

.entry-content {
	font-size:1.2em;
	padding:0 60px;
}

.ftr {
	font-size:.9em;
	color:#999;
	text-align:center;
	text-transform:none;
	margin:40px 0;
}

.tnav {
	text-transform:uppercase;
}
.tnav:nth-child(2) {
	margin:10px 0;
}
.tnav a {
	margin:0 10px;
}

.section {
	position:relative;
}
.section:before {
	content:' ';
	width:100%;
	height:30px;
	background:url(imgs/dots.png) repeat 0 0;
	margin:40px 0;
	display:block;
}
.section:first-child:before {
	height:0;
	background:none;
}

.col_a {
	min-height:600px;
	margin:0 50px 0 0;
	position:relative;
	float:left;
}
.col_b {
	width:450px;
	min-height:600px;
	position:relative;
	float:left;
}

.intro {
	min-height:600px;
}
.intro_poster {
	width:390px;
	height:600px;
	position:relative;
	overflow:hidden;
}
.intro_poster > a {
	position:relative;
}
.intro_poster > a img {
	-moz-transform:scale3d(1,1,1);
	-webkit-transform:scale3d(1,1,1);
	-ms-transform:scale3d(1,1,1);
	transform:scale3d(1,1,1);

	-moz-transition:all 150ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 0ms;
	-webkit-transition:all 150ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 0ms;
	-ms-transition:all 150ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 0ms;
	transition:all 150ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 0ms;
}
.intro_poster:hover > a img {
	-moz-transform:scale3d(1.1,1.1,1.1);
	-webkit-transform:scale3d(1.1,1.1,1.1);
	-ms-transform:scale3d(1.1,1.1,1.1);
	transform:scale3d(1.1,1.1,1.1);
}
.caption {
	width:330px;
	-height:50px;
	-color:#fff;
	background:rgba(255,255,255,.8);
	margin:10px;
	padding:20px;
	text-align: center;
	position:absolute;
	bottom:0px;
	opacity:0;

	opacity:0;
	-moz-transform:translate3d(0,10px,0);
	-webkit-transform:translate3d(0,10px,0);
	-ms-transform:translate3d(0,10px,0);
	transform:translate3d(0,10px,0);

	-moz-transition:all 150ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 0ms;
	-webkit-transition:all 150ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 0ms;
	-ms-transition:all 150ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 0ms;
	transition:all 150ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 0ms;
}
.intro_poster:hover .caption {
	opacity:1;
	-moz-transform:translate3d(0,0,0);
	-webkit-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
}
.caption a {
	-color:#fff;
}

.intro_top {
	font-size:.9em;
	line-height:1.2em;
	width:100%;
	height:60px;
	position:relative;
}
.intro_top:before {
	content:' ';
	width:100%;
	height:6px;
	background:url(imgs/hr.png) repeat-x 0 0;
	display:block;
	position:absolute;
	bottom:0;
}
.intro_top div {
	-width:150px;
}
.intro_top div:nth-child(1) {
	position:absolute;
	top:0;
	left:0;
}
.intro_top div:nth-child(2) {
	position:absolute;
	top:0;
	left:160px;
}
.intro_top div:nth-child(3) {
	position:absolute;
	top:0px;
	left:350px;
}

.chabot {
	font-size:0;
	width:179px;
	height:56px;
	background:url(http://baicff.com/wordpress/wp-content/themes/baicff-2015/imgs/small.png) no-repeat 0 0;
	position:absolute;
	top:-20px !important;
	left:145px !important;
}
.chabot a {
	width:179px;
	height:56px;
	display:block;
}

.intro_bot {
	width:100%;
	height:65px;
	font-size:1.1em;
	line-height:1.2em;
	position:absolute;
	bottom:0;
}
.intro_bot:before {
	content:' ';
	width:100%;
	height:6px;
	background:url(imgs/hr.png) repeat-x 0 0;
	display:block;
	position:absolute;
	top:0;
}
.intro_bot div {
	width:254px;
	padding:20px 0 0 0;
}
.intro_bot div:nth-child(1) {
	position:absolute;
	top:0;
	left:50;
}
.intro_bot div:nth-child(2) {
	position:absolute;
	top:0;
	left:200px;
}

.logo_baicff {
	font-size:0;
	width:80px;
	height:36px;
	background:url(imgs/logo_sm.png) no-repeat 0 0;
	display:inline-block;
}

.intro_logo {
	width:490px;
	height:380px;
	background:url(imgs/logo.png) no-repeat 0 0;
	margin:-190px 0 0 0;
	position:absolute;
	top:60%;
	left:-105px;
	z-index:2;

	opacity:0;

	/*
	-moz-transition:all 150ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 0ms;
	-webkit-transition:all 150ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 0ms;
	-ms-transition:all 150ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 0ms;
	transition:all 150ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 0ms;
	*/

	-moz-animation:intro_logo_anim 350ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 9000ms forwards;
	-webkit-animation:intro_logo_anim 350ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 9000ms forwards;
	-ms-animation:intro_logo_anim 350ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 9000ms forwards;
	animation:intro_logo_anim 350ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 9000ms forwards;
}

@-moz-keyframes intro_logo_anim {
	0% { opacity:0; top:60%; }
	100% { opacity:1; top:50%; }
}
@-webkit-keyframes intro_logo_anim {
	0% { opacity:0; top:60%; }
	100% { opacity:1; top:50%; }
}
@-ms-keyframes intro_logo_anim {
	0% { opacity:0; top:60%; }
	100% { opacity:1; top:50%; }
}
@keyframes intro_logo_anim {
	0% { opacity:0; top:60%; }
	100% { opacity:1; top:50%; }
}

.intro_logo a {
	width:100%;
	height:100%;
	display:block;
}

.intro_anim {
	width:500px;
	height:450px;
	-background:#fff;
	position:absolute;
	top:75px;
	left:-50px;
	overflow:hidden;
	z-index:1;
}


.anim_years {
	width:125px;
	height:95px;
	background:url(../../uploads/BAICFF_HANDS_2021-e1622216059275.jpg) no-repeat 0 0;
	position:absolute;
	top:30px;
	left:330px;
	opacity:0;
	
	-moz-animation:anim_years_anim 10000ms ease-out 0ms forwards;
	-webkit-animation:anim_years_anim 10000ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 0ms forwards;
	-ms-animation:anim_years_anim 10000ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 0ms forwards;
	animation:anim_years_anim 10000ms ease-out 0ms forwards;
	
}
@-moz-keyframes anim_years_anim {
	0% {  }
	20% {  }
	85% { opacity:0; }
	100% { opacity:1; }
}
@-webkit-keyframes anim_years_anim {
	0% {  }
	20% {  }
	85% { opacity:0; }
	100% { opacity:1; }
}
@-ms-keyframes anim_years_anim {
	0% {  }
	20% {  }
	85% { opacity:0; }
	100% { opacity:1; }
}
@keyframes anim_years_anim {
	0% {  }
	20% {  }
	85% { opacity:0; }
	100% { opacity:1; }
}

.anim_heli {
	width:270px;
	height:230px;
	background:url(imgs/art_anim_heli.gif) no-repeat 0 0;
	position:absolute;
	top:0;
	left:-300px;

	-moz-transform:translate3d(0,0,0);
	-webkit-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);

	-moz-animation:anim_heli_anim 10000ms ease-out 0ms forwards;
	-webkit-animation:anim_heli_anim 10000ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 0ms forwards;
	-ms-animation:anim_heli_anim 10000ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 0ms forwards;
	animation:anim_heli_anim 10000ms ease-out 0ms forwards;
}
@-moz-keyframes anim_heli_anim {
	0% { left:-300px; }
	20% { left:230px; }
	80% { top:0; left:240px; }
	100% { top:-340px; left:240px; }
}
@-webkit-keyframes anim_heli_anim {
	0% { left:-300px; }
	20% { left:230px; }
	80% { top:0; left:240px; }
	100% { top:-340px; left:240px; }
}
@-ms-keyframes anim_heli_anim {
	0% { left:-300px; }
	20% { left:230px; }
	80% { top:0; left:240px; }
	100% { top:-340px; left:240px; }
}
@keyframes anim_heli_anim {
	0% { left:-300px; }
	20% { left:230px; }
	80% { top:0; left:240px; }
	100% { top:-340px; left:240px; }
}

.anim_car {
	width:340px;
	height:275px;
	background:url(imgs/art_anim_car.gif) no-repeat 0 0;
	position:absolute;
	top:180px;
	left:-500px;

	-moz-transform:translate3d(0,0,0);
	-webkit-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);

	-moz-animation:anim_car_anim 10000ms ease-out 1000ms forwards;
	-webkit-animation:anim_car_anim 10000ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 1000ms forwards;
	-ms-animation:anim_car_anim 10000ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 1000ms forwards;
	animation:anim_car_anim 10000ms ease-out 1000ms forwards;
}
@-moz-keyframes anim_car_anim {
	0% { left:-500px; }
	20% { left:30px; }
	45% { left:40px; }
	70% { left:690px; }
	100% { left:690px; }
}
@-webkit-keyframes anim_car_anim {
	0% { left:-500px; }
	20% { left:30px; }
	45% { left:40px; }
	70% { left:690px; }
	100% { left:690px; }
}
@-ms-keyframes anim_car_anim {
	0% { left:-500px; }
	20% { left:30px; }
	45% { left:40px; }
	70% { left:690px; }
	100% { left:690px; }
}
@keyframes anim_car_anim {
	0% { left:-500px; }
	20% { left:30px; }
	45% { left:40px; }
	70% { left:690px; }
	100% { left:690px; }
}


/* TRAILER */

.trailer {
	background:url(imgs/art_trailer_kids.png) no-repeat -5px 100%;
}

.mov {
	font-weight:bold;
	color:#fff;
	text-align:center;
	width:640px;
	height:360px;
	-background:#ff8586;
	-background:url(../../uploads/BAICFF2021trailer_img-e1622669576374.png) no-repeat 0 0;
	background:url(../../uploads/BAICFF2021trailer_img-e1622669576374.png) no-repeat 0 0;
	background-size:contain;
	margin:0 auto;
	position:relative;
	cursor:pointer;
}
.watch {
	width:200px;
	padding:150px 0 0 0;
	margin:-100px 0 0 -100px;
	position:absolute;
	top:68%;
	left:50%;
}
.watch b {
	width:100px;
	height:106px;
	background:transparent url(imgs/play_btn.png) no-repeat 50% 50%;
	margin:-53px 0 0 -50px;
	padding:0;
	position:absolute;
	top:20%;
	left:50%;

	opacity:1;
	-moz-transform:translate3d(10px,0,0);
	-webkit-transform:translate3d(10px,0,0);
	-ms-transform:translate3d(10px,0,0);
	transform:translate3d(10px,0,0);
	-moz-transform:scale3d(.8,.8,.8);
	-webkit-transform:scale3d(.8,.8,.8);
	-ms-transform:scale3d(.8,.8,.8);
	transform:scale3d(.8,.8,.8);

	-moz-transition:all 150ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 0ms;
	-webkit-transition:all 150ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 0ms;
	-ms-transition:all 150ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 0ms;
	transition:all 150ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 0ms;
}
.mov:hover .watch b {
	opacity:1;
	-moz-transform:translate3d(0,0,0);
	-webkit-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	-moz-transform:scale3d(1,1,1);
	-webkit-transform:scale3d(1,1,1);
	-ms-transform:scale3d(1,1,1);
	transform:scale3d(1,1,1);
}

/* PLAYDATE */

.playdate {
	font-size:.9em;
	line-height:1.1em;
	height:500px;
	position:relative;
}
.playdate_hd {
	font-size:0;
	width:210px;
	height:50px;
	background:url(imgs/hd_playdate.png) no-repeat 0 0;
	margin:-10px 0 0 20px;
}
.playdate_items {
	margin:50px 0 0 0;
	position:relative;
}
.playdate a {
	width:200px;
	text-align:center;
	padding:70px 0 0 0;
	display:block;
	position:relative;
}
.playdate > div > div {
	margin:0;
	padding:0;
	position:absolute;
}
.playdate > div > div span {
	display:block;
	position:absolute;
	top:0;
	left:50%;

	-moz-transform:scale3d(.8,.8,.8);
	-webkit-transform:scale3d(.8,.8,.8);
	-ms-transform:scale3d(.8,.8,.8);
	transform:scale3d(.8,.8,.8);

	-moz-transition:all 150ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 0ms;
	-webkit-transition:all 150ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 0ms;
	-ms-transition:all 150ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 0ms;
	transition:all 150ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 0ms;
}
.playdate > div > div:hover span {
	-moz-transform:scale3d(1,1,1);
	-webkit-transform:scale3d(1,1,1);
	-ms-transform:scale3d(1,1,1);
	transform:scale3d(1,1,1);
}

.playdate_info {
	font-size:1.5em;
	line-height:1.3em;
	text-transform:none;
	width:230px;
	position:absolute;
	top:-40px;
	left:20px;
}
.playdate_chabot {
	top:220px;
	left:40px;
}
.playdate_chabot span {
	width:213px;
	height:118px;
	margin:-59px 0 0 -106px;
	background:url(imgs/art_chabot.png) no-repeat 50% 50%;
}
.playdate_workshops {
	top:0;
	left:55%;
}
.playdate_workshops span {
	width:175px;
	height:145px;
	margin:-72px 0 0 -82px;
	background:url(imgs/art_workshops.png) no-repeat 50% 50%;
}
.playdate_program {
	top:0;
	left:31%;
}
.playdate_program span {
	width:159px;
	height:138px;
	margin:-69px 0 0 -80px;
	background:url(imgs/art_green.png) no-repeat 50% 50%;
}
.playdate_submit {
	top:220px;
	left:31%;
}
.playdate_submit span {
	width:172px;
	height:144px;
	margin:-72px 0 0 -86px;
	background:url(imgs/art_submit.png) no-repeat 50% 50%;
}
.playdate_donate {
	top:220px;
	left:55%;
}
.playdate_donate span {
	width:157px;
	height:145px;
	margin:-72px 0 0 -76px;
	background:url(imgs/art_donate.png) no-repeat 50% 50%;
}
.playdate_store {
	top:80px;
	right:0px;
}
.playdate_store a {
	padding-top:90px;
}
.playdate_store span {
	width:119px;
	height:194px;
	margin:-97px 0 0 -58px;
	background:url(imgs/art_store.png) no-repeat 50% 50%;
}

/* PREVIOUS YEARS */

.pastyears {
	height:600px;
	background:url(imgs/art_dragon.png) no-repeat 50% 50px;
}
.pastyears_hd {
	font-size:0;
	width:315px;
	height:60px;
	background:url(imgs/hd_pastyears.png) no-repeat 0 0;
	margin:0 auto;
	position:relative;
	top:20px;
	left:80px;
}

.pastyears_items {
	margin:70px 0 0 70px;
	position:relative;
}
.pastposter {
	text-align:center;
	margin:0 0 0 1px;
	float:left;
}
.pastposter img {
	position:relative;
	top:0;
	-moz-transform:scale3d(.8,.8,.8);
	-webkit-transform:scale3d(.8,.8,.8);
	-ms-transform:scale3d(.8,.8,.8);
	transform:scale3d(.8,.8,.8);

	-moz-transition:all 150ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 0ms;
	-webkit-transition:all 150ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 0ms;
	-ms-transition:all 150ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 0ms;
	transition:all 150ms cubic-bezier(0.680, 0.550, 0.265, 1.550) 0ms;
}
.pastposter:hover img {
	top:-10px;
	-moz-transform:scale3d(.9,.9,.9);
	-webkit-transform:scale3d(.9,.9,.9);
	-ms-transform:scale3d(.9,.9,.9);
	transform:scale3d(.9,.9,.9);
}
.pastposter .cap {
	margin:0 0 5px 0;
	display:block;
}
/* .pastposter:last-child .cap {
	padding:0 30px 0 0;
} */

/* MISC */

.social {
	margin:40px 0;
}
.social a {
	text-indent:-999em;
	width:24px;
	height:24px;
	margin:0 15px 0 0;
	display:inline-block;
	position:relative;
}
.social .cc {
	width:30px;
	background:url(imgs/social_email.png) no-repeat scroll 0 0;
}
.social .fb {
	background:url(imgs/social_facebook.png) no-repeat scroll 0 0;
	top:-2px;
}
.social .tw {
	background:url(imgs/social_twitter.png) no-repeat scroll 0 0;
}

.parallax-bg,
.parallax-bg div {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
}
.parallax-bg .layer {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

.backgroundd {
	width:100%;
	height:100%;
	background:url(imgs/bg_reel_blue.jpg) no-repeat 50% 35%;
}
.bg_scrollable,
#main_home .backgroundd {
	background:url(imgs/bg_reel_yellow.jpg) no-repeat 50% 35%;
}


#scroll2top {
	font-size:11px;
	color:#777;
	text-shadow:0 1px 0 rgba(0,0,0,.2);
	min-width:30px;
	min-height:30px;
	position:fixed;
	bottom:0px;
	right:20px;
	z-index:999;
	-moz-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
#scroll2top span {
	width:8px;
	height:20px;
	background-color:#000;
	margin:0;
	padding:10px;
	display:none;
	visibility:visible;
	opacity:1;
	position:absolute;
	top:0;
	right:0;
	border-radius:3px 3px 0 0;
	box-shadow:0 10px 10px rgba(0,0,0,0.5);
	cursor:pointer;
	-moz-transition:all .1s ease-out;
	-webkit-transition:all .1s ease-out;
	-ms-transition:all .1s ease-out;
	transition:all .1s ease-out;
}
#scroll2top:hover span {
	top:-10px;
}
#scroll2top.on span {
	display:block;
}
#scroll2top span:before {
	content:' ';
	width:9px;
	height:9px;
	background:url(imgs/icon_arrow_up.png) no-repeat 0 0;
	margin:0 0 0 -4px;
	position:absolute;
	top:10px;
	left:50%;
	opacity:.5;
}
#scroll2top:hover span:before {
	opacity:1;
}


.artbox_html { height:100%; }
.artbox_html body { overflow:hidden; }
.artbox_bg { width:100%; height:100%; background:#000; opacity:1; position:absolute; top:0; left:0; z-index:998; }
.artbox_ab { text-align:center; width:100%; height:100%; position:absolute; top:0; left:0; z-index:999; }
.artbox_lo { text-align:left; vertical-align:middle; background:#000; margin:0 auto; padding:0; position:relative; }
.artbox_x { font-size:70%; width:32px; height:32px; background:#000 url(imgs/icon_close.png) no-repeat 50% 50%; border:3px solid #666; padding:3px; position:absolute; top:50px; right:50px; border-radius:30px; opacity:.6; }
.artbox_x:hover { opacity:1; }


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

.hd_sat {
	color:#fff;
	background-color:#14b1e7;
	padding:2px 8px;
}
.hd_sun {
	color:#fff;
	background-color:#662d91;
	padding:2px 8px;
}

h2 { -color:#78b6f0; }
h3 { color:#666; text-transform:uppercase; }

.filmGrid {
	margin:20px 0;
}

.alignleft, 
.filmGrid > img:first-child {
	-max-width:189px;
	height:auto !important;
	margin:0 20px 20px 0;
	float:left;
}

.filmlink {
	margin:0 0 0 0;
	position:relative;
	top:4px;
	left:10px;
}


hr { height:1px; background:rgba(0,0,0,.1); border:0; }

.eventbox {
	text-align:center;
	border:2px solid rgba(0,0,0,.1);
	margin:1em 0;
	padding:.2em 1em;
}

.eventbox table {
	margin-top:1ex;
	padding-top:.5ex;
}

.eventbox iframe {
	text-align:center;
	border-top:1px solid rgba(0,0,0,.1);
	margin-top:1em;
}

.box {
	text-align:center;
	border:1px solid rgba(0,0,0,.1);
	margin:1em 2em;
	padding:.2em 1em;
}
.eventbox h2 {
	margin-top:22px;
}
.sponsors tr td { text-align:center; vertical-align:middle; padding-bottom:2em; }
.sponsors tr th { text-align:center; font-weight:bold; background:rgba(0,0,0,.1); }

.tickets { font-weight:bold; text-align:center; }

.ddfmwrap { font-size:80% !important; width:auto !important; }
.ddfmwrap form.ddfm { width:auto !important; }
.ddfmwrap .nofloat { float:none !important; }
.ddfmwrap .other, .ddfmwrap #fm_other { margin:0px 0 20px 0 !important; }
.ddfmwrap .submit { text-align:center !important; }
.ddfmwrap .submit input { 
	font-size:14px !important; 
	font-weight:bold !important; 
	text-align:center !important; 
	color:#fff !important;
	background:#000 !important;
	border:0 !important;
	margin:20px 0 !important;
	padding:5px 10px !important;
	float:none !important;
	border-radius:3px !important;
	cursor:pointer;
}
.ddfmwrap .credits { display:none !important; }

#home-tixbutton {
   text-align: center;
}

.home-ticketbutton {
	box-shadow: 0px 0px 0px 2px #beecf7;
	background:linear-gradient(to bottom, #7892c2 5%, #beecf7 100%);
	background-color:#7892c2;
	border-radius:10px;
	border:1px solid #4e6096;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	font-family:Arial;
	font-size:19px;
	font-weight:bold;
	padding:10px 30px;
	text-decoration:none;
	text-shadow:0px 1px 0px #beecf7;
}
.home-ticketbutton:hover {
	background:linear-gradient(to bottom, #beecf7 5%, #7892c2 100%);
	background-color:#beecf7;
}
.home-ticketbutton:active {
	position:relative;
	top:1px;
}

.trailerbox {
   border: solid;
   border-width: 4px;
   border-color: #beecf7;
   height: 169px;
   background-color: white;
}

img.trailer-sm {
   float: right;
}

.textbox {
   height: 169px;
   width: 65%;
   float: left;
   font-size: 22px;
   text-align: center;
   margin-top: 2.25em;
}

.imgbox {
   width: 300px !important;
   float: right;
}

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


/* iPads and retina devices */

/*

@media
	only screen and (min-device-width: 768px) and (max-device-width: 1024px),
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min--moz-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2),
	only screen and (min-resolution: 192dpi),
	only screen and (min-resolution: 2dppx) {

		

}

*/