/*
Theme Name: 	Nickl & Partner
Theme URI: 		http://www.icwt.de
Description: 	Custom Theme
Version: 		1.2.1
Author: 		Matthias Rösele
Author URI: 	http://www.icwt.de
Tags:
*/


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

01 Sensible defaults
02 Typography
03 Media queries
===========================
*/

/* ----------------------------------------------------------------------------------------------------------
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@import "css/reset.css";
@import "css/webfonts.css";
@import "css/lity.min.css";
@import "icomoon/style.css";

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 */ }
::-moz-selection 	{ background:#f9d33e; color:#333; }
::selection 		{ background:#f9d33e; color:#333; }

/* ----------------------------------------------------------------------------------------------------------
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;
}

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

body > .page_wrapper {height: auto; min-height: 100%;}

.content_wrapper {
  padding-bottom: 105px !important;

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

.main_footer {
	position: relative;
	margin-top: -104px !important;
	height: 104px;
	clear:both;
}

.main_footer{
  display: flex;
  justify-content: space-between;
}
.footer_right{
  /* padding-top: 25px; */
}

body
{
  background: #e6e7e8;
  color: #333;
}



.home{
  background: #fff;
  color: #333;
}


html,
.collapsible_list h2{
  font: 12px/20px FrutigerLTW02-55Roman, Helvetica, Arial, sans-serif;
}

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

html[lang="cn"] h3{
	font-weight: bold;
}

.logo_container{
  z-index: 1;
  max-width: 1400px;
  margin: 0 auto;
  
}

.logged-in .logo_container:before{
  content: 'Admin-Modus aktiv';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255,255,0,0.5);
  padding: 10px;
  border: 1px solid #333;
}

.home .logo{
  display: block;
  position: absolute;
  top: 20px;
  right: 0;
  background: url(img/logos/logo_np.png) no-repeat;
  text-indent: -9999px;
  -webkit-background-size: 110px 26px;
  background-size: 110px 26px;
  width: 110px;
  height: 26px;
}

[lang='ch'] .home .logo{
   background-image: url(img/logos/logo_np_ch.png);
}


.logo{
  display: block;
  text-indent: -9999px;
  position: absolute;
  top: 25px;
  right: 20px;
  width: 30px;
  height: 8px;
  background: #222;
  padding: 14px 0;
}
.logo:before,
.logo:after{
  content: '';
  display: block;
  width: 100%;
  height: 8px;
  position: absolute;
  background: #222;
}
.logo:before{
  top: 0;
  border-bottom: 2px solid #fff;
}
.logo:after{
  bottom: 0;
  border-top: 2px solid #fff;
}
.home .logo:before,
.home .logo:after{
  display: none;
}

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

a{
  color: #333;
  text-decoration: none;
}
p{
  margin: 0 0 1em;
}
.c_header{
  margin: 0;
}
.middot{
  padding: 0 3px;
}
.item_year{
  min-width: 70px;
  display: inline-block;
}


.menu,
.container{
  width: 100%;
  max-width: 1150px;
  margin: 0 auto;
  padding: 0 20px;
}

.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;
}
@media only screen and (max-width: 40em){
  .single-project .menu > li + li + li{
    display: none;
  }
}



.menu > li > a{
  font-size: 34px;
  line-height: 40px;
  text-transform: uppercase;
  color: #222;
}



/* netzlounge */
.wp-mobile-menu.sub-menu{
  font-size: 0;
  display: block;
}


/* netzlounge */
.wp-mobile-menu 
.sub-menu li{
  font-size: 12px;
display: block; 
}



.sub-menu{
  font-size: 0;
  display: none;
}

/* please assign class .projects_parent to project menu item in any language */
.single-talk .menu_office .sub-menu,
.single-publication .menu_office .sub-menu,
.single-project .projects_parent .sub-menu,
.tax-project_category .projects_parent .sub-menu,
.current_page_item .sub-menu,
.current-menu-parent .sub-menu{
  display: block;
}


.sub-menu li{
  font-size: 12px;
display: none; 
}

#menu-hauptmenue-fr .sub-menu li.hide,
#menu-hauptmenue-chinesisch .sub-menu li.hide,
#menu-hauptmenue-englisch .sub-menu li.hide,
#menu-hauptmenue .sub-menu li.hide,
#menu-hauptmenue-id .sub-menu li.hide{
  display: none !important;
}





/* netzlounge */

.home .content_wrapper.container
{
  max-width: 100vw;
  margin: 0 0 20px 0;
  padding: 20px 0 0 0;
  background: #fff;
}













/* 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.current-menu-item{
  display: block;
}


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

.content_wrapper{
  padding: 20px;
}

/* remove "all" projects from mobile version */
.page-template-template_projects-php .sub-menu .current_page_item
{
   display: none; 
}


.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: 0;
}
/*
li.open{
  margin: 20px 0;
}
*/

li:first-child.open{
/*  margin: 0 0 20px; */
margin-top: 0 !important;
}

.tight li.open{
  margin: 0 !important;
}

.c_content{
  display: none;
}

.open.show_archive,
.open .c_header a{
  color: #78be00;
}
    [lang="ch"] .open.show_archive,
    [lang="ch"] .open .c_header a{
      color: #eb583b;
    }


    [lang="fr"] .open.show_archive,
    [lang="fr"] .open .c_header a{
      color: #6c3a77;
    }

    [lang="cn"] .open.show_archive,
    [lang="cn"] .open .c_header a{
			color: #F9D33E;
    }

    [lang="id"] .open.show_archive,
    [lang="id"] .open .c_header a{
      color: #004b8b;
    }



.pdf_link:hover,
.post_data a:hover,
.show_archive:hover,
.collapsible_list a:hover{
  background: #a0e14f;
  color: #333;
}
    .swiss_projects_footer a:hover,
    [lang="ch"] .pdf_link:hover,
    [lang="ch"] .post_data a:hover,
    [lang="ch"] .show_archive:hover,
    [lang="ch"] .collapsible_list a:hover{
      background: #eb583b;
      color: #333;
    }

    [lang="fr"] .pdf_link:hover,
    [lang="fr"] .post_data a:hover,
    [lang="fr"] .show_archive:hover,
    [lang="fr"] .collapsible_list a:hover{
      background: #6c3a77;
      color: #fff;
    }

    [lang="cn"] .pdf_link:hover,
    [lang="cn"] .post_data a:hover,
    [lang="cn"] .show_archive:hover,
    [lang="cn"] .collapsible_list a:hover{
      background: #F9D33E;
			color: #000;
    }


    [lang="id"] .pdf_link:hover,
    [lang="id"] .post_data a:hover,
    [lang="id"] .show_archive:hover,
    [lang="id"] .collapsible_list a:hover{
      background: #004b8b;
			color: #fff;
    }

/*
.show_archive:after,
.c_header a:after{
  content: '[+]';
  padding: 0 0 0 10px;
}

.open.show_archive:after,
.open .c_header a:after{
  content: '[–]'
}
*/

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

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

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

.c_content .profile_img_container{
  display: block;
  margin-bottom: 4%;
}


.back_link{
  color: #828282;
  background: transparent !important;
  padding: 0 !important;
}
  a.back_link:hover{
    background: #a0e14f !important;
    color: #333;
  }
  [lang="ch"] a.back_link:hover{
    background: #eb583b !important;
    color: #333;
  }
  [lang="fr"] a.back_link:hover{
    background: #6c3a77 !important;
    color: #333;
  }
  [lang="cn"] a.back_link:hover{
    background: #F9D33E !important;
    color: #333;
  }

  [lang="id"] a.back_link:hover{
    background: #004b8b !important;
    color: #fff;
  }
  
  
button.back_link
{
    border:0;
}


button.back_link:hover {
    background: #a0e14f !important;
    color: #333;
}



.presse_list br {
  display: none;
}



.presse_list .news_entry a .tile-text div
{
  margin-left: 5px;
}



.projects_list br {
  display: none;
}


.projects_list li{
  display: block;
  background: #e6e7e8;
}

.projects_list li a{
	/* transition: background 250ms ease-in-out; */
}

.projects_list li a:hover{
  background: #a0e14f;
}
  [lang="ch"] .projects_list li a:hover{
    background: #eb583b;
  }

  [lang="fr"] .projects_list li a:hover{
    background: #6c3a77;
    color: #fff;
  }

  [lang="cn"] .projects_list li a:hover{
    background: #F9D33E;
  }

	[lang="id"] .projects_list li a:hover{
    background: #004b8b;
		color: #fff;
  }


.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: 12px;
  background: url(img/caption_bg.png);
  background: rgba(0,0,0,.7);
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
  color: #fff;
  padding: 5px;
}


.company_name,
.post_header{
 color: #78be00;
 margin: 0 0 1em 0;
}
  [lang="ch"] .company_name,
	[lang="ch"] .post_header{
    color: #eb583b;
  }
  [lang="fr"] .company_name,
  [lang="fr"] .post_header{
    color: #6c3a77;
  }
  [lang="cn"] .company_name,
  [lang="cn"] .post_header{
    color: #F9D33E;
  }
	[lang="id"] .company_name,
	[lang="id"] .post_header{
    color: #004b8b;
  }


footer{
/*  display: none; */
  margin: 50px 0 0 0;
  color: #fff;
}
  footer a{
    color: #828282;
  }

  footer a:hover{
    background: #a6e654;
    padding: 2px 0;
    color: #333;
  }
    [lang="ch"] footer a:hover{
      background: #eb583b;
      color: #333;
    }
    [lang="fr"] footer a:hover{
      background: #6c3a77;
      color: #fff;
    }
    [lang="cn"] footer a:hover{
      background: #F9D33E;
    }
    [lang="id"] footer a:hover{
      background: #004b8b;
			color: #fff;
    }

/*
  .home footer{
    display: block;
  }
*/

  .languages_list{
  font-size: 0;
  display: inline-block;
  color: #78be00;
  }
  [lang="ch"] .languages_list{
    color: #eb583b;
  }
  [lang="fr"] .languages_list{
    color: #6c3a77;
  }
  [lang="cn"] .languages_list{
    color: #F9D33E;
  }
  [lang="id"] .languages_list{
    color: #004b8b;
  }


    .languages_list li{
    font-size: 12px;
    display: inline-block;
    text-transform: uppercase;
    }
      .languages_list li:before{
      content: '·';
      padding: 0 5px;
      color: #828282;
      }
      .languages_list li:first-child:before{
      display: none;
      }



    .footer_links
    {
      margin-left: 60px;
      display: inline-block;
    }


    .footer_links li{
      font-size: 12px;
      margin-right: 18px;
      display: inline-block;
     
      }


.options{
  font-size: 0;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  position: relative;
  left: -20px;
  top: -40px;
  padding: 20px 20px 10px 20px;
  margin: 0 0 -20px 0;
  background: #fff;
  width: 100%;
}

  .options ul{
    display: inline-block;
    margin: 0 20px 0 0;
  }

    .options li{
      display: inline-block;
      margin: 0 5px 0 0;
      font-size: 12px;
    }
      .options li:after{
        content: '·';
        padding: 0 0 0 5px;
      }
      .options li.no_dot:after,
			.options li:last-child:after{
        display: none;
      }

      .options li:first-child{
        color: #78be00;
        display: block;
      }
      [lang="ch"] .options li:first-child{
        color: #eb583b;
      }
      [lang="fr"] .options li:first-child{
        color: #6c3a77;
      }
      [lang="cn"] .options li:first-child{
        color: #F9D33E;
      }
			[lang="id"] .options li:first-child{
        color: #004b8b;
      }


    .options .active{
      color: #78be00;
    }
    [lang="ch"] .options .active{
      color: #eb583b;
    }
    [lang="fr"] .options .active{
      color: #6c3a77;
    }
    [lang="cn"] .options .active{
      background: #F9D33E;
      color: #333;
    }
    [lang="id"] .options .active{
      background: #004b8b;
      color: #fff;
    }

    .options a:hover{
      background: #a0e14f;
      color: #333;
    }
    [lang="ch"] .options a:hover{
      background: #eb583b;
      color: #333;
    }
    [lang="fr"] .options a:hover{
      background: #6c3a77;
      color: #fff;
    }
    [lang="cn"] .options a:hover{
      background: #F9D33E;
    }
    [lang="id"] .options a:hover{
      background: #004b8b;
			color: #fff;
    }

.swiss_projects_footer{
  margin-top: 40px;
}



  .post_data ul li:before{
    content: '· ';
  }
  .post_data ul.related_taxonomies li:before{
    display: none;
  }

  .post_data ol{
    padding: 0 0 0 1.5em;
  }
  .post_data ol li{
    list-style: decimal;
  }


.frontpage_image{
	text-align: right;
	z-index: 1;
	position: relative;
	height: 0;
}

.frontpage_image img{
	position: absolute;
	/* right: 25px; */
  left:25px;
	width: 115px;
	height: auto;
	/* top: -46px; */
  top: 25px;
	transition: opacity 250ms ease-in-out;
}


.frontpage_button_preis{
	text-align: right;
	z-index: 1;
	position: relative;
	height: 0;
}

.frontpage_button_preis img{
	position: absolute;
	/* right: 25px; */
  left:25px;
	width: 115px;
	height: auto;
	/* top: -46px; */
  top: 155px;
	transition: opacity 250ms ease-in-out;
}




.frontpage_image:hover img{
	opacity: .9;
}

.hero-img-container img{
  width: 100%;
  height: auto;
}


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

body.logged-in:after{
  content: 'mobile small';
  display: inline-block;
  background: rgba(153,0,0,0.5);
  color: #fff;
  position: fixed;
  z-index: 10;
  bottom: 0;
  right: 0;
  padding: 10px;
}

@media only screen and (min-width: 30em){

  body.logged-in:after{
    content: 'mobile extended';
    background: rgba(153,153,0,0.50);
  }

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


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


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


  /*
  footer{
    display: block;
  }
*/

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

}


@media only screen and (min-width: 40em){

  .home .logo,
  .logo{
    display: block;
    position: absolute;
    top: 20px;
    right: 0;
    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;
  }
  [lang='ch'] .home .logo,
  [lang='ch'] .logo{
   background-image: url(img/logos/logo_np_ch.png);
}



  .logo:before,
  .logo:after{
    display: none;
  }

  .home .main_header,
  .main_header{
    height: auto;
    min-height: 200px;
    padding: 0;
  }

  .menu{
    padding-top: 50px;
  }
  .menu > li{
    display: block;
  }


  /* highlighting current taxonomy in single project view */

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

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

  .ct_living .menu_living a,
  .ct_wohnen .menu_living a,

  .ct_arbeiten .menu_working a,
  .ct_work .menu_working a,

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

  .ct_sonstige .menu_other a,
  .ct_other .menu_other a,

  .single-publication .menu_talks > a,
  .single-talk .menu_talks > a,
  .menu .current-menu-item > a,
  .menu a:hover,
  .menu .option-set a.selected {
    background: #a6e654;
    padding: 2px 0;
   }



  [lang="ch"] .ct_healing-architecture .menu_healing a,
  [lang="ch"] .ct_healing-architecture-ch .menu_healing a,

  [lang="ch"] .ct_forschung-und-lehre .menu_research a,
  [lang="ch"] .ct_forschung-und-lehre-ch  .menu_research a,

  [lang="ch"] .ct_living .menu_living a,
  [lang="ch"] .ct_wohnen .menu_living a,

  [lang="ch"] .ct_arbeiten .menu_working a,
  [lang="ch"] .ct_working .menu_working a,

  [lang="ch"] .ct_stadtentwicklung .menu_urbandev a,
  [lang="ch"] .ct_stadtentwicklung-ch .menu_urbandev a,

  [lang="ch"] .ct_sonstige .menu_other a,
  [lang="ch"] .ct_other .menu_other a,

  [lang="ch"] .single-publication .menu_talks > a,
  [lang="ch"] .single-talk .menu_talks > a,
  [lang="ch"] .menu .current-menu-item > a,
  [lang="ch"] .menu a:hover,
  [lang="ch"] .menu .option-set a.selected{
      background: #eb583b;
    }

  [lang="fr"] .ct_healing-architecture .menu_healing a,
  [lang="fr"] .ct_healing-architecture-fr .menu_healing a,

  [lang="fr"] .ct_forschung-und-lehre .menu_research a,
  [lang="fr"] .ct_recherche-et-enseignement .menu_research a,

  [lang="fr"] .ct_living .menu_living a,
  [lang="fr"] .ct_wohnen .menu_living a,

  [lang="fr"] .ct_arbeiten .menu_working a,
  [lang="fr"] .ct_working .menu_working a,

  [lang="fr"] .ct_stadtentwicklung .menu_urbandev a,
  [lang="fr"] .ct_urban-development .menu_urbandev a,

  [lang="fr"] .ct_sonstige .menu_other a,
  [lang="fr"] .ct_other .menu_other a,

  [lang="fr"] .single-publication .menu_talks > a,
  [lang="fr"] .single-talk .menu_talks > a,
  [lang="fr"] .menu .current-menu-item > a,
  [lang="fr"] .menu a:hover,
  [lang="fr"] .menu .option-set a.selected{
      background: #6c3a77;
      color: #fff;
    }

  [lang="cn"] .ct_healing-architecture .menu_healing a,
  [lang="cn"] .ct_healing-architecture-en .menu_healing a,

  [lang="cn"] .ct_forschung-und-lehre .menu_research a,
  [lang="cn"] .ct_research-and-training .menu_research a,

  [lang="cn"] .ct_living .menu_living a,
  [lang="cn"] .ct_wohnen .menu_living a,

  [lang="cn"] .ct_arbeiten .menu_working a,
  [lang="cn"] .ct_working .menu_working a,

  [lang="cn"] .ct_stadtentwicklung .menu_urbandev a,
  [lang="cn"] .ct_urban-development .menu_urbandev a,

  [lang="cn"] .ct_sonstige .menu_other a,
  [lang="cn"] .ct_other .menu_other a,

  [lang="cn"] .single-publication .menu_talks > a,
  [lang="cn"] .single-talk .menu_talks > a,
  [lang="cn"] .menu .current-menu-item > a,
  [lang="cn"] .menu a:hover,
  [lang="cn"] .menu .option-set a.selected{
      background: #F9D33E;
    }

  [lang="id"] .ct_healing-architecture .menu_healing a,
  [lang="id"] .ct_healing-architecture-id .menu_healing a,

  [lang="id"] .ct_forschung-und-lehre .menu_research a,
  [lang="id"] .ct_penelitian-dan-pengajaran .menu_research a,

  [lang="id"] .ct_living .menu_living a,
  [lang="id"] .ct_tempat-tinggal .menu_living a,

  [lang="id"] .ct_arbeiten .menu_working a,
  [lang="id"] .ct_kerja .menu_working a,

  [lang="id"] .ct_stadtentwicklung .menu_urbandev a,
  [lang="id"] .ct_pembangunan-perkotaan  .menu_urbandev a,

  [lang="id"] .ct_sonstige .menu_other a,
  [lang="id"] .ct_other .menu_other a,

  [lang="id"] .single-publication .menu_talks > a,
  [lang="id"] .single-talk .menu_talks > a,
  [lang="id"] .menu .current-menu-item > a,
  [lang="id"] .menu a:hover,
  [lang="id"] .menu .option-set a.selected{
        background: #004b8b;
        color: #fff;
    }


  .single-news .menu_news > a,
  .menu > .current_page_item > a,
  .menu > li > a:hover{
    background: url(img/menu_fallback_bg.gif);
    background: -moz-linear-gradient(top,  rgba(166,230,84,0) 0%, rgba(166,230,84,0) 49%, rgba(166,230,84,1) 50%, rgba(166,230,84,1) 87%, rgba(166,230,84,0) 88%, rgba(166,230,84,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(166,230,84,0)), color-stop(49%,rgba(166,230,84,0)), color-stop(50%,rgba(166,230,84,1)), color-stop(87%,rgba(166,230,84,1)), color-stop(88%,rgba(166,230,84,0)), color-stop(100%,rgba(166,230,84,0)));
    background: -webkit-linear-gradient(top,  rgba(166,230,84,0) 0%,rgba(166,230,84,0) 49%,rgba(166,230,84,1) 50%,rgba(166,230,84,1) 87%,rgba(166,230,84,0) 88%,rgba(166,230,84,0) 100%);
    background: -o-linear-gradient(top,  rgba(166,230,84,0) 0%,rgba(166,230,84,0) 49%,rgba(166,230,84,1) 50%,rgba(166,230,84,1) 87%,rgba(166,230,84,0) 88%,rgba(166,230,84,0) 100%);
    background: -ms-linear-gradient(top,  rgba(166,230,84,0) 0%,rgba(166,230,84,0) 49%,rgba(166,230,84,1) 50%,rgba(166,230,84,1) 87%,rgba(166,230,84,0) 88%,rgba(166,230,84,0) 100%);
    background: linear-gradient(to bottom,  rgba(166,230,84,0) 0%,rgba(166,230,84,0) 49%,rgba(166,230,84,1) 50%,rgba(166,230,84,1) 87%,rgba(166,230,84,0) 88%,rgba(166,230,84,0) 100%);
  }
  [lang="ch"] .single-news .menu_news > a,
  [lang="ch"] .menu > .current_page_item > a,
  [lang="ch"] .menu > li > a:hover{
    background: url(img/menu_fallback_bg_ch.gif);
    background: -moz-linear-gradient(top,  rgba(235,88,59,0) 0%, rgba(235,88,59,0) 49%, rgba(235,88,59,1) 50%, rgba(235,88,59,1) 87%, rgba(235,88,59,0) 88%, rgba(235,88,59,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,88,59,0)), color-stop(49%,rgba(235,88,59,0)), color-stop(50%,rgba(235,88,59,1)), color-stop(87%,rgba(235,88,59,1)), color-stop(88%,rgba(235,88,59,0)), color-stop(100%,rgba(235,88,59,0)));
    background: -webkit-linear-gradient(top,  rgba(235,88,59,0) 0%,rgba(235,88,59,0) 49%,rgba(235,88,59,1) 50%,rgba(235,88,59,1) 87%,rgba(235,88,59,0) 88%,rgba(235,88,59,0) 100%);
    background: -o-linear-gradient(top,  rgba(235,88,59,0) 0%,rgba(235,88,59,0) 49%,rgba(235,88,59,1) 50%,rgba(235,88,59,1) 87%,rgba(235,88,59,0) 88%,rgba(235,88,59,0) 100%);
    background: -ms-linear-gradient(top,  rgba(235,88,59,0) 0%,rgba(235,88,59,0) 49%,rgba(235,88,59,1) 50%,rgba(235,88,59,1) 87%,rgba(235,88,59,0) 88%,rgba(235,88,59,0) 100%);
    background: linear-gradient(to bottom,  rgba(235,88,59,0) 0%,rgba(235,88,59,0) 49%,rgba(235,88,59,1) 50%,rgba(235,88,59,1) 87%,rgba(235,88,59,0) 88%,rgba(235,88,59,0) 100%);
  }


  [lang="fr"] .single-news .menu_news > a,
  [lang="fr"] .menu > .current_page_item > a,
  [lang="fr"] .menu > li > a:hover{
    background: url(img/menu_fallback_bg_fr.gif);
    color: #000;
  }

  [lang="cn"] .single-news .menu_news > a,
  [lang="cn"] .menu > .current_page_item > a,
  [lang="cn"] .menu > li > a:hover{
    background: url(img/menu_fallback_bg_cn.gif);
    color: #000;
  }

  [lang="id"] .single-news .menu_news > a,
  [lang="id"] .menu > .current_page_item > a,
  [lang="id"] .menu > li > a:hover{
    background: url(img/menu_fallback_bg_id.gif);
    color: #000;
  }

  .current-menu-item.current-menu-parent > a,
  [lang="ch"] .current-menu-item.current-menu-parent > a,
  [lang="fr"] .current-menu-item.current-menu-parent > a,
  [lang="cn"] .current-menu-item.current-menu-parent > a,
	[lang="id"] .current-menu-item.current-menu-parent > a{
  /* preventing highlight of Projects when category 'all' is active */
    background: none;
  }

  .current_page_item .sub-menu li,
  .page-template-template_projects-php .sub-menu .current_page_item, /* unhide 'all' */
  .sub-menu li.current-menu-item,
  .sub-menu li{
    display: inline-block !important;
  }
  .sub-menu li:after{
    display: inline-block;
    content: '·';
    padding: 0 10px;
  }
  .sub-menu li:last-child:after{
    display: none;
  }


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


  .page-template-template_projects-php .content_wrapper{
    display: block;
  }


.options{
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: transparent;
    position: relative;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0 0 20px 0;
    width: auto;
  }

  .list_container{
    width: 30%;
  }
  
  .wistia_responsive_padding,
  .embed-container{
    margin-top: 20px;
  }
}

@media only screen and (min-width: 40em){

  body.logged-in:after{
    content: 'desktop / tablet';
    background: rgba(0,153,153,0.5);
  }

/*
  .c_content{
    max-width: 60%;
  }
  .team_text_container{
    max-width: 30%;
  }
*/

.post_data{
  float: left;
  width: 40%;
  padding: 0 20px 0 0;
}



.page-id-50407 .post_data{
  float: left;
  width: 100%;
  padding: 0 20px 0 0;
}

.post_data p{
  text-align: left;
}

.post_images{
  float: right;
  width: 60%;
  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;
  }

  .no-touch .caption{
		position: absolute;
    bottom: -150px;
    transition: bottom 300ms ease-in-out;
  }
  .no-touch .first_image:hover .caption,
  .no-touch .post_img_container:hover .caption{
    bottom: 0;
  }

.post_img_container{
  display: inline-block;
}

.options li{
  margin: 0 10px 0 0;
}
.options li:after{
  padding: 0 0 0 10px;
}


.first_image{
  display: none;
}

}

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

/*
  footer{
    display: block;
    position: fixed;
    bottom: 0;
    left: 50px;
  }
*/

  .back_link{
    position: absolute;
    left: -100px;
  }

}


/* Retina Display
@media screen and (-webkit-min-device-pixel-ratio:2) {

}
*/

/*
.post-edit-link + h2{
  display: inline-block;
  margin: 0 0 0 5px;
}
*/

.post-edit-link{
  background: #ff0;
  padding: 10px;
  position: relative;
  top: 0;
  z-index: 1;
}
.post-edit-link:hover{
  background: #ee0;
}

li .post-edit-link{
  white-space: nowrap;
  left: auto;
	right: 0;
  top: 0;
  display: inline-block;
  padding: 0px;
  font-size: 10px;
  line-height: 14px;
  position: absolute;
  display: none;
}
li:hover .post-edit-link{
  display: block;
}

.page-template-template_news .post-edit-link{
    top: 20px;
}

.content_wrapper > .post-edit-link{
  display: inline-block;
  margin-top: 20px;
  margin-bottom: 20px;
  top: auto;
}

/**** Isotope filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}


.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}



/* TEAM 2017 */
.team_list{
  font-size: 0;
}

.team_member{
  display: inline-block;
  font-size: inherit;
  margin: 0 10px 10px 0;
  width: 160px;
  height: 160px;
  position: relative;
}

.team_member > .img_container{
  display: block;
  width: 160px;
  height: 160px;
  vertical-align: middle;
  text-align: center;
  line-height: 160px;
}
.team_member > .img_container img{
/*
  width: 100%;
  height: auto;
*/
}
.team_member > .img_container .team_thumb_name{
  display: block;
  position: absolute;
  background: rgba(255,255,255,0.8);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 12px;
  line-height: 1.2;
  padding: 100px 10px 0;
  opacity: 0;
  transition: opacity 250ms ease-in-out;
	-moz-hyphens: none;
	-o-hyphens: none;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}
.team_member:hover > .img_container .team_thumb_name{
  opacity: 1;
}
.team_member .lightbox_container{
  display: none;
}

/* Team Lightbox */
.lightbox_container{
  overflow: auto;
}

.lightbox_container .img_container{
  width: 100%;
  max-width: 500px;
  float: left;
}
.lightbox_container .img_container img{
  max-width: 100%;
  height: auto;
}
.lightbox_container .content_container{
  width: 100%;
  max-width: 460px;
  padding: 30px 15px;
  float: left;
}

/*News Isotope*/
.gutter-sizer{
  display: none;
}
.news_entry a .tile-image{
  display: none;
}
.tile_layout .gutter-sizer{
  display: block;
  width: 16px;
}
.news_entry{
  width: 100%;
}
.tile_layout .news_entry a{
  display: flex;
  margin-bottom: 15px;
  transition: all 250ms ease-in-out;
}
.tile_layout .news_entry a:hover{
    opacity: .5;
}
/*
.tile_layout .news_entry:nth-child(2n) a{
    flex-direction: row-reverse;
}
*/
.tile_layout .news_entry.image_right a{
  flex-direction: row-reverse;
}
.tile_layout .news_entry a .tile-image{
    display: block;
    width: 170px;
    text-align: center;
    background: #fff;
}
.tile_layout .news_entry a .tile-image img{
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 170px;
}

.tile_layout .news_entry a .tile-text{
  background-color: #fff;
  width: calc(100% - 170px);
  height: 170px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  overflow: hidden;
}
@media screen and (max-width: 374px){
    .tile_layout .news_entry a .tile-image{
        width: 50%;
        max-width: 170px;
    }
    .tile_layout .news_entry a .tile-text{
        width: 50%;
        height: auto;
    }
}
.news_entry a .tile-text{
  display: flex;
}
.news_entry a .tile-text span{
  display: none;
}
.news_entry a .tile-text span.seperator{
  display: inline-block;
  margin: 0 10px;
}
.tile_layout .news_entry a .tile-text span{
  display: inline-block;
  background-color: #000;
  color: #fff;
  padding: 0 5px;
}
.tile_layout .seperator{
  display: none !important;
}
.tile_layout .news_entry a .tile-text time{
    padding-top: 10px;
}

.tile_layout .news_entry a .tile-text h2{
  max-width: 90%;
  text-align: center;
  min-height: 80px;
  -webkit-hyphens: manual;
  -moz-hyphens: manual;
  hyphens: manual;
}

@media screen and (min-width: 768px){
  .tile_layout .news_entry{
    width: calc(50% - 8px);
  }
  /*reset*/
/*   .tile_layout .news_entry:nth-child(2n) a{
    flex-direction: row;
  }

  .tile_layout .news_entry:nth-of-type(4n+3) a,
  .tile_layout .news_entry:nth-of-type(4n+4) a{
    flex-direction: row-reverse;
  }
  .tile_layout .news_entry:nth-of-type(4n+2) a,
  .tile_layout .news_entry:nth-of-type(4n+1) a{
    flex-direction: row;
  }
*/
  .tile_layout .news_entry a{
    justify-content: space-between;
  }
}

@media screen and (min-width: 1150px){
  .tile_layout .gutter-sizer{
    width: 16px;
  }
  /*reset*/
/*
  .tile_layout .news_entry:nth-of-type(4n+3) a,
  .tile_layout .news_entry:nth-of-type(4n+4) a{
    flex-direction: row;
  }
*/
  /*new rule*/
/*
.tile_layout .news_entry:nth-of-type(6n-2) a,
  .tile_layout .news_entry:nth-of-type(6n-1) a,
  .tile_layout .news_entry:nth-of-type(6n) a{
    flex-direction: row-reverse;
  }
*/
  .tile_layout .news_entry{
    width: calc(33% - 7px);
  }
  .tile_layout .news_entry a{
    justify-content: space-between;
  }
}

.layout_switch span{
  font-size: 28px;
  position: relative;
  top: -8px;
  left: -7px;
  cursor: pointer;
}
.layout_switch span.active{
  color: #78be00;
}
[lang="ch"] .layout_switch span.active{
  color: #eb583b;
}
[lang="fr"] .layout_switch span.active{
  color: #6c3a77;
}
[lang="cn"] .layout_switch span.active{
  color: #F9D33E;
}
[lang="id"] .layout_switch span.active{
  color: #004b8b;
}



/* 40th anniversary */
.jubilee_img{
  width: 100%;
  margin-bottom: 40px;
}


.jubilee_img img{
  width: 100%;
  height: auto;
}


@media only screen and (min-width: 40em){
  .jubilee_img{
    position: absolute;
    left: calc(100% + 40px);
    width: 666px;
    max-width: 50vw;
  }
}

.frontpage_text ul{
  padding-left: 15px;
  margin-bottom: 1em;
}
.frontpage_text li{
  list-style: disc;
}





@media only screen and (max-width: 1024px)
{


.presse_list .news_entry a .tile-text 
{
  display: block;
  margin-bottom: 20px;
}


.presse_list .news_entry a .tile-text div
{
  margin-left: 0px;
}



}








@media only screen and (max-width: 639px){


  #mobmenuleft .sub-menu
  {
 /* display: block !important; */
  }


  .mob-menu-logo-holder .mob-standard-logo 
  {
    height: 60px !important;
    margin-top: 10px;
}


.mobmenul-container img {
  max-height: 40px !important;
  margin-top: 10px !important;
  height: 40px;

}

.mob-expand-submenu 
[class^="mob-icon-"]:before, [class*=" mob-icon-"]:before
{
  display: none !important;
}


.mobmenu-content #mobmenuleft .sub-menu a 
{  
  font-size: 14px;
}

.mobmenu-content li a 
{
    letter-spacing: normal !important;
    padding: 6px 15px !important;
}



body.mob-menu-overlay, body.mob-menu-slideout, body.mob-menu-slideout-over, body.mob-menu-slideout-top {
  overflow: visible !important;
}


.logo_container{

  display: none;
}



.home .main_header {
  height: 50px;
}


.home .menu{
display: none;
}

.menu{
  padding-top: 20px;
}

.menu > li{
  display: none;
}



.footer_links
{
  margin-left: 0;
  display: block;
}


.footer_links li{
  margin-right: 0;
  display: block;
 
  }



  .mobmenu-left-panel .mobmenu-left-bt, .mobmenu-right-panel .mobmenu-right-bt {
   
    left: 5px !important;
    top: 10px !important;
  
}


.mob-icon-cancel-1:before {
  content: url(../../../wp-content/uploads/2024/11/close_49dp_FFFF_FILL0_wght400_GRAD0_opsz48.svg) !important;
}



}







@media only screen and (max-width: 480px)

{


*
{
  font-size: 14px;
}


}