/*
Theme Name: Docaviv 2015
Theme URI: http://docaviv.co.il
Description: Docaviv 2015 Website
Version: 1.0
Author: Amir Ozer
Author URI: http://about.me/amirozer
Template:     docaviv-2014
License: GNU General Public License v2.0 & Apache License 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0
Text Domain: docaviv
*/

@import url("../docaviv-2014/style.css?v=33");

/* =Theme customization starts here
-------------------------------------------------------------- */

/* Hebrew variation */

body, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
	font-family: 'Alef', sans-serif;
	color: #000;
}
body {
	font-size: 14px;
}

@media screen and (min-width: 769px) {
	.gheader {
		position: relative;
		height: 142px;
		/*background: url(images/header2-ref.png) no-repeat;*/
	}
	.gheader .center {
		position: absolute;
		left: 30%;
		top: 19%;
		right: 30%;
		width: 41%;
	}
	.gheader .left {
		position: absolute;
		left: 0;
		top: 15.5%;
		bottom: 19.5%;
		width: 23%;
	}
	.gheader .fish-start {
		position: absolute;
		right: 0;
		top: 0;
		height: 142px;
	}
	.gheader .fish-pattern {
		position: absolute;
		right: -200px;
		width: 200px;
		height: 142px;
		top: 0;
		background: url(images/header2-fish-pattern-sm.png) repeat-x;
	}
}
@media screen and (min-width: 992px) and (max-width: 1201px) {
	.gheader,
	.gheader .fish-start,
	.gheader .fish-pattern {
		height: 186px;
	}
	.gheader .fish-pattern {
		background: url(images/header2-fish-pattern-md.png) repeat-x;
	}
}

@media screen and (min-width: 1200px) {
	.gheader,
	.gheader .fish-start,
	.gheader .fish-pattern {
		height: 225px;
	}
	.gheader .fish-pattern {
		background: url(images/header2-fish-pattern.png) repeat-x;
	}
}
.navbar-brand {
	font-family: '37';
	font-size: 28px;
	position: relative;
	top: 2px;
}

.navbar-default .navbar-toggle {
	border-color: #000;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #000;
}
h1,
.h1 {
	font-family: '37';
	font-size: 40px;
}
h1 .english,
.h1 .english,
.event-header h1.all-english {
	font-family: 'Oswald', sans-serif;;
	text-transform: uppercase;
	font-size: 32px;
}

@media screen and (min-width: 769px) {
	body {
		font-size: 15px;
	}
	h1,
	.h1 {
		font-size: 54px;
	}
	h1 .english,
	.h1 .english {
		font-size: 43px;
	}
	h2,
	.h2 {
		font-family: '37';
		font-size: 40px !important;
	}
	h2 .english,
	.h2 .english {
		font-family: 'Oswald', sans-serif;;
		text-transform: uppercase;
		font-size: 31px;
	}
	h3,
	.h3 {
		font-size: 26px !important;
	}
	h4,
	.h4 {
		font-size: 20px !important;
	}
	h5,
	.h5 {
		font-size: 15px !important;
	}
	.event-header h1.all-english {
		font-size: 36px;
	}
	.caption {
		padding-bottom: 0;
		margin-bottom: 0 !important;
	}
	
	.home-program-boxes h2,
	.home-program-boxes .h2 {
		font-family: '37';
		font-size: 36px;
		line-height: 28px;
		padding-top: 11px !important;
	}
}

@media screen and (min-width: 768px) {
	.navbar-container {
		padding-bottom: 10px
	}
	
	#menu-main a {
		font-family: '37';
		font-size: 28px;
		font-weight: normal;
		margin: 18px 0 0 10px;
		padding: 8px 5px 5px 5px;
	}
	#menu-main li.active > a {
		background: #000 !important;
		color: #fd0 !important;
	}
	#menu-main li.active .caret {
		color: #fd0 !important;
	}
	#menu-main .menu-item .menu-item a {
		font-family: 'Alef';
		font-size: 16px;
		padding: 5px 10px;
		margin: 0;
	}
	#menu-main .menu-item .caret {
		position: relative;
		top: -2px;
		margin-right: 6px;
	}
	.navbar-nav > li.current-menu-item {
		border: none;
	}
	#menu-main li:first-child a {
		margin-right: 0;
	}
	
	#menu-item-670 a,
	#menu-item-765 a {
		font-family: 'Oswald', Sans Serif;
		font-size: 22px;
		line-height: 16px;
	}
}

#nav-schedule-days {
	display: none;
}

@media screen and (min-width: 768px) {

	#post-545 .post_content {
		padding-top: 80px;
		position: relative;
		padding-bottom: 200px;
	}
	
	#nav-schedule-days {
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		background: #fff;
		padding: 10px 0;
	}
	#nav-schedule-days ul {
		list-style: none;
		margin: 0;
		padding: 0;
		clear: both;
		overflow: hidden;
	}
	
	#nav-schedule-days.affix {
		position: fixed;
		left: 0; right: 0; width: 100%;
		z-index: 100;
		box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
	}
	#nav-schedule-days.affix-top .container {
		padding: 0;
	}
	
	#nav-schedule-days li {
		list-style: none;
		margin: 0;
		margin-left: 10px;
		padding: 0;
		float: right;
	}
	#nav-schedule-days li a {
		display: block;
		padding: 0 7px 5px 7px;
		background: #ffdd00;
		color: #000;
		text-align: center;
		width: 60px;
		box-sizing: border-box;
		overflow: hidden;
		position: relative;
	}
	#nav-schedule-days li a, #nav-schedule-days li a:hover {
		text-decoration: none;
	}
	#nav-schedule-days li a.current {
		background: #000;
		color: #ffdd00;
	}
	#nav-schedule-days li a .date {
		display: block;
		font-family: '37';
		font-size: 30px;
		margin-bottom: -5px;
	}
	
	#nav-schedule-days li.past a::after {
		content: "";
		display: block;
		background: black;
		position: absolute;
		top: 50%;
		height: 2px;
		margin-top: -1px;
		left: -20px;
		right: -20px;
		-webkit-transform: rotate(55deg); 
		-moz-transform: rotate(55deg); 
		transform: rotate(55deg); 
	}
	
	#nav-schedule-days li.past a.current::after {
		display: none;
	}
	
	.past-details {
		display: none;
	}
	
	.popover {
		direction: rtl;
		text-align: right;
		padding: 0;
	}
	.popover-title {
		background: #ffdd00;
		border: none;
		font-size: 15px !important;
		font-weight: bold;
	}
	.popover-content {
		font-size: 13px;
		line-height: 15px;
	}
}

.past-details {
	display: none;
}


@media screen and (min-width: 992px) {
/*	#row-schedule-2015-05-13 #col-schedule-theatre-5,
	#row-schedule-2015-05-13 #col-schedule-theatre-38,
	#row-schedule-2015-05-13 #col-schedule-theatre-66 {
		width: 12%;
	}*/
}

/*@media screen and (min-width: 1380px) and (min-height: 700px) {
	#post-545 .post_content {
		padding-top: 0;
	}
	#nav-schedule-days {
		position: absolute;
		right: -105px;
		border-left: solid 2px #000;
		padding-left: 20px;
	}
	#nav-schedule-days li {
		float: none;
		margin-left: 0;
		margin-bottom: 10px;
	}
}*/

@-webkit-keyframes fisheyeblink {
  0%   { -webkit-transform: scaleY(1) }
  30%  { -webkit-transform: scaleY(1) }
  33%  { -webkit-transform: scaleY(0) }
  36% { -webkit-transform: scaleY(1) }
  100% { -webkit-transform: scaleY(1) }
}

.fish-eye {
	-webkit-animation: fisheyeblink 8s infinite;
}

@media screen and (max-width: 767px) {
	.film-list-item .film-col-text {
		padding: 0 30px;
	}
	.film-list-item .film-col-text p.tagline {
		margin-left: 0;
		margin-right: 0;
	}
}

.carousel-inner > .next {
  left: -100%;
}
.carousel-inner > .prev {
  left: 100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: 100%;
}
.carousel-inner > .active.right {
  left: -100%;
}

.carousel-caption {
	bottom: 50px;
	padding: 10px 20px;
	background: #ffdd00;
	color: #000;
	text-shadow: none;
	font-family: '37';
	font-size: 30px;
	line-height: 28px;
}
.carousel-caption small {
	display:block;
	font-family: 'Alef';
	font-size: 16px;
	line-height: 14px;
}
.carousel-indicators {
	bottom: 5px;
}

.box-countdown {
	box-sizing: border-box;
	margin-top: 20px;
	padding: 15px 0;
	text-align: center;
}
.box-countdown strong {
	display: block;
	font-size: 60px;
	font-family: '37';
	line-height: 55px;
}

#post-16 .page-header {
	position: static;
	margin-top: -31px;
	max-width: 100%;
	width: 100%;
}
#post-16 .page-header h1 {
	white-space: nowrap;
}
#post-16 .trailer-link {
	bottom: 100px;
}

@media screen and (max-width: 768px) {
	.has-featured-image .page-header {
		margin-top: -30px !important;
	}

	.trailer-link {
		bottom: 80px;
	}
}

.row-deals .col-sm-6 {
	text-align: center;
}
.row-deals .col-sm-6 p {
	line-height: 1.1;
	font-size: 13px;
}

hr {
	border-top: solid 2px #000;
}

.row-hangouts {
	padding: 20px 10px 0 10px;
}
.row-hangouts .col-md-3 {
	text-align: center;
	margin-bottom: 15px;
}
.row-hangouts .col-md-3 .date,
.row-parties .date,
.cin-djs span {
	display: inline-block;
	padding: 1px 5px;
	background: #000;
	color: #fd0;
}
.row-hangouts .image {
	margin-bottom: 10px;
}
.row-hangouts a,
.row-parties a {
	color: #000;
	text-decoration: underline;
}

.row-parties .text {
	text-align: left;
}
.row-parties .row {
	margin-top: 0;
	margin-bottom: 0;
}
.row-parties h3 {
	font-family: '37';
	font-size: 36px;
	line-height: 34px;
	padding: 0; margin: 0;
}
.row-parties .item-1 h3 {
	padding-top: 15px;
}
.row-parties .image {
	padding-right: 20px;
	border-right: solid 2px #000;
	text-align: center;
}
.row-parties .text, .row-parties .image {
	height: 130px;
}
@media screen and (max-width: 1198px) {
	.row-parties h3 {
		font-size: 28px;
		line-height: 26px;
	}
	.row-parties .text, .row-parties .image {
		height: 115px;
	}
	.row-parties .image {
		padding-top: 10px;
		box-sizing: border-box;
	}
}
@media screen and (max-width: 992px) {
	.row-parties h3 {
		font-size: 36px;
		line-height: 34px;
	}
	.row-parties .item-1 h3 {
		padding-top: 0;
	}
	.row-parties .text, .row-parties .image {
		height: auto;
	}
}

.cin-djs span {
	margin: 2px 0;
}

@media screen and (min-width: 769px) {
	.row-shorts h3 {
		font-family: '37' !important;
		margin: 0;
		font-size: 54px !important;
		width: 140px;
		float: left;
		text-align: left;
	}
}

@media screen and (min-width: 992px) {
	.row-staff .col-md-6 h4:first-child {
		margin-top: 0;
	}
}

.pitching-films {
	margin-top: 40px;
}
.pitching-films h3 {
	margin-top: 0;
}

.special-events h2 {
	font-family: '37';
	font-size: 32px;
	margin: 0;
}

.special-events .event-image {
	min-height: 200px;
}

@media screen and (max-width: 991px) {
	.special-events .event-header h1.inline {
		font-size: 32px;
		margin: 0;
	}
	.special-events .date-block {
		display: none;
	}
	.special-events .box-content {
		padding: 10px 16px;
	}
}

@media screen and (min-width: 480px) and (max-width: 991px) {
	.special-events .event-image {
		min-height: 300px;
	}
}
@media screen and (min-width: 992px) {
	.special-events .event-image {
		width: 300px;
	}
	.special-events .event-image-end {
		float: left;
		margin-right: 20px;
	}
	.special-events .event-image-start {
		float: right;
		margin-left: 20px;
	}
}

@media screen and (min-width: 768px) {
	.special-events h2 {
		font-size: 47px;
	}
	
}
@media screen and (min-width: 992px) {
	.special-events .side-title {
		text-align: left;
		line-height: 44px;
	}
}

.outdoor-screenings-teaser {
	font-size: 16px;
	font-weight: bold;
}
.outdoor-screenings-teaser,
.screening-plus-teaser {
	border-bottom: solid 2px #000;
	margin-bottom: 20px;
}

.outdoor-screenings-teaser,
.industry-events {
	padding-top: 20px;
	margin-top: 20px;
	border-top: solid 2px #000;
}

.outdoor-screenings-teaser .box-content,
.screening-plus-teaser .box-content {
	padding: 10px 16px;
}
	
.screening-plus-teaser h3 {
	margin-top: 0;
	font-size: 20px;
	font-weight: bold;
}

.day-side-title {
	font-family: '37';
}
.day-side-title .day-number {
	font-family: 'Oswald';
	text-transform: uppercase;
}
@media screen and (max-width: 991px) {
	.day-side-title {
		font-size: 26px;
	}
	.day-side-title .day-number {
		font-size: 20px;
		line-height: 24px;
	}
	.day-side-title .day-number,
	.day-side-title .date {
		height: 22px;
		display: inline-block;
		float: right;
		margin-left: 6px;
		padding-left: 6px;
		border-left: solid 2px #000;
	}
	.outdoor-screening {
		margin-bottom: 10px;
	}
	.col-md-6:last-child .outdoor-screening {
		margin-bottom: 0;
	}
}
@media screen and (min-width: 992px) {
	.day-side-title {
		margin-top: 0;
		text-align: left;
	}
	.day-side-title .day-number,
	.day-side-title .weekday {
		display: block;
	}
	.day-side-title .day-number {
		font-size: 26px;
		margin-bottom: 5px;
	}
	.day-side-title  .date {
		display: inline-block;
		font-size: 50px;
		line-height: 42px;
		border-bottom: solid 3px #000;
	}
	.day-side-title .weekday {
		font-family: 'Alef';
		font-size: 22px;
	}
	
	.outdoor-screenings-day .row:first-child {
		margin-top: 0;
	}
	.outdoor-screenings-day .row:last-child {
		margin-bottom: 0;
	}
	.outdoor-screening {
		display: block;
		margin-bottom: 20px;
	}
	.outdoor-screening:last-child {
		margin-bottom: 0;
	}
}

.outdoor-screening .venue {
	display: inline-block;
	background: #000;
	color: #fd0 !important;
	padding: 0 5px;
	font-weight: bold;
}

@media screen and (min-width: 1200px) {
	.hangouts-teaser {
		clear: both;
		overflow: hidden;
	}
	.hangouts-teaser h2 {
		float: right;
		margin-left: 20px;
	}
	.hangouts-teaser img {
		height: 46px !important;
		width: auto !important;
		float: left;
		margin-right: 20px;
	}
}

#map {
	height: 250px;
}


@media screen and (min-width: 768px) and (max-width: 991px) {
	#map { height: 400px; }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	#map { height: 520px; }
}
@media screen and (min-width: 1200px) {
	#map { height: 630px; }
}

.row-arrival .h4 {
	margin-top: 0;
}

/*.gform-container {
	position: relative;
	overflow: hidden;
	max-width: 600px;
	height: 1000px;
}
.gform-container iframe {
	position: absolute;
	left: -50px;
	right: -50px;
	top: -80px;
}*/
.gform-container iframe {
	display: block;
	max-width: 450px;
	margin: 0 auto;
	clear: both;
}

@media screen and (max-width: 768px) {
	.mobile-homescreen {
		margin-bottom: 20px;
	}
	.mobile-homescreen a,
	.mobile-homescreen a:hover {
		display: block;
		width: 64px;
		margin: 0 auto;
		text-align: center;
		color: #000;
		text-decoration: none;
		font-size: 12px;
		line-height: 14px;
	}
	.mobile-homescreen a span {
		display: block;
		width: 64px;
		height: 64px;
		background: #ffdd00;
		border-radius: 30px;
		-moz-border-radius: 30px;
		margin-bottom: 7px;
		-webkit-border-radius: 30px;
		background: url(images/mobile-homescreen-sprite.png) no-repeat;
	}
	.mobile-homescreen a span.icon-matrix {
		background-position: -64px 0;
	}
	.mobile-homescreen a span.icon-schedule {
		background-position: -128px 0;
	}
	.mobile-homescreen a span.with-glyphicon {
		background: #ffdd00;
	}
	.mobile-homescreen a span .glyphicon {
		font-size: 30px;
		margin-top: 15px;
	}
	
	.box-homepage-hero h1 {
		font-size: 34px;
	}
	.box-homepage-hero h2 {
		font-size: 16px;
	}
}

@media screen and (min-width: 992px) {

/*	#col-schedule-item-534 .theatre-name {
		display: inline-block !important;
		font-size: 13px;
		background: #000;
		color: #fd0;
		padding: 0 3px;
	}*/
	
/*	#row-schedule-2015-05-09 #col-schedule-theatre-64 { top: 350px; }
	#row-schedule-2015-05-09 #col-schedule-theatre-64 .box-yellow { height: 110px; }

	#row-schedule-2015-05-10 #col-schedule-theatre-64 { position: absolute; top: 270px; margin-right: 50% }
	#row-schedule-2015-05-10 #col-schedule-theatre-64 .box-yellow { height: 110px; }
	#col-schedule-item-948 { margin-top: -100px; margin-right: 50% }

	#row-schedule-2015-05-10 #col-schedule-theatre-5 { top: 390px; }
	#row-schedule-2015-05-10 #col-schedule-theatre-5 .box-yellow { height: 110px; }
	#col-schedule-item-367 { margin-top: 0 }

	#row-schedule-2015-05-11 #col-schedule-theatre-39 { top: 350px; }
	#row-schedule-2015-05-11 #col-schedule-theatre-39 .box-yellow { height: 130px; }*/



	#row-schedule-2015-05-11 #col-schedule-theatre-5,
	#row-schedule-2015-05-11 #col-schedule-theatre-39,
	#row-schedule-2015-05-12 #col-schedule-theatre-5,
	#row-schedule-2015-05-12 #col-schedule-theatre-38,
	#row-schedule-2015-05-12 #col-schedule-theatre-65,
	#row-schedule-2015-05-13 #col-schedule-theatre-5,
	#row-schedule-2015-05-13 #col-schedule-theatre-38,
	#row-schedule-2015-05-13 #col-schedule-theatre-66 {
		position: absolute;
		float: none;
		margin: 0 !important;
	}
	#col-schedule-item-386,
	#col-schedule-item-387,
	#col-schedule-item-406,
	#col-schedule-item-404,
	#col-schedule-item-536,
	#col-schedule-item-425,
	#col-schedule-item-422,
	#col-schedule-item-423 {
		position: absolute;
		margin: 0 !important;
	}

	#row-schedule-2015-05-11 #col-schedule-theatre-39 { right: 50%; top: 400px }
	#row-schedule-2015-05-11 #col-schedule-theatre-39 .box-yellow { height: 100px }
	#col-schedule-item-387 { right: 50%; top: 440px !important; }
	#row-schedule-2015-05-11 #col-schedule-theatre-5 { right: 50%; top: 510px; }
	#row-schedule-2015-05-11 #col-schedule-theatre-5 .box-yellow { height: 100px; }
	#col-schedule-item-386 { right: 50%; top: 550px !important; }

	#row-schedule-2015-05-12 #col-schedule-theatre-38 { right: 50%; top: 290px }
	#row-schedule-2015-05-12 #col-schedule-theatre-38 .box-yellow { height: 100px }
	#col-schedule-item-404 { right: 50%; top: 330px !important; }
	#row-schedule-2015-05-12 #col-schedule-theatre-65 { right: 50%; top: 400px }
	#row-schedule-2015-05-12 #col-schedule-theatre-65 .box-yellow { height: 100px }
	#col-schedule-item-536 { right: 50%; top: 440px !important; }
	#row-schedule-2015-05-12 #col-schedule-theatre-5 { right: 50%; top: 510px; }
	#row-schedule-2015-05-12 #col-schedule-theatre-5 .box-yellow { height: 100px; }
	#col-schedule-item-406 { right: 50%; top: 550px !important; }

	#row-schedule-2015-05-13 #col-schedule-theatre-38 { right: 66.6%; top: 270px; }
	#row-schedule-2015-05-13 #col-schedule-theatre-38 .box-yellow { height: 100px }
	#col-schedule-item-422 { right: 66.6%; top: 310px !important; }

	#row-schedule-2015-05-13 #col-schedule-theatre-66 { right: 66.6%; top: 380px }
	#row-schedule-2015-05-13 #col-schedule-theatre-66 .box-yellow { height: 100px }
	#col-schedule-item-425 { right: 66.6%; top: 420px !important; }

	#row-schedule-2015-05-13 #col-schedule-theatre-5 { right: 66.6%; top: 490px; }
	#row-schedule-2015-05-13 #col-schedule-theatre-5 .box-yellow { height: 120px; }
	#col-schedule-item-423 { right: 66.6%; top: 530px !important; }
}

.program-boxes2015 img {
	max-width: 100%;
	height: auto;
}
.program-boxes2015 h2 {
	margin-top: 0;
	font-family: '37';
}

.row-related img {
	width: 100%;
	height: auto;
}
.row-related .gallery-caption {
	margin: 0;
	padding: 5px 10px 7px 10px;
	background: #fd0;
	color: #000;
	line-height: 1;
}

.page-id-1146 .widget#text-3 {
	display: none !important;
}

@media screen and (max-width: 768px) {
	.upcoming .day, .upcoming br {
		display: none;
	}
	.upcoming-screening h4 {
		height: auto;
	}
	.upcoming-screening h4 > span {
		position: static;
	}
	.upcoming-screening .box-content.upcoming-screening-buttons {
		border-top: none;
		padding-top: 0 !important;
	}
}