/* Navbar */ .nav-tabs { border-bottom: 0px; li a { background: none; height: 35px; border: 1px solid #ccc; font-size: 12px; color: #FFF; margin: 0 10px; &:hover { background: #fff; color: @siteBrightBlue; border: 1px solid #ccc; height: 35px; border-bottom: 0px } } li.open { a:hover { background-color:@siteDarkBlue; } } } /* Override bootstrap's nav padding */ .nav > li > a { padding: 10px 15px; font-size: 16px; } /* Navbar dropdown */ .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color:@siteDarkBlue; border-color:@siteDarkBlue; } .navbar-default .navbar-nav .open .dropdown-menu { padding:10px; padding-right:25px; border-radius: 0; margin-top: 0; } .navbar-default .navbar-nav .open .dropdown-menu > li > a, .dropdown-menu { margin-top: 0; border:0px; background:@siteDarkBlue; border-bottom:0; border-radius: 0; color:#FFF; &:hover { color:@siteBrightBlue; background:@siteDarkBlue; } } .dropdown-menu > li > a { color:#FFF; &:hover { color:@siteBrightBlue; background: none; } } .dropdown-toggle { background:transparent; } /* Main menu */ .navbar .nav > li { > a { color:#FFF; &:hover { color:@siteBlack; background-color:transparent; } } &.open { background-color:@siteDarkBlue; > a { color:#FFF; &:hover { color:@siteBrightBlue; background-color:@siteDarkBlue; } } } } /* Page header */ .outer-header { color: @siteDarkBlue; } .page-header { margin:0px; border-bottom:0px; padding:0; } .ele-header-tag-line{margin-top:20px} .ele-header-wish-list{margin-top:12px; display: inline-block; text-align: center; padding: 0 7px;} .ele-header-logo { padding-top: 15px; } .ecommerce-tools { margin-top: 5px; display: flex; justify-content: flex-end; .col { margin: 0 0 0 15px; } /* Header links */ .btn-header-link { background: none; border: 0px; box-shadow: none; color: @siteDarkBlue; &:hover { color: @siteBrightBlue; } &:active { box-shadow: none; } } .btn-header-link-red { color: @siteRed!important; } .btn-group { &:after { content: ''; } } .btn-group.open .dropdown-toggle.btn-header-link { box-shadow:none; } .dropdown-menu { background-color: #EEE; li a { color: @siteDarkBlue; &.logout { color: @siteRed; } &:hover { color: @siteBrightBlue; } } } } .header-search { float: right; padding-bottom: 10px; .form-control.search-box { height: 34px; border-radius: 10px 0 0 10px; } .btn-primary { border-radius: 0 10px 10px 0; font-weight: bold; } } .toolbar-buttons { text-align: right; padding-top: 10px; padding-bottom: 15px; } /* Partner login */ .ele-header-wish-list-partner-log-in-bottom-bar { margin-top:5px; margin-bottom:15px; border-bottom:1px solid #EEEEEE; } p.head-text { color: @siteDarkBlue; } /* Menu */ .navbar-outer { background-color:@siteDarkBlue; #gradient > .horizontal(@siteBrightBlue, @siteDarkBlue); box-shadow: 0 3px 6px rgba(0,0,0,.2); position: relative; z-index: 200; } .ele-menu-container{background: none;border:0px;height: auto;min-height: unset;margin: 0;} .navbar-default {margin-bottom:0px;} .ele-menu-links-container{margin-left:-30px;}