/*
Theme Name: The Future Of Work
Author: Uroš Gustinčič
Description: Wordpress theme made for website thefutureofwork.eu in 2015 with focus on usability on both mobile and PC devices
License: This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.
License URI: http://creativecommons.org/licenses/by-nc-sa/4.0

*/

body {
font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
/*font-family: Trebuchet MS,sans-serif;*/
margin: 0;/*CROSSBROWSER COMPATIBILITY*/
padding: 0;/*CROSSBROWSER COMPATIBILITY*/
position: relative;
box-sizing: border-box;
}

a {/* skensla podcrtane in modre in outline linke*/
    text-decoration: none;
	outline: 0;
	color: inherit;
}
a img {border: none; } /* skensla obrobo okoli slik v internet eksplorerju */
article a {color:#0000ee;} /* barva linkov v tekstu*/

#controler_default_pikslov {display:block;}
#controler_1437pikslov {display:none;}
#controler_1150pikslov {display:none;}
#controler_955pikslov {display:none;}
#controler_700pikslov {display:none;}
#controler_500pikslov {display:none;}
#controler_450pikslov {display:none;}
#controler_340pikslov {display:none;}

.clear_floats {clear:both;}
#main{
	color:#111F39;
	text-align: left;
	font-size: 18px;
	font-weight: 100;
	line-height: 1.5;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	max-width: 939px;
	position: relative;
	top: -177px;
	z-index: 4;
	}

#moj_admin_bar {
	position: fixed;
	bottom:5px;
	right:0px;
	z-index:3000;
	}
.moj_admin_bar_item {
	display:inline-block;
	color:#ffffff;
	background-color:#000000;
	margin-top:5px;
	padding-left:3px;
	padding-right:3px;
}
#main_news {
	position: relative;
	top: -135px;	
	z-index: 1;
	padding-top: 10px;
	padding-bottom: 10px;
	}
.single_news {

	z-index: 2000;
	background-color: #FFFFFF;
	max-width: 939px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
.tag_archive{
	background-color: #FFFFFF;
	max-width: 939px;
	margin-left: auto;
	margin-right: auto;
}
.news_tags{display:inline-block; line-height:200%;}
.edit_link {border: 1px solid #2b4b61; border-radius: 5px; background-color:#2b4b61; color:#ffffff; padding-left:3px;padding-right:3px; margin-top:3px;margin-bottom:3px;}
.post-edit-link {text-decoration: none; outline: 0; color:inherit;}

.tag_archive_span{
display:inline-block;
height:50px;
line-height: 50px;/*ce je line height enak kot height to vertikalno centrira eno samo vrstico teksta*/
padding-left:20px;padding-right:20px;	
}
.news_tekst {
padding-top:10px;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
}
.news_date_div {margin-top: -15px;}
.news_date {
color: #FFFFFF;
font-size: 15px;
font-weight: 900;
line-height: 1;
padding-left:5px; 
padding-right:5px;
}
.tag_link {
	padding: 5px 10px 5px 10px;
	color: #ffffff;
	border-radius: 5px;
}

#main_za_listo_filmov{
	color:#111F39;
	text-align: left;
	font-size: 18px;
	font-weight: 100;
	line-height: 1.5;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	max-width: 939px;
	position: relative;
	top: -177px;
	z-index: 4;
	}
#main_posamezen_film{
	color:#111F39;
	text-align: left;
	font-size: 18px;
	font-weight: 100;
	line-height: 1.5;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	max-width: 939px;
	position: relative;
	top: -614px;
	z-index: 4;
	}
h1 {	font-size: 36px;
	font-weight: 900;
	line-height: 1.1;}
h2 {	font-size: 27px;
	font-weight: 900;
	line-height: 1.1;}
h3 {	font-size: 21px;
	font-weight: 900;
	line-height: 1.1;}
h4 {	font-size: 18px;
	font-weight: 900;
	line-height: 1.1;}
h5 {	font-size: 15px;
	font-weight: 900;
	line-height: 1.1;}
h6 {	font-size: 12px;
	font-weight: 900;
	line-height: 1.1;}
.h1 {	font-size: 36px;
	font-weight: 900;}
.h2 {	font-size: 27px;
	font-weight: 900;}
.h3 {	font-size: 21px;
	font-weight: 900;}
.h4 {	font-size: 18px;
	font-weight: 900;}
.h5 {	font-size: 15px;
	font-weight: 900;}
.h6 {	font-size: 12px;
	font-weight: 900;}

#logo-container{
	position:relative;
	top:-37px;
	z-index: 500;
}

#logo {
    left:-460px;
	position:relative;
	text-align: center;
	height:132px;
	}
#logoimg {
	width: 210px;
	}
#player{
	position:relative;
	top:-614px;
	text-align: center;
	z-index: 400;
	margin:auto;
	width:939px;
	height:528px;
}
#video,#poster{position:absolute; margin: auto; width:939px; height: 528px;}
#video {z-index: 900;}
#poster{cursor:pointer; z-index: 800;}
#videofr {width: 939px; height: 528px; margin: 0px; padding: 0px; border:none;}
nav{
	transition: top 0.5s ease-in-out; /*tu se naštima kako hitro se skrije*/
	-webkit-transition: top 0.5s; /* Safari */
	background: none repeat scroll 0 0 #fff;
    border-top: 1px solid #e6e6e5;
    display: block;
    left: 0;
    min-height: 45px;
    min-width: 280px;
    position: fixed;
    right: 0;
    top: 1px;
    /*transition: all 0.33s ease-in 0s;*/
    z-index: 1500;
}
.nav-up {
    top: -40px;
}
#meni {/*padding-left:1vw;*/ 
	background-color: #ffffff;
	color: #111f39;
	text-align: left;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-top: 8px;
	/*max-width: 939px;*/
	max-width: 939px;
	z-index: 0;
	}
#meni  a {
	color: #111f39;
    text-decoration: none;
    background: none repeat scroll 0 0 transparent;
	}
#meni  a:hover {color: #B4C5CC;}
#menijiNaDesno {float:right;padding-top: 2px;}
.menu_item_project{font-size: 21px; font-weight: 100;}
.menu_item {font-size: 18px; padding-right:20px;font-weight: bold;}
.menu_item_zadnji {font-size: 18px; padding-right:0px;font-weight: bold;}
#social {float:right;}
#social  img {height:35px; margin-top: -6px; padding-left:9px;}
#pagetitle {
	color:#ffffff;
	text-align: center;
	font-size: 47px;
	padding-top:40px;
	padding-bottom:40px;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	max-width: 939px;
	position: relative;
	top: 47px;
	z-index: 3;
 }

#fotka-ozadje{
	background-position: 50% 50%;
	height: 528px;
	background-size: initial;
	/*transform: translateY(23px);*/
	background-repeat: no-repeat;
	position: relative;
	top: -132px;
	left: 0px;
	width: 100%;
	z-index: 2;
}
#fotka-ozadje_single_film{
	background-position: 50% 50%;
	height: 528px;
	background-size: initial;
	/*transform: translateY(23px);*/
	background-repeat: no-repeat;
	position: relative;
	top: -86px;
	left: 0px;
	width: 100%;
	z-index: -1;
}

.tekst {
padding-top:20px;
padding-left:135px;
padding-right:135px;
padding-bottom:135px;
}
.film_pair {width:100%; position:relative; height:347px;}
.film {
display: inline-block; vertical-align: top; position: absolute;
width: 446px;
height: 299px;
}
.film_title_text {
width: 446px;
transition: height 0.5s ease-in-out; /*tu se naštima kako hitro se skrije*/
-webkit-transition: height 0.5s; /* Safari */
position: absolute; top:0px;
cursor:pointer;
overflow: hidden;
background-color:#FFFFFF;
height: 48px;
z-index: 20;
}
.film_title_text:hover {
height:299px;
}
.film_title {
height: 48px;
line-height: 48px;/*ce je line height enak kot height to vertikalno centrira eno samo vrstico teksta*/
padding-left:20px;
font-size: 25px;
font-weight: 700;
}
.coming_past_events {
height: 48px;
font-style: italic;
font-size: 25px;
font-weight: 700;	
}

.film_text {
font-size: 20px;
font-weight: 900;
line-height:1;
padding:20px;
}

.film_image{
/*position: absolute; bottom:0px;*/
padding-top:48px;
width:446;
height:251;
z-index: 10;
}
.watch   {
z-index: 30;
margin: 0;
padding: 0;
color: #FFFFFF;
position: absolute;
font-size: 20px;
right: 0px;
bottom: 0px;
line-height: 2;
background-color: #B4C5CC;
-webkit-transition: background-color 0.5s; /* Safari */
transition: background-color 0.5s;
}
.watch:hover { background-color: #F2CF71; } 
.watch_text {margin:20px;}

.film_versions_wrapper {margin-left:20px; margin-right:20px; text-align:center; padding-top: 13px; margin-bottom: -30px;}
.film_versions_div, .film_versions_div_selected  {
display: inline-block;
color: #FFFFFF;
font-size: 20px;
margin-top:2px;
margin-right:5px;
padding-left:5px;
padding-right:5px;
}
.film_versions_div {background-color: #2b4b61;
-webkit-transition: background-color 0.5s; /* Safari */
transition: background-color 0.5s;
}
.film_versions_div:hover { background-color: #F2CF71; } 
.film_versions_div_selected  {background-color: #F2CF71; cursor:default;}

.event_date {
color: #FFFFFF;
font-size: 20px;
font-weight: 900;
line-height: 1;
padding-left:10px; 
padding-right:10px;
}
.event_title {
color: #FFFFFF;
font-size: 20px;
font-weight: 900;
line-height: 1;
padding-left:10px; 
padding-right:10px;
}
.event_the_content {margin-top:-15px; margin-bottom:30px;}
#login{text-align: right; margin-right:20px; margin-bottom:5px; font-style: italic;font-weight: bold; color: #2b4b61;}

/* Contact Form Styles */
.screen-reader-response {display:none;}
.wpcf7-validation-errors {color:#ff0000;} /*ERRORS - rdeca*/
.wpcf7-spam-blocked {color:#ffa500;} /*SPAM - oranzna*/
.wpcf7-mail-sent-ok {color:#099309;} /*MAIL SENT - OK - zelena*/

.wpcf7-not-valid-tip {color:#ff0000; margin-left: 5px;} /*sporocilo da polje ni v redu - rdeca*/
span .wpcf7-not-valid {border: 1px solid #ff0000;} /* pobarva polje ki ni v redu rdece*/

/* KONC Contact Form Styles */

/* WordPress WYSIWYG Editor Styles == */
.entry-content img {
	max-width: 100%;
	height: auto;
	margin: 0;
	}
.alignleft, img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;
	}
.alignright, img.alignright {
	margin-left: 1.5em;
	display: inline;
	float: right;
	}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	display: block;
	clear: both;
	}
.alignnone, img.alignnone {
	/* not sure about this one */
	}
.wp-caption {
	margin-bottom: 5px;
	text-align: center;
	padding-top: 5px;
	}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
	}
.wp-caption p.wp-caption-text {
	line-height: 1.5;
	}
.wp-smiley {
	display:none;
	}
blockquote.alignleft {
	margin-right: 10px;
	text-align: right;
	margin-left: 0;
	width: 50%;
	float: left;
	}
blockquote.alignright {
	margin-left: 10px;
	text-align: left;
	margin-right: 0;
	width: 50%;
	float: right;
	}
blockquote.aligncenter{
	margin-top: 5px;
	margin-bottom: 5px;
	}
	
.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
.gallery-caption {}

.size-full {	height: auto; max-width: 100%;}
.size-large {height: auto; max-width: 100%;}
.size-medium {height: auto;	max-width: 100%;}
.size-thumbnail {height: auto; max-width: 100%;}
	
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object,
video {
	margin-bottom: 10px;
	max-width: 100%;
	/*height: auto;*/
}
/* KONC WordPress WYSIWYG Editor Styles == */

@media (max-width: 1437px) {
#controler_default_pikslov {display:none;}
#controler_1437pikslov {display:block;}
#controler_1150pikslov {display:none;}
#controler_955pikslov {display:none;}
#controler_700pikslov {display:none;}
#controler_500pikslov {display:none;}
#controler_450pikslov {display:none;}
#controler_340pikslov {display:none;}


#fotka-ozadje{
	height: 395px;
	background-size: 1437px 395px;
	top: -133px;
}
#fotka-ozadje_single_film{
	height: 395px;
	background-size: 1437px 395px;
	top: -100px;
}

#player {
	width:649px;
	height:365px;
	margin: none;
	top:-480px;
}
#video,#poster,#poster img {width:649px; height: 365px; margin: none;}
#videofr {width: 649px; height: 365px;}

#main_posamezen_film{
	top:-480px;
}

} /*KONC @media MAKSIMALNO 1437px)*/

@media (max-width: 1150px) {
#controler_default_pikslov {display:none;}
#controler_1437pikslov {display:none;}
#controler_1150pikslov {display:block;}
#controler_955pikslov {display:none;}
#controler_700pikslov {display:none;}
#controler_500pikslov {display:none;}
#controler_450pikslov {display:none;}
#controler_340pikslov {display:none;}


#logoimg 
{
	max-width: 180px;
	margin-left: 188px;
	margin-top: -41px;
}

#fotka-ozadje{
	height: 316px;
	background-size: 1150px 316px;
	top: -100px;
}
#fotka-ozadje_single_film{
	height: 316px;
	background-size: 1150px 316px;
	top: -95px;
}

#player {
	z-index: 1200;
	width:700px;
	height:393px;
	margin: none;
	top:-110px;
}
#poster{display: none;}
#video {width:700px; height: 393px; margin: none;}
#videofr {width: 700px; height: 393px;}
.film_versions_wrapper {padding-top: 30px;}
#main {
	position:static;
	margin-top:-115px;
}
#main_news {
	top: -110px;
	}
.news_tekst {
padding-left:10px;
padding-right:10px;
}

.tag_archive_span{
padding-left:10px;padding-right:10px;	
}

#main_za_listo_filmov {
	position:static;
	margin-top:-130px;
}

#main_posamezen_film{
	top:-125px;
}

} /*KONC @media MAKSIMALNO 1150px)*/


@media (max-width: 955px) {
#controler_default_pikslov {display:none;}
#controler_1437pikslov {display:none;}
#controler_1150pikslov {display:none;}
#controler_955pikslov {display:block;}
#controler_700pikslov {display:none;}
#controler_500pikslov {display:none;}
#controler_450pikslov {display:none;}
#controler_340pikslov {display:none;}	
	
	
#meni {
		margin-left: 10px;
	margin-right: 10px;
}
#pagetitle {
	font-size: 35px;
	padding-top:20px;
	padding-bottom:20px;
	position: static;
	margin-top:47px;
}

#logo {
	left:0px;
	text-align: left;
}

#logoimg {
	margin-left: 10px;
	max-width: 123px;
	}
#fotka-ozadje{
	height: 261px;
	background-size: 955px 261px;
	top: -135px;
}
#fotka-ozadje_single_film{
	height: 261px;
	background-size: 955px 261px;
	top: -135px;
}

#player {
	width:650px;
	height:366px;
	margin: none;
	top:-150px;
}
#poster{display: none;}
#video {width:650px; height: 366px; margin: none;}
#videofr {width: 650px; height: 366px;}
.film_versions_wrapper {margin-left:10px; margin-right:10px;text-align:left;}
.tekst {
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:50px;
}
#main {
	position:static;
	margin-top:-135px;
}
#main_news {
	top: -140px;
	}

#main_za_listo_filmov {
	position:static;
	margin-top:-170px;
}
#main_posamezen_film{
	top:-165px;
}	

.film_pair {width:446px; position:relative; height:100%;	 margin-left:auto;
		margin-right:auto;}
.film {
		display: block;
		position: relative;
		margin-bottom: 48px;
	
	}
	
} /*KONC @media MAKSIMALNO 955px)*/

@media (max-width: 700px) {
#controler_default_pikslov {display:none;}
#controler_1437pikslov {display:none;}
#controler_1150pikslov {display:none;}
#controler_955pikslov {display:none;}
#controler_700pikslov {display:block;}
#controler_500pikslov {display:none;}
#controler_450pikslov {display:none;}
#controler_340pikslov {display:none;}

#player {
	width:450px;
	height:253px;
	margin: none;
	top:-150px;
}
#poster{display: none;}
#video {width:450px; height: 253px; margin: none;}
#videofr {width: 450px; height: 253px;}

#fotka-ozadje{
	height: 193px;
	background-size: 700px 193px;
}

#fotka-ozadje_single_film{
	height: 193px;
	background-size: 700px 193px;
}
.menu_item {padding-right:12px;}

#main_za_listo_filmov {
	margin-top:-165px;
}
#pagetitle {
	font-size: 25px;
	padding-top:25px;
	padding-bottom:25px;

}

} /*KONC @media MAKSIMALNO 700px)*/

@media (max-width: 500px) {
#controler_default_pikslov {display:none;}
#controler_1437pikslov {display:none;}
#controler_1150pikslov {display:none;}
#controler_955pikslov {display:none;}
#controler_700pikslov {display:none;}
#controler_500pikslov {display:block;}
#controler_450pikslov {display:none;}
#controler_340pikslov {display:none;}


#fotka-ozadje{
	height: 138px;
	background-size: 500px 138px;
}
#fotka-ozadje_single_film{
	height: 138px;
	background-size: 500px 138px;
}

#main_za_listo_filmov {
	margin-top:-120px;
}


#player {
	width:400px;
	height:225px;
}
#poster{display: none;}
#video {width:400px; height: 225px;}
#videofr {width: 400px; height: 225px;}

.menu_item_project{font-size: 16px;}
.menu_item {font-size: 16px; padding-right:5px;}
.menu_item_zadnji {font-size: 16px;}

#pagetitle {
	font-size: 20px;
	padding-top:28px;
	padding-bottom:27px;

}


.wpcf7-text, .wpcf7-textarea  {max-width:259px;}
} /*KONC @media MAKSIMALNO 500px)*/

@media (max-width: 450px) {
#controler_default_pikslov {display:none;}
#controler_1437pikslov {display:none;}
#controler_1150pikslov {display:none;}
#controler_955pikslov {display:none;}
#controler_700pikslov {display:none;}
#controler_500pikslov {display:none;}
#controler_450pikslov {display:block;}
#controler_340pikslov {display:none;}


#main, #main_za_listo_filmov, #main_posamezen_film {font-size: 14px; }
h1 {font-size: 25px;}
h2 {	font-size: 21px;}
h3 {	font-size: 16px;}
h4 {	font-size: 14px;}
h5 {	font-size: 12px;}
h6 {	font-size: 9px;}
.h1 {font-size: 25px;}
.h2 {	font-size: 21px;}
.h3 {	font-size: 16px;}
.h4 {	font-size: 14px;}
.h5 {	font-size: 12px;}
.h6 {	font-size: 9px;}

.menu_item_project{font-size: 14px;}
.menu_item {font-size: 14px;}
.menu_item_zadnji {font-size: 14px;}
#social  img {height:25px; margin-top: 0px; padding-left:3px;}

#meni {
	margin-left: 3px;
	margin-right: 3px;
}
#pagetitle {
	font-size: 15px;
	padding-top:18px;
	padding-bottom:17px;
}

#logoimg {
	margin-left: 3px;
	max-width: 85px;
	margin-top: -15px;
	}
	
.film {
overflow: hidden;
width: 300px;
height: 217px;
}
.film_title_text {width: 300px;}
.film_title_text:hover {height:217px;}
.film_title {
height: 48px;
line-height: 48px;/*ce je line height enak kot height to vertikalno centrira eno samo vrstico teksta*/
padding-left:15px;
font-size: 20px;
}
.coming_past_events {
height: 48px;
font-style: italic;
font-size: 20px;
}

.film_text {
font-size: 15px;
padding:15px;
}

.film_image{
width:300px;
height:169px;
}

.watch   {
font-size: 15px;
}

.event_the_content {margin-top:-10px; margin-bottom:15px;}
.event_date {
font-size: 16px;
padding-left:5px; 
padding-right:5px;
}
.event_title {
font-size: 16px;
padding-left:5px; 
padding-right:5px;
}

#player {
	width:300px;
	height:169px;
	margin: none;
}
#poster{display: none;}
#video {width:300px; height: 169px; margin: none;}
#videofr {width: 300px; height: 169px;}
.film_versions_wrapper {margin-left:5px; margin-right:5px; padding-top: 20px;}
.film_versions_div, .film_versions_div_selected  {font-size: 15px;}
#main_za_listo_filmov {
	margin-top:-120px;
}

.news_tekst {
padding-left:3px;
padding-right:3px;
}

.tag_archive_span{
height:30px;
line-height: 30px;/*ce je line height enak kot height to vertikalno centrira eno samo vrstico teksta*/
padding-left:3px;padding-right:3px;	
}

.tekst {
padding-top:10px;
padding-left:5px;
padding-right:5px;
padding-bottom:50px;
}

} /*KONC @media MAKSIMALNO 450px)*/

@media (max-width: 340px) {
#controler_default_pikslov {display:none;}
#controler_1437pikslov {display:none;}
#controler_1150pikslov {display:none;}
#controler_955pikslov {display:none;}
#controler_700pikslov {display:none;}
#controler_500pikslov {display:none;}
#controler_450pikslov {display:none;}
#controler_340pikslov {display:block;}

	.menu_item_project{font-size: 13px;}
	.menu_item {font-size: 13px; padding-right:2px;}
	.menu_item_zadnji {font-size: 13px;}
	#social  img {height:20px; padding-left:1px;}
} /*KONC @media MAKSIMALNO 340px)*/