@media only screen and (min-width: 769px) {
     body .page-header {
         background-color: #89ABE3;
     }

     body .page-footer {
         background-color: #89ABE3;
     }
 }

 @media only screen and (max-width: 768px) {
     body .page-wrapper .page-header .header.content {
         background-color: #89ABE3;
     }

     body .page-footer {
         background-color: #89ABE3;
     }
 }

 body .page-header .action.nav-toggle:not(.-active) span:before {
     background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M 2 5 L 2 7 L 22 7 L 22 5 L 2 5 z M 2 11 L 2 13 L 22 13 L 22 11 L 2 11 z M 2 17 L 2 19 L 22 19 L 22 17 L 2 17 z" fill="%231C0504"/></svg>') center / contain no-repeat;
 }

 body .search-wrapper .search[data-role*="trigger"]:before {
     background: url('https://www.nothingbundtcakes.com/media/icons/websites/1/search_icon.svg') center / contain no-repeat;
 }

 body .customer-wrapper>a:before {
     background: url('https://www.nothingbundtcakes.com/media/icons/websites/1/account-icon.svg') center / contain no-repeat;
 }

 body .minicart-wrapper .action.showcart.has-items:before {
     background: url('https://www.nothingbundtcakes.com/media/icons/websites/1/cart-items.svg') center / contain no-repeat;
 }

 body .minicart-wrapper .action.showcart:before {
     background: url('https://www.nothingbundtcakes.com/media/icons/websites/1/cart-icon-not-empty.svg') center / contain no-repeat;
 }

 body .header.store .current-store.details .store-options .store-option.delivery:before {
     background: url('https://www.nothingbundtcakes.com/media/icons/websites/1/delivery.svg') center / contain no-repeat;
 }

 body .page-header .header.store .edit-current-store .bakery-icon.delivery {
     background: url('https://www.nothingbundtcakes.com/media/icons/websites/1/delivery.svg') center / contain no-repeat;
 }

 body .page-header .header.store .bakery-icon.delivery {
     background: url('https://www.nothingbundtcakes.com/media/icons/websites/1/delivery.svg') center / contain no-repeat;
 }

 body .header.actions .rewards-wrapper .action.rewards:before {
     background: url('https://www.nothingbundtcakes.com/media/icons/websites/1/surface1.png') center / contain no-repeat;
 }

 body .page-header .header.store .location-wrapper-label,
 body .page-header .header.store .current-store.store,
 body .page-header .header.store .edit-wrapper .link-style,
 body .page-header .header.store .current-store.container #fulfillment-popup .edit-icon,
 body .page-header .header.additional .wrapper .action.link,
 body .page-header .header.actions .rewards-wrapper .action.rewards,
 body .page-header .header.actions .rewards-wrapper .action.rewards .rewards-points,
 body header.page-header .header-container .current-store.container .location-wrapper .current-bakery-selection span {
     color: #1C0504;
 }

 /* State-driven underlines: these follow an actual open/focused panel. The open mobile search draws its underline on the icon, because opening it leaves the wrapper `position: static` and a wrapper underline would span the header. */
 body .page-header .header.actions .search-wrapper.-active:after,
 /* matches the depth of the mobile rule in _header.less, so the configured colour wins */
 body .page-wrapper .page-header .header.content .header.actions .search-wrapper.-active>.search[data-role*="trigger"]:after,
 body .page-header .header.actions .customer-wrapper:focus-within:after,
 body .page-header .header.actions .rewards-wrapper:focus-within:after,
 body .page-header .header.actions .minicart-wrapper.active:after {
     background-color: #1C0504;
 }

 /* Hover underlines only where a real pointer exists. On touch, :hover latches onto the tapped element and stays, so the underline outlived the panel it belonged to — the icon kept it after the search was closed again. */
 @media (hover: hover) and (pointer: fine) {

     body .page-header .header.actions .search-wrapper:hover:after,
     body .page-header .header.actions .customer-wrapper:hover:after,
     body .page-header .header.actions .rewards-wrapper:hover:after,
     body .page-header .header.actions .minicart-wrapper:hover:after {
         background-color: #1C0504;
     }
 }

 body .fulfillment-modal-v2-wrapper .modal-inner-wrap {
     background-color: #C7D6E7;
 }

 body .fulfillment-modal-v2-wrapper .modal-inner-wrap #fulfillment-v2-modal .search-wrapper .search .switch-bakery,
 body .fulfillment-modal-v2-wrapper .modal-inner-wrap #fulfillment-v2-modal .other-actions .action.continue {
     color: #174C96;
 }

 body .fulfillment-modal-v2-wrapper .modal-inner-wrap #fulfillment-v2-modal .title,
 body .fulfillment-modal-v2-wrapper .modal-inner-wrap #fulfillment-v2-modal .bakery-wrapper .bakery .info,
 body .fulfillment-modal-v2-wrapper .modal-inner-wrap #fulfillment-v2-modal .method-wrapper .method-buttons .method-button,
 body .fulfillment-modal-v2-wrapper .modal-inner-wrap #fulfillment-v2-modal .method-wrapper .method-content.delivery-method .delivery-note,
 body .fulfillment-modal-v2-wrapper .modal-inner-wrap #fulfillment-v2-modal .method-wrapper .method-content.pickup-method .select-curbside-pickup,
 body .fulfillment-modal-v2-wrapper .modal-inner-wrap #fulfillment-v2-modal .bakery-wrapper .bakery .business-hours .hours-list ul li:not(.closed):not(.open) span,
 body .fulfillment-modal-v2-wrapper .modal-inner-wrap #fulfillment-v2-modal .method-wrapper .method-content.delivery-method .delivery-inputs-wrapper .time-selector-wrapper .delivery-fee-info {
     color: #453A30;
 }

 body .fulfillment-modal-v2-wrapper .modal-inner-wrap #fulfillment-v2-modal .method-wrapper .method-buttons .method-button.active {
     background-color: #1D4494;
 }

 body .fulfillment-modal-v2-wrapper .modal-inner-wrap #fulfillment-v2-modal .method-wrapper .method-actions .btn-continue {
     background-color: #1D4494;
     box-shadow: 0 0 18px 4px #1D4494;
 }

 body .fulfillment-modal-v2-wrapper .modal-inner-wrap #fulfillment-v2-modal .method-wrapper .method-actions .btn-continue {
     color: #FFFFFF;
 }