/* stylelint-disable max-nesting-depth, selector-class-pattern */
.MainNavigation {

    &-container {

        width: 1230px;
    }
}

.header-main {

    &.navigation {

        padding: 0 15px;
    }

    .Icons-royalty-share-logo {
        width: 200px;
    }

    .navigation-brand {

        &.logo {

            margin-top: 8px;
        }
    }

    /* stylelint-disable selector-max-type */
    .Header-menu-item {

        &.active {
            background-color: $puma;
        }

        & > a {
            outline: none;

            &:hover,
            &:focus {
                background-color: $puma;
            }
        }
    }

    .Account-dropdown {

        .dropdown-toggle {

            background-color: $transparent;
        }

        &.open {

            .dropdown-toggle {

                background-color: $puma;
            }
        }
    }

    .dropdown-menu {

        top: 100%;

        & > li {

            width: 100%;

            &.active {

                & > a {

                    background-color: $mouse;
                    color: $puma;
                }
            }
        }
    }
    /* stylelint-enable selector-max-type */
}

.Dropdown-title {
    display: inline-block;
    height: 54px;
    padding-right: 5px;
    padding-top: 10px;
    text-align: right;
    vertical-align: top;

    .Line {
        display: block;
        line-height: 16px;
    }

    .Account-name {
        font-weight: 500;
    }
}
/* stylelint-enable max-nesting-depth, selector-class-pattern */