// Dropdown overrides and variants
.dropdown {
    &-header {
        font-weight: $font-weight-bold;
        letter-spacing: .01rem;
        white-space: nowrap;
        margin-bottom: 0;
       
    }
    &-divider {
        opacity: 1;
    }

    // Custom prepend icon on dropdown item
    &-menu-prepend {
        .dropdown-item,
        .dropdown-header {
            position: relative;
            padding-left: 2rem;
            display: flex;
            align-items: center;
        } 
        .dropdown-item {
            .icon-container {
                display: none;
                position: absolute;
                left: 0.5rem;
            }

            &:hover,
            &:focus,
            &.active {
                .icon-container {
                    display: block;
                }
            }
        } 
    }
}