/* Specimen styles */

.specimen {
  width: 100%;
  line-height: initial;
  border-bottom: 1px solid var(--c1);
  padding: .1em 0;
  position: relative;
  font-size: 4em;
  overflow: hidden;
}
.specimen:last-child {
 border-bottom: 0px;
}

.specimen:first-of-type > div{
  margin-top: 5px;
  border-radius: 10px 10px 0px 0px;
}

.specimen.pink {
  background-color: var(--green);
}
.specimen.Inverted {
  background-color: var(--c1);
  color: var(--c2);
}

.specimen.Inverted + div.legend {
  color: var(--c2);
}


.specimen.centeredword, .specimen.fitword {
  text-align: center;
  font-size: calc(17vw - var(--p) * 2);
  overflow: hidden;
}
.fitword > span{
  line-height: initial;
}

.wholealphabet_capsbdc, .wholealphabet_onlycaps{
  text-align: center;
}

.specimen.onesentence_allstyles {
  font-size: 3em;
  line-height: 1.0em;
  text-align: center;
}
.onesentence_allstyles > p , .oneglyph_allstyles > p{
  display: inline-block;
}

.specimen.oneglyph_allstyles{
  text-align: center;
  font-size: 15vw;
  line-height: 0.9em;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: wrap;
}

.specimen.coldemobig {
  column-count: 2;
  font-size: 1.5em;
  line-height: 1.1em;
}

.specimen.centeredtext {
  text-align: center;
  font-size: 6em;
}

.specimen.coldemolittle  {
  column-count: 3;
  font-size: 1.1em;
  line-height: 1.3em;
  hyphens: auto;
}
.specimen.oneglyph {
  text-align: center;
  font-size: 50vw;
  line-height: 1.3em;
}

.specimen.with-or-without-an-opentype-feature-word , .specimen.with-or-without-an-opentype-feature-text {
  display: flex;
  flex-direction: row;
}
.specimen.with-or-without-an-opentype-feature-word > div , .specimen.with-or-without-an-opentype-feature-text > div {
  flex: 50% 1 0;
}

.specimen.with-or-without-an-opentype-feature-word > div {
  text-align: center;
  font-size: 4vw;
}

.specimen.with-or-without-an-opentype-feature-text > div {
  font-size: 3vw;
  line-height: 1.1em;
}

.specimen.with-or-without-an-opentype-feature-word > div:first-of-type , .specimen.with-or-without-an-opentype-feature-text > div:first-of-type {
  border-right: solid 1px var(--c1);
  margin-right: 10px;
  padding-right: 10px;
}
.specimen.with-or-without-an-opentype-feature-word > div:last-of-type , .specimen.with-or-without-an-opentype-feature-text > div:last-of-type {
  margin-left: 10px;
}


/* Caption  */
.specimen.legend{
  font-family: millimetre, sans;
  font-size: 11px;
  letter-spacing: 1px;
  position: absolute;
  right: 0px;
  bottom: 0px;
  padding: 10px;
  font-feature-settings: 'tnum';
  -webkit-font-feature-settings: 'tnum';
  -moz-font-feature-settings: 'tnum';
}