/*********************/
/* CUSTOM PROPERTIES */
/*********************/
:root {
/* colors */
  --background-color:#ffffff;
  --text-color:#4a4a4a;
  --link-color:#1b459b;
  --link-select-color:#1b459b;
  --title-color:#1b459b;
  --sub-title-background-color:#b3c1de;
  --item-background-color:#4a4a4a;
  --legend-background-color:#eaf2ff;
  --transcript-background-color:#f6f1e3;
/* fonts */  
  --text-font:Lato,sans-serif;
  --title-font:SeaweedScript;
  --transcript-font:SeaweedScript;
}

/********/
/* BODY */
/********/

.franke {
}
.franke div.min { /* text block following floats, with safeguard against too narrow text columns */
  padding:0;
  text-align:justify;
}
.franke div.min::before { /* pseudo element reserving space next to images */
  content: "";
  width: 200px; /* minimum text width next to or between images, to avoid too narrow text columns */
  display: block;
  overflow: hidden;
}
.franke p {
  margin:0;
  padding:0;
  text-align:justify;
}
.franke header p:first-of-type::first-letter {
  float:left;
  margin:0.4325rem 0.2rem 0 -0.4rem;
  font-size:5.145rem;
}
.franke p + p {
  text-indent:1em;
}
.franke a {
  color:var(--link-color);
}
.franke a:hover, a:active {
  color:var(--link-select-color);
  text-decoration:underline;
}
.franke .copyright, .franke .update {
  text-align:center;
  font-size:smaller;
  font-style:italic;
}
.franke .update {
  padding:0.5rem 0 2em;
  line-height:1em;
  vertical-align:bottom;
}
.franke sup {
  position:relative;
  bottom:0.6em;
  left:0.1em;
  vertical-align:bottom;
}
.franke figure {
  margin:0;
}
.franke .figure-left {
  float:left;
  margin:0 20px 1rem 0;
  text-align:center;
}
.franke .figure-right {
  float:right;
  margin:0 0 1rem 20px;
  text-align:center;
}
.franke .figure-left img, .franke .figure-right img {
  vertical-align:top;
  margin:0.3rem 0 0.5rem 0;
  border:0;
  background-color:var(--background-color);
}

/**************************/
/* SITE / ARTICLE HEADERs */
/**************************/
.franke h1, .franke h2 {
  line-height:3rem;
  color:var(--title-color);
  text-align:center;
}
.franke h1 {
  margin-top:1.4em;
  font-family:var(--title-font);
  font-size:3rem;
  font-weight:normal;
}
.franke h2 {
  margin-left:-20px;
  margin-right:-20px;
  font-size:1.5rem;
  font-weight:300;
  background-color:var(--sub-title-background-color);
}

/***********/
/* ARTICLE */
/***********/
.franke article {
  position:relative;
  margin:2em 20px 1em;
}

/******************/
/* SECTION = ITEM */
/******************/
.franke article section {
  margin-top:2em;
  border-radius:0;
  border-top:4px double var(--title-color);
  box-shadow:none;
  background-color:var(--background-color);
}
.franke article section:first-of-type {
  border-top:none;
}

.franke h3 {
  font-size:1rem;
  font-weight:bold;
}
.franke article section h3 { /* header of section = item */
  margin:0.5em 0 0.2em 0;
}
.franke article section h4 {
  display:none;
  margin-top:0;
}
.franke article section a { /* normal link in section */
}
.franke article section a:hover, .franke article section a:active {
  text-shadow:0px 0px 1px var(--background-color);
}
.franke article section a.item { /* image link to lightbox view */
  display:inline-block;
  margin-bottom:1em;
  text-decoration:none;
  vertical-align:top;
}
.franke article section a.item:hover, .franke article section a.item:active { /* prevent scan-info under item from flashing like a link */
  text-shadow:none;
}
.franke article section a.item img {
  background-color:var(--item-background-color);
  border:5px solid var(--item-background-color);
}
.franke article section .info {
  background-color:var(--background-color);
}
.franke article section .legend { /* text below images or at bottom of section */
  background-color:var(--legend-background-color);
/*
  font-size:1.58333rem;
  line-height:1.9rem;  
*/
}
.franke article section .transcript {
  float:right;
  min-width:50%;
  margin:0 0 1em 20px;
  background-color:var(--transcript-background-color);
}
.franke article section pre {
  margin:0;
  font-family:var(--transcript-font);
  font-style:normal;
}
.franke article section .sic {
  font-family:var(--text-font);
  font-size:0.75rem;
  font-weight:bold;
  font-style:italic;
}
.franke article section .note {
  font-style:italic;
}

/*********/
/* FONTS */
/*********/

/* script font for titles and transcripts */
@font-face{
  font-family:'SeaweedScript';
  font-style:normal;
  font-weight:400;
  src:local('SeaweedScript'), url(../fonts.gstatic.com/Seaweed_Script/SeaweedScript-Regular.ttf) format('truetype');
}