@charset "UTF-8";
/*!
Theme Name: Textile Lab
Theme URI: http://underscores.me/
Author: Viabold
Author URI: https://www.viabold.com
Description: Custom theme developed from the ground up for TextileLab
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: textilelab
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Textile Lab is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
  color: #353535;
  font-family: sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
  clear: both;
}

h1.entry-title {
  font-family: aktiv-grotesk, sans-serif;
  font-size: 40px;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 48px;
}

p {
  margin-bottom: 1.5em;
}

dfn, cite, em, i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
  border-left: 6px solid #ccc;
  padding-left: 12px;
  font-style: italic;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code, kbd, tt, var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem;
}

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark, ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

div.entry-content {
  font-family: freight-text-pro, serif;
  font-size: 21px;
  line-height: 1.52;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul, ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
  margin-top: 1em;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

ol.comment-list {
  list-style: none;
  margin-left: 0;
  padding-left: 16px;
}
ol.comment-list li.comment article.comment-body footer.comment-meta div.comment-metadata {
  font-size: 13px;
}
ol.comment-list li.comment article.comment-body footer.comment-meta div.comment-metadata a {
  color: #353535;
  text-decoration: none;
}
ol.comment-list li.comment article.comment-body footer.comment-meta div.comment-metadata a:hover {
  color: #353535;
  text-decoration: none;
}
ol.comment-list li.comment article.comment-body div.reply a.comment-reply-link {
  background-color: #06b574;
  color: #fff;
  padding: 8px 12px;
  border-radius: 2px;
}
ol.comment-list li.comment article.comment-body div.reply a.comment-reply-link:hover {
  text-decoration: none;
  background-color: #06b574;
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

header.site-header {
  background-color: #00aa66;
}

body.home header.site-header {
  margin-bottom: 0;
}

footer#site-footer {
  width: 100%;
  margin-top: 100px;
  background-color: #111;
  flex-grow: 1;
  padding: 48px 0;
}
footer#site-footer div.footer-wrapper {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  align-items: flex-end;
  flex-wrap: wrap;
}
footer#site-footer div.footer-wrapper div#uu-logo {
  width: 240px;
  height: 240px;
  background-image: url("media/logos/universiteit-utrecht.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
footer#site-footer div.footer-wrapper div#erc-logo {
  width: 360px;
  height: 240px;
  background-image: url("media/logos/eu-erc-logo-01.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
footer#site-footer div.footer-wrapper p#footer-copyright {
  color: #ddd;
  font-size: 10px;
  flex-basis: 100%;
  text-align: right;
  margin: 0;
  padding: 0 26px 0 0;
  display: none;
}

@media screen and (max-width: 768px) {
  footer#site-footer div.footer-wrapper {
    justify-content: center;
  }
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  border-color: #ccc #bbb #aaa;
}
button:active, button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
  border-color: #aaa #bbb #bbb;
}

button:focus {
  outline: 0;
}

div.comments-area input.submit,
input.wpcf7-form-control[type=submit] {
  background-color: #06b574;
  box-shadow: none;
  border: none;
  border-radius: 2px;
  color: #fff;
  padding: 12px 16px;
  font-size: 16px;
  cursor: pointer;
}
div.comments-area input.submit:hover,
input.wpcf7-form-control[type=submit]:hover {
  background-color: #06b574;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

form.search-form {
  margin: 0;
  padding: 0;
  position: relative;
}
form.search-form label {
  position: absolute;
  left: -9999px;
}
form.search-form input.search-field {
  border-radius: 0;
  background: transparent;
  color: #fff;
  border: 0;
  border-bottom: 1px solid #ddd;
  margin: 0;
  padding: 0 28px 0 0;
  width: 160px;
}
form.search-form input.search-field:focus {
  border-bottom-color: #fff;
}
form.search-form input.search-field::placeholder {
  text-transform: uppercase;
  color: #fff;
  font-size: 15px;
  font-family: "Roboto", sans-serif;
}
form.search-form input[type=submit] {
  cursor: pointer;
  position: absolute;
  margin: 0;
  padding: 0;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  background-color: transparent;
  border-radius: 0;
  border: 0;
  background-image: url("media/icons/search-strong.svg");
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center;
}

@media screen and (max-width: 1220px) {
  form.search-form {
    margin-right: 10px;
  }
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: #06b574;
  text-decoration: none;
}
a:visited {
  color: #06b574;
}
a:hover, a:focus, a:active {
  color: #06b574;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}
a:hover {
  text-decoration: underline;
}

div#breadcrumb-container {
  margin: 44px 0;
}
div#breadcrumb-container a, div#breadcrumb-container span {
  text-decoration: none;
  font-size: 14px;
  color: #555;
}
div#breadcrumb-container span {
  color: #888;
}

h2.entry-title a {
  text-decoration: none;
  color: #353535;
}
h2.entry-title a:visited, h2.entry-title a:active {
  color: #353535;
}
h2.entry-title a:hover {
  text-decoration: none;
  color: #06b574;
}

a.archive-read-more {
  margin: 0;
  display: none;
}

div.nav-links {
  display: block;
  margin: 32px 0;
  width: 100%;
  overflow: hidden;
}
div.nav-links div.nav-previous,
div.nav-links div.nav-next {
  max-width: 50%;
}
div.nav-links div.nav-previous {
  float: left;
}
div.nav-links div.nav-next {
  float: right;
  text-align: right;
}
div.nav-links div.nav-next:after {
  content: "→";
  color: #06b574;
}

a.publication-link {
  background-color: #fff;
  color: #06b574;
  text-decoration: none;
  margin: 16px 16px 16px 0;
  padding: 8px 16px;
  border-radius: 2px;
  display: inline-block;
  border: 1px solid #06b574;
}
a.publication-link:hover {
  background-color: #06b574;
  color: #fff;
}

div.date-posted, article.post div.entry-meta {
  font-size: 14px;
}
div.date-posted a.author, article.post div.entry-meta a.author {
  color: #353535;
}
div.date-posted a.author:hover, article.post div.entry-meta a.author:hover {
  color: #06b574;
  text-decoration: none;
}

div.nav-links {
  display: none;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
div#mobile-menu-container,
div#mobile-menu-toggle {
  display: block;
}

nav.site-navigation,
nav.mobile-site-navigation {
  display: none;
}

ul li::marker {
  display: none !important;
}

div#header-container {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
}
div#header-container div#site-logo {
  width: 112px;
  height: 64px;
  line-height: 64px;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  text-align: center;
  border: 1px solid #ddd;
}
div#header-container form.search-form {
  justify-self: end;
}

div#nav-container {
  background-color: #00aa66;
  height: 54px;
}
div#nav-container div.container div#nav-items-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
div#nav-container div.container div#nav-items-container nav.site-navigation#main-navigation {
  margin: 0;
  padding: 0;
}
div#nav-container div.container div#nav-items-container nav.site-navigation#main-navigation ul.menu#primary-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 15px;
}
div#nav-container div.container div#nav-items-container nav.site-navigation#main-navigation ul.menu#primary-menu li {
  margin: 0;
  padding: 0;
}
div#nav-container div.container div#nav-items-container nav.site-navigation#main-navigation ul.menu#primary-menu li:hover > a {
  background-color: #28bb77;
}
div#nav-container div.container div#nav-items-container nav.site-navigation#main-navigation ul.menu#primary-menu li a {
  display: block;
  text-decoration: none;
  padding: 0 16px;
  color: #fff;
  line-height: 54px;
}
div#nav-container div.container div#nav-items-container nav.site-navigation#main-navigation ul.menu#primary-menu li a:hover, div#nav-container div.container div#nav-items-container nav.site-navigation#main-navigation ul.menu#primary-menu li a:active {
  color: #fff;
}
div#nav-container div.container div#nav-items-container nav.site-navigation#main-navigation ul.menu#primary-menu li a:visited {
  color: #fff;
}
div#nav-container div.container div#nav-items-container nav.site-navigation#main-navigation ul.menu#primary-menu li:hover > ul.sub-menu, div#nav-container div.container div#nav-items-container nav.site-navigation#main-navigation ul.menu#primary-menu li.focus > ul.sub-menu {
  display: block;
}
div#nav-container div.container div#nav-items-container nav.site-navigation#main-navigation ul.menu#primary-menu li ul.sub-menu {
  display: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 1000;
  background-color: #28bb77;
}
div#nav-container div.container div#nav-items-container nav.site-navigation#main-navigation ul.menu#primary-menu li ul.sub-menu li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div#nav-container div.container div#nav-items-container nav.site-navigation#main-navigation ul.menu#primary-menu li ul.sub-menu li a {
  margin: 0;
  padding: 0 20px;
  text-align: left;
}
div#nav-container div.container div#nav-items-container nav.site-navigation#main-navigation ul.menu#primary-menu li ul.sub-menu li a:hover {
  color: #fff;
}
div#nav-container div.container div#nav-items-container nav.site-navigation#main-navigation .current_page_item > a,
div#nav-container div.container div#nav-items-container nav.site-navigation#main-navigation .current-menu-item > a,
div#nav-container div.container div#nav-items-container nav.site-navigation#main-navigation .current_page_ancestor > a,
div#nav-container div.container div#nav-items-container nav.site-navigation#main-navigation .current-menu-ancestor > a {
  background-color: #28bb77;
  color: #fff;
}

div#menu-icons-container {
  display: flex;
  height: 54px;
  align-items: center;
  margin-right: 16px;
}
div#menu-icons-container div#mobile-menu-toggle {
  overflow: hidden;
  height: 16px;
  width: 16px;
  cursor: pointer;
  padding: 16px;
}

div#mobile-menu-container {
  position: absolute;
  width: 100%;
  z-index: 100;
  background-color: #06b574;
  top: 54px;
}
div#mobile-menu-container nav.mobile-site-navigation ul.menu#primary-menu {
  list-style: none;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 24px 0 8px;
}
div#mobile-menu-container nav.mobile-site-navigation ul.menu#primary-menu li {
  width: 100%;
  position: relative;
}
div#mobile-menu-container nav.mobile-site-navigation ul.menu#primary-menu li a {
  display: block;
  padding: 8px 16px;
  color: #fff;
}
div#mobile-menu-container nav.mobile-site-navigation ul.menu#primary-menu li a:hover {
  text-decoration: none;
}
div#mobile-menu-container nav.mobile-site-navigation ul.menu#primary-menu li ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: none;
}
div#mobile-menu-container nav.mobile-site-navigation ul.menu#primary-menu li ul li {
  padding: 0 0 0 32px;
}
div#mobile-menu-container nav.mobile-site-navigation ul.menu#primary-menu li .mobile-submenu-toggle-container {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 12px;
}
div#mobile-menu-container nav.mobile-site-navigation ul.menu#primary-menu li .mobile-submenu-toggle-container .mobile-submenu-toggle-icon {
  background: url("media/icons/arrow-white.svg") no-repeat 50% 50%;
  background-size: 16px;
  width: 32px;
  height: 32px;
  transition: transform 0.16s ease;
}
div#mobile-menu-container nav.mobile-site-navigation ul.menu#primary-menu li .mobile-submenu-toggle-container .rotate90neg {
  transform: rotate3d(0, 0, 1, 90deg);
}

@media screen and (max-width: 960px) {
  div#nav-container {
    margin-left: 0;
  }
}
@media screen and (min-width: 960px) {
  div#mobile-menu-container,
div#mobile-menu-toggle {
    display: none;
  }

  nav.site-navigation#main-navigation {
    display: block;
  }
  nav.site-navigation#main-navigation ul.menu#primary-menu {
    display: flex;
  }
  div#nav-container div.container div#nav-items-container {
    justify-content: flex-start;
  }
}
/* Transformicon */
.lines-button {
  display: inline-block;
  transition: 0.25s;
  cursor: pointer;
  user-select: none;
  border-radius: 0;
  border: 0;
  padding: 0;
  line-height: 0;
  font-size: 1rem;
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.lines-button:focus {
  box-shadow: none;
  border: none;
}

.lines {
  display: inline-block;
  width: 1.5rem;
  height: 0.15rem;
  background: #fff;
  border-radius: 0;
  transition: 0.25s;
  position: relative;
  display: block;
  left: -8px;
  /*create the upper and lower lines as pseudo-elements of the middle line*/
}
.lines:before, .lines:after {
  display: inline-block;
  width: 1.5rem;
  height: 0.15rem;
  background: #fff;
  border-radius: 0;
  transition: 0.25s;
  position: absolute;
  left: 0;
  content: "";
  transform-origin: 0.1071428571rem center;
}
.lines:before {
  top: 0.375rem;
}
.lines:after {
  top: -0.375rem;
}

.lines-button.x.close .lines {
  /*hide the middle line*/
  background: transparent;
  /*overlay the lines by setting both their top values to 0*/
}
.lines-button.x.close .lines:before, .lines-button.x.close .lines:after {
  transform-origin: 50% 50%;
  top: 0;
  width: 1.5rem;
}
.lines-button.x.close .lines:before {
  transform: rotate3d(0, 0, 1, 45deg);
}
.lines-button.x.close .lines:after {
  transform: rotate3d(0, 0, 1, -45deg);
}

/* End Transformicon */
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
  padding: 16px;
}
.widget select {
  max-width: 100%;
}

section.widget h2 {
  font-weight: bold;
  font-size: 20px;
  font-family: "Roboto", sans-serif;
  color: #626262;
  position: relative;
}
section.widget div.latest-publications-container {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #d7d7d7;
}
section.widget div.latest-publications-container h3 {
  font-size: 14px;
  margin: 0;
  padding: 14px 0;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  color: #626262;
}
section.widget div.latest-publications-container h3 a {
  margin: 0;
  padding: 0;
  color: #212121;
  font-weight: 400;
  display: block;
}
section.widget div.latest-publications-container h3 a:hover {
  color: #06b574;
  text-decoration: none;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}

.post,
.page {
  margin: 0 0 1.5em;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 3em 0 0;
}
.page-content p,
.entry-content p,
.entry-summary p {
  font-size: 20px;
  line-height: 28px;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.container {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.push {
  margin-left: auto;
}

.page-banner {
  width: 100%;
  height: 280px;
  background-size: cover;
  background-repeat: no-repeat;
}

span.posted-on {
  font-size: 12px;
  font-weight: 100;
  text-transform: uppercase;
  color: #444;
}

/* Front Page */
#hero-container {
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
  height: calc(100vh - 54px);
  background-image: url("media/images/textilelab-hero-gradient.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  justify-content: center;
  align-items: center;
  color: #fff;
}
#hero-container .hero-text-container {
  margin: 16% 0 0 0;
  max-width: 1500px;
  z-index: 1000;
  padding: 20px;
  display: none;
  transition: margin 2000ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
#hero-container .hero-text-container .hero-title {
  font-family: "Playfair Display", serif;
  font-size: 52px;
  line-height: 52px;
  margin: 0;
  padding: 0 0 8px;
}
#hero-container .hero-text-container p {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  line-height: 22px;
  margin: 0 0 8px 0;
  padding: 0;
}
#hero-container .hero-text-container.move {
  margin: 32% 0 0 0;
}
#hero-container p.hero-image-credit {
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 1000;
  opacity: 0.3;
  font-size: 12px;
  bottom: 12px;
  right: 2%;
  font-family: "Roboto", sans-serif;
}

/*.dark-gradient {
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 85%);
  opacity: .85;
}*/
/*div.royalSlider#front-page-hero {
  display: none;
  width: 100%;
  height: 100vh;

  div.container {
    height: 100%;

    div.slide-content-container {
      position: absolute;
      bottom: 0;
      height: 26%;
      overflow: hidden;
      width: 100%;

      div.rsABlockLeft {
        padding: 16px;

        h2 {
          font-family: $font__merriweather;
          font-size: 52px;
          line-height: 52px;
          margin: 0;
          padding: 0 0 8px;
        }

        p {
          font-family: $font__roboto;
          font-size: 18px;
          line-height: 22px;
          margin: 0 0 8px 0;
          padding: 0;
        }

        a.link-box {
          display: inline-block;
          margin-top: 12px;
          padding: 8px 12px;
          background-color: transparent;
          border: 1px solid #fff;
          color: #fff;
          border-radius: 2px;
          transition: .2s ease;

          &:hover {
            border-color: $color__link-hover;
            background-color: $color__link-hover;
            text-decoration: none;
          }
        }
      }
    }
  }

  #slide-1 {
    background: #fff url("media/images/lmf-4198-001.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    &:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 85%);
      opacity: .85;
    }
  }
}*/
div#home-project-link-container {
  width: 100%;
  height: 80px;
  margin: 50px 0 50px 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  display: none;
}
div#home-project-link-container:before {
  content: "";
  position: absolute;
  top: 55%;
  left: 0;
  border-top: 1px solid #bababa;
  width: 100%;
  transform: translateY(-50%);
  z-index: 500;
}
div#home-project-link-container a#home-project-link {
  font-family: "Playfair Display", serif;
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  color: #666;
  padding: 0 12px;
  transition: all 0.2s ease;
  background-color: #fff;
  z-index: 1000;
}
div#home-project-link-container a#home-project-link:hover {
  color: #06b574;
  text-decoration: none;
}

ul#home-section-links {
  width: 100%;
  list-style-type: none;
  text-align: center;
  overflow: hidden;
  margin: 64px 0 0 0;
  padding: 0;
}
ul#home-section-links li.home-section-item {
  display: inline-block;
  width: 22%;
  float: left;
  margin: 0 4% 0 0;
  padding: 0;
}
ul#home-section-links li.home-section-item:hover a.image {
  transform: scale(1);
}
ul#home-section-links li.home-section-item a.image {
  display: block;
  height: 200px;
  width: 100%;
  background-position: center;
  transform: scale(0.95);
  transition: transform 0.2s ease;
  margin-bottom: 32px;
}
ul#home-section-links li.home-section-item a.image:hover + a.text-link {
  border-bottom: 1px solid #ccc;
}
ul#home-section-links li.home-section-item a.text-link {
  border-bottom: 1px solid transparent;
  border-left: 0;
  border-right: 0;
  display: inline-block;
  transition: color 0.2s ease;
  color: #444;
}
ul#home-section-links li.home-section-item a.text-link:hover {
  text-decoration: none;
  border-bottom: 1px solid #ccc;
}
ul#home-section-links li.home-section-item a.text-link h2 {
  display: block;
  margin: 0;
  font-size: 24px;
  padding: 6px 16px;
  font-family: "Playfair Display", serif;
  text-align: center;
}
ul#home-section-links li.home-section-item:nth-last-child(1) {
  margin-right: 0;
}
ul#home-section-links li#research a.image {
  background-image: url("media/images/49878_jen_spinning_sm.jpg");
  background-repeat: no-repeat;
  background-size: contain;
}
ul#home-section-links li#publications a.image {
  background-image: url("media/images/79831_powerloom_sm.jpg");
  background-repeat: no-repeat;
  background-size: contain;
}
ul#home-section-links li#datasets a.image {
  background-image: url("media/images/loom_23245_sm-02.jpg");
  background-repeat: no-repeat;
  background-size: contain;
}
ul#home-section-links li#team a.image {
  background-image: url("media/images/cottongin_7803_sm.jpg");
  background-repeat: no-repeat;
  background-size: contain;
}

div#home-features-container {
  display: flex;
  width: 100%;
  height: 400px;
  margin: 80px 0 0 0;
}
div#home-features-container div.home-feature {
  background-color: #ccc;
  flex-grow: 1;
  position: relative;
}
div#home-features-container div#featured-image-container {
  cursor: default;
  overflow: hidden;
}
div#home-features-container div#featured-image-container div#image {
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  transition: transform 0.2s ease;
}
div#home-features-container div#featured-image-container:hover > div#image {
  transform: scale(1.1);
}
div#home-features-container div#featured-image-container:hover > div#featured-image-text-container {
  opacity: 1;
}
div#home-features-container div#featured-image-container div#featured-image-text-container {
  transition: opacity 0.2s ease;
  opacity: 0;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  padding: 24px;
}
div#home-features-container div#featured-image-container div#featured-image-text-container p#featured-image-title {
  height: 12%;
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  line-height: 28px;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
}
div#home-features-container div#featured-image-container div#featured-image-text-container div#featured-image-text {
  height: 88%;
}
div#home-features-container div#featured-image-container div#featured-image-text-container div#featured-image-text p {
  font-size: 20px;
  line-height: 25px;
  font-family: freight-text-pro, serif;
}
div#home-features-container div#featured-blog-container {
  margin-right: 0;
  position: relative;
  overflow: hidden;
}
div#home-features-container div#featured-blog-container:hover > div#text-container > a {
  max-height: 80px;
  padding: 8px 12px;
}
div#home-features-container div#featured-blog-container div#image {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
div#home-features-container div#featured-blog-container div#text-container {
  position: absolute;
  bottom: 0;
  height: auto;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  padding: 16px;
}
div#home-features-container div#featured-blog-container div#text-container h3#title {
  padding: 0;
  color: #fff;
  margin: 0;
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  line-height: 38px;
}
div#home-features-container div#featured-blog-container div#text-container a {
  transition: all 0.2s ease;
  display: inline-block;
  padding: 0 12px;
  margin: 8px 0 0;
  background-color: #06b574;
  color: #fff;
  max-height: 0;
  overflow: hidden;
}
div#home-features-container div#featured-blog-container div#text-container a:hover {
  text-decoration: none;
}

#home-latest-news-events-wrapper {
  display: flex;
  flex-wrap: nowrap;
  margin-top: 64px;
}
#home-latest-news-events-wrapper h2 {
  flex-grow: 1;
  font-size: 34px;
  font-weight: 100;
}
#home-latest-news-events-wrapper #home-latest-news-wrapper {
  flex-grow: 1;
  max-width: 50%;
}
#home-latest-news-events-wrapper #home-latest-events-wrapper {
  flex-grow: 1;
  max-width: 50%;
}

span.dashicons-calendar-alt {
  margin: 2px 4px 0 0;
  width: 20px;
  height: 20px;
  display: inline-block;
}
span.dashicons-calendar-alt::before {
  font-size: 20px;
}

.home-latest-inner-wrapper article {
  display: flex;
  padding: 24px 16px;
  border: 1px solid #eee;
}
.home-latest-inner-wrapper article a.post-thumbnail div.archive-featured-image {
  width: 120px;
  height: 80px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.home-latest-inner-wrapper article div.archive-content-wrapper {
  padding-left: 16px;
  padding-right: 16px;
}
.home-latest-inner-wrapper article div.archive-content-wrapper header.entry-header h3.entry-title {
  margin: 0;
  padding: 0;
}
.home-latest-inner-wrapper article div.archive-content-wrapper header.entry-header h3.entry-title a {
  color: #353535;
  font-size: 18px;
  line-height: 22px;
  margin: 0;
  padding: 0;
}
.home-latest-inner-wrapper article div.archive-content-wrapper div.entry-content {
  margin-top: 0;
}
.home-latest-inner-wrapper article div.archive-content-wrapper div.entry-content p.archive-excerpt {
  font-size: 14px;
  margin: 0;
  padding: 0;
  font-family: sans-serif;
}

div#front-page-content {
  min-height: 640px;
}

/* End Front Page */
/* Team pages */
/* Team page */
article.team-member {
  display: flex;
  align-items: flex-start;
  margin: 44px 0;
  padding: 0;
}
article.team-member div.team-member-photo {
  width: 150px;
  height: 150px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
article.team-member div.member-text-wrapper {
  width: 80%;
  padding: 0 0 0 24px;
}
article.team-member div.member-text-wrapper h2 {
  margin: 0;
  padding: 0;
}
article.team-member div.member-text-wrapper p {
  font-size: 16px;
  margin-top: 0;
}

/* End team page  */
/* Single team member*/
body.author header.page-header {
  display: flex;
}
body.author header.page-header div#author-image {
  width: 150px;
  height: 150px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 16px 16px 16px 0;
}
body.author header.page-header div#header-text-wrapper h1.page-title {
  margin: 8px 0;
  padding: 0;
}
body.author header.page-header div#header-text-wrapper div#author-contact-wrapper p {
  margin: 0;
  padding: 0;
}
body.author div#author-bio-wrapper {
  margin: 32px 0;
}
body.author div.author-site-content-wrapper {
  margin: 48px 0;
}
body.author div.author-site-content-wrapper h2 {
  margin: 0;
  padding: 0 0 16px 0;
}
body.author div.author-site-content-wrapper h3.year-title {
  margin: 24px 0 0 0;
  padding: 0;
  border-bottom: 1px solid #ccc;
  font-size: 16px;
}
body.author div.author-site-content-wrapper article {
  margin: 12px 0;
  padding: 4px 0;
}
body.author div.author-site-content-wrapper article a {
  margin: 0;
  padding: 0;
  color: #353535;
}
body.author div.author-site-content-wrapper article a:hover {
  text-decoration: none;
  color: #06b574;
}
body.author div.author-site-content-wrapper article a h4 {
  margin: 0;
  padding: 0;
  font-weight: bold;
}
body.author div.author-site-content-wrapper article p.author-list {
  margin: 4px 0 0 0;
  padding: 0;
  font-size: 14px;
  color: #5f5f5f;
  font-style: italic;
}
body.author div.author-site-content-wrapper article p.author-list span.blog-date {
  font-style: normal;
}

/* End single team member */
/* End team pages */
/* Events page */
#events-outer-wrapper {
  margin-top: 64px;
}
#events-outer-wrapper h2 {
  margin: 0;
  padding: 0;
  font-size: 34px;
  font-weight: 100;
}
#events-outer-wrapper #home-latest-events-wrapper {
  flex-grow: 1;
  max-width: 50%;
}

.events-inner-wrapper article {
  display: flex;
  padding: 24px 0;
  border-bottom: 1px solid #e0e0e0;
}
.events-inner-wrapper article a.post-thumbnail div.archive-featured-image {
  width: 120px;
  height: 80px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.events-inner-wrapper article div.archive-content-wrapper header.entry-header h3.entry-title {
  margin: 0;
  padding: 0;
}
.events-inner-wrapper article div.archive-content-wrapper header.entry-header h3.entry-title a {
  color: #353535;
  font-size: 18px;
  line-height: 22px;
  margin: 0;
  padding: 0;
}
.events-inner-wrapper article div.archive-content-wrapper div.entry-content {
  margin-top: 0;
}
.events-inner-wrapper article div.archive-content-wrapper div.entry-content p.archive-excerpt {
  font-size: 14px;
  margin: 0;
  padding: 0;
  font-family: sans-serif;
}

/* End events page */
/* News page */
div#news-outer-wrapper article {
  display: flex;
  padding: 24px 0;
  border-bottom: 1px solid #ddd;
}
div#news-outer-wrapper article a.post-thumbnail div.archive-featured-image {
  width: 120px;
  height: 80px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
div#news-outer-wrapper article div.archive-content-wrapper {
  padding-left: 16px;
  padding-right: 16px;
}
div#news-outer-wrapper article div.archive-content-wrapper header.entry-header h2.entry-title {
  margin: 0;
  padding: 0;
  line-height: 20px;
  margin-bottom: 4px;
}
div#news-outer-wrapper article div.archive-content-wrapper header.entry-header h2.entry-title a {
  color: #353535;
  font-size: 18px;
  line-height: 22px;
  margin: 0;
  padding: 0;
}
div#news-outer-wrapper article div.archive-content-wrapper div.entry-content {
  margin-top: 0;
}
div#news-outer-wrapper article div.archive-content-wrapper div.entry-content p.archive-excerpt {
  font-size: 14px;
  line-height: 22px;
  margin: 0;
  padding: 0;
  font-family: sans-serif;
}

/* End news page */
/* Global */
div.content-area#primary {
  width: 100%;
  float: left;
  padding: 0 16px;
}

aside.widget-area#secondary {
  width: 100%;
  float: left;
  padding: 0 16px;
  background-color: #efefef;
}

/* End global */
/* Page */
body.page-template-default div.page-banner,
body.single-dataset div.page-banner {
  width: 100%;
  height: 280px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
body.page-template-default h1.banner-title,
body.single-dataset h1.banner-title {
  position: absolute;
  top: 220px;
  left: 0;
  background-color: #fff;
  padding: 8px 24px;
  font-family: aktiv-grotesk, sans-serif;
  font-size: 40px;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 48px;
}

/* End Page */
/* Search results */
body.search-results article,
body.tax-keywords article {
  padding: 12px 0;
}
body.search-results article h2.entry-title,
body.tax-keywords article h2.entry-title {
  font-size: 18px;
  line-height: 24px;
  margin: 16px 0 8px 0;
  padding: 0;
}
body.search-results article div.entry-summary,
body.tax-keywords article div.entry-summary {
  margin: 0;
  padding: 0;
}
body.search-results article div.entry-summary p,
body.tax-keywords article div.entry-summary p {
  font-size: 16px;
  line-height: 22px;
}

/* End search results */
/* Books page */
div.book-cover-image {
  width: 100px;
  height: 150px;
  background-size: cover;
  float: left;
  margin-right: 12px;
}

/* End Books page */
/* Archives */
div.viabold-archive article {
  overflow: hidden;
  border-bottom: 1px solid #ddd;
  padding: 16px 0;
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
}
div.viabold-archive article div.archive-featured-image {
  margin-right: 16px;
  min-width: 150px;
  max-width: 20%;
  height: 100%;
  min-height: 120px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
}
div.viabold-archive article div.archive-content-wrapper {
  flex-grow: 1;
}
div.viabold-archive article div.archive-content-wrapper header.entry-header div.entry-meta {
  /*span.posted-on {
    font-size: 12px;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
  }*/
}
div.viabold-archive article div.archive-content-wrapper header.entry-header h2.entry-title {
  font-size: 20px;
  margin: 0;
  padding: 0;
}
div.viabold-archive article div.archive-content-wrapper div.entry-content {
  margin-top: 0;
}
div.viabold-archive article div.archive-content-wrapper div.entry-content p.archive-excerpt {
  margin: 0;
  padding: 0;
  font-family: aktiv-grotesk, sans-serif;
  font-size: 15px;
}

section.publication-years-section {
  margin-bottom: 32px;
  overflow: hidden;
}
section.publication-years-section p.publications-years-title {
  border-bottom: 1px solid #ccc;
  font-weight: bold;
}
section.publication-years-section article.publication-item {
  margin-bottom: 32px;
}
section.publication-years-section article.publication-item a.publication-item-link {
  display: block;
  color: #212121;
}
section.publication-years-section article.publication-item div.publication-controls-container {
  display: flex;
  flex-wrap: wrap;
  margin: 8px 0;
  flex-direction: row;
  justify-content: flex-start;
}
section.publication-years-section article.publication-item div.publication-controls-container button.abstract-toggle,
section.publication-years-section article.publication-item div.publication-controls-container a.publication-download,
section.publication-years-section article.publication-item div.publication-controls-container a.data-download {
  border: 1px solid #ccc;
  border-radius: 2px;
  background: none;
  box-shadow: none;
  font-size: 14px;
  color: #333;
  text-decoration: none;
  margin: 0 8px 0 0;
  padding: 0 12px;
  height: 32px;
  cursor: pointer;
  text-align: center;
  line-height: 32px;
  z-index: 10;
}
section.publication-years-section article.publication-item p.publication-abstract {
  display: none;
  min-width: 100%;
  flex-grow: 1;
  margin: 0;
  padding: 8px;
  z-index: 9;
  font-size: 14px;
}

/* Dataset archive */
article.dataset-item {
  border-bottom: 1px solid #ddd;
  margin: 16px 0 0 0;
  padding: 0 0 24px 0;
  /*p.posted-on {
    font-size: 14px;
    margin: 0;
    padding: 0;
  }*/
}
article.dataset-item a.publication-item-link {
  margin: 0;
  padding: 0;
  color: #353535;
}
article.dataset-item a.publication-item-link:hover {
  color: #06b574;
  text-decoration: none;
}
article.dataset-item a.publication-item-link h2 {
  font-size: 18px;
  margin: 8px 0;
  padding: 0;
}
article.dataset-item p.dataset-description {
  margin: 0;
  padding: 0;
  font-size: 14px;
}

/* End dataset archive */
/* End archives */
/* Archive blog */
body.page-template-archive-blog article header.entry-header h2.entry-title {
  font-size: 32px;
  line-height: 38px;
  margin-bottom: 8px;
}
body.page-template-archive-blog article header.entry-header a div.featured-image {
  width: 100%;
  height: 360px;
  background-size: cover;
  background-repeat: no-repeat;
}
body.page-template-archive-blog article div.entry-meta {
  margin: 8px 0;
}
body.page-template-archive-blog article .entry-content {
  margin-top: 0;
}
body.page-template-archive-blog article .entry-content p {
  margin-top: 0;
}

/* End archive blog */
/* Singles */
body.single h1.entry-title {
  font-size: 32px;
  line-height: 38px;
  margin-bottom: 0;
  padding-bottom: 24px;
  border-bottom: 1px solid #ddd;
}
body.single h2.single-subtitle {
  font-size: 20px;
  margin: 24px 0 0 0;
  padding: 0;
  font-family: aktiv-grotesk, sans-serif;
  border-bottom: 1px solid #ccc;
}
body.single div.entry-content {
  margin-top: 0;
}
body.single a.publication-pdf-link {
  background-color: #fff;
  color: #06b574;
  text-decoration: none;
  margin: 16px 16px 16px 0;
  padding: 8px 16px;
  border-radius: 2px;
  display: inline-block;
  border: 1px solid #06b574;
}
body.single a.publication-pdf-link:hover {
  background-color: #06b574;
  color: #fff;
}

body.single-book div.entry-content div.cover-image,
body.single-book_chapter div.entry-content div.cover-image {
  width: 150px;
  height: 200px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 12px 12px 12px 0;
  float: left;
}

body.single-publication h1.entry-title {
  border-bottom: 1px solid #ccc;
}
body.single-publication .doi-link {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
}
body.single-publication .term-list a {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
}

body.single-dataset div.entry-content ol {
  margin: 0 0 0 44px;
  padding: 0;
  font-family: sans-serif;
  font-size: 16px;
}
body.single-dataset div.entry-content ol li {
  margin: 16px 0;
  padding: 0;
}
body.single-dataset div.entry-content ol li p.dataset-description {
  margin: 0;
  padding: 0;
  font-size: 16px;
}

/* End singles */
.grecaptcha-badge {
  opacity: 0;
}

/* _____________________________________________________________________________________________________Media queries */
@media screen and (max-width: 360px) {
  body.author header.page-header {
    display: flex;
    flex-wrap: wrap;
  }
  body.author header.page-header div#author-image {
    width: 100%;
    height: 150px;
    padding: 33%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 16px 16px 16px 0;
  }
  body.author header.page-header div#header-text-wrapper {
    width: 100%;
  }
  body.author header.page-header div#header-text-wrapper h1.page-title {
    margin: 8px 0;
    padding: 0;
    line-height: 36px;
  }
  body.author header.page-header div#header-text-wrapper div#author-contact-wrapper p {
    margin: 0;
    padding: 0;
  }
}
@media screen and (max-width: 480px) {
  /* Archive blog */
  body.page-template-archive-blog article header.entry-header a div.featured-image {
    width: 100%;
    height: 280px;
    background-size: cover;
    background-repeat: no-repeat;
  }

  /* End archive blog */
  /* Archives */
  div.viabold-archive {
    width: 100%;
  }
  div.viabold-archive article {
    flex-wrap: wrap;
    width: 100%;
  }
  div.viabold-archive article a.post-thumbnail {
    width: 100%;
  }
  div.viabold-archive article a.post-thumbnail div.archive-featured-image {
    margin-right: 0;
    width: 100%;
    min-width: 100%;
    max-width: none;
    height: 100%;
    min-height: 200px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  /* End archives */
  /* Team page */
  article.team-member {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
  }
  article.team-member a {
    display: block;
    width: 100%;
  }
  article.team-member a div.team-member-photo {
    width: 100%;
    height: 120px;
    padding: 33%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex-grow: 1;
    margin-bottom: 16px;
  }
  article.team-member div.member-text-wrapper {
    flex-grow: 1;
    width: 100%;
    padding: 16px;
  }
  article.team-member div.member-text-wrapper h2 {
    margin: 0 0 8px 0;
    line-height: 28px;
    text-align: center;
  }
  article.team-member div.member-text-wrapper p {
    text-align: center;
  }

  /* End team page  */
}
@media screen and (max-width: 512px) {
  /* Front Page */
  div.royalSlider#front-page-hero div.container div.slide-content-container {
    position: absolute;
    bottom: 0;
    height: 50%;
  }
  div.royalSlider#front-page-hero #slide-1 {
    background: #fff url("media/images/lmf-4198-001.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }

  /* End Front Page */
}
@media screen and (min-width: 768px) {
  div.content-area#primary {
    width: 65%;
    float: left;
    padding: 0;
  }

  aside.widget-area#secondary {
    width: 30%;
    float: right;
    padding: 0;
  }
}
@media screen and (max-width: 1024px) {
  ul#home-section-links li.home-section-item {
    width: 48%;
    margin-bottom: 5rem;
  }
  ul#home-section-links li.home-section-item:nth-child(even) {
    margin-right: 0;
  }
}
@media screen and (max-width: 512px) {
  ul#home-section-links li.home-section-item {
    width: 100%;
    margin-right: 0;
  }
}
@media screen and (max-width: 1220px) {
  /* Global */
  div.content-area#primary,
div#breadcrumb-container {
    padding: 0 16px;
  }

  aside.widget-area#secondary {
    padding: 0 16px;
  }

  /* End global */
}
@media screen and (min-width: 1201px) {
  /* Front Page */
  div.royalSlider#front-page-hero div.container div.slide-content-container {
    position: absolute;
    bottom: 0;
    height: 26%;
  }
  div.royalSlider#front-page-hero #slide-1 {
    background: #fff url("media/images/lmf-4198-001.jpg");
    background-repeat: no-repeat;
    background-position: center -50px;
    background-size: cover;
  }

  /* End Front Page */
}
@media screen and (min-width: 1401px) {
  /* Front Page */
  div.royalSlider#front-page-hero div.container div.slide-content-container {
    position: absolute;
    bottom: 0;
    height: 26%;
  }
  div.royalSlider#front-page-hero #slide-1 {
    background: #fff url("media/images/lmf-4198-001.jpg");
    background-repeat: no-repeat;
    background-position: center -80px;
    background-size: cover;
  }

  /* End Front Page */
}
@media screen and (max-width: 640px) {
  div#home-features-container {
    flex-wrap: wrap;
    overflow: hidden;
    position: relative;
    height: auto;
  }
  div#home-features-container div#featured-image-container {
    width: 100%;
    flex-grow: 1;
    height: 320px;
  }
  div#home-features-container div#featured-blog-container {
    width: 100%;
    flex-grow: 1;
    height: 320px;
  }

  #home-latest-news-events-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-top: 64px;
  }
  #home-latest-news-events-wrapper h2 {
    flex-grow: 1;
    font-size: 34px;
    font-weight: 100;
  }
  #home-latest-news-events-wrapper #home-latest-news-wrapper {
    flex-grow: 1;
    max-width: 100%;
  }
  #home-latest-news-events-wrapper #home-latest-events-wrapper {
    flex-grow: 1;
    max-width: 100%;
  }
}
@media screen and (max-width: 480px) {
  div#home-features-container div#featured-image-container {
    width: 100%;
    margin-right: 0;
  }
  div#home-features-container div#featured-news-container {
    width: 100%;
    margin-right: 0;
  }
  div#home-features-container div#featured-blog-container {
    width: 100%;
    margin-right: 0;
  }

  .home-latest-inner-wrapper {
    width: 100%;
  }
  .home-latest-inner-wrapper article {
    display: flex;
    padding: 0;
    border: 1px solid #eee;
    border-left: 0;
    border-right: 0;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 32px;
  }
  .home-latest-inner-wrapper article a.post-thumbnail {
    width: 100%;
  }
  .home-latest-inner-wrapper article a.post-thumbnail div.archive-featured-image {
    width: 100%;
    flex-grow: 1;
    padding: 33%;
    background-size: cover;
  }
  .home-latest-inner-wrapper article div.archive-content-wrapper {
    padding: 16px;
  }
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

p.image-caption {
  font-size: 14px;
  margin: 0;
  padding: 0;
  color: #888;
  width: 100%;
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-columns-2 .gallery-item {
  max-width: 50%;
}
.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
  max-width: 25%;
}
.gallery-columns-5 .gallery-item {
  max-width: 20%;
}
.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

/*# sourceMappingURL=style.css.map */