.widget_nav_menu { .menu-resources-menu-container { position: relative; } ul.menu { list-style: none; text-align: left; li { position: relative; } a { display:block; color: $black; justify-content: left !important; } width:auto; li.menu-item-has-children { > a { &:after { content:'+'; margin-left:auto; padding-left: $global-padding/2; display: inline-block; color: scale-color($anchor-color, $lightness: 85%); } } ul.sub-menu { list-style: none; background-color: scale-color($anchor-color, $lightness: 98%); position: absolute; left:0%; top:0; margin:0; padding:0; width: 100%; visibility:hidden; opacity:0; transition: transform 0.5s; transform: translateY(-$global-padding); } &:hover { background-color: scale-color($anchor-color, $lightness: 98%); > a { color: scale-color($anchor-color, $lightness: 50%); &:after { color: scale-color($anchor-color, $lightness: 50%); } } > ul.sub-menu { top:100%; visibility: visible; opacity: 1; transform: translateY(0px); ul.sub-menu { top: 0%; left: 100%; } } } } } } // .widget_tag_cloud { // h6 { // display:none; // } // .tagcloud { // display: none; // padding: $global-padding*3; // width:50vw; // // max-width: 20rem; // a { // display: inline-block; // background-color: scale-color($anchor-color, $lightness: 90%); // padding:$global-padding/4 $global-padding/2; // &:before { // content: '#'; // display: inline-block; // } // } // } // &:before { // content: '#tags'; // color: $primary-color; // background-color: scale-color($anchor-color, $lightness: 90%); // padding:$global-padding/4 $global-padding/2; // } // &:hover{ // .tagcloud { // display: inline-block; // position: absolute; // top: 0; // } // } // } @include breakpoint(small){ } @include breakpoint(medium){ } @include breakpoint(large){ }