.head-wrapper { height: 65px; box-shadow: 0 -1px 0 #e7e2ee inset; background: #fff; } header { @include constrain_wide; .left { float: left; a { display: inline-block; padding-left: 0; } } .right { margin-top: 4px; float: right; } } nav { @include fancy-sans-bold; letter-spacing: 1px; margin: 0 0 10px; ul { list-style-type: none; padding: 0; li { display: inline; } } a { @include fontsize(14); text-decoration: none; color: #444; font-weight: normal; padding: 6px; &:visited { color: #444; } &:hover { color: $link_color; } } .btn { display: inline-block; background: transparent; color: $link_color !important; border: 1px solid $link_color; border-radius: 4px; &:hover { color: white !important; border-color: $link_color; background-color: $link_color; } } } .dropmenu { outline: white; position: absolute; z-index: 10; margin-top: 4px; margin-left: 2rem; background: #fff; color: #60516E; padding: 10px; border-radius: 4px; border: 1px solid rgba(0,0,0,0.05); filter: drop-shadow(0 0px 4px rgba(0,0,0,0.08)); &:after { top: unset; left: unset; margin-left: unset; border-top-color: unset; content: ""; position: absolute; border: 10px solid transparent; bottom: 100%; left: 50%; margin-left: -10px; border-bottom-color: white; } a, a:visited { color: lighten($body_font_color, 15); } a:hover { color: $body_font_color; } .menu-divider { border-top: 1px solid #e7e2ee; padding: 8px 16px 0; margin: 8px -10px 0; } li { margin-top: 4px; margin-bottom: 4px; } } #user-menu { margin-left: 4rem; }