/* Accessibilty related style tweaks for External KB
 * This stylesheet loaded for External KB display screens *but* not editing views
 */

a {
    color: #0A8484;
}

p.alert-info::before,
p.alert-warning::before,
p.alert-danger::before,
p.alert-success::before {
    display: block;
    font-family: "Font Awesome 5 Free";
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    position: absolute;
    left: 10px;
}

/* Hide CSS icons when SVG icons are present */
p:has(.article-alert-icon)::before {
    display: none;
}
 
p.alert-info::before {
    content: "\2139";
    border: 1px solid black;
    border-radius:50%;
    padding: 0 8px;
}
 
p.alert-warning::before {
    content: "\26A0";
}
 
p.alert-danger::before {
    content: "\292B";
}
 
p.alert-success::before {
    content: "\2713";
    border: 1px solid black;
    border-radius:50%;
    padding: 0 4px;
}

/* INSTEAD, display actual icons as svg in an <img> tag that can contain accessible alt text description */
.article-alert-icon {
    padding-right: 10px;
    height: 1.4rem;
    position: absolute;
    left: 10px;
    padding: 0 10px;
    object-position: 0px -1px;
    object-fit: contain;
    opacity: 0.65;
}