﻿/* #########################################################################
   Glossary 

   - Critical Rendering Path: Optional
   ######################################################################### */

/*
    Glossary list widget
*/

.glossary {
}

    .glossary .simpleContentFilter {
        padding: var(--site-padding);
        margin-bottom: var(--site-box-margin-bottom);
        font-size: var(--site-font-size-big);
        background-color: var(--site-color-ui-lightest);
    }

    .glossary .glossary-terms {
    }

        /*
            Note that general definition list styles are set in Lists.css and may be adequate for the glossary
        */

        .glossary .glossary-terms dl {
        }

            .glossary .glossary-terms dl dt {
            }

            .glossary .glossary-terms dl dd {
            }


/*
    Glossary term page
*/

#GlossaryTerm {
    /* Contains content on the individual glossary term page. */
}

    #GlossaryTerm .shortDefinition {
        margin-bottom: var(--site-box-margin-bottom);
    }

    #GlossaryTerm .fullDefinition {
        margin-bottom: var(--site-box-margin-bottom);
    }

/*
    Glossary terms linked in regular content
*/

a[href*="glossary/definition"] {
    text-decoration: none !important;
    border-bottom: 1px dashed;
}

    a[href*="glossary/definition"]:hover {
        text-decoration: underline !important;
        border-bottom: 1px transparent;
    }

    a[href*="glossary/definition"]::after {
        content: "?";
        display: inline-block;
        vertical-align: text-top;
        box-sizing: border-box;
        width: 17px;
        height: 17px;
        line-height: 8px;
        text-align: center;
        margin-left: 3px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        padding: 3px;
        border-radius: 100%;
        border: var(--site-link-color) 1px dotted;
    }