/*
Theme Name: DIJ Theme
Description: Theme for the Deutsches Institut 123 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: 35px 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;
		border-bottom: 1px dashed #ed9f45;
	}
	
	h1 {font-size: 24px; 
		font-weight: bolder;
		border-bottom: 1px solid #ed9f45;}
	h2 {font-size: 18px;
		border-bottom: 1px solid #ed9f45;
		margin: 1px;}
	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 10px 0 10px;
		background: rgba(119, 119, 119, 0.07);
		font-size: 19px;
		box-shadow: 1px 2px 3px 0px #ccc;

	}

	#primary.context-area .section-title {
		margin-top: -13px;

	}
	.legacy {
	background: snow;
	color: darkslategrey;
	}
	.section-subtitle,
	.context-area h2 {
		color: #000000;
		font-weight: bold;
		border-left: 2px solid #ed9f45;
		border-right: 2px solid #ed9f45;
		border-bottom: 0px;
		padding: 0 0 0 10px;
		background: rgba(119, 119, 119, 0.07);
		margin-top: 12px;
		margin-bottom: 8px;
		text-align:center;
		font-size: 15px;
		box-shadow: 1px 2px 3px 0px #ccc;

	}
	.post-title {
		color: #000000;
		font-weight: bold;
		border-left: 3px solid #ed9f45;
		border-bottom: 0px solid #ed9f45 !important;
		padding: 0 0 0 7px;
		background: rgba(119, 119, 119, 0.07);
	}
	.dij-btn {
		display: inline-block;
		border: 1px solid #ccc;
		box-shadow: 2px 4px 6px #999;
		padding: 5px 15px;
		/*text-transform: uppercase;*/
		position: relative;
		z-index: 1;
		font-weight: 100;
		font-size: 14px;
		text-align: center;
		cursor: pointer;
		vertical-align: middle;
		margin: 10px 0 5px 0;
		transition: 250ms;
		line-height: 1.2;
	}
	.js-stickr-wrapper .dij-btn {
		margin: -40px 0 5px 0;
	}
	.dij-btn:hover {
		color: #000;
		fborder: 1px solid #ed9f45;
		text-shadow: none;
		background: #eee;
	}
//	.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:#ed9f45;
		border: 1px solid #ed9f45;
	}
	
	.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;
	}
	.lastmod {
	color: grey;
	text-align:right;
	text-size:6pt;
	}

	.left-link {
		margin-left: 25%;
		margin-top: 30px;
	}
	.left-link a {
		border: 1px solid #ed9f45;
		box-shadow: 3px 2px 3px 0px #ccc;
		border-radius: 1px;
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 2px;
		padding-bottom: 2px;
		border-radius: 15px;
		color: #ed9f45;
		font-weight: bold;
		font-size: 15px;
	}
	.left-link a:hover {
		background: #ed9f45;
		color: #fff;
		border: #fff 1px solid;
	}

	.printme-custom {
		border-bottom: 1px solid #ed9f45;
		margin-left: 40%;
		margin-top: 30px;
	}

  /***************************************/
 /***   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: 35px;
		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: 25px;	
		color: #888;
		text-indent: -999px;
		overflow: hidden;
		position: absolute;
		left: 50%;
		margin: 5px -80px;
	}

	#website-header-mobile .navigation-toggle {
		display: inline-block;
		height: 25px;
		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: 30px;
		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);
		padding-bottom: 50px;
		padding-left: 5px;
	}
	#website-header-mobile .website-navigation.open a {
		color: #000000;
		border-left: 3px solid #ed9f45;
		background: rgba(119, 119, 119, 0.07);
		font-size: 19px;
		box-shadow: 1px 2px 3px 0px #ccc;
		margin-bottom: 9px;
	}
	#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: 1;
		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 a {
		color: #ed9f45;
		margin-left: 5px;
	}
	#website-footer a:hover {
		color: #ed9f45;
		margin-left: 5px;
		border-bottom: 1px dashed;
	}
	#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;
			font-size: 14px;
		}
		#primary.context-area {
			padding-top: 40px;
		}
		.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);
	}

.box {
	padding: 7px;
	background: #eee;

}

  /********************/
 /***   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;
		}
	}
	.page-content.homepage .main-area .section-title {
			border-left: 0px;
			border-bottom: 1px solid #ccc;
			background: none;
			box-shadow: none;
			text-align: center;
			font-size: 24px;
		}

	#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: 1000px;
	}
	#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 45px;
	}

	@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;margin-left: 0.3em;}
	.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-pfeil {background-image: url(/wp-content/uploads/2017/07/icon-pfeil.png) !important; background-size: 12px; padding-left: 16px;}
	
	.icon-mail {background-image: url(/wp-content/uploads/2016/10/contact-mail.png) !important; background-size: 12px; padding-left: 16px;}
	.icon-phone {background-image: url(/wp-content/uploads/2016/10/contact-phone.png) !important; background-size: 12px; padding-left: 16px;}
    .icon-oa {background-image: url(/wp-content/uploads/2019/05/open_access.png) !important; background-size: 11px; padding-left: 9px;background-repeat: no-repeat;}
	.icon-fax {background-image: url(/wp-content/uploads/2016/10/contact-fax.png) !important; background-size: 12px; padding-left: 16px;}
	.icon-location {background-image: url(/wp-content/uploads/2017/07/icon-location-1.png) !important; background-size: 16px; padding-left: 19px;}
	.icon-twitter {background-image: url(/wp-content/uploads/2016/09/iconmonstr-twitter-1-240.png) !important; background-size: 16px; padding-left: 19px;}
	.icon-pencil {background-image: url(/wp-content/uploads/2017/07/icon-pencil.png) !important; background-size: 16px; padding-left: 19px;}
	.icon-calendar {background-image: url(/wp-content/uploads/2017/07/icon-calendar.png) !important; background-size: 16px; padding-left: 19px;}
	.icon-clock {background-image: url(/wp-content/uploads/2016/06/clock.png) !important; background-size: 16px; padding-left: 19px;}
	.icon-info {background-image: url(/wp-content/uploads/2017/07/icon-info.png) !important; background-size: 16px; padding-left: 19px;}
	.icon-download {background-image: url(/wp-content/uploads/2017/07/icon-download.png) !important; background-size: 16px; padding-left: 19px;}
	.icon-contact {background-image: url(/wp-content/uploads/2017/07/icon-contact.png) !important; background-size: 16px; padding-left: 19px;}
	.icon-lupe {background-image: url(/wp-content/uploads/2016/06/lupe.png) !important; background-size: 16px; padding-left: 19px;}
	.icon-feder {background-image: url(/wp-content/uploads/2017/04/message-2.png) !important; background-size: 16px; padding-left: 19px;}
	.icon-lunch {background-image: url(/wp-content/uploads/2017/07/icon-lunch.png) !important; background-size: 16px; padding-left: 19px;}
	.icon-coffee {background-image: url(/wp-content/uploads/2017/07/icon-coffee.png) !important; background-size: 16px; padding-left: 19px;}
	.icon-article {background-image: url(/wp-content/uploads/2017/07/icon-article.png) !important; background-size: 16px; padding-left: 19px;}
	.icon-book {background-image: url(/wp-content/uploads/2017/06/icon-book.png) !important; background-size: 16px; padding-left: 19px;}
	.icon-person {background-image: url(/wp-content/uploads/2017/04/person-1.png) !important; background-size: 16px; padding-left: 19px;}
	.icon-paper {background-image: url(/wp-content/uploads/2017/01/icon-paper.png) !important; background-size: 16px; padding-left: 19px;}
	.icon-presentation {background-image: url(/wp-content/uploads/2017/08/presentation-logo-watermark.png) !important; background-size: 16px; padding-left: 19px;}

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

	.news-list p {
		text-align:justify;
	}
	.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;
			font-size: 14px;
			text-align: justify;
		}
		.main-area {
			font-size: 14px;
		}
		.main-area h2 {
			font-size: 17px;
			margin-bottom: 10px;
			border-left: 0px;
			border-bottom: 1px solid #ed9f45 !important;
			background: none;
			padding: 0px;
		}
		.event-presentations h3, h4 {
			font-size: 15px;
			border-left: 0px solid #ed9f45;
			border-bottom: 0px solid #ed9f45;
			background: none;
			padding-left: 4px;
			text-decoration: none solid #ed9f45;
		}
		.main-area .text h3, h4 {
			font-size: 15px;
			border-left: 0px solid #ed9f45;
			border-right: 0px solid #ed9f45;
			border-bottom: 0px solid #ed9f45;
			background: none;
			text-decoration: underline solid #ed9f45;
			text-align: center;
			width: 50%;
			margin-left: 25%;
		}
		
		.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: 14px;
		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-left: 3px 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;}
	.context-area .caption {display:block}
	.main-area .caption {font-size:smaller;}

	.main-area .main-image {display:block;max-width:100%;border:0px solid #000;}	

		.context-area .main-image {display:block;width: 100%;border:0px solid #000;}
		.main-area .main-image {display:none;}
		.main-area .caption {display:none}
		.context-area .caption {font-size:smaller;}
		
	}


  /*************************/
 /***   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 ARCHIVE   ***/
/*******************************/

	.people-group .list-item.archived {

	margin-bottom: 20px;

	}

	.people-group .list-item.archived h3 {

	display:none;

	}

	.people-group .list-item.archived .section-title {

	border: 0px;
	box-shadow: 0px 0px 0px #fff;
	border-bottom: 1px solid #ed9f45;
	font-size: 12px;
	padding-left: 4px;
	background-color: #fff;

	}

	.people-group .list-item.archived strong {

	border-left: 0px solid #777;
	padding-left: 0px; 
	color: #000;
	margin-bottom: -5px;

	}

	.people-group .list-item.archived span {

	font-size: 12px;
	font-style: italic;

	}

	.people-group .list-item.archived div {

	font-size: 12px;

	}	


	.people-group .list-item.archived div p {

	font-size: 12px;
	margin: 1px;
	margin-bottom: 6px;
	border-left: 0px solid #a0afd7;
	padding-left: 4px;

	}

	.people-group .list-item.archived div p:hover {

	font-size: 12px;
	margin: 1px;
	margin-bottom: 6px;
	border-left: 1px solid #ed9f45;
	padding-left: 3px;

	}

	.people-group .list-item.archived a {

	border-bottom: 0px;

	}

	.people-group .list-item.archived a:hover {

	border-bottom: 0px;
	color: #ed9f45;

	}

  /***********************/
 /***   PEOPLE LIST   ***/
/***********************/

	.person.list-item span {
		font-size: 14px;
	}	
	.person.list-item strong {
		font-size: 16px;
		margin-top: 5px;
	}

	.people-list {}

	.people-list h3 {
		margin-bottom: 3px;	
		font-size: 14px;
		text-decoration: underline #ed9f45;
	}

	.people-list .person {
		min-height: 62px;
		padding: 12px 10px 10px 55px;
		margin-bottom: -20px;
		position: relative;
		font-size: 11px;
	}
	.people-list .people-group .person {
		min-height: 100px;
		padding: 10px 10px 10px 100px;
		margin-bottom: 0px;
		position: relative;
	}

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

	}
	.people-list .person img {
		width: 40px;
		height: 40px;
		border: 1px solid #bbb;
		object-fit: cover;
		position: absolute;
		top: 9px;
		left: 10px;
	}
	.people-list .blogger img {
		width: 86px;
		height: 86px;
		border: 1px solid #bbb;
		object-fit: cover;
		position: relative;
		top: 9px;
		left: 3px;
		
	}
.people-list .people-group .person img {
		width: 80px;
		height: 80px;
		border: 1px solid #bbb;
		object-fit: cover;
		position: absolute;
		top: 9px;
		left: 10px;
	}
	/* photo placeholder */
	.people-list .people-staff .person:before {
		content: "";
		background: url(img/default-avatar.png);
		background-size: cover;
		opacity: .8; 
		width: 40px;
		height: 40px;
		border: 1px solid #bbb;
		object-fit: cover;
		position: absolute;
		top: 9px;
		left: 10px;
		z-index: 0;
}
.people-list .people-group .person:before {
		content: "";
		background: url(img/default-avatar.png);
		background-size: cover;
		opacity: .8; 
		width: 80px;
		height: 80px;
		border: 1px solid #bbb;
		object-fit: cover;
		position: absolute;
		top: 9px;
		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: #ffffff;
	}

	ul.leaders span + span,
	ol.leaders span + span {
	  float: right;
	  padding-left: 0.33em;
	  background: #ffffff;
	  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;}

	.abstract-toggle-control {
		background: url(/wp-content/uploads/2017/07/icon-article.png) left no-repeat;
		background-size: 15px;
		padding-left: 18px;
		margin-bottom: 25px;
		margin-left: 8px;
	}
	.abstract-toggle-control.link {
		border-bottom: 0px;
		text-decoration: underline dotted #ed9f45;
	}

		.article .abstract-toggle-control {
		background: url(/wp-content/uploads/2017/07/icon-article.png) left no-repeat;
		background-size: 15px;
		padding-left: 18px;
		margin-bottom: -15px;
		margin-left: 8px;
	}


	.detail-page .abstract {
		padding: 10px;
		border: 1px solid #ed9f45;
		background: #f9f9f9;
		margin-bottom: 25px;
		text-align: justify;
	}

	.article .abstract {
		padding: 10px;
		border: 1px solid #ed9f45;
		background: #f9f9f9;
		margin-bottom: -15px;
		margin-top: 35px;
		text-align: justify;
	}

	.abstract-text {
		text-align: justify;
	}

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

	}
	.time {
		font-size: 13px;
		font-weight: bold;
		background: url(/wp-content/uploads/2016/06/clock.png) left no-repeat;
		background-size: 13px;
		padding-left: 18px;
	}
	.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;
	}
	.affiliation_dij {
		margin-top: -35px;
		margin-bottom: -20px;
	}
	.event-presentations .abstract-toggle-control {
		margin-top: -15px;
	}


  /********************/
 /***   Movies   ***/
/********************/

	.entry-info {
		display: none;
	}

	.entry-name {
		display: none;
	}

  /*****************************/
 /***   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-events a:before {
	content: "-> "
}
.simcal-events a:after {
	content: " ..."
}
.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):before {
	content: url(/wp-content/uploads/2017/08/soon-emoji.gif);
	padding-right: 6px;

 } */

.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;
	text-align: justify;


}

.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-gmaps {
	border: 1px solid #ed9f45;
	border-top: 8px solid #ed9f45;
	background: #ed9f45;
}

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

.atf-tweet-text a {
	border-bottom: 0px;
}

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

.atf-tweet-text {
	border-left: 1px solid #ed9f45;
	padding: 5px;
	font-size: 12px;
	text-align: justify;
	background: url(/wp-content/uploads/2017/08/twitter-bg.png) top right no-repeat;
	background-size: 80px;
}

.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 0px 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 solid #ccc;

}

.atf-tweet-time {
	font-size: 10px;
	padding-right: 6px;
	border-left: 1px solid #ed9f45;
	padding-left: 3px;
}

/* 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;
    box-shadow: 2px 3px 2px 1px #ccc;
    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%;

}

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

.staff-list .section-title {
	background: none;
	font-size: 17px;
}
.staff-list div {
	font-size: 13px;
	font-style: italic;
	padding-left: 50px;
	background: url(https://www.dijtokyo.org/wp-content/themes/dij/img/default-avatar.png) left no-repeat;
	background-size: 50px
}

.staff-list :not(div) {
	font-size: 14px;
	font-style: normal;
}
  /******************************/
 /***   PEOPLE PAGE   ***/
/******************************/

.publication-book strong {
	background: url(/wp-content/uploads/2017/06/icon-book.png) left no-repeat;
	background-size: 12px;
	padding-left: 17px;
}
.publication-book {
	background: #fafafa;
	border: 1px solid #ccc;
	border-radius: 2px;
	padding: 8px;
}

.publication-article strong {
	background: url(/wp-content/uploads/2017/07/icon-article.png) left no-repeat;
	background-size: 12px;
	padding-left: 17px;
}
.publication-article {
	background: #fafafa;
	border: 1px solid #ccc;
	border-radius: 2px;
	padding: 8px;
}

  /******************************/
 /***        404 PAGE        ***/
/******************************/

.error404 img {

	background: white;
}

.contact404 {
	float: right;
	width: 100%;

}

.contact404 textarea {
	width: 85%;
	border: 1px solid #ed9f45;
	background: url(/wp-content/uploads/2017/07/logo-watermark.png) no-repeat right bottom;
	background-size: 75px;


}
.contact404 input {
	width: 150px;
	border: 1px solid #ed9f45;
}
.search404 {
	padding-bottom: 50px;

}
.nav404 {
	float: left;
	padding-left: 45px;
	padding-bottom: 25px;
	padding-top: 10px;
}

.nav404 a:hover {
	text-decoration: underline dotted #ed9f45;
}
.contact404 input.wpcf7-submit {
		border: 1px solid #ed9f45;
		box-shadow: 3px 2px 3px 0px #ccc;
		border-radius: 1px;
		padding-top: 3px;
		padding-bottom: 2px;
		padding-left: 23px;
		padding-right: 20px;
		border-radius: 10px;
		color: #000;
		font-size: 10px;
		background: url(/wp-content/uploads/2016/10/contact-mail.png) 7px 4px no-repeat #ed9f45;
		background-size: 12px;
		margin-bottom: 10px;
		width: 100px;
		font-weight: normal;
}

.contact404 input.wpcf7-submit:hover {
	    background: url(/wp-content/uploads/2016/10/contact-mail.png) 7px 4px no-repeat #fff;
		background-size: 12px;
		color: #ed9f45;
		border: #000 1px solid;
}

.contact404 div.wpcf7-mail-sent-ok {
	border-bottom: 2px dotted #398f14;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
}

.contact404 div.wpcf7-mail-sent-ng {
	border-bottom: 2px dotted #ff0000;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
	color: red;
}

.contact404 div.wpcf7-spam-blocked {
	border-bottom: 2px solid #ffa500;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
	color: red;
}

.contact404 div.wpcf7-validation-errors {
	border-bottom: 2px dotted #000;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
	color: red;
}

  /******************************/
 /***        Event Form      ***/
/******************************/

.txtborderl {
	padding-left: 1px;
	margin-bottom: -17px;
	margin-top: -35px;
}

.js-stickr-wrapper textarea {
	background: url(https://www.dijtokyo.org/wp-content/uploads/2017/07/logo-watermark.png) center no-repeat;
	background-size: 60px;
	width: 80%;
	height: 100px;
	border: 1px solid #ed9f45;

}

.js-stickr-wrapper input {
	width: 45%;
	border: 1px solid #ed9f45;

}
.js-stickr-wrapper input.wpcf7-submit {
		border: 1px solid #ed9f45;
		box-shadow: 3px 2px 3px 0px #ccc;
		border-radius: 1px;
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 2px;
		padding-bottom: 2px;
		border-radius: 15px;
		color: #000;
		font-weight: bold;
		font-size: 15px;
		background: url(/wp-content/uploads/2016/10/contact-mail.png) 9px 5px no-repeat #ed9f45;
		background-size: 15px;
}
.js-stickr-wrapper input.wpcf7-submit:hover {
		background: url(/wp-content/uploads/2016/10/contact-mail.png) 9px 5px no-repeat #fff;
		background-size: 15px;
		color: #ed9f45;
		border: #000 1px solid;
}
.js-stickr-wrapper span.wpcf7-not-valid-tip {
	color: #f00;
	font-size: 10px;
	font-weight: normal;
	padding-left: 5px;
	display: inline;
}



  /******************************/
 /***      Neue MA Form      ***/
/******************************/

#form-neue-ma textarea {
	background: url(/wp-content/uploads/2017/07/logo-watermark.png) center no-repeat #fff;
	background-size: 60px;
	width: 100%;
	height: 130px;
	border: 1px solid #ed9f45;

}

#form-neue-ma input {
	border: 1px solid #ed9f45;

}

#address-form textarea {
	background: url(/wp-content/uploads/2017/08/yuubin-logo-watermark.png) center no-repeat #fff;
	background-size: 65px;
	height: 80px;
	width: 60%;

}

#project-form textarea {
	height: 200px;
	width: 80%;

}

#project-form textarea {
	background: url(/wp-content/uploads/2017/08/presentation-logo-watermark.png) center no-repeat #fff;
	background-size: 150px;
	height: 200px;
	width: 80%;

}


#awards-form textarea {
	background: url(/wp-content/uploads/2017/08/awards-logo-watermark.png) center no-repeat #fff;
	background-size: 40px;
	height: 80px;
	width: 250px;
	
}

#form-neue-ma input.wpcf7-submit {
		border: 1px solid #ed9f45;
		box-shadow: 3px 2px 3px 0px #ccc;
		border-radius: 1px;
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 2px;
		padding-bottom: 2px;
		border-radius: 15px;
		color: #000;
		font-weight: bold;
		font-size: 15px;
		background: url(/wp-content/uploads/2016/10/contact-mail.png) 9px 5px no-repeat #ed9f45;
		background-size: 15px;
}
#form-neue-ma input.wpcf7-submit:hover {
		background: url(/wp-content/uploads/2016/10/contact-mail.png) 9px 5px no-repeat #fff;
		background-size: 15px;
		color: #ed9f45;
		border: #000 1px solid;
}
#form-trenner {
	border: 1px dashed #bbb;
	border-radius: 5px;
	padding: 10px;
	margin-top: 7px;
	background: #fbfbfb;
}
#form-headlines {
	font-weight: bolder;
	border-bottom: 1px solid #ed9f45;
	font-size: 19px;
}

  /******************************/
 /***      NL/Press Form      ***/
/******************************/

#input-name-nl-press {
	border: 1px solid #ed9f45;
	width: 172px;

}

#input-mail-nl-press {
	border: 1px solid #ed9f45;
	width: 172px;
}
#choice-nl-press {
	margin-bottom: 10px;
	border: 1px solid #ed9f45;
}

#submit-nl-press {
		border: 1px solid #ed9f45;
		box-shadow: 3px 2px 3px 0px #ccc;
		border-radius: 1px;
		padding-top: 3px;
		padding-bottom: 2px;
		padding-left: 23px;
		padding-right: 20px;
		border-radius: 10px;
		color: #000;
		font-size: 10px;
		background: url(/wp-content/uploads/2016/10/contact-mail.png) 7px 4px no-repeat #ed9f45;
		background-size: 12px;
		margin-bottom: 10px;
		width: 100px;
		font-weight: normal;
}
#submit-nl-press:hover {
	background: url(/wp-content/uploads/2016/10/contact-mail.png) 7px 4px no-repeat #fff;
		background-size: 12px;
		color: #ed9f45;
		border: #000 1px solid;
}

  /*******************************************/
 /***      Front Page Alerts (Notes)      ***/
/*******************************************/

.alert .wp-notes-widget-list {
	background: rgba(255, 0, 0, 0.57);
	list-style-type: none;
	padding: 5px;
	border: 1px dashed;
}

.alert .wp-notes-widget-list h5 {
	margin: 0px;
	font-size: 17px;
	border-bottom: 1px solid;
}

.alert .wp-notes-widget-date {
	font-size: 11px;
	text-align: right;
	margin-top: 1px;
}


.footnotes-text li::marker {
  content: "[" counter(list-item) "]\00a0";
  text-align: left;
  color: darkblue;
}

div.footnotes-text li{
	margin-left: -1em;
}

  /*****************************/
 /***      Workarounds      ***/
/*****************************/

.proj_img {
	display: none !important;
}

/********************/

.next {
	background: rgb(248, 223, 175);
	text-decoration: underline red;

}