/*
Theme Name: Kunstpartner 2019
Theme URI: http://www.kunstpartner.com
Author: Leaky Studio
Author URI: http://leakystudio.com


*/
html,
body {
    color: #333333;
    font-family: "Crimson Text", serif;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.5em;
    margin: 0px;
    padding: 0px;
}
html,body { height:100%; }
* html {
height: 100%;
}
body {
    background: white;
}
.rtalign {
	text-align: right;
}
.right_nav {
	font-size: 1.05em;
	margin-top: 1.5em;
	opacity: 0.2;
	font-family: 'Roboto';
}

.nav-mobile {
	cursor: pointer;
	font-size:20px;
	color:#000;
	top: 15px;
	left:6%;
	position:absolute;
	display:none;
	text-align: left;
	width: auto;
}

#header {
	height:62px;
	margin:0 0 0px 0px;
	padding:0em;
	background-color: rgba(255,255,255,0.9);
	z-index: 9;
	position: fixed;
	top: 0;
	left: 0;
	width: calc(100% - 0em);
}

.hover {
	text-decoration: none;
}
h2, h3, h4, h5, h6 {
	font-weight: 400;
}
h6{
	font-family: 'Arial', sans-serif;
    font-size: 0.6em;
    opacity: 0.5;
    line-height: 1.3;
    text-transform: uppercase;
    margin: 0em 0 0;
}
h1.site-logo {
	font-size: 0.9em;
	padding-left: 1.5em;
	margin: 1.5em 0 0;
	font-weight: 400;
	font-family: 'Roboto';
}
.page-id-9 .article_content h3 {
	margin-top: 2em;
	margin-bottom: 0;
	font-weight: 400;
	font-size: 1.2em;
}
.op_50 {
	opacity: 0.5;
}
h3.label {
	margin-top: 0;
	font-family: 'Roboto';
	font-size: 0.95em;
	line-height: 1.3;
	margin-bottom: 1.4em;
}
.page_top_home {
margin-top: 5.0em;	
font-size: 1.05em;
}
.page_top {
margin-top: 3.5em;
font-size: 1.05em;	
}
.side_left {
	margin-top: 5em;
	font-size: 1.05em;
	padding: 0 1.5em;
}

#page {
	margin:0;
	height: 100%;
    min-height: 100%;
}
.page_content {
	height: 100%;
    min-height: 100%;
    width: 100%;
}
.nav {
	width: calc(100% - 1.5em);
	background-color: rgba(255,255,255,0.9);
}
.grid:after, .clearfix {
	content: "";
	display: table;
	clear: both;	
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.article_content ul {
	margin: 0em;
	padding: 1em;
	font-size: 0.95em;
}
.article_content li {
	margin-bottom: 0.5em;
	position: relative;
}
.page ul.archive_list li ul li:before
ul.archive_list {
	font-size: 1.1em;
	margin-right: 1.5em;
	width: calc(100% - 1.5em);
}
ul.archive_list li {
	margin-bottom: 3em;
}
.full_abstract {
	display: none;
}
.article_content p.caption {
	font-style: italic;
	font-size: 0.75em;
	margin: 0.5em 0;
	opacity: 0.6;
}
.portrait_image {
	float: left;
	margin: 0 1em 1em 0;
	width: 100%;
	max-width: 250px;
}
.portrait_image img {
	width: 100%;
	max-width: 100%;
	height: auto;
	display: block;
}
.post-type-archive-media-press .date-pad span,
.post-type-archive-conferences .date-pad span,
.post-type-archive-research .date-pad span,
.post-type-archive-teaching .date-pad span,
.post-type-archive-teaching .date-pad .link_holder,
body.tag .grid-item-25.date-pad .link_holder,
body.tag .grid-item-25.date-pad span,
.post-type-archive-conferences .date-pad .link_holder,
.post-type-archive-research .date-pad .link_holder,
.post-type-archive-media-press .date-pad .link_holder,
.post-type-archive-media-press p.list_author {
	font-size: 1.1em;
	line-height: 1;
}
.post-type-archive-conferences p.list_author {
	margin-top: 0.3em;
}

.post-type-archive-media-press ul.archive_list h3 {
	margin-bottom: 0.1em;
}
.post-type-archive-media-press ul.archive_list h3.list_subtitle {
margin-top: 0em;
}

.post-type-archive-media-press ul.archive_list p.list_author {
	margin-top: 0.2em;
}
.post-type-archive-conferences ul.archive_list li,
.post-type-archive-media-press ul.archive_list li{
margin-bottom: 1.5em;
	}
ul.tags li {
	line-height: 1.15;
	margin-bottom: 0.4em;
}
ul.tags a {
	color: #00cccc;
	transition: all 0.2s ease-in-out;
	opacity: 1;
}
ul.tags a:hover {
opacity: 1;
color: #000;
}
ul.archive_list li:hover figure.pub_image img {
	filter: grayscale(0);
	}
p.list_author {
	font-size: 1em;
	margin-top: 0.5em;
	line-height: 1.25;
	margin-bottom: 0;
}
.collab p {
	font-size: 1em;
	margin-top: 0.3em;
	margin-bottom: 0;
	font-style:italic;
	opacity: 0.6;
}
ul.side_list li {
	position: relative;
	margin-bottom: 0.6em;
}
ul.side_list li p {
	margin: 0;
	line-height: 1.2;
}
ul.side_list li:before{
	position: absolute;
    width: 0.8em;
    opacity: 0.5;
    top: -3px;
    left: -0.8em;
    content: "–";
}
.de_bio {
	margin-top: 8em;
}
.en_bio {
	margin-top: 0.5em;
	font-style: italic;
}
.side_right_content {
	opacity: 0.5;
	font-size: 1.05em;
	display: none;
}
.column_label h3.label {
	opacity: 0.5;
}
.side_right_content p {
	font-size: 0.95em;
	line-height: 1.25;
}
.abstract {
	font-size: 0.9em;
}
.article_content .abstract {
	font-size: 1em;
}
.biblio {
font-size: 0.75em;
	}
.abstract p:first-child{
	margin-top: -0.3em;
    line-height: 1.35;
}
.single-publications .abstract p:nth-child(2){
	margin-top: -0.3em;
	}
.biblio p:first-child {
	margin-top: 0em;
    line-height: 1.35;
}
ul.article_tags {
	font-family: 'Arial', sans-serif;
	font-size: 0.6em;
	line-height: 1.1;
	padding: 0 1.5em 0 0;
}
ul.archive_list ul.article_tags li {
	margin-bottom: 0.8em;
	padding-right: 1.8em;
}
ul.article_tags a {
color: #00cccc;
	}
a.block_more {
	color: #00cccc;
}
.collab p {
	font-size: 1em;
	line-height: 1.3;
}
ul.archive_list h4 {
	margin: -0.5em 0 0 0;
	font-size: 1.05em;
	line-height: 1.2;
}
ul.pub_archive {
	margin-top: 4.8em;
}
.cattype {
	opacity: 0.3;
	margin: -0.5em 0 0.5em;
}
.single-research .article_content {
padding-right: 1.25em;
	}
.article_content {
	margin-top: 4.8em;
	padding-right: 1.5em;
	padding-bottom: 2em;
	font-size: 1.1em;
}
.article_content p {
	font-size: 0.95em;
}
ul.header_subnav {
	display: flex;
	font-family: 'Roboto';
	font-size: 0.95em;
	position: fixed;
	background-color: rgba(255,255,255,0.9);
	z-index: 3;
	width: calc(100% - 1.5em);
}
.embed-container { 
		position: relative; 
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
		max-width: 100%;
		height: auto;
	} 
.embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
ul.header_subnav li a {
	
	color: #000;
	opacity: 1;
}
.single-publications ul.header_subnav li.current,
.tax-publication-type ul.header_subnav li.current {
	opacity: 1;
}
.single-publications ul.header_subnav li,
.tax-publication-type ul.header_subnav li {
opacity: 0.3;
}
ul.header_subnav li.current {
	padding-top: 1.5em;
	opacity: 1;
}
ul.header_subnav li {
	margin-right: 1.5em;
	margin-top: 0em;
	opacity: 0.3;
	transition: all 0.2s ease-in-out;
}
ul.header_subnav li:last-child {
	margin-right: 0;
}
ul.menu.nav-list li a {
	opacity: 0.3;
}
body.home ul.menu.nav-list li a,
body.tag ul.menu.nav-list li a,
body.post-type-archive-publications ul.menu.nav-list li.pub a,
body.tax-publication-type ul.menu.nav-list li.pub a,
body.single-publications ul.menu.nav-list li.pub a,
body.post-type-archive-media-press ul.menu.nav-list li.media a,
body.single-media-press ul.menu.nav-list li.media a,
body.post-type-archive-conferences ul.menu.nav-list li.conferences a,
body.single-conferences ul.menu.nav-list li.conferences a,
body.post-type-archive-research ul.menu.nav-list li.research a,
body.single-research ul.menu.nav-list li.research a,
body.post-type-archive-teaching ul.menu.nav-list li.teach a,
body.single-teaching ul.menu.nav-list li.teach a,
body.page-id-3110 ul.menu.nav-list li.consult a,
body.page-id-9 ul.menu.nav-list li.about a,
body.page-id-10 .side_right .right_nav:first-child,
body.page-id-18 .side_right .right_nav:nth-child(2){ 
	opacity: 1;
}
ul.menu.nav-list {
	display: flex;
	font-family: 'Roboto';
	font-size: 1.05em;
	width: 100%;
	margin: 1.5em 0 0;
    justify-content: space-between;
} 
.blue {
	color: #00cccc;
}
.post-type-archive-conferences ul.archive_list li:hover .title_high {
	background-image: none;
}
ul.archive_list li:hover .title_high {
	background-image: url(images/title_highlight.png);
	background-repeat: repeat-x;
	background-position: 8px;
}
.date-pad.grid-item-25 {
	width: calc(25% - 1em);
	font-size: 0.9em;
}
body.tag .date-pad {
	padding-top: 1.1em;
}
.date-pad {
	padding-right: 1em
}
.title_high {
	transition: all 0.2s ease-in-out;
	background-position: 8px;
}
ul.archive_list h3.list_subtitle,
.article_content h3.list_subtitle{
	margin-top: -0.5em;
}
h3.label.marg-top {
	margin-top: 5em;
}
body.tag ul.archive_list h3 {
	margin-top: -0.0em;
}
body.tag ul.archive_list h3.list_subtitle {
	margin-top: -0.5em;
}
.article_content h3.list_subtitle {
	font-size: 1.3em;
	margin-top: -0.5em;
    font-weight: 400;
    margin-bottom: 0.5em;
    line-height: 1.1;
}
.body_text p:first-child {
	margin-top: 0;
}
ul.archive_list h3,
.article_content h1 {
	margin-top: -0.1em;
    font-size: 1.3em;
    max-width: 450px;
    font-weight: 400;
    margin-bottom: 0.5em;
    line-height: 1.1;
}
p.list_abstract, .full-content p {
	font-size: 0.9em;
	margin-bottom: 0;
	margin-top: 0.7em;
	line-height: 1.3;
}
p.list_publication {
	margin-top: 0;
	margin-bottom: 0.5em;
	line-height: 1.2;
	font-size: 1em;
}
figure.pub_image img{
	margin: 0 1em 0.6em 0;
	width: calc(100% - 1em);
	max-width: calc(130px - 1em);
	height: auto;
	filter: grayscale(1);
	display: block;
	-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.2);
	transition: all 0.2s ease-in-out;
}
figure.logo_image img{
	width: 100%;
	max-width: 100%;
	margin: 0em 0 0.5em;
}
figure {
	margin: 0;
	padding: 0;
}
.side_list li a p{
	opacity: 0.5;
}
.side_list li a:hover p{
	opacity: 0.7;
}
.op50 {
	opacity: 0.5;
}
.title_block {
	margin-bottom: 1em;
}
.next_post a {
	background-image: url(images/single_prev.svg);
	background-repeat: no-repeat;
	padding-left: 60px;
	background-position: left 3px;
	color: #b3b3b3;
}
.prev_post a {
	background-image: url(images/single_next.svg);
	background-repeat: no-repeat;
	padding-right: 60px;
	background-position: right 3px;
	color: #b3b3b3;
}
.next_post {
	float: left;
    width: calc(50% - 0em);
    padding-left: 0em;
}
.pubname p{
	padding-left: 1.5em;
    padding-top: 0.1em;
}
a.online {
	display: inline-block;
	margin-bottom: 0.7em;
	font-size: 0.9em;
}
p.list_doi a, a.online, a.ext {
	border-bottom: solid 2px #00cccc
}
.link_holder {
margin-top: 0.0em;
}
a.ext {
	display: inline-block;
}
p.list_doi {
	margin-top: 0;
	margin-bottom: 0.5em;
}
.prev_post {
	float: right;
    width: calc(50% - 1.5em);
    text-align: right;
    padding-right: 1.5em;
}
.single_foot {
	padding-bottom: 2.5em;
}
embed,
iframe,
object,
video {
	margin-bottom: 0;
	max-width: 100%;
	width:100%;
}
.lazy {
    -webkit-transition: opacity 500ms ease-in-out;
    -moz-transition: opacity 500ms ease-in-out;
    -o-transition: opacity 500ms ease-in-out;
    transition: opacity 500ms ease-in-out;
    max-width: 100%;
    opacity: 0;
    -webkit-transform: translate3d(0,0,0);
}
.lazy.b-loaded {
    opacity: 1;
}
a {
	text-decoration:none;
	outline:none;
	color: #000;
	position:relative;
text-decoration:none;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
transition:all 0.2s ease}

a:hover {
	text-decoration:none;
	outline:none;
}
[class*='grid-item-'] {
  float: left;
}


a[href$=".PDF"], a[href$=".pdf"] {
	padding: 2px 0px 2px 14px;
	background: url(images/pdf_icon.png) left center no-repeat;
}
.mobonly {
	display:none !important;
}

.side_right.grid-item-25 {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 10;
	width: calc(70% - 0em);
	padding: 0em;
}

/* end hide */

@media only screen and (min-device-width: 240px) and (max-device-width: 599px) {
/* iPhone 5 CSS styles */
h1.site-logo {
padding-left: 0.8em;
font-size: 1.25em;
margin: 1.1em 0 0;
}
.page_top_home {
    margin-top: 5.0em;
    font-size: 1.00em;
}
p.list_publication {
	font-size: 1.05em;
}
h6 {margin-top: 0.5em}
p.list_author {
    font-size: 1.05em;
}
button:focus {
	outline: none;
}
.dt_only, .single ul.header_subnav {display: none;}


.hamburger {
  padding: 9px 0px;
  display: inline-block;
  cursor: pointer;
  position: absolute;
  right: 1.0em;
    top: 0.8em;
    z-index: 9999;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.7; }

.hamburger-box {
  width: 30px;
  height: 18px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 30px;
    height: 1px;
    background-color: #000;
    border-radius: 0px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -9px; }
  .hamburger-inner::after {
    bottom: -9px; }







/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Spin Reverse
   */
.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin-r .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin-r .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }
#header .grid-item-25,
#header .grid-item-50 {
	float: left;
	width: 50%;
}
.article_content ul {
    font-size: 1.1em;
}
.mobonly {
	display: block !important;
}
ul.archive_list h3, .article_content h1 {
	font-size: 1.25em;
}
.page-title h1 a {
	color: #00cccc;
}
.page-title h1 {
	margin-top: 0;
    position: fixed;
    z-index: 9;
    font-style: italic;
    top: 1.15em;
    line-height: 1.2;
    left: 130px;
    font-size: 1.25em;
    font-weight: 400;
    padding-left: 1em;
}
ul.tags a {
    opacity: 1;
    font-size: 1.25em;
}
h3.label {
    font-size: 1.25em;
    }
.article_content {
    margin-top: 5.2em;
    padding-right: 1.0em;
    padding-left: 1em;
    padding-bottom: 2em;
    font-size: 1.0em;
}
ul.article_tags_mobile {
	margin: 0 0 0.5em 0;
	padding: 0;
	line-height: 1.3;
}
ul.article_tags_mobile li {
	margin: 0;
	padding: 0;
	color:#00cccc;
	text-indent: none;
	display: inline-block;
}
ul.article_tags_mobile li a {
	color:#00cccc;
}
ul.article_tags_mobile li:after {
	content: ", ";
	white-space: pre;
}
ul.article_tags_mobile li:last-child:after {
	content: "";
}
a.online, a.ext {
    font-size: 1.1em;
}
ul.header_subnav li.current {
    padding-top: 0em;
}
ul.header_subnav {
    display: block;
    position: fixed;
    top: 3.6em;
    background-color: rgba(240,240,240,0.9);
    z-index: 3;
    padding: 0.7em 1em 0.2em;
    width: calc(100% - 2em);
}
.post-type-archive-research ul.pub_archive,
.post-type-archive-teaching ul.pub_archive{
margin-top: 1em;
}
.post-type-archive-media-press ul.pub_archive {
	margin-top: 3.2em;
}
ul.pub_archive {
    margin-top: 5.8em;
}
ul.header_subnav li {
    margin-right: 0.8em;
    opacity: 0.3;
    display: inline-block;
    line-height: 1;
    margin-bottom: 0.7em;
    }
ul.header_subnav li:last-child {
	margin-right: 0;
}
ul.header_subnav li.current {
	opacity: 1;
}
.post-type-archive-media-press .date-pad span, .post-type-archive-conferences .date-pad span, .post-type-archive-research .date-pad span, .post-type-archive-teaching .date-pad span, .post-type-archive-teaching .date-pad .link_holder, body.tag .grid-item-25.date-pad .link_holder, body.tag .grid-item-25.date-pad span, .post-type-archive-conferences .date-pad .link_holder, .post-type-archive-research .date-pad .link_holder, .post-type-archive-media-press .date-pad .link_holder, .post-type-archive-media-press p.list_author {
    font-size: 1.1em;
    line-height: 1;
}
h3.label.marg-top {
    margin-top: 1em;
}
h3.label {
margin-bottom: 0.7em;
}
ul.menu.nav-list {
    display: block;
    column-count: 2;
    font-size: 1.25em;
    width: calc(100% - 2em);
    padding: 0 0.8em;
   	margin: 0.65em 0 0.65em;
    justify-content: space-between;
}
body.home .side_left,
body.tag .side_left {
	display: block;
}
.side_right.grid-item-25 {
    position: fixed;
    z-index: 0;
    height: calc(75vh - 0px);
    width: calc(100% - 2em);
    padding: 0 1em;
    background-color: #ededed;
}
.side_right_content {
	display: block;
	font-size: 1.0em;
}
.article_content p {
    font-size: 1.1em;
}
.article_content h3.list_subtitle {
    font-size: 1.25em;
    }

.article_content h3.list_subtitle {
    margin-top: -0.2em;
}
.side_right .right_nav {
	display: none;
}
.de_bio {
    margin-top: 1em;
}
.side_left {
	display: none;
}
ul.side_list {
	margin: 0 0 0 0.8em;
}
ul.side_list li {
    font-size: 1.1em;
}
ul.pub_archive {
    padding: 0 1em;
    }
.page_top {
   margin-top: 0em;
   width: 100%;
    background-color: #FFF;
    position: relative;
    margin-bottom: calc(75vh - 0px);
    z-index: 3;
    padding-bottom: 20px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 2px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 2px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 2px;
    }
.post-type-archive .page_top {
    margin-top: 3.8em;
    }
ul.menu.nav-list li {
	margin-bottom: 0.7em;
}
.prev_post {
    width: calc(50% - 1.0em);
    padding-right: 1.0em;
}
.next_post {
    width: calc(50% - 1.0em);
    padding-left: 1.0em;
}
.post-type-archive-research ul.archive_list .grid-item-25,
.post-type-archive-teaching ul.archive_list .grid-item-25,
.post-type-archive-media-press ul.archive_list .grid-item-25,
.article_content .grid-item-25{
	width: calc(30% - 1em);
}
.portrait_image {
    float: none;
    margin: 0 0em 1em 0;
    width: 100%;
    max-width: 100%;
}
.single-publications .article_content .grid-item-75.abstract {
    width: 100%;
}
.article_content .grid-item-25.mob_cover {
	width: calc(40% - 0.5em);
}
.article_content .title_block .grid-item-75 {
    width: 60%;
}
figure.pub_image img {
    margin: 0 0.8em 0.0em 0;
    width: calc(100% - 0.8em);
    max-width: calc(150px - 0.8em);
    }
.article_content .title_block .grid-item-25.pubname {
	padding-left: 1em;
}
.post-type-archive-conferences a.ext {
    font-size: 1.0em;
}
.post-type-archive-conferences .link_holder {
margin-top: 0.5em;
}
.tag ul.archive_list .taglabel .grid-item-50:first-child {
	width: 35%;
	float: left;
}
.tag ul.archive_list .taglabel .grid-item-50:nth-child(2) {
	width: 65%;
	float: left;
}
ul.archive_list .grid-item-25 {
	width: 30%;
}
ul.archive_list .grid-item-75,
.article_content .grid-item-75{
	width: 70%;
}
.date-pad {
    padding-right: 0.4em;
}
.post-type-archive-conferences ul.pub_archive {
    margin-top: 3.4em;
}
.tag ul.archive_list .grid-item-75,
.post-type-archive-conferences ul.archive_list .grid-item-75{
	width: calc(70% - 0.4em);
}
.column_label h3.label.is-active {
    opacity: 1;
}
.nav.is-active {
	left: 0%;
}
ul.menu.nav-list li a {
    opacity: 0.6;
}
ul.menu.nav-list li a {
	color: #FFF;
}
#header {
    height: 50px;
    padding-bottom: 10px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 2px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 2px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 2px;
    background-color: rgba(255,255,255,0.95);
    z-index: 20;
    }
.nav {
	position: fixed;
	transition: all 0.3s ease-in-out;
	background-color: rgba(0,204,204,0.95);
    left: -100%;
    top: 3.8em;
    z-index: 10;
    width: 100%;
}
.side_left {
    background-color: #FFF;
    font-size: 1.00em;
    position: relative;
    padding: 0 1.0em;
    width: calc(100% - 2em);
    z-index: 9;
    margin-top: 4.5em;
}
.tags.is-active {
left: 0;	
}
.tags {
	left: -100%;
	padding: 0 1em;
	transition: all 0.3s ease-in-out;
	position: absolute;
    width: calc(100% - 2em);
    z-index: 5;
    background-color: rgba(255,255,255,0.95);
}
.page_top_home {
    margin-top: 0em;
    padding: 0 1em;
    background-color: #FFF;
    position: relative;
    margin-bottom: calc(75vh - 0px);
    z-index: 3;
    padding-bottom: 20px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 2px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 2px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 2px;
    }

}


/**
 * 14.1 - >= 710px
 */
@media screen and (min-width: 600px) {
.grid-item-16 {
	width: 16.666%;	
}
.foot_stick {
	position: absolute;
	bottom: 1.1em;
	width: calc(100% - 3em);
}
#header .grid-item-50 {
	width: 70%;
}
#header .grid-item-25 {
	width: 30%;
}

.grid-item-20 {
	width: 20%;	
}
.grid-item-60 {
	width: 60%;	
}
.grid-item-40 {
	width: 40%;	
}

.grid-item-25 {
	width: 25% ;
}

.grid-item-30 {
	width: 30%;	
}

.grid-item-33 {
	width: 33.333%;
}

.grid-item-50 {
	width: 50%;
}

.grid-item-66 {
	width: 66.666%;
}

.grid-item-70 {
	width: 70%;	
}

.grid-item-75 {
	width: 75%;	
}
.grid-item-80 {
  width: 80%; 
}

.grid-item-100 {
	width: 100%;	
}
.archive_list .grid-item-25,
.article_content .grid-item-25 {
	width: calc(130px - 1em);
}
.archive_list .grid-item-75,
.article_content .grid-item-75 {
	width: calc(100% - 1.5em - 130px);
}
.grid-item-50.page_top, .grid-item-50.page_top_home {
	margin-left: 30%;
	width: 70%;
}

.side_left.grid-item-25 {
	width: calc(30% - 3em);
	position: fixed;
	z-index: 2;
	left: 0;
}
}


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

}
@media screen and (min-width: 1100px) {
	.side_right.grid-item-25 {
	position: fixed;
	right: 0;
	z-index: 10;
	width: calc(25% - 3em);
	padding: 0 1.5em;
	min-height: 100vh;
	background-color: #f2f2f2;
}
.side_right_content {
display: block;	
font-size: 1.1em;
}
.page_top_home {
margin-top: 5.0em;	
font-size: 1.1em;
}
.archive_list .grid-item-25 {
	width: calc(150px - 0em);
}
.article_content .grid-item-25 {
	width: calc(25% + 1em);
}
.article_content .grid-item-75 {
	width: calc(75% - 1em - 0px);
}
.single-research .article_content .grid-item-25 {
	width: 25%;
}
.single-research .article_content .grid-item-75 {
	width: 75%;
}
body.tag .archive_list .grid-item-75 {
width: calc(100% - 2.2em - 150px);	
}
.archive_list .grid-item-75 {
	width: calc(100% - 2em - 150px);
}
figure.pub_image img {
max-width: calc(150px - 1em);
}
.single-publications figure.pub_image img {
max-width: calc(100% - 1em);
}
.page_top {
font-size: 1.1em;	
}
.side_left {
	font-size: 1.1em;
	}
h1.site-logo {
font-size: 1.05em;
}
ul.menu.nav-list {
    display: flex;
    font-size: 1.05em;
    }
.grid-item-50.page_top, .grid-item-50.page_top_home {
	margin-left: 25%;
	width: 50%;
}
#header .grid-item-50 {
	width: 50%;
}
#header .grid-item-25 {
	width: 25%;
}

.side_left.grid-item-25 {
	width: calc(25% - 3em);
	position: fixed;
	z-index: 2;
	left: 0;
}

}
@media screen and (min-width: 1400px) {
.side_left.grid-item-25, #header .grid-item-25 {
	width: calc(290px - 3em);
}
.grid-item-50.page_top, .grid-item-50.page_top_home {
    margin-left: 290px;
    width: calc(100% - 580px - 3em);
}
#header .grid-item-50 {
	width: calc(100% - 580px - 3em);
	margin-left: 3em;
}
ul.pub_archive {
    margin-top: 6.2em;
}
.side_right.grid-item-25 {
    width: 290px;
	}
.side_left, .page_top_home {
    margin-top: 6em;
}
.de_bio {
    margin-top: 9em;
}
ul.archive_list h3, .article_content h1 {
    font-size: 1.5em;
    max-width: 550px;
    }
p.list_author {
    font-size: 1.1em;
}
.article_content {
    margin-top: 5.4em;
    }
p.list_abstract, .full-content p, p.list_publication {
    font-size: 1em;
    }
.side_right_content p {
    font-size: 1em;
}
.page_top {
    margin-top: 3.5em;
    }
h3.label.marg-top {
    margin-top: 6em;
}
ul.header_subnav li.current {
    padding-top: 2.5em;
    }
}