/* styling overrides to ensure accessibility compliance */

:focus-visible {
    outline: 1px solid var(--sw-blue-focus-border) !important;
    box-shadow: 0 0 0 .2rem var(--sw-blue-focus-shadow) !important;
}

/* links that are hovered or focused show a light blue glow around it */
a[data-toggle="modal"],
a[target="_blank"]:not(.nav-link) {
    color: var(--sw-blue-medium);
    text-decoration: underline dotted var(--sw-blue-lighter);
    text-decoration-thickness: 1.5px;
    text-underline-offset: 4px;
    border-radius: 3px;
    padding: 0 1px;
}

    a[data-toggle="modal"]:hover,
    a[target="_blank"]:not(.nav-link):hover {
        color: var(--sw-blue-dark);
        text-decoration: underline solid var(--sw-blue-medium);
    }

    /* external link icon  (box with top-right arrow) */
    a[target="_blank"]:not(.nav-link):after {
        content: "\00A0\f35d"; /*  non-breaking-space + fa-up-right-from-square */
        font-family: var(--sw-font-awesome);
        font-weight: 900;
        font-size: inherit;
        font-style: normal !important;
        color: inherit;
    }

/* Question mark icons that are clickable for more info */
i[role="button"].fa-solid.fa-question-circle,
i[role="button"].fa-solid.fa-circle-question {
    font-size: 1.33rem;
    color: var(--sw-blue-medium);
    box-sizing: content-box;
    outline: 2px solid #ffffff;
    border-radius: 50%;
    transition: outline .15s ease-in-out, box-shadow .15s ease-in-out;
}

    i[role="button"].fa-solid.fa-circle-question:hover,
    i[role="button"].fa-solid.fa-circle-question:focus {
        outline: 1px solid var(--sw-blue-focus-border);
        box-shadow: 0 0 0 .2rem var(--sw-blue-focus-shadow);
    }