/*** ESSENTIAL STYLES ***/ #primary_navigation .sf-menu li { position: relative; } #primary_navigation .sf-menu ul, #primary_navigation .sf-menu ul * { margin: 0; padding: 0; list-style: none; } #primary_navigation .sf-menu ul { position: absolute !important; overflow: visible; display: none; top: 100% !important; left: 0 !important; width: auto !important; height: auto; margin: 0; z-index: 10000; padding: 0; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } #primary_navigation .sf-menu ul li { width: 100%; margin: 0; display: inline-block; border-radius: 0; padding-top: 0; padding-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } #primary_navigation .sf-menu ul li:hover { border-radius: 0; } #primary_navigation .sf-menu ul li a { padding: 10px; margin: 0; text-align: left; width: 100%; white-space: nowrap; border-radius: 0; display: block; line-height: 1.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } #primary_navigation .sf-menu ul li a:hover { border-radius: 0; } #primary_navigation .sf-menu ul.sf-dark { background-color: rgba(0, 0, 0, 0.9); } #primary_navigation .sf-menu ul.sf-light { background-color: rgba(255, 255, 255, 0.9); } #primary_navigation .sf-menu li:hover > ul, #primary_navigation .sf-menu li.sfHover > ul { display: block; } /* adding sf-vertical class in addition to sf-menu creates a vertical menu */ /* eg.