p {
    font-family: "Verdana" "Tahoma", Arial;
}

h1 {
    font-family: "Palatino Linotype", Times, Serif, "Baskerville BE Regular";
    font-weight: bold;
}
h2 {
    font-family: "Palatino Linotype", Times, Serif, "Baskerville BE Regular";
    font-weight: bold;
}
h3 {
    font-family: "Verdana" "Tahoma", Arial;
    font-weight: bold;
}
h4 {
    font-family: "Verdana" "Tahoma", Arial;
    font-weight: bold;
}
h5 {
    font-family: "Verdana" "Tahoma", Arial;
    font-weight: bold;
}

/* Reduce padding for the accordion header button */
.accordion-button {
    padding: 0.5rem 1rem; 
    /*font-size: 0.9rem;*/
}

/* Reduce padding for the accordion body */
.accordion-body {
    padding: 0.75rem 1rem; /* Adjust these values as needed */
}
.indent {
    padding-left: 40px;
}
.divPadding {
    padding-top: 4px;
    padding-bottom: 4px;
}
.paragraph {
    font-family: "Verdana" "Tahoma", Arial;
}
.paragraphTitle {font-size:20px;
    font-family: "Verdana" "Tahoma", Arial;
    font-weight:bold;
    
}


.glossaryPhrase {
    font-family: "Palatino Linotype", Times, Serif, "Baskerville BE Regular";
    color: blue;
    font-style: italic;
    text-decoration: underline;
}

/* Add an overline to text */
.overlined {
    text-decoration: overline;
}
.mainLink {
    position: relative;
    text-decoration: none !important;
    color: black !important;
    font-size: 1rem;
    line-height: 1;
    margin-top: 1rem;
    margin-right: 2rem;
    padding-bottom: 0.25rem;
}

    .mainLink::after {
        content: "";
        position: absolute;
        left: 0px;
        bottom: -1px;
        width: 100%;
        height: 4px;
        background-color: lightgrey;
        transition: background-color 0.3s ease-in-out;
    }

    .mainLink:hover::after {
        background: red;
    }

.bookHeaderLink {
    position: relative;
    text-decoration: none !important;
    color: white !important;
    font-size: 1rem;
    line-height: 1;
    margin-top: 1rem;
    margin-right: 2rem;
    padding-bottom: 0.25rem;
}

    .bookHeaderLink::after {
        content: "";
        position: absolute;
        left: 0px;
        bottom: -1px;
        width: 100%;
        height: 4px;
        background-color: lightgrey;
        transition: background-color 0.3s ease-in-out;
    }

    .bookHeaderLink:hover::after {
        background: red;
    }

a {
    position: relative;
    text-decoration: none !important;
    color: black !important;
}