/* Copyright 2020, Jonathan K. Mickelson */

@font-face {
    font-family: Gentium;
    src: url('GenR102.woff');
}

@font-face {
    font-family: Calligraph421;
    src: url('Calligraph421.woff');
}

@font-face {
    font-family: Fondamento;
    src: url('Fondamento.woff');
}

@font-face {
    font-family: Gapstown;
    src: url('Gapstown.woff');
}

@font-face {
    font-family: ShaphanSerif;
    src: url('ShaphanSerif.woff');
}

@font-face {
    font-family: ShaphanSans;
    src: url('ShaphanSans.woff');
}

:root {
    /* font stacks */
    --ps-fs-hebrew: ShaphanSerif, "Times New Roman", serif;
    --ps-fs-aramaic: ShaphanSans, Arial, sans-serif;
    --ps-fs-greek: Gentium, "Times New Roman", serif;
    --ps-fs-apparatus: Gentium, "Times New Roman", serif;
    --ps-fs-language: Gentium, "Times New Roman", serif;
    --ps-fs-serif: "Times New Roman", serif;
    --ps-fs-sans: Arial, sans-serif;
}

/* ====================== */
VerseHolder {
    display: inline-block;
    border: dotted #888 1px;
    padding: 4px;
}

Verse {
    display: block;
}

Verse[lang='h'] {
    direction: rtl;
}

VerseSM {
    display: block;
    float: left;
    margin: 1px 2px;
    padding: 2px;
    text-align: center;
    color: #000;
    background-color: #D0E4D0;
    vertical-align: top;
    font-size: 0.72em;
    line-height: 0.9em;
}

Verse[lang="H"] > VerseSM {
    float: right;
}

WordSet {
    display: inline-block;
    margin: 0 2px;
    padding: 2px 0;
    text-align: center;
}

WordSet:hover {
    outline: 1px solid #000;
    background-color: #FF6 !important;
    color: #000;
}

WordSet[highlight] {
    outline: 1px solid #000;
    background-color: #6F6 !important;
}

WordSet[NotProof] {
    background-color: #FFF4E8;
    outline: 0 dashed #FB6
}

WordSet[NotProof][H] {
    background-color: #FFF;
}

WordSet[BadProof] {
    background-color: #FEC;
    outline: 2px dashed #DCA
}

WordSet[BadProof][H] {
    background-color: #FEC;
}

WordSet SUP {
    position: static;
    vertical-align: top !important;
    font-size: 0.9em;
    line-height: 0.9em;
}

MckID, Parsing {
    display: block;
    font-family: var(--ps-fs-sans);
    font-size: 0.8em;
    color: #555;
}

Parsing {
    height: 1em;
    line-height: 1.2em;
    padding-top: 1px;
}

Parsing:before {
    content: attr(p);
}

MckID {
    height: 1.1em;
    line-height: 1.2em;
    margin-bottom: 1px;
}

MckID[DEF] {
    font-family: var(--ps-fs-serif);
    font-size: 1em;
    color: #000;
}

MckID:before {
    content: attr(val);
}

MCTEnglish {
    display: block;
    font-family: var(--ps-fs-serif);
    font-size: 1em;
    font-weight: bold;
    word-spacing: 0.15pt;
    line-height: 0.95em;
    padding-bottom: 0.05em;
}

MCTEnglish > I {
    font-size: 1.0em;
    line-height: 0.8em
}

MCTEnglish:before {
    content: attr(t);
}

MCTEnglish[t=":"] {
    font-style: italic;
    font-size: 0.8em;
    font-weight: bold;
}

MCTGreek {
    display: inline-block;
    font-family: var(--ps-fs-greek);
    font-size: 1.1em;
    height: 1.1em;
    line-height: 1em;
    padding: 0 1px;
}

MCTHebrew {
    display: inline-block;
    direction: rtl;
    font-family: var(--ps-fs-hebrew);
    font-size: 1.2em;
    line-height: 1.5em;
    padding: 0 1px;
}

MCTHebrew[subA] {
    direction: rtl;
    font-family: var(--ps-fs-aramaic);
    font-size: 1.35em;
}

/* ====================== */
.tCap {
    font-family: var(--ps-fs-serif);
    font-size: 0.75em;
    font-weight: bold;
    line-height: 0.95em;
}

.sCap {
    font-family: var(--ps-fs-language);
    font-size: 0.8em;
    line-height: 0.95em;
}

.Calli {
    font-family: Calligraph421;
    font-size: 1.4em;
    text-shadow: -1px -1px 1px #eee, 1px 1px 3px #888;
}

.CalliLog,
.CalliLog span {
    font-family: Calligraph421;
    color: #037;
    font-size: 3.3em;
    line-height: .9em;
    text-shadow: -1px -1px 1px #9bD, 1px 1px 3px #888;
}

.CalliLog span {
    font-size: 0.55em;
    line-height: 1.5em;
}

.CalliLog2 {
    font-family: var(--ps-fs-language);
    font-size: 1.65em;
    color: #036;
}