﻿/*---Interlinear---*/
.verse, #english-content {
    font-family: 'Times New Roman', Times, 'Tinos', serif;
    line-height: 1.1;
}
    .verse .c {
        text-align: center;
        cursor: pointer;
        user-select: none;
        margin-right:-4px;
        margin-bottom: 5px;
        position: relative;
    }

    .verse .c, .verse-number {
        display: inline-block;
        vertical-align: top;
    }

    .verse .verse-number {
        display:none;
    }

    .verse .c span:nth-of-type(1) {
        padding-bottom: 0;
    }
    .verse .c span:nth-of-type(2) {
            color: darkcyan;
            cursor: text;
        }
    .verse .c span:nth-of-type(2):focus {
        background-color: white;
    }

    .verse .c span {
        display: block;
        padding: 3px 5px;
    }


.verse {
    background-color: inherit;
    border-color: inherit;
}
    .verse .c.focusing {
        border-radius: 5px;
        background-color: rgba(154, 183, 38,.5);
    }



/*---Letrari---*/
.letrari-content {
    font-family: 'Times New Roman', Times, 'Tinos', serif;
    font-size:1.1em;
}



/*---Letrari---*/
.verse-result {
    height: 80px;
    display: grid;
    grid-template-columns: 90px auto;
    grid-template-rows: 60% 40%;
    overflow: hidden;
    border-width:1px;
    border-style:solid;
    margin-bottom:1px;
}

    .verse-result .bold-me {
        font-weight: bold;
    }

    .verse-result .verse-ref {
        grid-row: 1/ span 2;
        text-align: center;
    }

    .verse-result .verse-int, .verse-result .verse-ltr {
        white-space: nowrap;
        overflow: hidden;
    }

    .verse-result .verse-int {
        padding: 0px 10px;
    }

    .verse-result .verse-ltr {
        padding: 2px 10px;
    }