@charset "UTF-8";
/* CSS Document */

.wg-tags-list {
    font-size: 0.8em;
}

.wg-tags-list .small {
    font-size: 0.6em;
}

/* need to override DIVI link colour for event types "tag" list on Events single page */
.wg-event-types.wg-tags-list.green a,
.wg-event-types.wg-tags-list.red a {
    color: var(--wg-white) !important;
    text-decoration: none;
}



/* These styles are needed for pages in the Theme Builder so that the specificity of the
   selector is high enough to override the theme builder styles */
.et-db #et-boc .et-l .event-item-tag-list .wg-tags-list.green a,
.et-db #et-boc .et-l .event-item-tag-list .wg-tags-list.red a {
    color: var(--wg-white) !important;
    text-decoration: none;
}

.wg-event-types.wg-tags-list.green a:hover,
.et-db #et-boc .et-l .event-item-tag-list .wg-tags-list.green a:hover {
    color: var(--wg-green) !important;
}

.wg-event-types.wg-tags-list.red a:hover,
.et-db #et-boc .et-l .event-item-tag-list .wg-tags-list.red a{
    color: var(--wg-red) !important;
}

/* -------------------------- */


.wg-tags-list a {
    display: inline-block;
    padding: 3px 10px;
    margin-right: 6px;
    margin-bottom: 6px;
    border-radius: 100px; 
}

.wg-tags-list.green a {
    background-color: var(--wg-green);
    border: 1px solid var(--wg-green);
    color: var(--wg-white);
    text-decoration: none;
}

.event-item-tag-list .wg-tags-list.green a {
    color: var(--wg-white) !important;
}

.wg-tags-list.green a:hover {
    background-color: var(--wg-white);
    border: 1px solid var(--wg-green);
    color: var(--wg-green) !important;
}

.wg-tags-list.red a {
    background-color: var(--wg-red);
    border: 1px solid var(--wg-red);
    color: var(--wg-white);
    text-decoration: none;
}

.wg-tags-list.red a:hover {
    background-color: var(--wg-white);
    border: 1px solid var(--wg-red);
    color: var(--wg-red);
}

.wg-tags-list.gold a {
    background-color: var(--wg-gold);
    border: 1px solid var(--wg-gold);
    color: var(--wg-black);
    text-decoration: none;
}

.wg-tags-list.gold a:hover {
    background-color: var(--wg-white);
    color: var(--wg-black);
}