/* header ecommerce links */ .page-header-ecommerce-links-block { line-height:30px; margin-bottom:10px; } .page-header-ecommerce-links-block-list-container { list-style-type: none; margin: 0; padding: 0; } .page-header-ecommerce-links-block-list-container-item{ display: inline; padding: 5px; text-align: center; } .page-header-my-account-shopping-cart-row { margin-bottom: 5px; margin-top: 5px; } .page-header-product-search-row { } .page-header-product-search-row-col { } .page-header-basket-link, .page-header-checkout-link{ padding: 0px 6px; } .page-header-my-account-button { padding: 7px 12px !important; font-size: 14px; line-height: normal; background-color: @siteBlue; color: @white; border-radius: 16px !important; transition:all 0.8s; -o-transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; white-space: nowrap; &:hover, &:focus{ background-color: @siteBlueBright; color: @white; text-decoration: none; } } .page-header-my-account-logout-button { border: 0px !important; color: red; } .page-header-my-account-shopping-cart-row { } .page-header-my-account-shopping-cart-row-col-1 { } .page-header-my-account-shopping-cart-row-col-2 { } .page-header-my-account-shopping-cart-row-col-3 { } .page-header-my-account-btn-group { padding: 0px 6px; display: flex; .page-header-my-account-button{ line-height: 1.3; letter-spacing: .05em; } } .page-header-my-account-btn-group.open { > .page-header-my-account-button{ background-color: #30C2F4 !important; color: @white !important; transition:all 0.8s; -o-transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; &:hover, &:focus{ background-color: @siteBlue !important; color: @white !important; } } } .page-header-my-account-btn-group-dropdown-menu { background-color: #30C2F4 !important; border-radius: 16px !important; > li.public-login{ a{ padding: 6px 15px; font-size: 12px !important; color: @white; text-transform: capitalize; transition:all 0.8s; -o-transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; &:hover, &:focus{ background-color: #22A0C9; color: @white; border-top-left-radius: 10px; border-top-right-radius: 10px; } } } > li.vet-login{ a{ padding: 6px 15px; font-size: 12px !important; color: @white; text-transform: capitalize; transition:all 0.8s; -o-transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; &:hover, &:focus{ background-color: #22A0C9; color: @white; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } } } } // Header User Account Navigation View Wireframe 2 .page-header-my-account-wireframe-2-btn-group-dropdown-menu{ } .page-header-navbar-login-wireframe-2{ width: 305px; padding: 10px; padding-bottom: 0px; } .page-header-navbar-login-session { padding: 10px; padding-bottom: 0px; padding-top: 0px; } // Image column .page-header-my-account-navbar-image-col{ } .icon-size { font-size: 87px; } // User information column .page-header-my-account-navbar-customer-info{ } // my account button .page-header-navbar-login-session-my-account-btn{ } // sign out button .page-header-navbar-login-session-sign-out-btn{ } .public-top-navbar-header-menu-list{ margin: 5px 0px; list-style: none; text-align: right; > li{ .glyphicon{ top: 1px; font-size: 11px; color: @white; } padding: 5px 0; margin-bottom: 4px; //display: inline-block; font-family: @sansFontFamily; } }