/*
|--------------------------------------------------------------------------
| Glossary Term
|--------------------------------------------------------------------------
*/

.vanguard-glossary-term {

    cursor: pointer;

    text-decoration-line: underline;

    text-decoration-style: dotted;

    text-decoration-thickness: 1px;

    text-underline-offset: 3px;

    position: relative;

}


/*
|--------------------------------------------------------------------------
| Glossary Tooltip
|--------------------------------------------------------------------------
*/

.vanguard-glossary-popup {

    position: fixed;

    z-index: 999999;

    width: max-content;

    max-width: 320px;

    box-sizing: border-box;

    padding: 0;

    background: #ffffff;

    border: 1px solid #dcdcdc;

    border-radius: 6px;

    box-shadow:
        0 4px 18px rgba(0, 0, 0, 0.18);

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    transform: translateY(4px);

    transition:
        opacity 0.15s ease,
        transform 0.15s ease,
        visibility 0.15s ease;

}


/*
|--------------------------------------------------------------------------
| Active Tooltip
|--------------------------------------------------------------------------
*/

.vanguard-glossary-popup.is-active {

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

    transform: translateY(0);

}


/*
|--------------------------------------------------------------------------
| Tooltip Content
|--------------------------------------------------------------------------
*/

.vanguard-glossary-tooltip-content {

    padding: 14px 16px;

    font-size: 14px;

    line-height: 1.55;

    color: #333333;

    word-wrap: break-word;

    overflow-wrap: break-word;

}


/*
|--------------------------------------------------------------------------
| Definition
|--------------------------------------------------------------------------
*/

.vanguard-glossary-definition {

    margin: 0;

}


/*
|--------------------------------------------------------------------------
| Definition Paragraph
|--------------------------------------------------------------------------
*/

.vanguard-glossary-definition p {

    margin: 0 0 8px;

}


.vanguard-glossary-definition p:last-child {

    margin-bottom: 0;

}


/*
|--------------------------------------------------------------------------
| Definition Links
|--------------------------------------------------------------------------
*/

.vanguard-glossary-definition a {

    text-decoration: underline;

}


/*
|--------------------------------------------------------------------------
| Loading
|--------------------------------------------------------------------------
*/

.vanguard-glossary-loading {

    font-size: 13px;

    color: #777777;

}


/*
|--------------------------------------------------------------------------
| Hide Loading When Definition Is Available
|--------------------------------------------------------------------------
*/

.vanguard-glossary-popup.has-definition
.vanguard-glossary-loading {

    display: none;

}


/*
|--------------------------------------------------------------------------
| Arrow
|--------------------------------------------------------------------------
*/

.vanguard-glossary-arrow {

    position: absolute;

    width: 10px;

    height: 10px;

    background: #ffffff;

    border-left: 1px solid #dcdcdc;

    border-top: 1px solid #dcdcdc;

}


/*
|--------------------------------------------------------------------------
| Arrow - Tooltip Below Term
|--------------------------------------------------------------------------
*/

.vanguard-glossary-popup.position-bottom
.vanguard-glossary-arrow {

    top: -6px;

    left: 20px;

    transform: rotate(45deg);

}


/*
|--------------------------------------------------------------------------
| Arrow - Tooltip Above Term
|--------------------------------------------------------------------------
*/

.vanguard-glossary-popup.position-top
.vanguard-glossary-arrow {

    bottom: -6px;

    left: 20px;

    transform: rotate(225deg);

}


/*
|--------------------------------------------------------------------------
| Arrow - Tooltip Right
|--------------------------------------------------------------------------
*/

.vanguard-glossary-popup.position-right
.vanguard-glossary-arrow {

    left: -6px;

    top: 15px;

    transform: rotate(-45deg);

}


/*
|--------------------------------------------------------------------------
| Arrow - Tooltip Left
|--------------------------------------------------------------------------
*/

.vanguard-glossary-popup.position-left
.vanguard-glossary-arrow {

    right: -6px;

    top: 15px;

    transform: rotate(135deg);

}


/*
|--------------------------------------------------------------------------
| Focus State
|--------------------------------------------------------------------------
*/

.vanguard-glossary-term:focus {

    outline: 2px solid #999999;

    outline-offset: 2px;

}


/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

@media (max-width: 767px) {

    .vanguard-glossary-popup {

        max-width: calc(100vw - 30px);

    }


    .vanguard-glossary-tooltip-content {

        padding: 13px 15px;

        font-size: 14px;

    }

}