/*
Print Stylesheet for Nickl & Partner
Author: 		Matthias Rösele
Author URI: 	http://www.icwt.de
Tags: 			
*/
/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@import "reset.css";
@import "webfonts.css";

div,
article,
section,
header,
footer,
nav,
li					{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }

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

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/

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



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

.main_footer {
  display: none;
}

html{
  color: #000;
}

.content_wrapper{
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;  
}

html,
.collapsible_list h2{
  font: 9pt/15pt FrutigerLTW02-55Roman, Helvetica, Arial, sans-serif;
}

h1,
h2,
.menu > li > a,
.options li:first-child,
b, strong{
  font-family: FrutigerLTW02-75Black, Helvetica, Arial, sans-serif;
  font-weight: 400;
}




  p, h1, h2, h3 { orphans: 3; widows: 3; }
  h1, h2, h3, .c_header, .c_header a { page-break-after: avoid; }

.logo_container{
  z-index: 1;
  margin: 0 auto;
}

.logo_container img{
  display: inline-block !important;
  float: right;
  width: 26%;
  height: auto;
  margin: 2% 0 0 0;
}



  .home .logo,  
  .logo{
    display: none;
    position: absolute;
    top: 20px;
    right: 0;
    text-align: right;
    font-size: 12pt;
    font-family: FrutigerLTW02-75Black, Helvetica, Arial, sans-serif;
color: #929292;
/*    background: url(../img/logos/logo_np.png) no-repeat;
    text-indent: -9999px;
 */   width: 220px;
    height: 52px;
 /*   -webkit-background-size: 220px 52px;  
    background-size: 220px 52px;  
  */
  }



.main_header{
  width: 100%;
  background: #fff;
  height: auto;
  min-height: 100px;
  padding: 0 0 20px 0;
}
.home .main_header{
  height: 150px;
}

a{
  color: #000;
  text-decoration: none;
}
p{
  margin: 0 0 1em;
}
.c_header{
  margin: 0;
}


.menu,
.container{
  width: 100%;
  margin: 0 auto;
}

.menu{
  padding-top: 20px;
}

.menu > li{
  display: none;
}
.home .menu > li,
.menu > li.current_page_item,
.menu > li.current_page_parent{
  display: block;
}




/* display main menu item on detail view */
.single-publication .menu_office,
.single-talk .menu_office,
.single-news .menu > li:first-child,
.single-project .menu > li + li{
  display: block;
}
.single-project .menu > li + li + li{
  display: none;
}



.menu > li > a{
  font-size: 26pt;
  line-height: 22pt;
  text-transform: uppercase;
  color: #000;
}


.sub-menu{
  font-size: 0;
/*  display: none; */
}
.page-parent .sub-menu,
.page-template-template_projects-php .sub-menu{
display: none;  
}


.single-talk .menu_office .sub-menu,
.single-publication .menu_office .sub-menu,
.single-project .menu-item-193 .sub-menu,
.tax-project_category .menu-item-193 .sub-menu,
.single-project .menu-item-112 .sub-menu,
.tax-project_category .menu-item-112 .sub-menu,
.single-project .menu-item-193 .sub-menu,
.tax-project_category .menu-item-193 .sub-menu,
.single-project .menu-item-112 .sub-menu,
.tax-project_category .menu-item-112 .sub-menu{
  display: block;  
}


.sub-menu li{
  font-size: 9pt;
  display: none;
}



/* display project category in project detail view */

.ct_healing-architecture .menu_healing,
.ct_healing-architecture-en .menu_healing,

.ct_forschung-und-lehre .menu_research,
.ct_research-and-training .menu_research,

.ct_living .menu_living,
.ct_wohnen .menu_living,

.ct_arbeiten .menu_working,
.ct_working .menu_working,

.ct_stadtentwicklung .menu_urbandev,
.ct_urban-development .menu_urbandev,

.ct_sonstige .menu_other,
.ct_other .menu_other,

/* display talk menu on talk or publication detail view */

.single-talk .menu_talks,
.single-publication .menu_talks,

.current_page_item .sub-menu li,
.sub-menu li.current-menu-item{
display: block;
}


.sub-menu li a{
  padding: 0;
  display: block;
}

.collapsible_list{
  margin: 0 0 20px 0;
}
.collapsible_list li{
  -webkit-transition: margin 500ms ease-in; /* chrome & safari */
  -moz-transition: margin 500ms ease-in; /* firefox */
  -o-transition: margin 500ms ease-in; /* opera */
  transition: margin 500ms ease-in; /* opera */
  margin: 20px 0;
}
li:first-child.open{
  margin: 0 0 20px;
}

.tight li.open{
  margin: 0;
}

.c_content{
  display: block!important; 
}
.open .c_header a{
  color: #78be00;
}
.content_wrapper .c_header a{
  border: none !important;
  text-decoration: underline;
}

.content_wrapper .c_header a:after{
  content: '' !important;
  padding: 0 0 0 10px;
}
.content_wrapper .open .c_header a:after{
  content: '' !important;
}

.pdf_link,
.post_data a,
.c_content a{
  background: #fff;  
  padding: 2px 0;
}

.c_content .img_container{
  margin-bottom: 4%;  
}

.c_content .img_container img{
  width: 100%;
  height: auto;
}

.projects_list li{
  display: block;
}


.first_image img,
.post_images img{
  width: 100%;
  height: auto;
  vertical-align: top;
}
.post_img_container{
  display: inline-block;
  margin-bottom: 3%;
  overflow: hidden;
  vertical-align: top;
}
.first_image{
  overflow: hidden;
  margin: 0 0 10px 0;
}

.post_img_container{
  display: none;
}
.post_img_container + .post_img_container{
  display: inline-block;   
}
.half_width{
  width: 100%;  
}

.caption{
  font-size: 7pt;
  line-height: 9pt;
  background: url(img/caption_bg.png);
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: #000;
  padding: 1pt 0;
}


.post_header{
 color: #78be00;
 margin: 0 0 1em 0; 
}

	



.options{
  font-size: 0;
  -moz-box-sizing: content-box; 
  box-sizing: content-box; 
  background: #fff;
  width: 100%;
  margin: 0 0 20px 0;
}

  .options ul{
    display: inline-block;
    margin: 0 20px 0 0;
  }
  
    .options li{
      display: inline-block;
      margin: 0 5px 0 0;
      font-size: 9pt;
    }
       
      .options li:first-child{
        color: #000;
      display: block;
      }
            .options li:first-child:after{
            content: ':';
            }
    .options a{
    display: none;  
    }
    .options .active{
      color: #000; 
      display: inline-block; 
    }


  .post_data ul li:before{
    content: '· ';
  }
  .post_data ol{
    padding: 0 0 0 1.5em;
  }
  .post_data ol li{
    list-style: decimal;
  }
  
  

/* ---------------------------------------------------------------------------------------------------------- 
03 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */



  .c_content{
    width: 100%;
    max-width: 600px;

  }
  .team_text_container{
    width: 50%;
    max-width: 300px;
  }


  .c_content .text_container{
    width: 58%;
    margin: 0 4% 0 0;
    float: left;
  }
  .c_content .img_container{
    width: 38%;
    float: right;
  }


  .options li:first-child{
    display: inline-block;
  }
  

  /*
  footer{  
    display: block;
  }
*/

.list_container{
width: 40%;
margin: 0 2% 0 0;
float: left;
}


  
.post_data{
  float: left;
  width: 50%;
  padding: 0 20pt 0 0;
}
.post_images{
  float: right;
  width: 50%;
  font-size: 0;
}

.post_images .half_width{
/*    width: 48%; */
    margin-right: 3%;
  }
  .post_images .half_width + .half_width{
    margin-right: 0;
  }
  .post_images .half_width + .half_width + .half_width{
    margin-right: 3%;
  }
  .post_images .half_width + .half_width + .half_width + .half_width{
    margin-right: 0;
  }


  .post_images .half_width{
    width: 48.5%;
  }

  .post_images .half_width.standalone{
    /* single half-width images appear on the right in the first row */
    margin-left: 51.5%;
    margin-right: 0;
  }


.post_img_container{
  display: inline-block;
}


.first_image{
  display: none;
}

.back_link{
 display: none;
}


.content_wrapper a{
  border-bottom: 1pt solid #333;
}
.content_wrapper a[href]:after{
  content: " [" attr(href) "] ";
  font-size: 90%; 
}
.content_wrapper a[href^="/"]:after { 
  display: none;
}

.projects_list a,
.options a{
  border: none;  
}
.projects_list a:after,
.collapsible_list h2 a:after,
.collapsible_list .c_header a:after,
.content_wrapper a[href^="#"]:after,
.content_wrapper a[href^="mailto:"]:after,
.options a[href]:after{
  display: none;
}


.content_wrapper a {
word-wrap: break-word;
}