.bible-verse {
    font-family: 'Bergamo Std', serif;
    /* font-weight: bold; */
    padding: 6px;
    margin-left: 20px;
    margin-right: 20px;
    background-color: whitesmoke;
    border: 1px solid #978965;
}

/* It's okay to style the references to make them stand out,
   regardless of media type */

.tooltipref
{
    color: #8f3e3f;
    border-bottom: 1px solid #8f3e3f;
    font-weight: bold;
    font-size: smaller;
}

.tooltip .tooltiptext
{
    display: none;
}

/* Only create tooltips on hover IF the media supports hovering */
@media (hover) {

    .tooltip
    {
        position: relative;
        display: inline-block;
    }

    .tooltiptitle
    {
        font-weight: bold;
        line-height: 1.4;
    }

    .tooltip .tooltiptext
    {
        visibility: hidden;
        width: 300px;
        text-align: justify;
        border-radius: 6px;
        font-size: 14px;
        color: black;
        font-weight: normal;
        font-style: normal;
        font-family: 'Bergamo Std', serif;
        background-color: whitesmoke;
        border: 1px solid #978965;
        box-shadow: 1px 1px 2px 2px #978965;
        padding: 6px;

        /* Position the tooltip */
        position: absolute;
        z-index: 100;
    }

    .tooltip:hover .tooltiptext
    {
        z-index: 100;
        display: inherit;
        visibility: visible;
    }

}