/*
 * Dropdown
 */

.dropdown {
    display: inline-block;
    position: relative;
}

.dropdownTitle {
    font-size: calc(1.25 * var(--font_size));
}

.dropdown:hover {
    cursor: pointer;
}

.dropdownContent {
    display: none;
    position: absolute;
    left: -150px;
    width: 170px;
    overflow: auto;
    border: var(--border_subtle);
    box-shadow: var(--box_shadow);
    border-radius: var(--border_radius);
    background-color: var(--color_10);
    color: var(--color_10_f);
    z-index: 99;
}

.dropdownContent a {
    display: block;
    padding: 5px;
    text-decoration: none;
    font-family: Quicksand, sans-serif;
    font-size: var(--font_size);
}

.dropdownContent a:hover {
    background-color: var(--color_20);
    color: var(--color_20_f);
}