/*
Theme Name: DIJ Theme
Description: Theme for the Deutsches Institut für Japanstudien in Tokyo
Version: 1.0-wpcom
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Theme Name:  dij
Text Domain: dij
Domain Path: /
Blue: #1a329d

#00479D
*/


  /**************************/
 /***   GENERAL STYLES   ***/
/**************************/

	body {
		line-height: 1.5;
		font-family: 'Droid Sans', sans-serif;
		background: #ffffff;
		color: #000;
		background-attachment: fixed;
		margin: 50px 0 0 0;
	}

	*, :before, :after {box-sizing: border-box;}

	a {
		text-decoration: none;
		transition: 250ms;
		color: #00469b;
	}
	a:hover {
		color: #0a228d;
	}

	/* Links in text */
	p a,
/*	.text a,*/
        .text a:not(.dij-btn),
	.link {
		border-bottom: 1px dashed rgba(0,0,0,.33);
		/*color: inherit;*/
		text-decoration: none;
		cursor: pointer;
	}
	p a:hover,
	.text a:hover,
	.link:hover {
		background-color: #FFF;/*rgba(255,192,0,.25);*/
		color: #0a228d;
	}
	
	h1 {font-size: 24px; 
		font-weight: bolder;
		border-bottom: 1px solid #ed9f45;}
	h2 {font-size: 21px;}
	h3 {font-size: 18px;}
	h4 {font-size: 16px;}

	.section-title{
		color: #000000;
		font-weight: bold;
		border-left: 3px solid #ed9f45;
		border-bottom: 0px solid #ed9f45;
		padding: 0 0 0 10px;
		box-shadow: 2px 4px 6px #ccc;
		background: #f6f6f6;

	}
	.section-subtitle,
	.context-area h2 {
		color: #000000;
		font-weight: bold;
		border-left: 3px solid #ed9f45;
		padding: 0 0 0 10px;
		box-shadow: 2px 4px 6px #ccc;
		background: #f6f6f6;
	}
	.post-title {
		color: #000000;
		font-weight: bold;
		border-left: 3px solid #ed9f45;
		padding: 0 0 0 10px;
		box-shadow: 2px 4px 6px #ccc;
		background: #f6f6f6;
	}

	.dij-btn {
		display: inline-block;
		color: #000;
		border: 1px solid #000;
		box-shadow: 2px 4px 6px #999;
		border-radius: 5px;
		padding: 5px 15px;
		/*text-transform: uppercase;*/
		position: relative;
		z-index: 1;
		font-weight: 100;
		font-size: 18px;
		text-align: center;
		cursor: pointer;
		vertical-align: middle;
		margin: 10px 0 5px 0;
		transition: 250ms;
		line-height: 1.2;
	}
	.dij-btn:hover {
		color: #ed9f45;
		border-radius: 5px;
		border: 1px solid #ed9f45;
		text-shadow: none;
		background: #ed9f45;
	}
	.dij-btn:after {
		content: "";
		display: block;
		position: absolute;
		background: rgba(255,255,255,1);
		border-radius: 5px;
		width: 100%;
		height: 100%;
		transform: scaleY(0);
		top: 0;
		left: 0;
		z-index: -1;
		opacity: 0;
		transition: opacity .5s, transform .3s;
	}
	.dij-btn:hover:after {
		transform: scaleY(1);
		opacity: 1;
	}
	/*.dij-btn.dij-btn-sm {font-size: 12px;}*/
	.dij-btn.dij-btn-lg {font-size: 24px;padding: 10px 25px;}


	.dij-btn.dij-btn-light {
		color: #FFF;
		border: 1px solid #FFF;
	}
	.dij-btn.dij-btn-light:after {
		background: rgba(0,0,0,.5);
	}
	.dij-btn.dij-btn-light:hover {color:white;}
	
	.text img {
		max-width: 100%;
		padding-top: 10px;
		height: auto;
		10px auto;
		display: block; 
	}
		.main-area.text img:not(.main-image) {
		 max-width: 100%;
		padding-top: 0px;
		 height: auto; 
		 display: inline-block;
	}	
	@media (min-width:800px) {
		.text .alignleft {float: left;margin:0 1em 1em 0;}
		.text .alignright {float: right;margin:0 0 1em 1em}
	}
	.alignleft img, .alignright img, .alignleft, .alignright {max-width: 100%;height: auto;}
	figcaption {font-size: 11px;}

	td {
		vertical-align: top;
		padding: 10px;
		min-width: 140px;
	}

  /***************************************/
 /***   HEADER & NAVIGATION - MOBILE  ***/
/***************************************/

	#website-header-mobile {display: block;}
	#website-header-desktop {display: none;}
	
	#website-header-mobile {
		display: block;
		background: white;
		position: fixed;
		top: 0;
		width: 100%;
		height: 50px;
		box-shadow: 0 0 10px rgba(0,0,0,0.3);
		z-index: 5;
		font-size: 14px;
	}
	.admin-bar #website-header-mobile {top: 46px;}

	#website-header-mobile .website-brand {
		display: inline-block;
		background: url(img/logo-16.png) center no-repeat;
		background-size: contain;
		width: 160px;		
		height: 40px;
		color: #888;
		text-indent: -999px;
		overflow: hidden;
		position: absolute;
		left: 50%;
		margin: 5px -80px;
	}

	#website-header-mobile .navigation-toggle {
		display: inline-block;
		height: 40px;
		vertical-align: top;
		width: 50px;
		text-indent: -999px;
		overflow: hidden;
		margin: 5px;
		background: url(img/mobile-nav.png) center no-repeat;
		background-size: contain;
		cursor: pointer;
		float: right;
	}


	#website-header-mobile .navigation-toggle.nav {float:left;}
	#website-header-mobile .navigation-toggle.search {background-image: url(img/icon-search.png)}
	#website-header-mobile .navigation-toggle.lang {background-image: url(img/icon-language.png)}
	#website-header-mobile .navigation-toggle.active {
		background-image: url(img/delete-button.png) 
	}

	#website-header-mobile .togglable {
		position: absolute;
		top: 50px;
		right: 0;
		background: white;
		box-shadow: 0 10px 10px rgba(0,0,0,0.3);
		max-height: 0;
		transition: 500ms;
		overflow: auto;
	}
	#website-header-mobile .website-navigation {
		width: 100%;
	}
	#website-header-mobile .website-navigation.open {
		max-height: calc(100vh - 50px);
	}
	#website-header-mobile .website-languages.open {
		/*height: 100px;*/
		max-height: 100px;
	}
	#website-header-mobile .website-search.open {
		/*height: 100px;*/
		max-height: 100px;
	}

	#website-header-mobile .website-languages>div,
	#website-header-mobile .website-search>div {
		padding: 20px;
	}


	#website-header-mobile .website-navigation a {
		display: block;
		padding: 3px 10px;
		font-size: 24px;
		border-left: 1px solid #ed9f45;
	}
	#website-header-mobile .website-navigation a:hover {
		color: #000;
		background: #EEE;
		border-left: 4px solid #ed9f45;
	}
	#website-header-mobile .website-navigation a[href="#"], 
	#website-header-mobile .website-navigation a[href="#"]:hover {
	  color: #888;
	  background: white;
	  cursor: default;
	}
	#website-header-mobile .website-navigation ul {
		list-style-type: none;
	}
	#website-header-mobile .website-navigation>ul {
		margin: 0;
		padding: 0;
	}

	#website-header-mobile .website-languages {
		text-align: center;
	}
	#website-header-mobile .website-languages a {
		display: inline-block;
		padding: 0px 11px 0px 11px;
		font-size: 18px;
	}
	#website-header-mobile .website-languages a.current {
		color: #888;
		border-top: 2px solid #ed9f45;
	}

	#website-header-mobile .search-form {
		display: block;
		margin: auto;
	}


  /****************************************/
 /***   HEADER & NAVIGATION - DESKTOP  ***/
/****************************************/

	@media (min-width:800px) {
		#website-header-mobile {display: none;}
		#website-header-desktop {display: block;}
		body {margin: 0;}
	}

	#website-header-desktop {
		background: white;
		position: relative;
		top: 0;
		width: 100%;
		box-shadow: 0 0 10px rgba(0,0,0,0.3);
		z-index: 5;
		font-size: 14px;
	}

	#website-header-desktop .container {
		position: relative;
		height: 100%;
		overflow: visible;
	}
	#website-header-desktop .website-brand {
		display: inline-block;
		background: url(img/logo-16.png) top left no-repeat;
		background-size: contain;
		
		margin: 5px 0 -20px 0;
		height: 110px;
		width: 250px;
		text-indent: -999px;
		overflow: hidden;
	}

	#website-header-desktop .website-meta {
		float: right;
		padding-top: 20px;
	}

	#website-header-desktop .website-navigation {
		display: block;
		position: relative;
		padding-left: 125px;
	}
	#website-header-desktop .website-languages {
		text-align: right;
	}
	#website-header-desktop .website-languages a {
		display: inline-block;
		padding: 0 0 5px 15px;
	}
	#website-header-desktop .website-languages a.current {
		color: #888;
	}

	#website-header-desktop .search-form {
		display: block;
		margin: auto;
	}



	#website-header-desktop .website-navigation a {
		display: block;
		padding: 3px 7px;
		font-size: 18px;
	}
	#website-header-desktop .website-navigation a:hover {
		color: #000;
		background: #eee;
	}
	#website-header-desktop .website-navigation a[href="#"], 
	#website-header-desktop .website-navigation a[href="#"]:hover {
	  color: #888;
	  background: white;
	  cursor: default;
	}
	#website-header-desktop .website-navigation ul {
		list-style-type: none;
	}
	#website-header-desktop .website-navigation>ul {
		margin: 0;
		padding: 0;
		position: relative;
	}
	#website-header-desktop .website-navigation>ul>li {
		display: inline-block;
		position: relative;
	}
	#website-header-desktop .website-navigation>ul>li>a {
		padding: 3px 8px;
		height: 30px;
		margin: 0 5px;
		border: 1px solid #DDD;
		border-width: 1px 1px 0 1px;
	}

	#website-header-desktop .current-menu-parent>a,
	#website-header-desktop .current-menu-item>a {
		background: #f5f5f5;
		color: #666;
		border-top: 1px solid #ed9f45 !important;
	}

	#website-header-desktop .website-navigation a {font-size: 16px;}
	/*#website-header-desktop .website-navigation li.sub>a:after, .website-navigation li.menu-item-has-children>a:after {
		content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30.7 30.7"><path d="M30 10.2L15.4 24.8 0.7 10.2c-1-1-1-2.6 0-3.5 1-1 2.6-1 3.5 0l11.1 11.1L26.5 6.6c1-1 2.6-1 3.5 0C31 7.6 31 9.2 30 10.2z"/></svg>');
		height: 12px;
		width: 9px;
		display: inline-block;
		margin-left: 5px;
	}*/
	#website-header-desktop .website-navigation ul ul {
		position: absolute;
		background: white;
		box-shadow: 0 10px 10px rgba(0,0,0,0.25);
		top: 30px;
		list-style-type: none;
		margin: 0;
		padding: 0;
		max-height: 0;
		opacity: 0;
		overflow: hidden;
		transition: opacity 300ms, max-height 550ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
		width: 260px;
	}
	#website-header-desktop .website-navigation li:hover ul {
		max-height: 600px;
		opacity: 1;
		transition-timing-function: ease-out;
		z-index: 2;
		overflow: auto;
	}


	



  /*******************/
 /***   CONTENT   ***/
/*******************/

	#website-content {
		padding: 20px 0;
	}

	#website-content>.container {
		min-height: 30em;
	}

	#website-footer {
		clear: both;
		background: #555;
		color: #FFF;
		position: relative;
	}
	#website-footer .sitemap {
		background: #CCC;
		color: black;
	}
	#website-footer .container {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	#website-footer ul,
	#website-footer h2 {
		margin: 0;
	}
	
	@media (min-width: 800px) {
		#website-footer .container {
			display: flex;
		}

		#website-footer .footer-widget{
			flex-grow: 1;
			padding: 0 20px;
		}
	}


	.container {
		padding: 0 20px;
		overflow: hidden;
	}

	@media (min-width:800px) {
		.container {
			max-width: 960px;
			margin: auto;
		}
	}
	
	/* Hide sidebar on mobile for taxonomies */
	@media (max-width:799px) {
		.tax-publication-type .context-area,
		.post-type-archive-people .context-area,
		.tax-project-type .context-area,
		.tax-event-series .context-area {
			display:none;
		}
	}
	
	.page-content {
		display: flex;
		flex-direction: column;
	}
	
	.single-event .page-content,
	.single-publication .page-content {
		flex-direction: column-reverse;
	}

	/* Multi column layout */
	@media (min-width:800px) {
		.single .page-content,
		.page-content {
			flex-direction: row;
		}
		.context-area {
			min-width: 300px;
			max-width: 300px;
			flex-grow: 0;
			overflow-wrap: break-word;
			word-wrap: break-word;
		}
		.simple-page .context-area {
			padding-top: 4px; /* To align with the top of the content in the mail column, which is pushed by the title */
		}

		.simple-page .context-area.left_column {
			order: -1;
		}

		.main-area:not(.full-width) {
			padding: 0 20px;
			max-width: calc(100% - 300px);
			overflow: hidden;
			flex-grow: 1;
		}
	}
	
	.breadcrumbs {
		padding-bottom: 10px;
	    border-bottom: 1px solid rgba(0,0,0,.1);
	    margin-bottom: 10px;
	    font-size: 14px;
	    color: rgba(0,0,0,.5);
	}

  /********************/
 /***   HOMEPAGE   ***/
/********************/

	/* Multi column layout */
	@media (min-width:800px) {
		.page-content.homepage {
			/*flex-direction: row-reverse;*/
		}
		.page-content.homepage .main-area {
			padding-left: 0;
			padding-right: 20px;
		}
	}

	#homepage-hero {
		padding: 1em 0;
		background: url(img/hero-1.jpg) center no-repeat;
		background-size: cover;
		color: white;
		font-size: 18px;
		text-align: center;
		text-shadow: 3px 2px 3px black;
		position: relative;
	}
	#homepage-hero:after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background-color: rgba(0,0,0,.05);
		position: absolute;
		border-bottom: 1px solid #000;
		box-shadow: 3px 6px 9px #ccc;
	}
	#homepage-hero .container {
		z-index: 2;
		position: relative;
		max-width: 800px;
	}
	#homepage-hero h1 {
		margin: 0;
		font-size: 1.8em;
	}
	@media (min-width:800px) {
		#homepage-hero {
			font-size: 24px;
		}
	}
	.homepage-header {
		padding: 20px 0 50px 0;
	}
	.widget{
		margin: 25px 10px 25px;
	}

	@media (min-width:800px) {
		.homepage-header {
			padding-left: 200px;
			background: url(img/logo.svg) 20px 20px no-repeat;
			background-size: auto 80%;
		}
	}

	.news-list {}
	.news-list nav {
		text-transform: uppercase;
		font-size: 14px;
		letter-spacing: 0.2em;
		margin: 20px 0;
	}
	.news-list nav ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
	.news-list nav li {
		display: inline-block;
		
	}
	@media (max-width: 700px) {
		.news-list nav li {
			width: 49%;
		}
	}


	.news-list nav a {
		display: block;
		border: 1px solid rgba(0,0,0,0);
		padding: 3px 10px 3px 29px;
		opacity: .5;
		color: black;
		background-position: 6px 6px;
		font-size: 12px;
	}
	@media (min-width:400px) {
		.news-list nav a {
			font-size: 14px;
		}
	}
	.news-list nav a:hover,
	.news-list nav a.current {
		border-color: rgba(0,0,0,.33);
		background-color: white;
		/*opacity: .75;*/
	}
	.news-list nav a.current {
		opacity: 1;
	}
	.icon {
		background: url(/wp-content/uploads/2016/09/iconmonstr-time-6-240-4D0F19.png) left no-repeat;
		background-size: 16px;
		padding-left: 20px;
		min-height: 16px;
	}
	.icon-events {background-image: url(/wp-content/uploads/2016/09/iconmonstr-calendar-5-240-green-00873F.png) !important;}
	.icon-link {background-image: url(img/icon-link.svg) !important;}
	.icon-pdf {background-image: url(img/icon-pdf.svg) !important;}
	.icon-swf {background-image: url(img/icon-swf.svg) !important;}
	.icon-publications {background-image: url(/wp-content/uploads/2016/09/iconmonstr-book-3-240.png) !important;}
	.icon-other {background-image: url(/wp-content/uploads/2016/09/iconmonstr-note-18-240-DBAA21.png) !important;}
	.icon-download-video {background-image: url(img/icon-film-strip.svg) !important;}
	.icon-audio {background-image: url(img/icon-speaker.svg) !important;}

	.icon-events .c {color: #00873F;}
	.icon-publications .c {color: #00469b;}
	.icon-other .c {color: #DBAA21;}


	.news-list .news-item {
		margin: 10px 0;
		background: rgba(255,255,255,1);
		box-shadow: 2px 4px 6px  #ccc;
		padding: 20px;
		overflow: hidden;
	}
	.news-list .news-item header {
		margin-left: -20px;
		padding-left: 20px;
		padding-bottom: 15px;
		margin-bottom: 10px;
		line-height: 1;
		display: flex;
		border-bottom: 1px solid #E8E8E8;
		font-size: 11px;
		text-transform: uppercase;
		letter-spacing: 0.2em;


	}
	.news-list .news-item header>div {
		padding-top: 3px;
	}
	.news-list .news-item header a {color: inherit;}
	.news-list .news-item header .category {
		padding-right: 15px;
	}
	.news-list .news-item header .date {
		text-align: right;
		flex-grow: 1;
	}
	.news-list .news-item header .date,
	.news-list .news-item header .category em {
		color: #888;
		font-style: normal;
	}
	.news-list .news-item .second-level-categories {
		font-size: 14px;
		font-weight: bold;
		border-top: 1px solid #ed9f45;
		padding: 2px;
		float: right;

	}

	.news-list .news-item h2 {
		color: #545454;
		margin: 0;
	}

	/* Colorz, yo */
	.news-list .news-item header {
		color: #7395d2;
	}
	@media (min-width:800px) {
		.news-list .news-item .text img.featured-picture {
	/*		max-width: 200px; */
		}
	}
	
	.pagination-links {overflow: hidden;}
	.pagination-links .next {
		float: right;
	}

	.research-topics li {
		padding: 10px 0;
	}
	.research-topics h4 {
		margin: 0;
		line-height: 1;
	}


  /*****************************/
 /***   SECOND LEVEL PAGE   ***/
/*****************************/


	@media (min-width:800px) {
		.js-stickr-wrapper {
			width: 300px;
		}
		.listing-page .context-area,
		.detail-page .context-area {
			position: relative;
			max-width: 300px;
			min-width: 300px;
		}
		.listing-page .main-area,
		.detail-page .main-area {
			max-width: 820px;
		}
		.event-page .context-area {
			max-width: 300px;
			min-width: 300px;
		}
		.event-page .main-area {
			padding-left: 20px;
			max-width: 920px;
		}

	}

	.page-person .person-intro {
		color: #1a329d;
		margin: .6em 0;
	}
	.page-person .person-intro strong {
		display: block;
	}
	.abstract-text br{
		display: block;
		margin: 10px 0;
	}

	.page-nav ul {
		list-style-type: none;
		padding: 0;
		line-height: 2;
		border-top: 1px solid #ed9f45;
		box-shadow: 2px 4px 6px #ccc;
	}
	.page-nav ul a {
		font-size: 18px;
		line-height: 1.2;
		padding: .25em 0;
		display: block;
		border-left: 0px solid;
		border-color: #ed9f45;
		padding-left: 7px;
	}
	.page-nav ul a.active {
		cursor: default;
		color: #ed9f45;
		border: 1px solid;
		border-color: #ed9f45;
		padding-left: 7px;
		box-shadow: 3px 6px 9px #ccc;
		background: #f5f5f5;
	}
	.page-nav ul a:hover {
		color: #ed9f45;
		border: 0px solid;
		border-color: #ed9f45;
		padding-left: 7px;
		box-shadow: 3px 6px 9px #ccc;
		background: #f5f5f5;
	}

	.context-area .main-image {display:none;}
	.main-area .main-image {display:block;max-width:100%;border:0px solid #000;}	
	@media (min-width:800px) {
		.context-area .main-image {display:block;width: 100%;border:0px solid #000;}
		.main-area .main-image {display:none;}	
	}


  /*************************/
 /***   STANDARD LIST   ***/
/*************************/

	.items-list {}
	.items-list .list-item {
		display: block;
		color: black;
	}
	.items-list .list-item:hover {
		background: rgba(255, 255, 255, .5);
	}
	.items-list .list-item strong {
		display: block;
		font-size: 18px;
		color: #0a228d;
		border-left: 3px solid #ed9f45;
		padding-left: 6px;
	}
	.items-list .list-item em {
		display: block;
		/*font-style: normal;*/
	}


  /***********************/
 /***   PEOPLE LIST   ***/
/***********************/
	
	.people-list {}

	.people-list .person {
		min-height: 100px;
		padding: 10px 10px 10px 100px;
		position: relative;
	}

	.people-list .person:hover {
		background: rgba(255, 255, 255, .5);

	}
	.people-list .person img {
		width: 80px;
		height: 80px;
		border: 1px solid #bbb;
		border-radius: 3px;
		object-fit: cover;
		position: absolute;
		top: 1px;
		left: 10px;
	}
	/* photo placeholder */
	.people-list .person:before {
		content: "";
		background: url(img/default-avatar.png);
		background-size: cover;
		opacity: .8; 
		width: 80px;
		height: 80px;
		border-radius: 3px;
		border: 1px solid #bbb;
		object-fit: cover;
		position: absolute;
		top: 1px;
		left: 10px;
		z-index: 0;
	}


  /***********************************/
 /***   LEADERS IN PUBLICATIONS   ***/
/***********************************/


	ul.leaders,
	ol.leaders {
	  max-width: 50em;
	  padding-left: 2em;
	  overflow-x: hidden;
	}

	ol.leaders ol {
	  max-width: 50em;
	  padding-left: 2em;
	  overflow-x: hidden; 
	}

	ul.leaders li:after,
	ol.leaders li:after {
	  float: left;
	  width: 0;
	  white-space: nowrap;
	  content: ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . "; }

	ul.leaders span:first-child,
	ol.leaders span:first-child {
	  padding-right: 0.33em;
	  background: #EEEEF3;
	}

	ul.leaders span + span,
	ol.leaders span + span {
	  float: right;
	  padding-left: 0.33em;
	  background: #EEEEF3;
	  position: relative;
	  z-index: 1; 
	}


  /***********************/
 /***   SEARCH PAGE   ***/
/***********************/

	#search-page {
		max-width: 800px;
		margin:auto;
		padding-top: 50px;
	}
	.search-header {
		padding: 10px;
	}
	.search-header h1 {
		font-size: 20px;
	}
	.search-form {
		position: relative;
		display: inline-block;
		height: 36px;
		width: 200px;
		vertical-align: bottom;
	}
	.search-form input.search {
		width: 165px;
		position: absolute;
		left: 0;
		top: 0;
		font-size: 20px;
		height: 36px;
		display: inline-block;
		border: 1px solid #CCC;
		border-radius: 6px 0 0 6px;
		margin: 0;
		padding: 5px;
		z-index: 2;
	}
	.search-form input.submit {
		position: absolute;
		right: 0;
		top: 0;
		height: 36px;
		width: 36px;
		margin-left: -10px;	
		margin-top: 1px;
		display: inline-block;
		background: white url(img/icon-magnifier.svg) center no-repeat;
		background-size: 18px 18px;
		border: 1px solid #CCC;
		border-radius: 0 6px 6px 0;
		margin: 0;
		cursor: pointer;
		transition: 150ms;
		text-indent: -999px;
		overflow: hidden;
		z-index: 1;
	}
	.search-form input:focus {
		border-color: #66afe9 !important;
		outline: 0;
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
		z-index: 3;
	}
	.search-form input.submit:hover {
		background-color: rgba(0,0,0,0.1);
		background-size: 22px 22px;
	}

	@media (min-width: 960px) {
		.search-header h1 {font-size: 32px;}
		.search-header .search-form {height: 46px;width: 330px;}
		.search-header .search-form input.search {height: 46px;width: 280px;}
		.search-header .search-form input.submit {height: 46px;width: 51px;background-size: 24px 24px;}
		.search-header .search-form input.submit:hover {background-size: 30px 30px;}
	}


	div.search-results {
		min-height: 500px;
		margin: 20px 0;
	}
	.search-results .type-filters div {
		display: inline-block;
		padding: 2px 10px;
		border: 1px solid transparent;
		cursor: pointer;
		text-transform: uppercase;
		font-size: 14px;
		letter-spacing: 0.2em;
	}
	.search-results .type-filters div:hover {
		background: rgba(255,255,255,.8);
		border-color: rgba(172,172,172,.8);
	}
	.search-results .type-filters div.active {
		background: rgba(255,255,255,.8);
		border-color: rgba(172,172,172,1);
	}
	.search-results .type-filters div span {
		background: #888;
		letter-spacing: 0;
		font-weight: bold;
		color: white;
		display: inline-block;
		padding: 0 5px;
		border-radius: 3px;
		font-size: 10px;
		vertical-align: middle;
		margin-top: -3px;
	}

	.search-results .result {
		padding: 10px 10px 10px 140px;
		border-bottom: 1px solid #DDD;
		position: relative;
		display: block;
	}
	.search-results .result:hover {
		background: white;
	}
	.search-results .result em {
		position: absolute;
		width: 120px;
		left: 10px;
		text-align: right;
		font-style: normal;
		opacity: .5;
		color: black;
	}
	.search-results .result .parent {
		font-size: 80%;
		display: block;
	}


  /**********************/
 /***   TAXONOMIES   ***/
/**********************/

    .taxonomy_sidebox {
        float: right;
        max-width: 250px;
        margin-left: 10px;
        background: #FFF;
        
        padding: 20px;
        border: 1px solid #ED9F45;
        border-radius: 0px 35px 0px 35px;
    }




  /***********************/
 /***   EVENTS LIST   ***/
/***********************/

	/*.events-list {}

	.events-list .event-link {
		display: block;
		padding: 10px;
		
	}*/

  /******************************/
 /***   SINGLE PUBLICATION   ***/
/******************************/

	.detail-page .abstract,
	.detail-page .abstract-toggle-control.close {display: none;}


	.detail-page .abstract {
		padding: 10px;
		border: 1px solid #CCC;
	}

  /************************/
 /***   SINGLE EVENT   ***/
/************************/
	.event-presentations {
		padding-left: 15px;
		padding-right: 10px;
		box-shadow: 1px 2px 5px #ccc;
		border-left: 1px solid #ccc;

	}
	.time {
		border-left: 0px solid #ed9f45;
		font-size: 15px;
		font-weight: bold;
	}
	.event-presentations-names {
		font-size: 14px;
		padding-left: 7px;
	}
	.event-presentations-title {
		background: #fbfbfb;
		border-bottom: 1px solid #ed9f45;
		box-shadow: 2px 4px 6px #ccc;
		
	}
	.event-presentations-item-title {
		border-left: 1px solid #ed9f45;
		padding-left: 4px;
		font-weight: bold;
		font-size: 15px;
	}

  /********************/
 /***   Podcasts   ***/
/********************/

	.podcast .entry-name {
		font-style: italic;
		font-size: 13px;
	}
	.podcast .entry-event-link {
		font-weight: 700;
	}

  /*****************************/
 /***   TEMPORARY STYLING   ***/
/*****************************/

	#lang_sel_list {
		position: absolute;
		right: 0;
		bottom: 0;
		height: auto;
	}

  /*****************************/
 /***   CALENDAR ALTERNATIVE 1 ***/
/*****************************/

.simcal-events {
	list-style-type: none;
	padding-left: 0px;
}
.simcal-day-label{
	padding-left: 4px;
	margin-bottom: -7px;
	border-bottom: 1px solid #ED9F45 !important;
	border-left: 0px solid #ED9F45 !important;
	font-size: 15px;
	font-weight: bold;

}
.simcal-calendar {
	padding-left: 0px;
	padding-top: 0px;
	font-size: 0px;
	border-radius: 15px 9px 0px 15px;
	box-shadow: 4px 5px 20px #ccc;

	}

.simcal-day-label:nth-of-type(1) {
	border: 1px solid #ed9f45 !important;
	box-shadow: 2px 4px 6px #ccc;
	font-size: 16px;
	padding: 3px;
	padding-left: 8px;
	border-radius: 0px 9px 0px 0px;

}

.simcal-event-details {
	list-style-type: none;
	padding-left: 0px;
	margin: 5px;
	margin-left: -2.3em;
	border-left: 0px dotted #ED9F45 !important;
	border-bottom: 0px solid #a0afd7 !important;
	font-size: 13px;
	font-weight: 500;


}
.simcal-event-title { 
	font-size: 15px; 
	font-weight: normal;
	border-left: 1px solid #ccc !important;
	padding-left: 4px;
	padding-bottom: 8px;
	float:left;


}

.simcal-event-start-location { 
	font-size: 14px; 
	font-weight: bold;
	border-left: 3px solid #a0afd7 !important;
	padding-left: 4px;

}

.simcal-event-start { 
	font-size: 13px; 
	font-weight: lighter;
}

.simcal-event-end { 
	font-size: 13px; 
	font-weight: lighter;
}

.simcal-event-end-date { 
	padding-left: 8px;
	font-size: 13px; 
	font-weight: lighter;
}

.simcal-event-start-time { 
	padding-left: 8px;
	font-size: 14px; 
	font-weight: lighter;
}

.simcal-event-end-time { 
	font-size: 14px; 
	font-weight: lighter;
}


.simcal-coming-up-next { 
	padding-left: 10px;
	padding-top: 7px;
	margin-top: -17px;
	border: 1px solid #ED9F45 !important;
	border-radius: 0px 35px 0px 35px;
	background-color: #fffdf4;
	font-size: 14px;
	box-shadow: 2px 4px 6px #ccc;


}

.simcal-coming-up-next-headline { 
	padding-bottom: 18px;
	padding-left: 4px;
	font-weight: bold;

	

}

.simcal-all-upcoming-events { 
	padding-left: 10px;
	padding-top: 13px;
	margin-top: -17px;
	border: 0px solid #ED9F45 !important;
	font-size: 14px;

}
  /*****************************/
 /***   iFRAME STYLING ***/
/*****************************/

.iframe {
	border: 1px solid #ed9f45;
	border-top: 8px solid #ed9f45;
	background: #ed9f45;
}

  /*****************************/
 /***   Twitter STYLING ***/
/*****************************/

.atf-tweet-wrapper {
	border-radius: 15px 15px 0px 15px;
	box-shadow: 4px 5px 20px #ccc;
	padding-left: 2px;
}

.atf-tweet-text {
	border-left: 1px solid #ed9f45;
	padding-left: 6px;
	font-size: 14px;
	border-bottom: 0px solid #ed9f45;
	padding-bottom: 3px;
}

.atf-user-card img {
	border: 1px solid #000;
	width: 35px;
	height: 35px;

}

.atf-user-card {
	border: 1px solid #ccc;
	background: #fcfcfc;
	padding-left: 5px;
	border-radius: 0px 15px 0px 0px;

}

.atf-retweet-credits {
	font-size: 11px;
	padding-left: 7px;
}

.atf-show-media-button {
	padding-left: 7px;
	float: left;
}

.atf-tweet-actions {
	border-top: 1px dotted #ccc;

}

.atf-tweet-time {
	font-size: 10px;
	padding-right: 16px;
	padding-left: 8px;
	border: 1px solid #ccc;
	border-radius: 15px 0px 0px 0px;
}

/* Make it a marquee */
.marquee {
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    animation: marquee 20s linear infinite;
    border: 1px solid;	
}

.marquee:hover {
    animation-play-state: paused
}

/* Make it move */
@keyframes marquee {
    0%   { text-indent: 97.5em }
    100% { text-indent: -105em }
}

/* Tooltip container */
.tooltip {
    display: inline-block;
    border-bottom: 0px solid black !important; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    color: #000;
    padding: 10px;
    border: 1px solid #ed9f45;
    background-color: #f2f2f2;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

.wpcf7 textarea
{
    background-color: #fff;
    color: #000;
    width: 70%;
    height: 250px;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
{
    background-color: #fff;
    color: #000;
    width: 50%;

}

.txtborderl {
	border-left: 2px solid #aa0000;
	padding-left: 5px;
	margin-bottom: -10px;
	margin-top: -35px;
}

  /***********/
 /* Patches */
/***********/
.text > div > p {
	margin-top: 0;
}