@charset "UTF-8";
/* -*- mode: Scss -*- */
/* Time-stamp: "2020-06-05 16:56:50 sb" */
/*
  file       qss.scss
  copyright  (c) Sebastian Blatt 2018, 2019, 2020

*/
/* Top level style, relies on reset.css */
body {
  background-color: #ffffff;
  font-family: Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans;
  font-size: 20px;
  line-height: 1.5em;
  text-rendering: optimizeLegibility;
  font-kerning: normal;
  -moz-font-feature-settings: "kern";
  -webkit-font-feature-settings: "kern";
  font-feature-settings: "kern" 1;
  font-variant-ligatures: common-ligatures;
  -moz-font-feature-settings: "liga";
  -webkit-font-feature-settings: "liga";
  font-feature-settings: "liga" 1;
  font-variant-numeric: diagonal-fractions;
  -moz-font-feature-settings: "frac";
  -webkit-font-feature-settings: "frac";
  font-feature-settings: "frac" 1;
  font-variant-numeric: oldstyle-nums;
  -moz-font-feature-settings: "onum";
  -webkit-font-feature-settings: "onum";
  font-feature-settings: "onum" 1;
}

/* New standard HTML tags: header, nav, main, footer */
header {
  width: 100%;
}

/* Front-page: take up remaining height and put an HTML5 canvas
   element in the background to show an animation.
 */
header.intro {
  background-color: transparent;
  color: white;
  /* min-height: calc(100vh - 128px); */
  min-height: 27em;
  position: relative;
  margin-bottom: 1.5em;
}

header.intro canvas {
  width: 100%;
  height: 100%;
  z-index: -1;
  position: absolute;
  background-color: #000000;
}

header.intro p.block-center {
  margin-bottom: 0;
}

header.intro h1 {
  padding-top: 3em;
}

header.intro nav.srlab {
  background-color: transparent;
  position: absolute;
  top: 0px;
  width: 100%;
}

header.intro div.navitem-current {
  background-color: transparent;
}

header.intro div.navitem-current div.navitem-text {
  color: #ffffff;
}

header.introqss {
  background-color: black;
  background-image: url("/banner.jpg");
  background-repeat: no-repeat;
  background-position: center;
  color: white;
  /* min-height: calc(100vh - 128px); */
  min-height: 354px;
  margin-bottom: 1.5em;
}

header.introqss canvas {
  width: 100%;
  height: 100%;
  z-index: -1;
  position: absolute;
  background-color: #000000;
}

header.introqss p.block-center {
  margin-bottom: 0;
}

header.introqss h1 {
  padding-top: 3em;
}

header.introqss nav.srlab {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0px;
  width: 100%;
}

header.introqss div.navitem div.navitem-text {
  color: #eeeeee;
}

header.introqss div.navitem:hover {
  background-color: black;
}

header.introqss div.navitem-current {
  background-color: transparent;
}

header.introqss div.navitem-current div.navitem-text {
  color: #ffffff;
}

header.bloch {
  height: 100px;
  background-color: #000;
  background: linear-gradient(#454545, #000);
  font-family: Helvetica Neue, Helvetica, Arial, sans;
}

header.bloch div.logos {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 0px calc((100% - 960px) /2);
}

header.bloch a.logo {
  margin: 0 10px;
  padding-top: 10px;
}

div.divisions {
  font-size: 0.9em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: right;
  color: #ccc;
  margin-left: auto;
  margin-top: auto;
  padding-bottom: 0.2em;
}

div.divisions span.lmu {
  color: #ccc;
}

div.divisions span.mpq {
  color: #ccc;
}

main {
  width: 100%;
  max-width: 960px;
  margin: 0px auto;
}

footer {
  min-height: 3em;
  width: 100%;
  max-width: 960px;
  margin: 0px auto;
}

footer div.footernav {
  margin: 0px;
  max-width: 960px;
  width: 100%;
  margin-bottom: 1.5em;
  background-color: transparent;
}

hr {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

/* Paragraphs */
p {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  font-size: 1em;
  text-indent: 1.5em;
  padding-left: 40%;
}

p.noindent {
  text-indent: 0;
}

p.left {
  padding-left: 0;
  max-width: 60%;
}

p.left-noindent {
  padding-left: 0;
  text-indent: 0;
  max-width: 60%;
}

p.full {
  padding-left: 0;
  max-width: 100%;
}

p.full-noindent {
  padding-left: 0;
  text-indent: 0;
  max-width: 100%;
}

p.block-center {
  text-indent: 0;
  text-align: center;
  padding-left: 20%;
  padding-right: 20%;
  max-width: 60%;
  margin-bottom: 4.5em;
}

/* Problem with dropcaps: The letter height is not a multiple of the
   baseline skip, because of the usual font sizing issues. This means
   that we would need to change the margin/padding depending on the
   letter. Also, because float: left is required, the vertical
   alignment with the rest of the text is sketchy (baseline issue).
   The same issue arises when using a separate span around the first
   letter:

     https://webdesign.tutsplus.com/tutorials/better-css-drop-caps-with-initial-letter--cms-26350

   Currently, support for p::first-letter is non-existent, but would
   fix all of this nonsense.
*/
p.dropcap {
  text-indent: 0;
}

p.dropcap::first-letter {
  font-family: Lato, Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans;
  color: #0571b0;
  float: left;
  font-size: 3em;
  margin: 0;
  padding: 0.5em;
}

/* Sub- and superscripts are hacked on. The top/bottom shift should
   really be dependent on the letters (see TeX).

   Hah, but if we are using a good font, we can use OpenType features
   to render nicely!

      https://css-tricks.com/almanac/properties/f/font-feature-settings/
 */
sup {
  font-variant-position: super;
  -moz-font-feature-settings: "sups";
  -webkit-font-feature-settings: "sups";
  font-feature-settings: "sups" 1;
}

sub {
  font-variant-position: sub;
  -moz-font-feature-settings: "subs";
  -webkit-font-feature-settings: "subs";
  font-feature-settings: "subs" 1;
}

/* Because we are using CSS reset, this is not the default */
i, em {
  font-style: italic;
}

b, strong {
  font-weight: bold;
}

/* See

   https://practicaltypography.com/small-caps.html
*/
tt, code, abbr {
  font-variant: small-caps;
  text-transform: lowercase;
  letter-spacing: 0.6px;
  /* Requires a font with real small caps */
  /* font-feature-settings: "smcp" 1; */
}

/* Headings */
/* Total height: 4.5em because line-height is relative h1.font-size */
h1, h2, h3, h4 {
  clear: both;
  font-family: Lato, Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans;
  text-transform: uppercase;
  /* padding-left: calc(40% - 30px); */
}

h1 {
  font-size: 2em;
  line-height: 1.5em;
  margin-top: 0;
  margin-bottom: 1.5em;
}

h1.center {
  text-align: center;
}

h2, h3 {
  font-size: 1.5em;
  float: left;
  width: calc(40% - 1.5em);
}

h2 {
  border-top: 0.09375em solid #000000;
  padding-top: 0.1875em;
}

h2.center {
  border-top: none;
  text-align: center;
  float: none;
  width: 100%;
}

h3 {
  font-size: 1.125em;
  font-variant: small-caps;
  text-transform: lowercase;
  letter-spacing: 1px;
  text-align: right;
}

h4 {
  text-transform: none;
}

/* List environments */
ol, ul, dl {
  margin-top: -0.75em;
  margin-bottom: 2.25em;
  list-style: none;
  /* see below for custom marker */
  counter-reset: li;
  padding-left: 40%;
}

ol.left, ul.left, dl.left {
  padding-left: 0;
  max-width: 60%;
}

/* Avoid CSS3 column breaks within list items. This is still rather
   weirdly supported across browsers

     https://css-tricks.com/almanac/properties/b/break-inside/
     https://bugzilla.mozilla.org/show_bug.cgi?id=549114
 */
ul li, ol li, dl dd, dl dt {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

/* We want to color our list items, but this is not that easy and
   requires custom markers as well as counters:

     https://www.w3.org/Style/Examples/007/color-bullets.en.html

   Note: if you get rid of this, you have to put the extra margin
   between the marker and item back up top.
*/
ul li::before, ol li::before {
  /* color: $highlight-color; */
  display: inline-block;
  width: 1em;
  margin-left: -2em;
  margin-right: 1em;
  text-align: right;
}

ul li::before {
  content: "▪";
}

ol li::before {
  content: counter(li);
}

li {
  counter-increment: li;
}

/*
   Want unicode circled digits for list items.
   This requires some workarounds:

     http://www.unicode.org/charts/beta/nameslist/n_2460.html
     https://stackoverflow.com/questions/30421570/sass-unicode-escape-is-not-preserved-in-css-file
     http://clubmate.fi/for-while-and-each-loops-in-sass/

   We also keep the above code so that we have a fallback option for
   lists longer than 20.
*/
ol li:nth-child(1):before {
  content: "\2460";
}

ol li:nth-child(2):before {
  content: "\2461";
}

ol li:nth-child(3):before {
  content: "\2462";
}

ol li:nth-child(4):before {
  content: "\2463";
}

ol li:nth-child(5):before {
  content: "\2464";
}

ol li:nth-child(6):before {
  content: "\2465";
}

ol li:nth-child(7):before {
  content: "\2466";
}

ol li:nth-child(8):before {
  content: "\2467";
}

ol li:nth-child(9):before {
  content: "\2468";
}

ol li:nth-child(10):before {
  content: "\2469";
}

ol li:nth-child(11):before {
  content: "\246A";
}

ol li:nth-child(12):before {
  content: "\246B";
}

ol li:nth-child(13):before {
  content: "\246C";
}

ol li:nth-child(14):before {
  content: "\246D";
}

ol li:nth-child(15):before {
  content: "\246E";
}

ol li:nth-child(16):before {
  content: "\246F";
}

ol li:nth-child(17):before {
  content: "\2470";
}

ol li:nth-child(18):before {
  content: "\2471";
}

ol li:nth-child(19):before {
  content: "\2472";
}

/* We want extra space between list items, but have to calculate the
   amount of space added depending on the number of items in the list.
   This is possible with a CSS3 trick.

     https://stackoverflow.com/questions/8720931/can-css-detect-the-number-of-children-an-element-has

   Here, we spread one extra line across all items, but stop doing
   this after seven items. You should reconsider having lists of more
   than seven items anyway.
*/
/* one item */
li:first-child:nth-last-child(1) {
  /* -or- li:only-child { */
}

/* two items */
li:first-child:nth-last-child(2),
li:first-child:nth-last-child(2) ~ li {
  margin-bottom: 1.5em;
}

/* three items */
li:first-child:nth-last-child(3),
li:first-child:nth-last-child(3) ~ li {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

/* four items */
li:first-child:nth-last-child(4),
li:first-child:nth-last-child(4) ~ li {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

/* five items */
li:first-child:nth-last-child(5),
li:first-child:nth-last-child(5) ~ li {
  margin-top: 0.375em;
  margin-bottom: 0.375em;
}

/* six items */
li:first-child:nth-last-child(6),
li:first-child:nth-last-child(6) ~ li {
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}

/* seven items */
li:first-child:nth-last-child(7),
li:first-child:nth-last-child(7) ~ li {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}

/* definition lists */
dt {
  font-variant: small-caps;
  text-transform: lowercase;
  letter-spacing: 1px;
  font-weight: bold;
}

dd {
  padding-left: 1.5em;
}

/* floats such as images */
div.float-left, div.float-right {
  clear: both;
  max-width: calc(33% - 4.5em);
  max-height: 15em;
}

div.float-left {
  float: left;
}

div.float-right {
  float: right;
}

div.float-left img, div.float-right img {
  text-align: right;
}

div.float-caption {
  text-align: left;
  /* font-family: $caption-font; */
  font-size: 0.75em;
  /* border-right: 0.15em solid $text-color; */
  /* border-top: 0.15em solid gray; */
  padding-right: 1em;
  padding-bottom: 1em;
}

div.float-caption-center {
  text-align: center;
  /* font-family: $caption-font; */
  font-size: 0.75em;
  /* border-right: 0.15em solid $text-color; */
  /* border-top: 0.15em solid gray; */
  padding-right: 1em;
  padding-bottom: 1em;
}

div.center-logo {
  text-align: center;
  margin: -1.5em auto 0 auto;
  width: 2.25em;
}

/* Bibliography environment as special case of ol */
ol li:hover:nth-child(1):before {
  content: "\2460";
  color: #000000;
}

ol li:hover:nth-child(2):before {
  content: "\2461";
  color: #000000;
}

ol li:hover:nth-child(3):before {
  content: "\2462";
  color: #000000;
}

ol li:hover:nth-child(4):before {
  content: "\2463";
  color: #000000;
}

ol li:hover:nth-child(5):before {
  content: "\2464";
  color: #000000;
}

ol li:hover:nth-child(6):before {
  content: "\2465";
  color: #000000;
}

ol li:hover:nth-child(7):before {
  content: "\2466";
  color: #000000;
}

ol li:hover:nth-child(8):before {
  content: "\2467";
  color: #000000;
}

ol li:hover:nth-child(9):before {
  content: "\2468";
  color: #000000;
}

ol li:hover:nth-child(10):before {
  content: "\2469";
  color: #000000;
}

ol li:hover:nth-child(11):before {
  content: "\246A";
  color: #000000;
}

ol li:hover:nth-child(12):before {
  content: "\246B";
  color: #000000;
}

ol li:hover:nth-child(13):before {
  content: "\246C";
  color: #000000;
}

ol li:hover:nth-child(14):before {
  content: "\246D";
  color: #000000;
}

ol li:hover:nth-child(15):before {
  content: "\246E";
  color: #000000;
}

ol li:hover:nth-child(16):before {
  content: "\246F";
  color: #000000;
}

ol li:hover:nth-child(17):before {
  content: "\2470";
  color: #000000;
}

ol li:hover:nth-child(18):before {
  content: "\2471";
  color: #000000;
}

ol li:hover:nth-child(19):before {
  content: "\2472";
  color: #000000;
}

ol.bibliography li a {
  /* makes the link take a rectangular area for :hover */
  display: inline-block;
  /* attaches the list number at the top */
  vertical-align: top;
  height: 100%;
  width: calc(100% - 1.5em);
  color: inherit;
}

ol.bibliography li a:hover {
  background-color: #fddbc7;
  /* color: $text-color; */
  /* we want a slightly larger highlight (padding) than the left box edge */
  margin-left: -0.5em;
  padding-left: 0.5em;
}

li.bib-article div.title {
  padding-left: 1.5em;
  color: #0571b0;
  font-style: italic;
}

li.bib-article div.title::before {
  content: open-quote;
  margin-left: -0.42em;
}

li.bib-article div.title::after {
  content: close-quote;
}

li.bib-article div.journal {
  display: inline;
  padding-left: 1.5em;
}

li.bib-article div.volume {
  display: inline;
  font-weight: bold;
}

li.bib-article div.volume::after {
  content: ",";
  font-weight: normal;
}

li.bib-article div.pages {
  display: inline;
}

li.bib-article div.year {
  display: inline;
}

li.bib-article div.year::before {
  content: "(";
}

li.bib-article div.year::after {
  content: ").";
}

li.bib-preprint div.title {
  padding-left: 1.5em;
  color: #0571b0;
  font-style: italic;
}

li.bib-preprint div.title::before {
  content: open-quote;
  margin-left: -0.42em;
}

li.bib-preprint div.title::after {
  content: close-quote;
}

li.bib-preprint div.repository {
  display: inline;
  padding-left: 1.5em;
}

li.bib-preprint div.identifier::before {
  content: ":";
}

li.bib-preprint div.identifier {
  display: inline;
}

li.bib-preprint div.year {
  display: inline;
}

li.bib-preprint div.year::before {
  content: "(";
}

li.bib-preprint div.year::after {
  content: ").";
}

li.bib-preparation div.title {
  padding-left: 1.5em;
  color: #0571b0;
  font-style: italic;
}

li.bib-preparation div.title::before {
  content: open-quote;
  margin-left: -0.42em;
}

li.bib-preparation div.title::after {
  content: close-quote;
}

li.bib-preparation div.repository {
  display: inline;
  padding-left: 1.5em;
}

li.bib-preparation div.identifier::before {
  content: ":";
}

li.bib-preparation div.identifier {
  display: inline;
}

li.bib-preparation div.year {
  display: inline;
}

li.bib-preparation div.year::before {
  content: "in preparation (";
  padding-left: 1.5em;
}

li.bib-preparation div.year::after {
  content: ").";
}

li.bib-video div.title {
  padding-left: 1.5em;
  color: #0571b0;
  font-style: italic;
}

li.bib-video div.title::before {
  content: open-quote;
  margin-left: -0.42em;
}

li.bib-video div.title::after {
  content: close-quote;
}

li.bib-video div.repository {
  display: inline;
  padding-left: 1.5em;
}

li.bib-video div.year {
  display: inline;
}

li.bib-video div.year::before {
  content: "(";
}

li.bib-video div.year::after {
  content: ").";
}

li.bib-wiki div.title {
  padding-left: 1.5em;
  color: #0571b0;
  font-style: italic;
}

li.bib-wiki div.title::before {
  content: open-quote;
  margin-left: -0.42em;
}

li.bib-wiki div.title::after {
  content: close-quote;
}

li.bib-wiki div.wiki {
  display: inline;
  padding-left: 1.5em;
}

li.bib-wiki div.date {
  display: inline;
}

li.bib-wiki div.date::before {
  content: "(retrieved ";
}

li.bib-wiki div.date::after {
  content: ").";
}

li.bib-book div.title {
  padding-left: 1.5em;
  color: #0571b0;
  font-style: italic;
}

li.bib-book div.title::before {
  content: open-quote;
  margin-left: -0.42em;
}

li.bib-book div.title::after {
  content: close-quote;
}

li.bib-book div.publisher {
  display: inline;
  padding-left: 1.5em;
}

li.bib-book div.isbn {
  padding-left: 1.5em;
}

li.bib-book div.isbn::before {
  content: "ISBN ";
}

li.bib-book div.year {
  display: inline;
}

li.bib-book div.year::before {
  content: "(";
}

li.bib-book div.year::after {
  content: ").";
}

/* Links */
a {
  text-decoration: none;
}

a:link {
  color: #0571b0;
}

a:visited {
  color: #0571b0;
}

a:active {
  color: #000000;
}

a:hover {
  color: #ca0020;
}

/* List-like environments with thumbnail images on the left */
div.people-list {
  display: table;
  width: calc(60% + 12em);
  padding-left: calc(40% - 12em);
  /* This actually sets the margin between rows... */
  border-spacing: 0px 1.5em;
}

div.people-entry {
  display: table-row;
  /* @include debug-background(#00aa00) */
}

div.people-cell-thumb {
  display: table-cell;
  vertical-align: top;
  width: 9em;
  padding-right: 2.5em;
  /* @include debug-background(#0000aa) */
}

div.people-cell-thumb img {
  width: 9em;
}

div.people-cell-data {
  display: table-cell;
  max-width: 60%;
  /* @include debug-background(#aa0000) */
}

div.people-data {
  padding-left: 0.5em;
}

div.people-data-name {
  display: block;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1em;
  color: #0571b0;
  font-family: Lato, Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans;
  font-size: 1.5em;
  font-variant: small-caps;
  text-transform: lowercase;
  letter-spacing: 1px;
}

div.people-data-blurb {
  display: block;
}

div.people-data-blurb p {
  margin-bottom: 0;
  padding-bottom: 0;
}

div.publication-list {
  display: table;
  width: calc(60% + 7.5em);
  padding-left: calc(40% - 7.5em);
  /* This actually sets the margin between rows... */
  border-spacing: 0px 1.5em;
}

div.publication-entry {
  display: table-row;
}

div.publication-cell-thumb {
  display: table-cell;
  vertical-align: top;
  width: 4.5em;
  padding-right: 2.5em;
}

div.publication-cell-thumb img {
  width: 4.5em;
}

div.publication-cell-data {
  display: table-cell;
  max-width: 60%;
  /* @include debug-background(#aa0000) */
}

div.publication-cell-data a {
  /* makes the link take a rectangular area for :hover */
  display: inline-block;
  /* attaches the list number at the top */
  height: 100%;
  width: calc(100% - 1.5em);
  color: inherit;
}

div.publication-cell-data:hover {
  background: #fddbc7;
}

div.talk-category {
  display: block;
  font-size: 1.125em;
  font-variant: small-caps;
  text-transform: lowercase;
  letter-spacing: 1px;
  width: calc(60% + 12em);
  padding-left: calc(40% - 12em);
  text-indent: 1.5em;
}

div.talk-list {
  display: table;
  width: calc(60% + 12em);
  padding-left: calc(40% - 12em);
  /* This actually sets the margin between rows... */
  border-spacing: 0px 1.5em;
}

div.talk-entry {
  display: table-row;
}

div.talk-cell-thumb {
  display: table-cell;
  vertical-align: top;
  width: 9em;
  padding-right: 2.5em;
}

div.talk-cell-thumb img {
  width: 9em;
}

div.talk-cell-thumb div.float-caption-center {
  text-align: center;
  font-size: 0.75em;
  padding-right: 1em;
  padding-bottom: 1em;
  color: #aaaaaa;
}

div.talk-cell-data {
  display: table-cell;
  max-width: 60%;
  /* @include debug-background(#aa0000) */
}

div.talk-cell-data a {
  /* makes the link take a rectangular area for :hover */
  display: inline-block;
  /* attaches the list number at the top */
  height: 100%;
  width: calc(100% - 1.5em);
  color: inherit;
}

div.preprint-data {
  padding-left: 2em;
  text-indent: -1.5em;
}

div.preprint-data-authors {
  display: block;
  font-variant: small-caps;
  text-transform: lowercase;
  letter-spacing: 1px;
  font-weight: bold;
}

div.preprint-data-title {
  display: block;
  text-indent: 0;
  font-style: italic;
  color: #0571b0;
}

div.preprint-data-title::before {
  content: open-quote;
  margin-left: -0.42em;
}

div.preprint-data-title::after {
  content: close-quote;
}

div.preprint-data-year {
  display: inline;
}

div.preprint-data-year::before {
  content: "(";
}

div.preprint-data-year::after {
  content: ").";
}

div.preprint-data-abstract {
  display: block;
  text-indent: 0;
}

div.thesis-data {
  padding-left: 2em;
  text-indent: -1.5em;
}

div.thesis-data-author {
  display: block;
  font-variant: small-caps;
  text-transform: lowercase;
  letter-spacing: 1px;
  font-weight: bold;
}

div.thesis-data-title {
  display: block;
  text-indent: 0;
  font-style: italic;
  color: #0571b0;
}

div.thesis-data-title::before {
  content: open-quote;
  margin-left: -0.42em;
}

div.thesis-data-title::after {
  content: close-quote;
}

div.thesis-data-publisher {
  display: inline;
}

div.thesis-data-year {
  display: inline;
}

div.thesis-data-year::before {
  content: "(";
}

div.thesis-data-year::after {
  content: ").";
}

div.talk-data {
  padding-left: 2em;
  text-indent: -1.5em;
}

div.talk-data-author {
  display: block;
  font-variant: small-caps;
  text-transform: lowercase;
  letter-spacing: 1px;
  font-weight: bold;
}

div.talk-data-association {
  display: block;
  text-indent: 0;
}

div.talk-data-title {
  padding-top: 20px;
  display: block;
  color: #0571b0;
}

div.talk-data-abstract {
  padding-top: 20px;
  display: block;
  text-indent: 0;
}

div.talk-data-references {
  padding-top: 20px;
  display: block;
  text-indent: 0;
}

div.talk-data-references div.bibliography-title {
  display: block;
  font-variant: small-caps;
  text-transform: lowercase;
  letter-spacing: 1px;
  font-weight: bold;
}

div.talk-data-references ol.bibliography {
  text-indent: 0;
  padding-left: 0;
  margin-top: 0.75em;
  width: calc(100% + 1.5em);
}

div.talk-data-links {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-top: 1.5em;
}

div.talk-data-links div.navitem {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
}

div.news-list {
  display: table;
  width: calc(60% + 7.5em);
  padding-left: calc(40% - 7.5em);
  /* This actually sets the margin between rows... */
  border-spacing: 0px 3em;
}

div.news-entry {
  display: table-row;
}

div.news-cell-thumb {
  display: table-cell;
  vertical-align: top;
  width: 4.5em;
  padding-right: 3em;
}

div.news-cell-thumb img {
  width: 4.5em;
}

div.news-cell-data {
  display: table-cell;
  max-width: 60%;
}

div.news-cell-data:hover {
  /* background: $hover-color-light; */
}

div.news-data-date {
  font-weight: bold;
  text-align: right;
}

div.news-data-blurb p {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

nav.srlab {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  margin: 0px calc((100% - 960px) / 2);
  max-width: 960px;
  margin-bottom: 1.5em;
  background-color: #fbfbfb;
}

div.navitem, div.navitem-current {
  flex-shrink: 0;
  flex-basis: 16.6666666667%;
}

div.navitem-current {
  background-color: white;
}

div.navitem div.navitem-text, div.navitem-current div.navitem-text {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
}

div.navitem div.navitem-text {
  color: #aaaaaa;
}

div.navitem-current div.navitem-text {
  color: #000000;
}

div.navitem:hover {
  background-color: #fddbc7;
}

div.navitem:hover :nth-child(1) {
  color: #000000;
}

nav.bloch {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 0px calc((100% - 960px) / 2);
  height: 28px;
  background: #595959;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#595959, #2C2C2C);
  background: -o-linear-gradient(#595959, #2C2C2C);
  background: -moz-linear-gradient(#595959, #2C2C2C);
  background: linear-gradient(#595959, #2C2C2C);
}

div.breadcrumb, div.breadcrumb-current {
  padding-right: 0.375em;
  margin-top: -0.075em;
}

div.breadcrumb a {
  color: #cccccc;
}

div.breadcrumb:hover :nth-child(1) {
  color: #ca0020;
}

div.breadcrumb-text {
  color: #cccccc;
  font-family: Helvetica Neue, Helvetica, Arial, sans;
  font-size: 0.555em;
}

div.breadcrumb-text::before {
  content: "›";
  padding-right: 3px;
}

div.key, div.value {
  display: table-cell;
  width: 30%;
}

div.key {
  text-align: right;
  padding-right: 1.5em;
  color: #aaaaaa;
  font-variant: small-caps;
  text-transform: lowercase;
  letter-spacing: 1px;
}

div.contact-information {
  display: table;
  padding-left: 40%;
}

div.contact-name {
  display: table-row;
}

div.contact-name div.value {
  font-weight: bold;
}

div.contact-email {
  display: table-row;
}

div.contact-office-phone {
  display: table-row;
}

div.contact-lab-phone {
  display: table-row;
}

div.contact-address {
  display: table-row;
}

div.contact-address-company {
  padding-top: 1.5em;
}

div.contact-address-postcode {
  display: inline-block;
}

div.contact-address-city {
  display: inline-block;
}

div.contact-location {
  display: table-row;
}

div.coordinate-latitude, div.coordinate-longitude {
  display: inline-block;
  padding-top: 1.5em;
}

div.map {
  padding-left: 40%;
  width: 60%;
}

div.map iframe {
  width: 100%;
}

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