@import "../../../../../assets/styles/index.scss";

.header {
    font-family: 'DaimlerCS', sans-serif;

    &-links{
        padding-top:35px;

        &-profile{
            padding-top:33px;
            font-size: 16px;

            .profile-button{
                padding: 0.5rem 2.14rem;
            }

            .profile-icon{
                padding-top:3px;
                margin-left:5px;
            }

            .badge, .btn {
                box-shadow: none;
            }

        }
    }

    .logo{
        padding:20px 0;
    }


    .nav-item {
        a {
            color:$color-white;
        }
        &.active, &:active{
            border-bottom: 1px solid $color-blue;
        }
    }

    .dropdown-menu {
        width: 9rem;
        padding-top:0.1rem;
        padding-bottom:0.1rem;

        &:before {
            position: absolute;
            top: -7px;
            right:13px;
            display: inline-block;
            border-right: 7px solid transparent;
            border-bottom: 7px solid $color-light-gray2;
            border-left: 7px solid transparent;
            border-bottom-color: rgba(0, 0, 0, 0.2);
            content: '';
        }

        &:after {
            position: absolute;
            top: -6px;
            right: 14px;
            display: inline-block;
            border-right: 6px solid transparent;
            border-bottom: 6px solid $color-light-gray3;
            border-left: 6px solid transparent;
            content: '';
        }

        .dropdown-item{
            padding: 0.5rem 1.5rem;
        }
        .dropdown-divider{
            margin:0;
        }

    }

    .dropdown-hover:hover .dropdown-menu {
        display: block;
        margin-top: 0;
    }

    .split-dropdown {
        box-shadow: none;

        &-label {
            font-weight: normal;
            font-size: 16px;
            padding:1rem 0 1rem 1rem;
        }
        &-button{
            background-color:transparent;
        }
    }
}
