_top_bar_default.scss

.topbar {
    transition: all 150ms ease-in-out;
    background: $cor01;
    max-height: 35px;

    &__container {
        width: calc(100% - 30px);
        max-width: 1200px;
        margin: 0 auto;
    }

    &__list {
        align-items: center;
        display: flex;
        height: 35px;
        justify-content: center;
        margin: 0;

        .info__dropdown {
            background: white;
            border: $border;
            left: 0;
            opacity: 0;
            padding: 30px;
            position: absolute;
            top: 100%;
            transition: $transition;
            visibility: hidden;
            z-index: 110;
        }
    }

    &__item {
        align-items: center;
        display: flex;
        height: 100%;
        position: relative;

        &:not(:first-child) {
            margin-left: 30px;
        }

        &:hover {
            .info__dropdown {
                opacity: 1;
                visibility: visible;
            }
        }
    }

    &__text {
        color: white;
        display: block;
        font-size: 13px;
        font-weight: 500;

        @media(max-width: 991px) {
            font-size: 12px;
        }

        &--bold {
            font-weight: 800;
            font-style: italic;
        }
    }
}