/* Dropotron */

.dropotron {

list-style: none;
padding-left: 0;
background: #fff;
box-shadow: 0 1px 2px 0 rgba(0,0,0,0.075);
line-height: 2.25em;
min-width: 13em;
padding: 1em 0;
text-transform: uppercase;
margin-top: calc(-1em + 1px);

&.level-0 {
    font-size: 0.7em;
    font-weight: 400;
    margin-top: 1.5em;

    &:before {
        border-bottom: solid 0.5em #fff;
        border-left: solid 0.5em transparent;
        border-right: solid 0.5em transparent;
        content: '';
        left: 0.75em;
        position: absolute;
        top: -0.45em;
    }
}

> li {
    border-top: solid 1px _palette(border);
    padding-left: 0;

    > a {
        @include vendor('transition', 'none');
        color: inherit;
        text-decoration: none;
        padding: 0 1em;
        border: 0;
    }

    &:hover {
        > a {
            background: _palette(one, bg);
            color: _palette(one, fg);
        }
    }

    &:first-child {
        border-top: 0;
    }
}

}