@charset "utf-8";

@import "../initial";

.sitemenu-horizontal {
    margin-top: 16px;
    font-weight: bold;

    @include clearfix;

    .sitemenu-title {
        font-size: 1.8em;
        font-weight: normal
    }

    .sitemenu-list.level-1 {
        list-style: square;
        color: $site-menu-disc;
        list-style-position: inside;
        margin: 0;
        line-height: 0.4;
        background-color: #F0F0F0;
    }

    .sitemenu-item.level-1 {
        font-size: 1em;
        position: relative;
        float: left;
        padding: 1.2em 0;
        margin: 0.5em;
        margin-bottom: 0;

        &:hover {
            color: $a-hover;
            text-decoration: underline;

            .sitemenu-list.level-2 {
                display: block;
            }
        }
    }

    .sitemenu-link.level-1 {
        color: #4B4B4B;
        text-decoration: none;
    }


    .sitemenu-dropdown-toggle {
        font-size: 0.75rem;
        padding: 0.125em .3125rem;
        cursor: pointer;
    }
    // sitemenu dropdown
    .sitemenu-list.dropdown-menu {
        min-width: 100%;
        margin-top: 0;
        border: none;
        border-radius: .2em;
        background: $theme-color-main;
    }

    .sitemenu-link.level-2 {
        color: $theme-white;
        font-size: 0.8125rem;
        padding: 0.25em 0.625rem;

        &:hover {
            text-decoration: underline;
            background-color: transparent;
        }
    }
}

.sitemenu-vertical {
    .sitemenu-list {
        background-color: $theme-color-second;
    }

    .sitemenu-item.level-1 {
        padding: 0.625em 1.25em;
        position: relative;
        color: $theme-white;

        &:hover {
            color: $a-hover;
            text-decoration: underline;

            .sitemenu-list.level-2 {
                display: block;
            }
        }
    }

    .sitemenu-link {
        font-size: 0.8125rem;
        color: $theme-white;
    }

    .sitemenu-dropdown-toggle {
        font-size: 0.75rem;
        padding: 0.125em .3125rem;
        cursor: pointer;
    }

    .sitemenu-list.dropdown-menu {
        border: none;
        border-radius: .2em;
        background: $theme-color-main;
    }

    .sitemenu-link.level-2 {
        color: $theme-white;
        font-size: 0.8125rem;
        padding: 0.25em 0.625rem;

        &:hover {
            text-decoration: underline;
            background-color: transparent;
        }
    }
}