.elections {
    color: var(--election_text_color);
}

.elections  a {
    color: var(--election_text_color) !important;
}

.elections__container {
    background: var(--election_background_color);
}

.elections__container:after {

}

.election_shortcode_container {
    background: var(--election_background_color);
    padding: 0 20px;
    border-radius: 10px;
}

.elections .info_title {
    color: var(--election_text_color);
    border-bottom: 1px solid var(--election_text_color);
}

.elections svg {
    width: .8em;
    height: .8em;
    fill: var(--election_text_color);
}

#romania_map {
    max-width: 100%;
}

@media (max-width: 768px) {
    #romania_map {
        height: 300px;
    }
}

#romania_map .county {
    fill: #DEDEDE;
    transition: all 0.5s;
}

#romania_map .county:hover {
    fill: yellow;
    transition: all 0.5s;
    transform: translate(-3px, -3px);
    transform-origin: center center;
}

#romania_map .county_label {
    position: relative;
    font-size: 14px;
    color: #000000;
}

#romania_map .county_label.active {
    font-size: 21px;
}

#romania_map circle:before {
    content: 'aaaa';
}

#label_points text {
    pointer-events: none;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.semi-donut {
    --percentage: 0;
    --fill: #ff0;
    width: 300px;
    height: 150px;
    position: relative;
    color: var(--election_text_color);
    font-size: 40px;
    font-weight: 600;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
    flex-direction: column;

    &:after {
        content: '';
        width: 300px;
        height: 300px;
        border: 50px solid;
        border-color: rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.25) var(--fill) var(--fill);
        position: absolute;
        border-radius: 50%;
        left: 0;
        top: 0;
        box-sizing: border-box;
        transform: rotate(calc(1deg * (-45 + var(--percentage) * 1.8)));
        animation: fillAnimation 1s ease-in;
    }
}
