/* =Tag & Tagcloud Plugin
----------------------------------------------- */

.dokuwiki{

    a[rel="tag"]::before {
        font-family: 'bootstrap-icons';
        content: "\F5B0";
        font-size: 16px;
        padding-right: 4px;
        line-height: 16px;
        vertical-align: middle;
    }
    a[rel="tag"] {
        display: inline-block;
        padding: 5px 10px;
        margin: 0 5px 5px 0;
        background: @ini_theme_color;
        color: @ini_background;
        font-size: 12px;
        text-decoration: none;
        border-radius: 5px;
    }
    a[rel="tag"]:hover,
    a[rel="tag"]:focus,
    a[rel="tag"]:active {
        background: @ini_theme_color_alt;
        color: @ini_background;
    }

    .tagsections.header.tag {
        font-size: 0px;
    }
    .tagsections.header.tag:first-child:before {
        background: none;
    }

    div.tags,
    div.tagstop {
        margin-bottom: 15px;
        font-size: 0px;
        text-align: right;

        span {
            background-position: -2px 6px;
        }
    }

    div.tags {
        border-top: 3px solid @ini_background_alt;
        padding-top: 8px;
        margin-top: 8px;
    }

    div.tagstop {
        border-bottom: 15px double @ini_background_alt;
        padding-bottom: 20px;
    }

    div.widget-area div.cloud {
        a {
            background: @ini_theme_color_alt;
        }
        a:hover,
        a:focus,
        a:active {
            background: @ini_background;
            color: @ini_theme_color;
        }
    }
}

/* repeating and being more specific because tagcloud styles are very specific */
body.tpl_writr.dokuwiki div.cloud a {
    color: @ini_background;
}