/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

    This file contains rules for the
    REK.AI
    that implement the UU design system specifically for Sitevision

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.rekai-news-header-wrapper :is(h2, h3) {
    border-bottom: 1.5px solid var(--color-text);
    color: var(--color-text);
    font-size: 1.6rem;
    font-weight: 500;
    margin: 0 0 0.75rem;
    padding-bottom: 1.25rem;
}

ul.rekai-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 1.5rem;
    list-style: none;
    margin: 0;
    max-width: none;
    padding: 0;
}

ul.rekai-pills li {
    margin: 0;
    padding: 0;
}

a.rek-link {
    all: unset;
    color: var(--color-text) !important;
    cursor: pointer;
    display: inline;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none;
}

a.rek-link::after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOm5vbmU7fQ0KCS5zdDF7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCwwaDI0djI0SDBWMHoiLz4NCjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMiw0bC0xLjQsMS40bDUuNiw1LjZINHYyaDEyLjJsLTUuNiw1LjZMMTIsMjBsOC04TDEyLDR6Ii8+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat;
    background-size: 1.1rem;
    content: " ";
    display: inline-block;
    filter: invert(1);
    height: 1.1rem;
    margin-left: 0.5rem;
    margin-top:0.05rem;
    min-width: 1.1rem;
    vertical-align: text-top;
    width: 1.1rem;
}

a.rek-link:hover, a.rek-link:focus {
    all: unset;
    background-color: transparent;
    font-weight: 500;
    text-decoration: underline;
}

a.rek-link:focus {
   outline: 3px solid var(--color-focus) !important;
}