/*
Theme Name: 	MFZ
Theme URI: 		http://www.icwt.de
Description: 	Münchner Filmzentrum custom theme
Version: 		1.0
Author: 		Matthias Rösele
Author URI: 	http://www.icwt.de
Tags: 			
*/

/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Containers
04 Navigation
05 Content
06 Extras
07 Admin Stuff
===========================
*/

/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
@import "css/reset.css";

@import url("http://fast.fonts.net/lt/1.css?apiType=css&c=be91dfa6-11e7-4fef-9fb9-17f1f6fc1f09&fontids=1366584");
@font-face{
font-family:"Frutiger";
src:url("webfonts/1366584/0e8af8ac-5ab2-4e69-b018-515fe6a1cf74.eot?#iefix");
src:url("webfonts/1366584/0e8af8ac-5ab2-4e69-b018-515fe6a1cf74.eot?#iefix") format("eot"),url("webfonts/1366584/ad7a0798-ffbd-48b0-8ca5-73c41c82ddc8.woff") format("woff"),url("webfonts/1366584/1676684d-f9f5-44b4-8b6b-d4cd78c79177.ttf") format("truetype"),url("webfonts/1366584/19b6a0bb-5609-42e3-944b-6d528ae67282.svg#19b6a0bb-5609-42e3-944b-6d528ae67282") format("svg");
}


* {
  outline: none !important;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

div, article, section, header, footer, nav, li {
  position: relative; /* For absolutely positioning elements within containers (add more to the list if need be) */
}
.group:after {
  display: block;
  height: 0;
  clear: both;
  content: ".";
  visibility: hidden; /* For clearing */
}

.clearfix:after{
  clear: both;
  display: block;
  content: '';
}





/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

html {
  font: 14px/1.33 Verdana, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body, input, textarea { /* We strongly recommend you declare font-weight using numerical values, but check to see which weights you're exporting first */

}

h1, h2, h3, h4, h5, h6, .menu > li > a, .logo_container {
  font-weight: 400;
  text-transform: uppercase;
  font-family:"Frutiger";
}
b, strong{
  font-weight: 600;  
}

h1, h2, h3, h4, h5, h6{
  margin-bottom: .5em;
  line-height: 1.2;
}

h1{
  font-size: 37px;  
}
.main_headline{
  font-size: 30px;  
  line-height: 1.25;
  margin-bottom: .95em;
}
h3{
  font-size: 28px;  
}
h4{
  font-size: 20px;  
}
h5{
  font-size: 11px;
  color: #A31106;  
}

.push_down{
  margin-top: 47px;  
}

a {
  color: #a31106;
  text-decoration: none;
}

.collapsible a,
.content a {
  text-decoration: underline;
}

.collapsible a:hover,
.content a:hover{
  text-decoration: none;
}

.content .download_link{
  text-decoration: none;  
  display: block;
}


p {
  margin: 0 0 1em;
}
p.sub_hl{
  margin: 0 0 0.8em;  
  font-weight: 600;
}




/* ---------------------------------------------------------------------------------------------------------- 
03 Containers -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

html, body, .page_wrapper {
  height: 100%;
}


.page_wrapper {
  height: auto;
  min-height: 100%;
  min-height: calc( 100% - 25px );
  width: 960px;
  margin: 0 auto 25px;
}

.container {
  width: 100%;
  margin: 0 auto;
  display: block;
}


.content_wrapper {
  min-height: 300px;
  z-index: 1;
  width: 100%;
  background: #fff;
  margin: 17px 0 0 0;

/*
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
*/
}

.error404 .content_wrapper,
.search .content_wrapper{
}
.error404 .content_wrapper a,
.search .content_wrapper a{
  text-decoration: underline;
}



.content{
  width: 614px;
  float: left;
  margin-right: 36px;
  border-top: 9px solid #000;
}
.home .content{
  margin-right: 15px;
  width: 765px;  
}


.user_content ul {
  padding: 0;
  margin: 0 0 1.2em 0;
}
.user_content a{
/*  color: #000;   */
}

.user_content li:before {
  color: #a31106;
  content: '>';
  font-family: "Frutiger";
  margin: 0 5px 0 0;
}

.sidebar{
  width: 310px;
  float: left;
  border-top: 9px solid #000;
  font-size: 11px;
}
.home .sidebar{
  width: 180px;
}

.sidebar_box{
  border-top: 4px solid #000;  
  padding: 20px 0 10px 0;
}
.sidebar_box:first-child{
  border-top: 0;  
}


.main_header{
  height: 100px;
}

.main_footer {
  clear: both;
  height: 25px;
  margin-top: -25px !important;
  position: relative;
  /*    background: #fff; */
  width: 960px;
  margin: 0 auto;
  color: #878786;
  font-size: 12px;
  border-top: 1px solid #000;
} 
.main_footer a{
  color: #878786;  
}

.main_footer ul{
  float: right;
  font-size: 0;
}
.main_footer li{
  display: inline-block;
  font-size: 9px;
  margin-left: 20px;
}

.logo_container{
  font-size: 24px;
  letter-spacing: .05em;
  color: #000;  
  padding-top: 17px;
}

.logo_container.right{
  float: right;
}

.logo_container.left{
  float: left;
}

.left + .menu{
  float: right;
}

.right + .menu{
  float: left;  
}

.logo {
  display: inline-block;
  width: 115px;
  height: auto;
  margin: 0 12px 0 0;
}

.header_image_container{
  padding: 0 0 22px 0;  
}

.header_image_container img{
  max-width: 100%;
  height: auto;  
}

.home_news_box{
  border-top: 9px solid #000;
  padding: 20px 0;  
  font-size: 11px;
}

.one_col .home_news_img_container{
  float: right;
  width: 375px;
}

.one_col .home_news_content{
  float: left;
  width: 375px;
}

.home_news_img_container{
  margin-bottom: 20px;  
}

.home_news_img_container img{
  max-width: 100%;
  height: auto;  
}

.two_col .home_news_box{
  float: left;
  width: 375px;
  margin-left: 15px;
}

.two_col .home_news_box:nth-child(odd){
  margin-left: 0;
  clear: left;  
}


.header_img_title{
  color: #fff;
  font-size: 20px;  
  margin-bottom: .8em;
}

.header_img_txt_container{
  position: absolute;
  top: 130px;
  left: 60px;
  width: 250px;  
}

.tile_cta{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 22px;
  right: 0;
  z-index: 1;
}

.news_article{
  border-bottom: 5px solid #000;
  padding: 0 0 40px 0;  
  margin: 0 0 20px 0;
}

.news_excerpt{
  font-weight: bold;  
}

.news_header_left{
  float: left;
  margin: 0 20px 40px 0;
}
.news_header_right{
  
}


/* ---------------------------------------------------------------------------------------------------------- 
04 Navigation -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */


.menu{
  font-size: 0;  
}

.menu > li{
  display: inline-block;
  font-size: 0;
  line-height: 1;
  margin: 0 15px 0 0;
}
.menu > li:last-child{
  margin: 0;
}

.navigation_header .menu > li{
  font-size: 0; 
  line-height: 18px;
  text-transform: uppercase;
  width: 180px;
}


.menu > li > a {
  font-size: 15px;
  color: #fff;
  -webkit-transition: background 200ms ease-in-out;
  -moz-transition: background 200ms ease-in-out;
  -o-transition: background 200ms ease-in-out;
  transition: background 200ms ease-in-out;
  
  display: block;
  padding: 7px 0 7px 14px;
  width: 100%;
  background: #000;
}
.menu > li:last-child a{
  margin: 0;  
}
.menu > .member_cta a{
  background: #a31106;   
}

.logged-in .menu > li > a {
/*  background-color: rgba(255,0,0,0.2); */
}

.sub-menu li {
}

.menu > li a:hover,
.menu .current-menu-parent > a,
.menu .current_page_parent > a,
.menu .current-menu-item > a,
.menu .current-page-ancestor > a{
  background: #808080;
}



.main_header .menu li a{
  color: #A31106;
  background: none;  
  font-size: 11px;
}
.main_header .menu li a:after{
  content: ' >';
}

/* ---------------------------------------------------------------------------------------------------------- 
05 Sprites --------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */


.sprite{
  display: block;
  text-indent: -9999px;
  background: url(img/km_sprites.png);
  background-size: 500px 500px;  
}

.pdf_icon {
  background-position: -350px 0;
  float: left;
  height: 58px;
  margin: 0 20px 0 0;
  width: 52px;
  position: relative;
  top: -10px;
}


/* search field */
.search-form {
  display: none;
  bottom: 80px;
  position: absolute;
  right: 0;
  background: #000;
/*  border-radius: 14px; */
  padding: 1px 10px;
}

.search-field{
  border: 0;
  background: transparent;
  width: 140px;
  color: #fff;
}

.search-submit {
  background-position: -125px -100px;
  border: medium none;
  display: inline-block;
  height: 18px;
  width: 14px;
}

.search-everything-highlight,
.relevanssi-query-term{
  background: #fff;
  background: rgba(255,255,255,0.5);  
}


.cta_link{
  font-weight: bold;
  font-size: 28px;
  padding: 20px 0;
}


.publication{
  margin-bottom: 2em;
}
.pub_left{
  float: left;
  width: 82px;  
  margin: 0 28px 43px 0;
}
.pub_left img{
  display: block;
  width: 100%;
  height: auto;  
}

.pub_right{
  float: left;
  width: 450px;  
}


/* ---------------------------------------------------------------------------------------------------------- 
07 Admin Stuff ----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

.post-edit-link {
  background: none repeat scroll 0 0 #ff0;
  border: 1px solid #000;
  bottom: 0;
  color: #333;
  padding: 10px;
  position: absolute;
  right: 157px;
  z-index: 1;
}
.post-edit-link:hover {
  background: #ee0;
}


.logged-in .page_wrapper:before {
  content: 'Admin-Modus aktiv';
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  background: rgba(255,0,0,0.8);
  padding: 10px;
  border: 1px solid #333;
  z-index: 2;
}

hr{
  border-color: #bada55;  
}