/**

 * Theme Name: Skeleton

 * Theme URI: http://themehybrid.com/themes/skeleton

 * Description: A blank child of the Hybrid theme framework representing the visual hierarchy of Hybrid with designers in mind.

 * Author: Justin Tadlock

 * Author URI: http://justintadlock.com

 * Version: 0.3

 * Tags: threaded-comments

 * Template: hybrid

 *

 * Skeleton is released under the GNU General Public License, version 2 (GPL).

 * http://www.gnu.org/licenses/old-licenses/gpl-2.0.html

 *

 * This program is distributed in the hope that it will be useful,

 * but WITHOUT ANY WARRANTY; without even the implied warranty of

 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.

 */

 

/**

* Import pre-made styles from Hybrid

************************************************/



/*



Grey: 			#6c8b8e

Grey Light:		#98aeb0

Grey Dark: 		#5E797B

Grey Lightest:	#B4CED0



Yellow:			#feff26

Red:			#ec1847

Green Bright:	#afdd3f

Green:  		#a3cf50 #92D05A

 

*/



/**

* Import pre-made styles from Hybrid

************************************************/



/* Eric Meyer's reset.css */

	@import url('../hybrid/library/css/reset.css');



/* 18px, 20px, 21px, 22px, 24px or 25px margins and line-height (don't use reset.css with these) */

	/* @import url('../hybrid/library/css/18px.css'); */

	/* @import url('../hybrid/library/css/20px.css'); */

	/* @import url('../hybrid/library/css/21px.css'); */

	/* @import url('../hybrid/library/css/22px.css'); */

	/* @import url('../hybrid/library/css/24px.css'); */

	/* @import url('../hybrid/library/css/25px.css'); */



/* Layout */

	/* @import url('../hybrid/library/css/2c-l-fixed.css');  */

	/* @import url('../hybrid/library/css/2c-r-fixed.css'); */

	/* @import url('../hybrid/library/css/3c-l-fixed.css'); */

	/* @import url('../hybrid/library/css/3c-r-fixed.css'); */

	/* @import url('../hybrid/library/css/3c-c-fixed.css'); */



/* Plugins CSS */

	@import url('../hybrid/library/css/plugins.css');



/* Drop-downs CSS */

	@import url('../hybrid/library/css/drop-downs.css');



/* Hybrid's default CSS */

	/* @import url('../hybrid/library/css/screen.css'); */



/**

* Body

************************************************/



/* Contains everything */



body {
	background-image: none !important;
	font: 12px/16px 'Montserrat', sans-serif;
	color: #666;
	padding: 0 0 20px;
}



@font-face {

    font-family: custom_font;

    src: url('fonts/US101.eot');

    src: local(my_font), url('fonts/US101.ttf') format('truetype');

}



@font-face {

    font-family:Letter_Gothic;

    src: url('fonts/lettergothic.eot');

    src: local(Letter_Gothic), url('fonts/lettergothic.ttf') format('truetype');

}



	/* Wrapper for everything inside of the body */

	#body-container {

		width:100%;

	}



/**

* Grids

************************************************/


















/**

* Elements

************************************************/



/* Hyperlinks */



a {

	color: #84B100;

	text-decoration: none;

}

a:hover {

	color:#ec1847;

	text-decoration: none;

}

a:active {

	color:#000;

}



/* Headers */

h1, h3 {

	font-family: 'Montserrat', sans-serif;

}

h1 {

	font-size: 4.5em;

	line-height: 1em;

	}

h2 {

	font-size: 1.5em;

	line-height: 1em;

	}

h3 {

	font-size: 2.2em;

	}

h4 {

	font-size: 1.7em;

	}

h5 {

	font-size: 1.5em;

	}

h6 {

	font-size: 1.3em;

	line-height: 1.4em;

	margin-bottom: 1em;

	}



/* Text elements */

strong {}

em {}

cite {}

abbr {}

acronym {}

sup {}

sub {}

address {}

ins {}

dfn {}

del {}



/* Paragraphs */

p {margin:3px 0 8px 0;}



/* Unordered lists */

ul {list-style: none;}

	ul li {

	list-style: none;

}



/* Ordered lists */

ol {}

	ol li {}



/* Defition lists */

dl {}

	dt {}

	dd {}



/* Blockquotes */

blockquote {

	font-size: 1.2em;

	line-height: 1.5em;

	margin:3px 0 12px 0;

}

	blockquote blockquote {}

	blockquote em {}



/* Object */

object {}



/* Code */

code {}

pre {}

pre code {}



/* Tables */

table {}

	caption {}

	tr {}

	th {}

	td {}



/* Forms */

form {}

	textarea {}

	input {}

	label {}

	option {}



/* Notes */

.note {}



/* Warnings/Alerts */

.warning, .alert {}



/* Errors */

.error {}



/* Downloads */

.download {}



/* Alignment */

.left, .alignleft {

	display: inline;

	float: left;

}

.right, .alignright {

	display: inline;

	float: right;

}

.center, .aligncenter {}

.block, .alignnone {}

.clear {}



/**

* Images

************************************************/



/* Normal images */

img {

	padding:0;

	margin:0;

	}

a img {}



.wp-post-image {

	padding:0;

	margin:0;

	}

	

.attachment-full {

	padding:0;

	margin:0 0 10px 0;

	}



/* WP Smilies */

img.wp-smiley {}



/* Thumbnails */

.thumbnail {

	float: left;

	width: 220px;

	height: 133px;

	margin: 0 10px 3px 0;

	}



/* WP Captions [caption] */

.wp-caption {}

	.wp-caption img {}

	.wp-caption p {}



/* Gallery [gallery] */

.gallery {}

	.gallery img {}



/* Avatars */

.avatar {}



/**

* Header

************************************************/



/* Contains entire header */

#header-container {

	width:100%;



	}

	

	.slide {

	margin:0;

	padding:0;

	height: 380px;

	width: 940px;

	}

	

	.slide01 {

	background: url(/wp-content/uploads/2010/12/slide-11.jpg) no-repeat;		

	}

	

	.slide02 {

	background: url(/wp-content/uploads/2010/12/slide-2.jpg) no-repeat;		

	}

	

	.slide03 {

	background: url(/wp-content/uploads/2010/12/slide-3.jpg) no-repeat;		

	}

	

	.slide04 {

	background: url(/wp-content/uploads/2010/12/slide-4.jpg) no-repeat;		

	}

	

	



	/* Contains site title and tagline */

	#header {

	width:940px;

	margin:0 auto 0 auto;

	background: url(/wp-content/uploads/site-imgs/strap-line.gif) no-repeat 190px 25px;



}

	

	 #site-logo {

	float: left;

	height: 106px;

	width: 160px;

	margin:10px 0;

			}



		/* Site title */

		#site-title {

	display:none;

			}

			#site-title a {}

				#site-title a span {}



		/* Site description/tagline */

		#site-description {

			display: none;

			}



/* Search form */

	.search-form {

	background: #feff26;

	padding:15px 0 2px 5px;

	margin-bottom:30px;

	width:175px;

	float:right;

}

		.search-text {
			width: 156px;

	background: #feff26;

	color:#666;

	border-style: none;

			}

		.search-text:active,
		.search-text:focus {
			outline: 0;
			border: 0;

			}

		

/**

* Primary Menu

************************************************/



/* Wrapper for entire menu area */

#primary-menu {

	width:940px;

	margin:0 auto 10px auto;

	display:block;

	clear:both;

	}



	/* Wrapper for unordered list of menu items */

	#primary-menu div.menu {

		margin: -20px 0 0 0;

	z-index: 100;

	position:relative;

	float:right;

	overflow:visible;

	}



		/* Menu list. */

		#primary-menu ul {

			float:right;

			margin-bottom:10px;

			}

			#primary-menu li {

	font-size: 11px;

	line-height: 12px;	

				}

				#primary-menu li a {

	color:#fff;

	padding:3px 0 3px 4px;

	margin-left:4px;

	background:#ec1847;

	width: 95px;



					}

				#primary-menu li:last-child a {

	padding-right:0;

					}

					

					#primary-menu li a:hover {

					background:#2B2B2B;

					text-decoration:none;

					}

					

					div.menu ul ul {

	width: 155px !important;

	padding:4px 0 0 0;

	}

	

					

					#primary-menu li ul {

					background:#fff;

					

					}

					

					#primary-menu li li {

	

					}

					

					

					#primary-menu li li a {

	padding:3px 0 3px 4px;

	margin-left:0;

	width: 95px;

					}

					

					#primary-menu li li a:hover {

	

					}

					

					#primary-menu li li:last-child a {

					

					}

					

			#primary-menu li.current-menu-item {color:#98aeb0;}

			

			div.menu li:hover ul, li.sfHover ul {

	left: 4px;

	top: 18px;

	z-index: 200;

	}



/**

* Containers below the header and navigation

************************************************/



/* Wrapper for the content and primary/secondary widget sections */

#container, .container {

	width: 960px;

		margin-left: auto;

		margin-right: auto;

	}

	

#blurb {

	margin-top:20px;

	margin-bottom:10px;

	padding-bottom:10px;

	border-bottom: 1px solid #999;

	}

	

	#blurb h2 {

	font-family: "custom_font", Arial, Helvetica, sans-serif;

	font-size: 2.5em;

	margin-bottom:5px;

	}

	

	#blurb p {

	font-size: 1.6em;

	line-height: 1.3em;

	}

	

.rule {

	margin-top:10px;

	height: 1px;

	border-top: 4px solid #ccc;

	clear: both;

	}

	

h2.home-title {

	color:#333;

	margin:15px 0 0 10px;

	text-transform: uppercase;

	font: normal 2em "custom_font", Arial, Helvetica, sans-serif;

}



	#primary h3 {

	margin-top:10px;

	font-size:2em;

	color:#333;

}







p.date {

	margin-bottom:8px;

	padding:0 0 2px 3px;

	color: #333;

	font-size: 1em;

	background: #feff26;

}



p.featured {

	margin:0 0 3px 0;

	padding:0;

}



p.featured a {

	color: #333;

	font-weight: bold;

	text-transform: uppercase;

}



p.featured a:hover {



	background: #ec1847;

	color: #FFF;

}



	/**

	* Content

	************************************************/



	/* Contains site's main content */

	/* #content {

	width: 640px;

	float:left;

			}

			

				#news-content {

	width: 720px;

	float:left;

			}

			
 */
			.content {

	padding-right:30px;

			}

			

			

		

		.wrap { 

			width: 640px; 

			}

		



		/* Breadcrumb trail */

		.breadcrumbsss {

	width: 940px;

	margin-right: auto;

	margin-left: auto;

	padding:6px 0 0 0;

	border-top: 7px solid #F03;

}



.breadcrumb {

	display:none;

}



			.breadcrumb-trail {}



		/* Archive and search <div> before posts are listed */

		.archive-info

		.author-info {}

		.term-info

		.category-info {}

		.tag-info {}

		.date-info {}

		.search-info {}



			/* Archive and search page titles. */

			.archive-title

			.author-title {}

			.term-title {}

			.category-title {}

			.tag-title {}

			.date-title {}

			.search-title {}

			

			



/* Entry wrapper <div> */
/*
.post, .page, .film {
	margin: 0 10px 0 10px;
}
*/


.news-list {

	display: block;

	clear: both;

	border-bottom: 1px dotted #B4CED0;

	height:145px;

	padding-bottom:10px;

	margin:10px 10px 20px;

}



.news-list h2.entry-title a {

	color:#475C5D;

}



.news-list h2.entry-title a:hover {

	color:#ec1847;

}

		.post h3, .film h3 {

	margin-bottom:10px;

				}

				

		.film h3.bordertop {

	padding-top: 25px;

	border-top: 1px dashed #98aeb0;

				}

		.hentry {}

		.page {}



			/* Post, page, and 404 page titles */

			.entry-title {

				font-size: 1.6em;

	line-height: 1.3em;}

			.post-title {}

			.page-title {}

			.attachment-title {}

			.error-404-title {}

			

			h1.page-title, h2.page-title {

				display:none;

				}

				h1.film-title {

				display:none;

				}



h1.singular-title {

	font: 2.6em 'Montserrat', sans-serif;

	margin-bottom: 8px;

				}

				

				

h5.excerpt {

	padding-bottom: 20px;

	margin-bottom: 20px;

	border-bottom: 7px solid #FF0;

	font-weight: normal;

	color:#666;

	line-height: 1.4em;

	font-family: "Courier New", Courier, monospace;

				}

			/* Author and date byline */

			.byline {}



/* Entry-wrapper */

	

				

				

			/* Full entries */

			.entry-content {

	margin-bottom:30px;

	font-size: 1em;

	line-height: 1.5em;

				}

				

			

				

				.entry-content ul {

				margin:10px 0 20px 0;	

	

				}

				

				.entry-content ul li {

	list-style: none inside;

	margin-left: 8px;

				}



			/* Excerpts (introduced) */

			.entry-summary {

				font-size: 1.2em;

	line-height: 1.6em;

	}



				/* Using <!--nextpage--> */

				p.page-links a {}



				/* More link <!--more--> */

				a.more-link {}



			/* Entry metadata */

			.entry-meta {}



		/* Post series */

		.series {} 

			.series-title {}



		/* Navigation links */

		.navigation-links {}

			.navigation-links .previous {}

			.navigation-links .next {}



		/* WP PageNavi (plugin) */

		.wp-pagenavi {}

			.wp-pagenavi .pages {}

			.wp-pagenavi .current {}

			.wp-pagenavi .extend {}

			.wp-pagenavi a {}



		/* Attachment image navigation */

		.navigation-attachment {}



		/**

		* Comments template

		************************************************/



		/* Wrapper for entire comments area */

		#comments-template {}



			/* Comments section headers/titles */

			.comments-header {}

			#comments-number {}



			/* Comments closed paragraph */

			p.comments-closed {}



				/* Main comments section */

				#comments {}

					#comments ol {}



						/* Individual comments (note that WordPress has even/odd backwards) */

						#comments li {}

							#comments li li {}

								#comments li li li {}

									#comments li li li li {}

						#comments li.even {}

						#comments li.odd {}

						#comments li.thread-even {}

						#comments li.thread-odd {}

						#comments li.author {}

						#comments li.trackback {}

						#comments li.pingback {}



							/* Comment avatars */

							#comments .avatar {}



							/* Comment metadata */

							#comments .comment-meta {}

								#comments .comment-meta cite {}



							/* Comment text */

							#comments .comment-text {}



					/* Paged comments navigation */

					#comments-template .paged-navigation {}

						#comments-template .paged-navigation .page-numbers {}

						#comments-template .paged-navigation .next {}

						#comments-template .paged-navigation .prev {}



				/* Main comment form div */

				#respond {}



					/* Comment form title */

					#reply {}



					/* Comment form elements */

					p#cancel-comment-reply {}

					#respond form {}

						#respond .form-author {}

							#respond input {}

						#respond .form-email {}

						#respond .form-url {}

						#respond .form-textarea {}

							#respond textarea {}

						#respond #submit {}

							#respond #submit:hover {}



		/**

		* Utility widget sections (see other widget code below)

		************************************************/



		/* All utility widget sections (except widgets template) */

		.utility {}



		/* Before content */

		#utility-before-content {}



		/* After content */

		#utility-after-content {}



		/* After post but before comments */

		#utility-after-single {}



		/* After page but before comments */

		#utility-after-page {}



		/* Widgets page template widgets */

		.page-template-widgets #content .widget {}



	/**

	* Widget sections (Primary and Secondary)

	************************************************/



	/* Widgets in general */

	.widget {}

		.widget-inside {}

			.widget-title {}



	/* Primary widget section */

	#primary {

	width:300px;

	display: inline;

	float: left;

	margin:10px;

		}

		#primary .widget {

		

			}

			#primary .widget-inside {}

				#primary .widget-title {

					margin-bottom:14px;

					}

				#primary .widget ul {}

					#primary .widget ul li {}

				

					

					#primary .widget_text {

}



#primary .textwidget {

	padding-left:30px;

}



/* Recent News */



/*ul.recentnews {
	margin:10px 0 25px 0;
	padding:3px 10px 7px 10px;
	background: #feff26;
}

ul.recentnews li {
	padding:7px 0;
	border-bottom: 1px dotted #666;
}

ul.recentnews li:last-child {
	border-bottom: 0px solid #feff26;
}*/


ul.recentnews {
	margin: 10px 0 25px 0;
	padding: 3px 0 7px 0;
}

ul.recentnews li {
	padding: 7px 0;
	margin-left: 0;
	border-bottom: 1px dotted #666;
}

.recent-single dd.date  {
	margin:1px 0;
	color: #333;
	font: 1.25em 'Montserrat', sans-serif;
}

.recent-single a .title {
	text-decoration: none;
}

.recent-single a:hover .title  {
	color:#ec1847;
}

.recent-single dd.title, .recent-single dd.title a {

	/*font: 1.7em/1em "custom_font", Arial, Helvetica, sans-serif;*/

	font-size: 1.15em;
	font-family: 'Montserrat', sans-serif;
	line-height: 1.15em; 
	text-transform: uppercase;

	margin-top:4px;

	color: #333;
	font-weight: 600;

}



/* Festivals section */



.festivals-title {

	margin-top:50px;

}



ul.festivals {

	margin:14px 0 30px 0;

	padding:3px 10px;

	background: #ec1847;

	color: #FFF;

	/* css3 */

   -moz-border-radius:6px;

   -webkit-border-radius:6px;

   border-radius:6px;

}



ul.festivals li {

	padding:7px 0;

	border-bottom: 1px dotted #fff;

}



ul.festivals li:last-child {

	border-bottom: 0px solid #feff26;

}



.festival-single .meta, .festival-single .meta a  {

	margin-bottom: 3px;

	/*letter-spacing: -1px;*/
	letter-spacing: 0px;

	color: #FFF;

	font-family: 'Montserrat', sans-serif;

}

.festival-single a .title {text-decoration: none;}

.festival-single a:hover .title, .festival-single a:hover .meta  {

	text-decoration: underline;

}



.festival-single dd.title, .festival-single dd.title a {
	font-family: 'Montserrat', sans-serif;
	margin:4px 0 6px 0;
	color: #FFF;
	text-transform: uppercase;
}



.festival-single dd.title a:hover, .festival-single dd.meta a:hover {

	text-decoration: underline;

}





/* Secondary widget section */

	#secondary {

	width: 100%;

	display: inline;

	float: left;

	margin: 0;

	}

	

	

		#secondary .widget {

}

			#secondary .widget-inside {}

				#secondary .widget-title {

}

				#secondary ul {margin-bottom:30px;}

					#secondary ul li {margin-bottom:8px;}

					#secondary h3 {

	margin-bottom:15px;

	padding-top:1px;

	font: normal 1.2em 'Montserrat', sans-serif;

}



					

					#secondary h6 {

	margin:8px 0 0 0;

}



#secondary #text-7 {

	padding:20px;

	background: #feff26;

	-moz-border-radius: 6px;

	-webkit-border-radius: 6px;

	-khtml-border-radius: 6px;

	border-radius: 6px;

	color: #333;	

	}

	

#secondary #text-7 a { 

	color:#ec1847;

	font-weight: bold;

	}

	

	#secondary #text-7 a:hover { 

	color:#333;

	font-weight: bold;

	}

	

	#secondary .textwidget img { 

	margin-left:20px;

	}



#secondary .successful {

	margin-bottom:20px;

}



#secondary .widget_text {

}



.successful img  {

	display:inline;

	width:100px;

	height:auto;

	border: 1px solid #B4CED0;

	float: left;

	margin:0 8px 6px 0;

	padding:2px;

}







.successful img  {

	display:inline;

	width:100px;

	height:61px;

	border: 1px solid #B4CED0;

	margin:0 5px 5px 0;

	padding:2px;

}



.successful img:hover, .similar img:hover {

	border: 1px solid #feff26;

	background: #FFF;

}



.aboutus a:hover  {

	background: #FFF;

}











#secondary .item  {

	margin:10px 0 3px 0;

}



#tertiary .item  {

	border-top: 1px dotted #CCC;

	padding-top:8px;

	margin:10px 0 0 0;

}



.similarfilms {

	padding:0 15px;

}

					





/* Tertiary widget section */

	#tertiary {

	width:220px;

	display: inline;

	float: left;

	margin:0 10px;

	color: #666;

		}

		#tertiary .widget {

			margin-bottom:30px;

			}

			#tertiary .widget-inside {}

				#tertiary .widget-title {

					margin-bottom:14px;

					}

				#tertiary .widget ul {}

					#tertiary .widget ul li {font-size:1em;margin-bottom:5px;padding-left:2px;}

					#tertiary h3 {

	margin-top:5px;

	font: 1.2em "Courier New", Courier, monospace;

}

					

					#tertiary .widget_text {



}



/**

* Footer

************************************************/



/* Wrapper for the entire footer */

#footer-container {

	width:940px;

	height:150px;

	margin:40px auto 60px auto;

	padding-top:20px;

	border-top: 7px solid #9C0;

	color:#666;

}



	/* Subsidiary widget section */

	#subsidiary {}

		#subsidiary .widget {}

			#subsidiary .widget-inside {}

				#subsidiary .widget-title {}



	/* Footer section */

	#footer {}

	

	#footer h6 {

	font: 2em "custom_font", Arial, Helvetica, sans-serif;

	margin-bottom:10px;

	}

	

	#footer .left {

	display: inline;

	float: left;

		}

		

		#footer .right {

	display: inline;

	float: right;

		}



		/* Footer extra */

		#footer .copyright {}

		#footer .credit {}

		

#social {  height: 20px; position: relative; }

#social li { display:inline;}



#social li a { float:right; width:21px; height:0; padding-top:20px; overflow:hidden; margin-left:6px;}



#social li#facebook a { background:url(/wp-content/uploads/site-imgs/social_fb.gif) no-repeat 0px 0px;}

#social li#facebook a:hover { background-position:0 -20px; }

#social li#twitter a { background:url(/wp-content/uploads/site-imgs/social_twt.gif) no-repeat 0px 0px;}

#social li#twitter a:hover { background-position:0 -20px; }

#social li#vimeo a { background:url(/wp-content/uploads/site-imgs/social_vim.gif) no-repeat 0px 0px;}

#social li#vimeo a:hover { background-position:0 -20px; }

#social li#youtube a { background:url(/wp-content/uploads/site-imgs/social_yt.gif) no-repeat 0px 0px;}

#social li#youtube a:hover { background-position:0 -20px; }

#social li#rss a { background:url(/wp-content/uploads/site-imgs/social_rss.gif) no-repeat 0px 0px;}

#social li#rss a:hover { background-position:0 -20px; }



	

/**

* Homepage

************************************************/



.tagline {

	font: 48px/42px "custom_font", Arial, Helvetica, sans-serif;

	color: #6c8b8e;

}



/* boxes

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

.box {

	margin:10px 10px 0 10px;

	padding:0;

	float: left;

}



.col1 { width: 300px; }

.boxheight {

	height: 182px;

	overflow: hidden;

}

.taxonomybox { width: 300px;}

  



div.thumbnail_wrapper{
	position: relative; /* important(so we can absolutely position the description div */
	/*cursor: pointer;*/
	width: 300px;
	height: auto;
}



div.description{

	position:absolute; /* absolute position (so we can position it where we want)*/

	top:0; /* position will be on bottom */

	left:0;

	display:none; /* hide it */

	/* styling bellow */

	background-color:#000;

	height:240px;
	
	width: 169px;

}





/**

* Taxonomy page

************************************************/



h1.taxonomy-title {

	color:#333;

	width:940px;

	margin: 10px;

	padding:6px 0 0 0;

	border-top: 7px solid #F03;

	font-size:3.2em;

}



h1.taxonomy-title a {

	color:#ec1847;

}



h1.taxonomy-title a:hover {
	color:#333;
}

.box h2.film-title, .taxonomybox h2.entry-title  {
	/*font-family: "Bebas Neue", sans-serif;*/
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	font-weight: 300;
	line-height: 26px;
	z-index: 500;
	color: #111;
	padding: 0 8px;
	margin-bottom: 8px;
}

.box h2.film-title a, .taxonomybox h2.entry-title a {
	margin:0;
	/*background: #9C0;*/
	color: #111;
	max-width:296px;
	display: block;
	font-weight: 400;
}

.box h2.film-title a:hover,
.taxonomybox h2.entry-title a:hover {
	/*background: #ec1847;*/
}

.taxonomybox p, .col1 p {
	color: #666;
}



a.btn {

	padding: 7px 10px;

	color: #FFF;

	background: #6c8b8e;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

	outline: 0;

	text-align: center;

}



a.btn:hover {

	background: #ec1847;

	text-decoration:none;

}



/**

* Film page

************************************************/



.film_header {
	margin-bottom:20px;
	padding:0;
	position: relative;
	min-height: 360px;
	width: 940px;
	overflow: hidden;
}



.film_header img {
	width: 100%;
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
			transform: translate(-50%,-50%);
}

.film_header .title {
	margin: 0;
	padding: 2px 5px 0 5px;
	position: absolute;
	bottom: 55px;
	left: 20px;
	text-transform: uppercase;
	color: #000;
	font-family: 'Montserrat', sans-serif;
	font-size: 48px;
	line-height: 44px;
	font-weight: 200;
}

.film_header h1 {
	margin: 0;
	padding: 2px 5px 0 5px;
	position: absolute;
	bottom: 55px;
	left: 20px;
	text-transform: uppercase;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-size: 48px;
	line-height: 44px;
	font-weight: 200;
}

.film_header .sub_title {
	margin: 0;
	padding: 5px 5px 2px 5px;
	position: absolute;
	bottom: 30px;
	left: 20px;
	text-transform: uppercase;
	color: #000;
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-weight: 200;
}

.film_header h3 {
	margin: 0;
	padding: 5px 5px 2px 5px;
	position: absolute;
	bottom: 30px;
	left: 20px;
	text-transform: uppercase;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-weight: 200;
}



.transparent {
	background: #000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}



.trailer {
	margin:20px 0;
	padding:0;
}

.widget-categories, .widget-archives  {
	margin-left:20px;
}

.search-result-none {
	margin-left:10px;
	width: 200px;
}


.filmcol_1 {
	margin:0 10px 0 0px;
	float:left;
	display:inline;
	width:500px;
	border-top:7px solid #feff26;
	padding-top:15px;
}

.filmcol_2 {
	margin:0 10px;
	float:left;
	display:inline;
	width:230px;
}



.filmcol_3 {

	margin:0 0 0 10px;

	float:left;

	display:inline;

	width:170px;

	color: #666;

}








.poster a:hover {

	background: #FFF;

}



.synopsis {

	margin-bottom:15px;

	font-size: 1em;

	line-height: 1.6em;

	

}



.synopsisssss {

	margin-bottom:20px;

	font-size: 1em;

	line-height: 1.6em;

	background: #feff26;

	padding:20px 20px 15px 20px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	-khtml-border-radius: 5px;

	border-radius:5px;

	display: block;

}



.synopsis p {

	margin-top:0;	

}



.stills {

	float:left;

	display:inline;

	width:226px;

}



.awardss {

	display: block;

}



.awards {

	padding:15px 0 0;

	display: block;

	border-top: 1px dotted #CCC;

	margin-bottom:30px;

}



.awards li {

	margin-bottom:6px;

	display: inline;

	float: left;

	margin-right: 6px;

}



.tax-tags {

	border-top: 1px dotted #CCC;

	padding-top:10px;

	margin:7px 0 25px 0;

}



.tax-tags a {

	color:#fff;

	margin:2px 2px 0 0;

	padding:2px 4px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	-khtml-border-radius: 3px;

	border-radius: 3px;

	display: inline-block;

}



.tax-tags a {

	background: #9C0;

}

.tax-tags a:hover {
	background: #ec1847;
}

h6.small-header {
	margin-bottom: 9px;
	font: 1.2em 'Montserrat', sans-serif;
}

h6.similar-header {
	font-size: 1em;
	margin-bottom:0;
	line-height: 1.2em;
	text-transform: uppercase;
	font-weight: bold;
}

#similar-posts img  {
	display:block;
	width:219px;
	height:88px;
	margin:5px 0 5px 1px;
}

.similar .item  {
	border-top: 1px dotted #CCC;
	padding-top:10px;
	margin:10px 0 0 0;
}




/**

* About Us page

************************************************/

				

				

.about-header {

	width:940px;

	height:267px;

	margin:0 10px;

	background: #feff26;

}



.about-header-title {

	width:232px;

	height:247px;

	margin:0;

	padding:10px;

	color: #fff;

	display: inline;

	float: left;

}



.aboutslide {

	width:688px;

	height:267px;

	margin:0;

	padding:0;

	display: inline;

	float: left;

}



.about-header-text {

	margin:-250px 10px 35px 0;

	padding:0;

	color: #fff;

	z-index: 2;

	position:relative;

	overflow:visible;

	width:688px;

	display: inline-block;

	float: right;

	text-align: justify;

}

	

	.about-header h1 {

	font: normal 90px/70px "custom_font", Arial, Helvetica, sans-serif;

	margin-top: 100px;

	margin-left: 5px;

				}

				

	.about-header h1.team {

		margin-top:0px;

	padding:0 0 0 10px;

	line-height: 1em;

				}

				

.about-header-text h5 {

	font: normal 30px/39px "custom_font", Arial, Helvetica, sans-serif;

	margin:0 20px;

				}

				

h3.jobtitle {

	margin:0 10px 30px 20px;

	font-size: 2.2em;

	line-height: 1.4em;

	font-weight: normal;

				}

				

.about_box1 {

	margin:0 20px 0 10px;

	line-height: 1.6em;

	color: #666;

				}

				

.tabfull a {

	font-weight: bold;

	color: #666;	

				}

				

.tabfull a:hover {

	font-weight: bold;

	color: #ec1847;	

				}

				

.tabfull blockquote {

	margin: 20px 0 14px 0;

	padding-bottom: 5px;

	border-bottom: 1px dotted #CCC;

	font: normal 1.4em/1.4em "Courier New", Courier, monospace;

				}

				

.tabfull h3 {

	margin-bottom: 10px;

	font: normal 1.8em "Courier New", Courier, monospace;

				}

				

.about_box2 {

	width:252px;

	display: inline;

	margin:0 10px;

	float: left;

				}



.tabfull {

	width:436px;

	display: inline;

	margin:0 10px 0 10px;

	float: left;

	line-height: 1.6em;

	color: #666;

	border-top: 4px solid #feff26;

}



.about-content {

	width:728px;

	display: inline;

	float: left;

	margin-right:10px;

				}



.aboutus  {

	display: inline;

	float: left;

	height:240px;
	
	width: 169px;

	overflow: hidden;

	margin: 0px 0 20px 10px;

}



.aboutus img  {

	width:auto;

	height:240px;
	

}


.team-name {

	margin: -46px 0 8px 0;

	position: relative;

	z-index: 4;	

}



.team-name h6 {

	font: normal 1.5em/10px "custom_font", Arial, Helvetica, sans-serif;

	margin-bottom: 0px;	

}



.team-name a {

	color: #feff26;


	padding: 1px 4px 0 5px;

}



.team-name a:hover {

	color: #fff;

	background: #ec1847;

	padding: 1px 4px 0 5px;

}



.team-name p {

	color: #feff26;

	margin-left:5px;

	font-family: "Courier New", Courier, monospace;

}





h3.orphan {

	font-size: 2.5em;

	margin:10px;

				}

				

.entry-content h4 {

	margin:20px 0 3px 0;

	font-weight: bold;

	text-transform: uppercase;

	font-size: 1em;

				}

.entry-content h5 {
	margin: 8px 0 15px 0;
	font-family: Montserrat, sans-serif;
	line-height: 1.5rem;
}

.feat {
	display:inline-block;
}

.feat h2.entry-title {
	margin:0 0 6px 0;
	padding:0;
	font: Montserrat, sans-serif;
	text-transform: uppercase;
	font-weight: 600;
}



.feat h2.entry-title a {

	color: #333;

	font-weight: bold;

}



.feat h2.entry-title a:hover {

	font-weight: bold;

	background: #ec1847;

	color: #FFF;

}



.feat img {

	display:block;

}



.byline {

	display:none;

}



p.entry-meta {

	font-size: 1em;

	border-top: 1px dotted #CCC;

	padding-top:10px;

	margin:10px 0 25px 0;

}



.single-content {

	padding-right:100px;

}



.article a {

	color: #666;

	font-weight: bold;

}



.article a:hover {

	color: #ec1847;

}







		

/* =Clear Floated Elements

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



/* http://sonspring.com/journal/clearing-floats */



html body * span.clear,

html body * div.clear,

html body * li.clear,

html body * dd.clear

{

	background: none;

	border: 0;

	clear: both;

	display: block;

	float: none;

	font-size: 0;

	list-style: none;

	margin: 0;

	padding: 0;

	overflow: hidden;

	visibility: hidden;

	width: 0;

	height: 0;

}



/* http://www.positioniseverything.net/easyclearing.html */



.clearfix:after

{

	clear: both;

	content: '.';

	display: block;

	visibility: hidden;

	height: 0;

}



.clearfix

{

	display: inline-block;

}



* html .clearfix

{

	height: 1%;

}



.clearfix

{

	display: block;

}



/* Things Removed!!! */



.sf-sub-indicator  {

	display: none;

	}

	



.alpha

{margin-left:0;}



.omega

{margin-right:0}







/**

* Dodatak

************************************************/



.breadcrumb-trail {

	width: 940px;

	margin: 5px auto;

	}





.entry-content img {

	max-width: 700px;

	height: auto;

	}



#wpadminbar {

	display:none !important;

	visibility: hidden;

	}


#header {
    margin-bottom: 24px;
	}

#primary-menu {
    position: absolute;
    top: 144px;
    left: 50%;
    margin-left: -487px;
	}


a.button,
.button a.elementor-button {
	background: #9c0;
	background-color: #9c0 !important;
    color: #fff !important;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 500 !important;
    display: block;
    max-width: 148px;
    text-align: center;
    margin-left: auto;
}

a.button, {
	margin-bottom: 10px;
    margin-right: auto;
}

a.button:hover,
.button a.elementor-button:hover  {
	text-decoration: underline;
}


.elementor-location-footer a.button,
.elementor-location-footer .button a.elementor-button {
	background: #EC1847;
	background-color: #EC1847 !important;
}

button.resetButton {
	color: #ffffff !important;
	background-color: #EC1847 !important;
}


.categoryTitle.home-title {
	line-height: 26px;
}


.taskovski-filter label {
	display: block;
	font-size: 13px;
	color: #EC1848;
	margin-bottom: 5px;
	font-family: 'Montserrat', sans-serif;
}



.elementor-widget-theme-site-logo {
	margin-bottom: 0 ! important;
}

.elementor-widget-theme-site-logo .elementor-image a {
	width: 100%;
	text-align: left;
}

.elementor-widget-theme-site-logo .elementor-image img {
	max-width: 220px;
	height: auto;
	margin: 10px 0 0 0;
}


.elementor-social-icons-wrapper .elementor-social-icon {
	padding: 10px;
}

.elementor-social-icons-wrapper .elementor-social-icon-facebook-f:hover {
    background-color: #3b5998 !important;
}

.elementor-social-icons-wrapper .elementor-social-icon-twitter:hover {
    background-color: #1da1f2 !important;;
}

.elementor-social-icons-wrapper .elementor-social-icon-youtube:hover {
    background-color: #cd201f !important;
}

.elementor-social-icons-wrapper .elementor-social-icon-instagram:hover {
    background-color: #E90072 !important;
}

.elementor-social-icons-wrapper .elementor-social-icon-vimeo {
    background-color: #EC1847 !important;
}

.elementor-social-icons-wrapper .elementor-social-icon-vimeo:hover {
    background-color: #1ab7ea !important;
}

.elementor-social-icons-wrapper .elementor-social-icon-linkedin:hover {
    background-color: #0077B5 !important;
}

.elementor-social-icons-wrapper a.elementor-social-icon- {
	position: relative;
}

.elementor-social-icons-wrapper a.elementor-social-icon-:hover {
    background-color: #7EB712 !important;
}

.elementor-social-icons-wrapper a.elementor-social-icon-:after {
    content: '';
    display: block;
    position: absolute;
	top: 5px;
	left: 5px;
    width: 14px;
    height: 14px;
    background-image: url("/wp-content/uploads/icon_cinando.png");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center center;
}

.elementor-location-footer .elementor-social-icons-wrapper a.elementor-social-icon-:after {
	width: 22px;
    height: 22px;
    background-size: 20px 20px;
}


.main-search-box {
	margin-top: -1px;
}

.search-results #news-content {
	justify-content: left !important;
}

.our-team-list,
.our-team-description {
	margin-right: -10px;
	margin-left: -10px;
}




.how-to-watch {
	display: block;
	font-family: 'Montserrat', sans-serif;
	padding: 20px 0 0 0;
	margin: 40px 0 0 0;
	border-top: 1px dashed #EC1847;
}


.how-to-watch p {
	font-size: 14px;
	margin-bottom: 10px;
	font-weight: 600;
	line-height: 20px;
}

.how-to-watch ul {
	display: block;
	list-style-type: none;
	font-size: 12px;
	padding: 0;
	margin: 0;
	line-height: 18px;
}

.how-to-watch ul li {
	display: block;
	position: relative;
	list-style-type: none;
	padding: 0 0 0 15px;
	margin: 0 0 5px 0;
	text-transform: uppercase;
}

.how-to-watch ul li span {
	display: block;
	position: absolute;
	left: 0px;
}




.our-team-des-img img {
	width: 100%;
}

iframe {
	max-width: 100%;
}


.header-search-box .elementor-search-form__container {
	background: transparent !important;
	border: 1px solid #aaaaaa;
}

.header-search-box input:-webkit-autofill,
.header-search-box input:-webkit-autofill:hover, 
.header-search-box input:-webkit-autofill:focus,
.header-search-box textarea:-webkit-autofill,
.header-search-box textarea:-webkit-autofill:hover,
.header-search-box textarea:-webkit-autofill:focus,
.header-search-box select:-webkit-autofill,
.header-search-box select:-webkit-autofill:hover,
.header-search-box select:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0px 1000px white inset;
}


/* ----- Mail Chimp ----- */

#mc_embed_signup {
	letter-spacing: 1px;
	padding: 80px 0;
}

#mc_embed_signup h2 {
	display: block;
	max-width: 800px;
	color: #333333;
	font-family: "custom_font", Arial, Helvetica, sans-serif;
	font-size: 3.2em;
	text-align: center;
	line-height: 1em;
	letter-spacing: 0;
	padding: 0;
	margin: 0 auto 10px auto;
}

#mc_embed_signup h6 {
	display: block;
	max-width: 800px;
	color: #333333;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	line-height: 16px;
	letter-spacing: 0;
	padding: 0;
	margin: 0 auto 40px auto;
}

#mc_embed_signup p {
	font-size: 14px;
}

#mc_embed_signup input[type=submit] {
	display: block;
	cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    color: #ffffff;
    padding: 12px 20px;
    margin: 20px 0;
    outline: 0;
    border: 0;
    border-radius: 5px;
    background-color: #EC1847;
}

#mc_embed_signup input[type=submit]:hover {
	text-decoration: underline;
}

#mc_embed_signup #mc_embed_signup_scroll {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

#mc_embed_signup .mc-field-group {
	-webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 20px;
}

#mc_embed_signup .mc-field-group.mc-field-full,
#mc_embed_signup .indicates-required,
#mc_embed_signup .mc-field-submit {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
	padding-right: 15px;
    padding-left: 15px;
}

#mc_embed_signup .mc-field-group input {
	display: block;
	width: 100%;
	font-size: 14px;
	padding: 10px 15px;
	border-radius: 3px;
	border: 1px solid #aaaaaa;
}

#mc_embed_signup .mc-field-group label {
	display: block;
	font-size: 14px;
    margin-bottom: 5px;
}

#mc_embed_signup .mc-field-group ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0;
	margin-right: -15px;
	margin-left: -15px;
}

#mc_embed_signup .mc-field-group ul li {
	-webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    max-width: 400px;
    padding-right: 15px;
    padding-left: 15px;
    margin: 5px 0 15px 0;
}

#mc_embed_signup .mc-field-group ul li input {
	display: inline-block;
    width: auto;
    cursor: pointer;
    margin-right: 10px;
}

#mc_embed_signup .mc-field-group ul li label {
	display: inline-block;
    width: auto;
    cursor: pointer;
}







@media (min-width: 1170px) {

	.elementor-widget-theme-site-logo .elementor-image a {
		margin-left: 5px;
	}

	.film_header {
	    min-height: 396px;
	}

	.single-team-member .elementor-container .elementor-row {
		width: auto;
		margin-right: -10px;
		margin-left: -10px;
	}


	/*.film_header .title {*/
	/*	top:302px;*/
	/*}*/

	/*.film_header h1 {*/
	/*	top:302px;*/
	/*}*/

	/*.film_header .sub_title {*/
	/*	top:348px;*/
	/*}*/

	/*.film_header h3 {*/
	/*	top:348px;*/
	/*}*/

}


@media (min-width: 768px) {


	.post-type-archive-film #content > .grid_12,
	.film-template-default .container .film,
	.tax-filmcategory #content > .grid_12,
	.blog #news-content,
	.post-template-default #news-content .grid_12 {
		margin-right: -10px;
		margin-left: -10px;
	}

}




@media (max-width: 767.98px) {

	.main-search-box > .elementor-column-wrap {
		padding-top: 0 !important;
	}

	.elementor-widget-theme-site-logo .elementor-image a {
		text-align: center;
		margin-bottom: 10px;
	}

	.elementor-widget-theme-site-logo .elementor-image img {
		max-width: 160px;
	}

	.elementor-nav-menu--dropdown-mobile .elementor-menu-toggle {
		font-size: 24px;
    	padding: .3em;
	}

	.elementor-nav-menu--dropdown-mobile {
		padding-left: 10px;
		padding-right: 10px;
	}

	.hero-slider-main .elementor-widget-container {
		margin: 15px 0 !important;
	}

	.elementor-social-icons-wrapper .elementor-social-icon {
		padding: 7px;
	}

	.elementor-widget-container .elementor-menu-toggle {
		color: #EC1848;
	}

	.home-title {
	    padding: 15px 0;
	}


	.film_header {
		min-height: 100px;
		width: auto;
	}

	.film_header img {
		position: relative;
		left: 0;
		top: 0;
		-webkit-transform: translate(0,0);
			-ms-transform: translate(0,0);
				transform: translate(0,0);
	}

	.film_header .title {
	    display: none;
	}

	.film_header h1 {
	    position: relative;
	    top: 0;
	    left: 0;
	    font-size: 42px;
	    color: #EC1848;
	    margin-top: 20px;
	    padding: 2px 5px 0 0;
	}

	.film_header .sub_title {
	    display: none;
	}

	.film_header h3.banner-text {
	    position: relative;
	    top: 0;
	    left: 0;
	    color: #666666 !important;
	    margin-bottom: 5px;
	    padding: 2px 5px 0 0;
	}

	.poster img {
		display: block;
	    max-width: 380px;
	    margin-left: auto;
	    margin-right: auto;
	}

	.elementor-social-icons-wrapper .elementor-social-icon-linkedin + a:after {
		width: 16px;
	    height: 16px;
	    background-size: 15px 15px;
	}

	.elementor-location-footer .elementor-social-icons-wrapper .elementor-social-icon-linkedin + a:after {
		width: 20px;
	    height: 20px;
	    background-size: 18px 18px;
	}

	.elementor-menu-toggle {
		margin-top: -52px;
	}

	.now-streaming-block {
		margin-top: -10px;
		margin-bottom: -30px !important;
	}


}


@media (max-width: 479.98px) {

	.elementor-location-footer .button a.elementor-button  {
		margin-top: 30px;
		margin-bottom: -10px;
	}

	.elementor-location-header.elementor-9718 .elementor-element.elementor-element-ebb8465 .elementor-heading-title {
		font-size: 20px !important;
	}

}



@media (max-width: 419.98px) {

	.elementor-location-header.elementor-9718 .elementor-element.elementor-element-ebb8465 .elementor-heading-title {
		font-size: 18px !important;
	}

}


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

	.film_header img {
	    height: 100%;
	}


}
