@charset "utf-8"; @import "../initial"; .sitemenu-horizontal { @media (max-width:769px) { padding-right: 0.9375em; padding-left:0.9375em; } padding-bottom: 0.5em; @include clearfix; .sitemenu-list{ li:nth-child(1){ background: darken($theme-color-green, 10%); } } .sitemenu-item.level-1 { font-size: 1rem; font-weight:initial; position: relative; float: left; margin-right: 1%; margin-bottom: 0.75em; padding: 0.5em .8em; padding-bottom: 0.5em; color: $theme-white; border-radius: .2em; background: $theme-color-green; text-align: center; letter-spacing: 2px; &:hover { background: darken($theme-color-green, 10%); .sitemenu-list.level-2 { display: block; } } } .sitemenu-link.level-1 { margin-right: .25rem; color: $theme-white; } .sitemenu-dropdown-toggle { font-size: 0.75rem; padding: 0.125em .3125rem; cursor: pointer; } // sitemenu dropdown .sitemenu-list.dropdown-menu { min-width: 100%; border: none; border-radius: .2em; background: darken($theme-color-green, 10%); } .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 { border-radius: 0.25em; box-shadow: 0px 0px 0px 1px #d7d7d7; margin:0 0 1em !important; } .sitemenu-item{ @media (min-width: 768px) { &:hover > ul{ display: block; position: absolute; left: 100%; top: 0; } li{ background: white; } } } .sitemenu-item.level-1 { position: relative; color:#333; &:hover { .sitemenu-list.dropdown-menu { } background:$theme-color-green; color: #fff; a{ color: #fff; } } } .sitemenu-link { padding: 0.625em 1.25em; font-size: 1rem; color: #333; width: 100%; display: block; } .sitemenu-dropdown-toggle { font-size: 0.75rem; padding: 0.125em .3125rem; cursor: pointer; margin-top: -28px; float: right; margin-right: 10px; } .sitemenu-list.dropdown-menu { padding: 5px 0; margin: 10px 0 0; font-size: 1.4rem; text-align: left; list-style: none; position: relative; min-width: -webkit-fill-available; box-shadow: none; background: none; border: 1px solid #d7d7d7; border-radius: 0 0 0.25em 0.25em; } .sitemenu-link.level-2 { color: #333!important; font-size: 0.9rem; padding:0.5em 1.625rem; &:hover { text-decoration: underline; color: #288E8E!important; background-color: transparent; } } } .sitemenu-title{ color: #fff; margin-top: 0; } // .sitemenu-vertical .sitemenu-list{ list-style: none; margin: 0; padding: 0; border-top: none; & li { display: block; clear: both; &.active { & a { } & ul { display: block; position: absolute; left: 100%; top: 0; } } &:last-child { border-bottom: none; } & ul { display: none; & li { & a { &:hover { padding-left: 35px; } } } } & a { &:hover { padding-left: 25px; transition: 0.2s linear; } } } }