/* iii Icons & SVGs iii */
svg {
    overflow: visible;
}

a.icon {
    float: left;
    display: block;
    padding: 10px;
}

a.icon svg {
    float: left;
    width: 100%;
}

.icon-path {
    /*fill: #000;
    fill: rgba(0, 0, 0, 1);*/
}

.icon-path.alt {
    fill: rgba(0, 0, 0, .8);
}

.icon-path.stroke {
    fill: none;
    stroke: #000;
    stroke: rgba(0, 0, 0, 1);
    stroke-miterlimit: 10;
    stroke-width: 2px;
}

.site-header a .icon-path {
    fill: rgba(0, 0, 0, 1);
}

.site-header a .icon-path.alt {
    fill: rgba(0, 0, 0, .8);
}

a .icon-path {
    fill: rgba(0, 255, 186, 1);
}

a .icon-path.alt {
    fill: rgba(0, 255, 186, .8);
}

a .icon-path.stroke {
    fill: none;
    stroke: #000;
    stroke: rgba(0, 0, 0, 1);
    stroke-miterlimit: 10;
    stroke-width: 2px;
}

a:hover .icon-path {
    fill: rgba(206, 0, 255, 1);
}

a:hover .icon-path.alt {
    fill: rgba(206, 0, 255, .9);
}

a:hover .icon-path.stroke {
    fill: none;
    stroke: rgba(206, 0, 255, 1);
}

.site-header a.active .icon-path,
.searcher.active a.icon .icon-path {
    fill: #000;
}

/* Slack icon */
.icon-path.slack.red,
a.slack:hover .icon-path.red {
    fill: #E0205B;
}

.icon-path.slack.blue,
a.slack:hover .icon-path.blue {
    fill: #37C5EF;
}

.icon-path.slack.green,
a.slack:hover .icon-path.green {
    fill: #2DB77D;
}

.icon-path.slack.yellow,
a.slack:hover .icon-path.yellow {
    fill: #EBB22C;
}