Weekly Ad - Sprouts.com

/ Ways to Shop / Weekly Ad

Deals between Digital Ad

Deals between

Store

Having trouble viewing our Weekly Ad? Try using this version!

/* ----------------------------------------- */ /* Content Template: Weekly Ad Page Static - start */ /* ----------------------------------------- */ h1, h3 { font-size: 1.188rem; font-weight: 100; font-family: "Open Sans"; color: #6f6f6f; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } h1 { margin-left: 1rem; display: inline; line-height: 100%; vertical-align: middle} span.back-arrow-icon:before { font-family: icons; content: "\EA10"; display: inline-block; text-align: center; height: 2rem; width: 2rem; line-height: 2rem; } span.back-arrow-icon { display: inline-block; font-size: 0.75rem; background-color: #6f6f6f; color: white; opacity: .9; border-radius: 50%; margin-left: 0.5rem; } span.cal-icon:before { font-family: icons; content: "\EA07"; display: inline-block; vertical-align: middle; } span.cal-icon { font-size: 1rem; color: #2b953b; } .store-map-icon { margin-left: -0.5rem; margin-right: 0.5rem; } .weekly-ad-header span.cal-icon { margin-right: 0.5rem; } .mobile-date-selector span.cal-icon { margin-right: 1rem; } .deals { color: #6f6f6f; line-height: 1.5; vertical-align: middle; } .deals, .deals * { text-transform: uppercase; } .deals button.ad-selector, .deals unata-storeid-label a { outline: none; border: none; color: black; text-decoration: underline; margin-left: 0.5rem; font-weight: bold; line-height: 1.5; } .weekly-ad-header { display: flex; flex-wrap: wrap; background-color: white; padding: 2rem 0.5rem 0.75rem; border-bottom: 2px solid #EEE; font-size: 0.875rem; } .weekly-ad-header header { margin: 1rem 0; } .header-right { margin-left: auto; align-self: center; } #desktop-pdf { width: 50%; min-width: 640px; height: calc(100vh - 5rem); } #mobile-pdf { width: 100%; height: calc(100vh - 100px); } .digital-ad { background-color: #2b953b; border-radius: 0.25rem; color: white; text-decoration: none; text-align: center; padding: 0 0.3125rem 0 0.5rem; margin-left: 0.5rem; display: inline-block; transition: background-color .25s ease-out,color .25s ease-out; } .digital-ad:hover { color: white; background-color: #006326; transition: background-color .25s ease-out,color .25s ease-out; } .digital-ad img { margin-left: 0.1875rem; } .button-float { position: fixed; right: 0; bottom: 50px; } .button-float a { display: inline-block; text-align: center; color: white; text-transform: uppercase; font-size: 0.4375rem; font-weight: bold; padding: 0 0.125rem 0.5rem; background-color: #2b953b; } .button-float img { display: block; margin-bottom: -0.8125rem; margin-top: -0.5rem; } .mobile-date-selector { background-color: #F7F7F7; padding: 0.75rem 1.5rem; font-size: 0.875rem; } .selector-modal-header { background-color: #006326; padding: 1rem; } span.delete-icon:before { font-family: icons; content: "\EA1D"; display: inline-block; font-size: 1.5rem; color: white; vertical-align: middle; } .selector-modal-body { padding: 0.75rem; } .selector-modal-body h3 { margin-bottom: 0.75rem; } .selector-modal-body p { color: black; } .selector-modal { position: fixed; top: 0; height: 100%; width: 100%; display: flex; flex-direction: column; background-color: #F7F7F7; } #ad-selector-modal { position: fixed; top: 0; z-index: 11; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.7); } #ad-selector-modal button[type='submit'] { background-color: #2b953b; color: white; text-align: center; padding: 1rem; display: block; width: 100%; margin-top: auto; } #ad-selector-modal input[type="radio"] { position: absolute; opacity: 0; cursor: pointer; } #ad-selector-modal label { display: block; border: 2px solid #EEE; border-radius: 0.3125rem; padding: 0.75rem; margin: 1rem 0 4rem; background-color: white; cursor: pointer; } #ad-selector-modal input:checked + label { border-color: #006326; } @media screen and (min-width:640px) { .breadcrumbs { margin-bottom: 0.5rem; } .breadcrumbs span.home-icon { margin-left: 0; } .breadcrumbs span.home-icon:before { font-family: icons; content: "\EA2E"; display: inline-block; font-size: 1.375rem; } .breadcrumbs * { margin: 0 0.25rem; } .breadcrumbs *:not(.current-page) { color: #6f6f6f !important; } .breadcrumbs .current-page { color: #2b953b; } .weekly-ad-header { background-color: #F7F7F7; padding: 0.5rem 5%; border-bottom-width: 1px; width: 100%; } .weekly-ad-header header { margin-left: 10%; } h1 { color: #181818; font-size: 1.875rem; font-family: Roboto Condensed,sans-serif; display: block; margin-left: 0; } .digital-ad { border-radius: 0.3125rem; padding: 0 0.75rem 0 1rem; margin-left: 1.5rem; } .entry-content section { background-color: white; padding: 2rem; text-align: center; } .views-template-weekly-ad-page-static .secondary-nav.shown { position: relative; box-shadow: none; -webkit-box-shadow: none; } .views-template-weekly-ad-page-static .secondary-nav.shown .button, .secondary-nav input { margin-bottom: 0; } .spr-search.disabled { cursor: default; } .selector-modal { height: auto; width: 50%; max-width: 640px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .selector-modal-header h2 { margin-bottom: 0; font-family: Roboto Condensed,sans-serif; font-size: 1.5rem; color: white; line-height: 1.5; vertical-align: middle; text-align: center; } .selector-modal-close { position: absolute; top: -2rem; right: 0; } #ad-selector-modal button[type='submit'] { width: auto; margin: auto auto 2rem; border-radius: 0.25rem; } } _:-ms-lang(x), .top-bar { position: relative!important; } _:-ms-lang(x), .menu-bar-spacer { display: none; } _:-ms-lang(x), #embedded-pdf.modal-open { visibility: hidden; } #debug-window { height: 300px; width: 50%; margin: 0 auto; padding: 1rem; font-family: consolas; color: black; } /* ----------------------------------------- */ /* Content Template: Weekly Ad Page Static - end */ /* ----------------------------------------- */

Select Ad

Last Day to Save

Live Deals

Double Ad Wednesday

Preview a Future Weekly Ad