header.refresh.header-responsive { .header-store-locator { position: relative; span { display: inline-block; &.hide { display:none; } &.my-store-label { color: $black; .my-store-value { color: $blue; } } } .flyout-menu { display: none; width: 340px; padding: 20px; @include font-size(12px); .my-change-store { float: right; } } &:hover .flyout-menu { display: block; } .flyout-title { .store-distance { float: right; } svg { vertical-align: text-bottom; } } .empty-store-info { .find-store { position: relative; } .btn { position: absolute; top: 0; right: 0; min-height: 40px; line-height: 40px; } } .my-default-store-info { div { margin: 0.5rem 0; font-size: 0.85rem; } .open-now { color: $green; font-weight: bold; &:after { content: ' *'; width: 1px; color: $black; } } .closed-now { color: $red; font-weight: bold; } .store-disclaimer-note { font-size: 0.75rem; font-weight: normal; font-style: italic; } .store-address { text-transform: capitalize; } .store-hours { border: 1px solid $gray-light; li { padding: 0.5rem; width: 100%; &:first-child { background: $blue-light; } } span { display: inline-block; &.day { min-width: 50px; } &.date { min-width: 70px; } &.hour { min-width: 135px; text-align: right; } } } .store-details-change { a { font-size: 0.85rem; color: $black; padding: 4px; display: inline-block; margin-top: 4px; &:hover, &:focus { background-color: $lightBlue; color: $menuLinkBlue; } } } } .menu-item:after { content: ''; width: 150px; height: 10px; position: absolute; display: block; top: 100%; } } }