PageSourceSearch

https://www.co-op.crs/shop

html co-op.crs collected 2026-10-02 13:07:25 UTC 153,602 bytes, 3,679 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5
6	<!-- Google Tag Manager -->
7	
7<script>
vendor: 400 bytes, lines 7-14
7(function (w, d, s, l, i) {
8			w[l] = w[l] || []; w[l].push({
9				'gtm.start':
10					new Date().getTime(), event: 'gtm.js'
11			}); var f = d.getElementsByTagName(s)[0],
12				j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
13					'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
14		})(window, document, 'script', 'dataLayer', '
14GTM-MGD4JRW
vendor: 3 bytes, line 14
14');
14</script>
14
15	<!-- End Google Tag Manager -->
16
17	<!-- branch.io -->
18	
18<script>
19		// Load Branch
20		(function(b,r,a,n,c,h,_,s,d,k){if(!b[n]||!b[n]._q){for(;s<_.length;)c(h,_[s++]);d=r.createElement(a);d.async=1;d.src="https://cdn.branch.io/branch-latest.min.js";k=r.getElementsByTagName(a)[0];k.parentNode.insertBefore(d,k);b[n]=h}})(window,document,"script","branch",function(b,r){b[r]=function(){b._q.push([r,arguments])}},{_q:[],_v:1},"addListener banner closeBanner closeJourney data deepview deepviewCta first init link logout removeListener setBranchViewData setIdentity track trackCommerceEvent logEvent disableTracking getBrowserFingerprintId crossPlatformIds lastAttributedTouchData setAPIResponseCallback qrCode setRequestMetaData setAPIUrl getAPIUrl setDMAParamsForEEA".split(" "), 0);
21	</script>
21
22
23
24	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
25	<meta http-equiv="X-UA-Compatible" content="IE=Edge">
26	<meta name="description"
27		content="More than a grocery store, gas station, agro centre or home centre. We are owned by and give back to our communities.">
28	<link rel="icon" href="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/custom/fcl.ico" type="image/x-icon" />
29	<link rel="icon" sizes="16x16 32x32 64x64" href="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/fcl48x48.ico">
30	<link rel="icon" type="image/png" sizes="16x16" href="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/fcl16x16.png">
31	<link rel="icon" type="image/png" sizes="32x32" href="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/fcl32x32.png">
32	<link rel="icon" type="image/png" sizes="48x48" href="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/fcl48x48.png">
33
34	<link rel="apple-touch-icon" sizes="150x150" href="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/fcl150x150.png">
35	<link rel="apple-touch-icon" sizes="180x180" href="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/fcl180x180.png">
36
37	<meta name="msapplication-TileColor" content="#CC0000">
38	<meta name="msapplication-TileImage" content="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/fcl150x150.png">
39	<meta name="msapplication-config" content="/CoopCRSThemeStatic/themes/CoopCRSTheme/browserconfig.xml">
40
41	<link rel="mask-icon" href="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/fcl.svg" color="#CC0000">
42
43	<!-- rel=dynamic-content indicates an element that is replaced with the contents produced by the specified href. 
44	 dyn-cs:* URIs are resolved using the values within the 'wp_dynamicContentSpots_85' theme module. -->
45	<link rel="stylesheet" href="/contenthandler/!ut/p/digest!AhGks28HqDCd2i-EfAEb1g/sp/mashup:ra:collection?soffset=0&amp;eoffset=17&amp;themeID=ZJ_3H1C1OC0M0HH60Q52POP1R0GQ3&amp;locale=en&amp;mime-type=text%2Fcss&amp;lm=1788360664000&amp;entry=wp_toolbar_common__0.0%3Ahead_css&amp;entry=wp_dialog_css__0.0%3Ahead_css&amp;entry=wp_toolbar_logo__0.0%3Ahead_css&amp;entry=wp_theme_portal_edit_85__0.0%3Ahead_css&amp;entry=wp_theme_portal_85__0.0%3Ahead_css&amp;entry=wp_portlet_css__0.0%3Ahead_css&amp;entry=wp_toolbar_common_actionbar__0.0%3Ahead_css&amp;entry=wp_simple_contextmenu_css__0.0%3Ahead_css&amp;entry=wp_toolbar_actionbar__0.0%3Ahead_css&amp;entry=wp_ic4_wai_resources__0.0%3Ahead_css&amp;entry=wp_toolbar_sitepreview__0.0%3Ahead_css&amp;entry=wp_toolbar_moremenu__0.0%3Ahead_css&amp;entry=wp_status_bar__0.0%3Ahead_css&amp;entry=wp_toolbar_projectmenu__0.0%3Ahead_css&amp;entry=wp_analytics_aggregator__0.0%3Ahead_css&amp;entry=wp_oob_sample_styles__0.0%3Ahead_css" type="text/css"/><link rel="alternate" id="head_css_deferred" href="/contenthandler/!ut/p/digest!AhGks28HqDCd2i-EfAEb1g/sp/mashup:ra:collection?soffset=0&amp;eoffset=7&amp;themeID=ZJ_3H1C1OC0M0HH60Q52POP1R0GQ3&amp;locale=en&amp;mime-type=text%2Fcss&amp;lm=1788360664000&amp;entry=wp_contextmenu_css__0.0%3Ahead_css&amp;entry=wp_federated_documents_picker__0.0%3Ahead_css&amp;entry=wp_analytics_tags__0.0%3Ahead_css&amp;entry=wp_dnd_css__0.0%3Ahead_css&amp;entry=wcm_inplaceEdit__0.0%3Ahead_css&amp;entry=wp_content_targeting_cam__0.0%3Ahead_css&amp;deferred=true"/>
45<script type="text/javascript">var djConfig={"baseUrl":"/portal_dojo/v1.9/dojo/","locale":"en","isDebug":false,"debugAtAllCosts":false,"parseOnLoad":false,"afterOnLoad":false,"has":{"dojo-bidi":true},"modulePaths":{"com":"/themeModules/js/com","ibm":"/themeModules/js/ibm","pagebuilder":"/themeModules/modules/pagebuilder/js","portalclient":"/themeModules/modules/portalclient/js","asa":"/themeModules/modules/asa/js","contentmapping":"/themeModules/modules/contentmapping/js","federation":"/themeModules/modules/federation/js"}};djConfig.locale=djConfig.locale.replace(/_/g, "-").replace(/iw/, "he").toLowerCase();(function(){if (typeof(wpModules) == 'undefined') wpModules = {}; if (typeof(wpModules.state) == 'undefined') wpModules.state = {}; if (typeof(wpModules.state.page) == 'undefined') wpModules.state.page = {};wpModules.state.page._initial=[{"nsuri":"http://www.ibm.com/xmlns/prod/websphere/portal/publicparams","name":"selection","value":["Z6_5H8C1980M86M106CKT8NLQ30I2"]},{"nsuri":"http://www.ibm.com/xmlns/prod/websphere/portal/publicparams","name":"labelMappings","value":["Z6_000000000000000000000000A0","Z6_5H8C1980M86M106CKT8NLQ30I2","Z6_5H8C1980M86M106CKT8NLQ30I2","Z6_000000000000000000000000A0"]},{"nsuri":"http://www.ibm.com/xmlns/prod/websphere/portal/publicparams","name":"expansions","value":["Z6_000000000000000000000000A0"]}];wpModules.state.page.selectionPath=['Z6_000000000000000000000000A0','Z6_5H8C1980M86M106CKT8NLQ30I2'];wpModules.state.page.supportsEditMode=true;wpModules.state.page.supportsToolbar=true;wpModules.state.page.path='';wpModules.state.page.protectedPath='/myportal';wpModules.state.page.publicPath='';})();</script>
45<script type="text/javascript" src="/contenthandler/!ut/p/digest!AhGks28HqDCd2i-EfAEb1g/mashup/ra:collection?themeID=ZJ_3H1C1OC0M0HH60Q52POP1R0GQ3&amp;locale=en&amp;mime-type=text%2Fjavascript&amp;lm=1788360664000&amp;entry=wp_client_main__0.0%3Ahead_js&amp;entry=wp_client_ext__0.0%3Ahead_js&amp;entry=wp_client_logging__0.0%3Ahead_js&amp;entry=wp_client_tracing__0.0%3Ahead_js&amp;entry=wp_modules__0.0%3Ahead_js&amp;entry=wp_photon_dom__0.0%3Ahead_js&amp;entry=wp_toolbar_common__0.0%3Ahead_js&amp;entry=wp_dialog_util__0.0%3Ahead_js&amp;entry=wp_dialog_draggable__0.0%3Ahead_js&amp;entry=wp_dialog_main__0.0%3Ahead_js&amp;entry=wp_a11y__0.0%3Ahead_js&amp;entry=wp_state_page__0.0%3Ahead_js&amp;entry=wp_theme_portal_85__0.0%3Ahead_js&amp;entry=wp_theme_utils__0.0%3Ahead_js&amp;entry=wp_toolbar_viewframe_validator__0.0%3Ahead_js&amp;entry=wp_analytics_aggregator__0.0%3Ahead_js"></script>
45<link rel="alternate" id="head_js_deferred" href="/contenthandler/!ut/p/digest!Oz0DwGGQk5RSzfLavfzTxw/mashup/ra:collection?themeID=ZJ_3H1C1OC0M0HH60Q52POP1R0GQ3&amp;locale=en&amp;mime-type=text%2Fjavascript&amp;lm=1741991890000&amp;entry=dojo_19__0.0%3Ahead_js&amp;entry=dojo_app_19__0.0%3Ahead_js&amp;entry=dojo_fx_19__0.0%3Ahead_js&amp;entry=dojo_dom_19__0.0%3Ahead_js&amp;entry=dojo_dnd_basic_19__0.0%3Ahead_js&amp;entry=dojo_data_19__0.0%3Ahead_js&amp;entry=dojo_selector_lite_19__0.0%3Ahead_js&amp;entry=dijit_19__0.0%3Ahead_js&amp;entry=dojo_dnd_ext_19__0.0%3Ahead_js&amp;entry=dijit_layout_basic_19__0.0%3Ahead_js&amp;entry=dojox_layout_basic_19__0.0%3Ahead_js&amp;entry=dijit_menu_19__0.0%3Ahead_js&amp;entry=dojo_fmt_19__0.0%3Ahead_js&amp;entry=dijit_tree_19__0.0%3Ahead_js&amp;entry=wp_dnd_namespace__0.0%3Ahead_js&amp;entry=wp_dnd_source__0.0%3Ahead_js&amp;entry=dijit_layout_ext_19__0.0%3Ahead_js&amp;entry=dijit_form_19__0.0%3Ahead_js&amp;entry=wp_client_selector__0.0%3Ahead_js&amp;entry=wp_client_dnd__0.0%3Ahead_js&amp;entry=wp_contextmenu_js__0.0%3Ahead_js&amp;entry=wp_dnd_target__0.0%3Ahead_js&amp;entry=wp_dnd_util__0.0%3Ahead_js&amp;entry=wcm_inplaceEdit__0.0%3Ahead_js&amp;deferred=true"/><link id="BNMO-yqVcxD" rel="alternate" href="https://www.co-op.crs/shop/!ut/p/z0/04_Sj9CPykssy0xPLMnMz0vMAfIjo8ziTT0snA0tLQx8Lcx8DQ3MnL1DLPx8Ao0NPI30C7IdFQFrGxMz/">
45<script type="text/javascript">(function() {
46	var element = document.getElementById("BNMO-yqVcxD");
47	if (element) {
48		wpModules.theme.WindowUtils.baseURL.resolve(element.href);
49	}
50}());</script>
50<style id="layout-wstate-styles"></style><base href="https://www.co-op.crs/shop/!ut/p/z0/04_Sj9CPykssy0xPLMnMz0vMAfIjo8ziTT0snA0tLQx8Lcx8DQ3MnL1DLPx8Ao0NPI30C7IdFQFrGxMz/">
51<title>Shop | Co-op</title>
52
53
54<link id="com.ibm.lotus.NavStateUrl" rel="alternate" href="/shop/!ut/p/z0/04_Sj9CPykssy0xPLMnMz0vMAfIjo8ziTT0snA0tLQx8Lcx8DQ3MnL1DLPx8Ao0NPI30C7IdFQFrGxMz/" />
55
56
57<meta name="apple-itunes-app" content="app-id=573048102">
58
59<style>
60	.skip {
61    position: absolute;
62    left: -10000px;
63    top: auto;
64    width: 1px;
65    height: 1px;
66    overflow: hidden;
67}
68
69.skip:focus {
70    position: static;
71    width: auto;
72    height: auto;
73}
74</style>
75<a href="#main" class="js-skip skip">Skip to main content</a>
76
77<script>
78	document.querySelector('.js-skip').addEventListener('click', function(event) {
79		event.preventDefault();
80
81		const targetDiv = document.getElementById('main');
82		const firstFocusableChild = getFirstFocusableChild(targetDiv);
83		targetDiv.scrollIntoView({ behavior: 'smooth', block: 'start' });
84
85		if (firstFocusableChild) {
86			firstFocusableChild.focus(); // Focus the first focusable child
87		}
88	})
89
90	// Utility function to check if an element is focusable
91	function isElementFocusable(el) {
92		return el.offsetWidth > 0 && el.offsetHeight > 0 && el.tabIndex >= 0;
93	}
94
95	// Utility function to find the first focusable child element within a container
96	function getFirstFocusableChild(el) {
97		const focusableElements = el.querySelectorAll('a, button, input, select, textarea, [tabindex]:not([tabindex="-1"])');
98		return Array.from(focusableElements).find(element => isElementFocusable(element));
99	}
100</script>
100<!-- Bootstrap imports -->
101	<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" 
102		integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" 
103		crossorigin="anonymous"> -->
104	<link rel="stylesheet" href="/CoopCRSThemeStatic/themes/CoopCRSTheme/local/css/bootstrap.min.css">
105
106	
106<script src="https://code.jquery.com/jquery-3.5.1.min.js"
107		integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
107
108		
109	
109<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
110		integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
111		crossorigin="anonymous"></script>
111
112	<!-- 
112<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" 
113		integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" 
114		crossorigin="anonymous"></script>
114 -->
115	
115<script src="/CoopCRSThemeStatic/themes/CoopCRSTheme/local/js/bootstrap.min.js"></script>
115
116
117
118
119
120	
120<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"
121		integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU=" crossorigin="anonymous"></script>
121
122	
122<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.31.3/js/jquery.tablesorter.min.js"
123		integrity="sha512-qzgd5cYSZcosqpzpn7zF2ZId8f/8CHmFKZ8j7mU4OUXTNRd5g+ZHBPsgKEwoqxCtdQvExE5LprwwPAgoicguNg=="
124		crossorigin="anonymous" referrerpolicy="no-referrer"></script>
124
125
126	<link
127		href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic'
128		rel='stylesheet' type='text/css'>
129	<link rel="stylesheet"
130		type='text/css'
131		href="https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.31.3/css/theme.bootstrap_4.min.css"
132		integrity="sha512-2C6AmJKgt4B+bQc08/TwUeFKkq8CsBNlTaNcNgUmsDJSU1Fg+R6azDbho+ZzuxEkJnCjLZQMozSq3y97ZmgwjA=="
133		crossorigin="anonymous" referrerpolicy="no-referrer" />
134	<link rel="stylesheet" href="/CoopCRSThemeStatic/themes/CoopCRSTheme/css/custom/custom.css?v=77142d35f87ad97fbae474985b9813d72dcfba4d-82-ver" />
135
136	<!-- 
136<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/barcodes/JsBarcode.code128.min.js" ></script>
136 -->
137	 
137<script src="/CoopCRSThemeStatic/themes/CoopCRSTheme/local/node_modules/jsbarcode/dist/JsBarcode.all.min.js"></script>
137
138
139	
139<script src="/CoopCRSThemeStatic/themes/CoopCRSTheme/js/custom/cookies.js"></script>
139
140	<!-- IE support: add promises polyfill before msal.js  -->    
141    
141<script type="text/javascript" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/local/node_modules/bluebird/js/browser/bluebird.min.js"></script>
141
142    
142<script type="text/javascript" src="https://alcdn.msauth.net/browser/2.25.0/js/msal-browser.min.js"></script>
142
143	<!-- importing app scripts | load order is important -->
144	
144<script type="text/javascript" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/js/custom/authConfig.js"></script>
144
145	
145<script type="text/javascript" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/js/custom/ui.js"></script>
145 
146	
146<script type="text/javascript" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/js/custom/auth.js"></script>
146
147    <!-- importing fcl auth library | load order is important -->
148
149
150	<!-- 
150<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/axios.min.js"></script>
150 -->
151	
151<script src="https://unpkg.com/[email protected]/dist/axios.min.js"></script>
151
152	
152<script type="text/javascript" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/js/custom/fclauth.js?v=77142d35f87ad97fbae474985b9813d72dcfba4d-82-ver"></script>
152
153	
153<script type="text/javascript" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/js/custom/httphelper.js?v=77142d35f87ad97fbae474985b9813d72dcfba4d-82-ver"></script>
153
154	
154<script type="text/javascript" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/js/custom/utilities.js?v=77142d35f87ad97fbae474985b9813d72dcfba4d-82-ver"></script>
154
155	
155<script type="text/javascript" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/js/custom/analytics.js?v=77142d35f87ad97fbae474985b9813d72dcfba4d-82-ver"></script>
155
156	
156<script type="text/javascript" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/js/custom/toast.js?v=77142d35f87ad97fbae474985b9813d72dcfba4d-82-ver"></script>
156
157	
157<script type="text/javascript" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/js/custom/constants.js?v=77142d35f87ad97fbae474985b9813d72dcfba4d-82-ver"></script>
157
158	
158<script type="text/javascript" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/js/custom/outage.js?v=77142d35f87ad97fbae474985b9813d72dcfba4d-82-ver"></script>
158
159
160	<!-- SFDC Import -->
161	<!-- 
161<script type="text/javascript" src="https://cdn.c360a.salesforce.com/beacon/c360a/dedf5d76-f2e1-4fe5-9e4c-09b633fba785/scripts/c360a.min.js"></script>
161 -->
162	<!-- 
162<script type="text/javascript" src="https://cdn.c360a.salesforce.com/beacon/c360a/667d4e6b-9540-4974-817b-5c14ea1f652b/scripts/c360a.min.js"></script>
162 -->
163	
163<script type="text/javascript" src="https://unpkg.com/[email protected]/dist/handlebars.min.js"></script>
163
164
165	<!-- 
165<script type="text/javascript" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/js/custom/coopcrs-sitemap.js"></script>
165 -->
166
167</head>
168
169<body class="locale_en">
170
171	<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 171-172
171
172	<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
172GTM-MGD4JRW
vendor: 87 bytes, lines 172-174
172" height="0" width="0"
173			style="display:none;visibility:hidden"></iframe></noscript>
174	
174<!-- End Google Tag Manager (noscript) -->
175
176	<!-- toast template -->
177	<div id="fclToast" class="fcl-toast toast js-toast" role="alert" aria-live="assertive" aria-atomic="true" style="position: fixed;" data-animation="false" data-delay="5000">
178		<div class="d-flex align-items-start">
179			<img class="fcl-toast-icon pt-1" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/white/Exclamation.svg" alt="Exclamation">
180			<div class="pl-3">
181				<div id="toastHeader" class="fcl-toast-header fcl-text-sm">Bootstrap</div>
182				<div id="toastBody" class="fcl-toast-body fcl-text-xs fcl-fw-400">Hello, world! This is a toast message.</div>
183			</div>			
184		</div>
185	</div>
186	
187	<!-- end toast -->
188
189	<!-- Cookie modal -->
190	<div class="js-modal-cookie modal fade" id="cookieModal" tabindex="-1" role="dialog" aria-labelledby="cookieModalLabel">
191		<div class="modal-dialog modal-md" role="document">
192			<div class="modal-content">
193				<div class="modal-header">
194					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
195						<span aria-hidden="true">&times;</span>
196					</button>
197				</div>
198				<div class="modal-body px-2 px-md-5">
199					<p class="modal-p text-center text-md-left px-1 px-md-3">This website uses cookies for a range of purposes to help
200						us understand your interests,
201						personalize content, improve website functionality and performance, analyse traffic, to
202						enable social media features and for other marketing purposes. To learn more about how
203						we use cookies or to change your preference or browser settings please see our <a
204							href="/contact-us/privacy-terms">Data Use
205							and Privacy Policy</a> for details. By using our website you acknowledge the use of
206						cookies
207						as indicated as set out in our Data Use and Privacy Policy</p>
208					<div class="col-sm-12 pt-3">
209						<div class="d-flex justify-content-center align-items-center">
210							<a class="btn-fcl z-index-15 js-cookie-accept" href>I Accept</a>
211						</div>
212					</div>
213				</div>
214			</div>
215		</div>
216	</div>
217	<!-- End Cookie modal -->
218	
219	<!-- Email Modal -->
220	<div class="modal signin-modal" id="emailModal" tabindex="-1" role="dialog" aria-labelledby="emailModalLabel" aria-hidden="true">
221		<div class="modal-dialog" role="document">
222		<div class="modal-content fcl-modal-content">
223			<div class="modal-header">
224			<h2 class="modal-title fcl-modal-title fcl-text-lg" id="emailModalLabel">Enter Email</h2>
225			<button type="button" class="close" data-dismiss="modal" aria-label="Close">
226				<span aria-hidden="true">&times;</span>
227			</button>
228			</div>
229			<div class="modal-body pt-1">
230				<div class="outage-modal-container-notification" style="display:none"></div>
231				<div class="outage-container-html" style="display:none"></div>
232				<div class="fcl-modal-desc mb-4">Enter your email address to sign in or sign up.</div>
233				<label class="fcl-form-label" for="emailInput">Email</label>
234				<input id="emailInput" type="email" autocomplete="email" required>
235				<div class="fcl-invalid-feedback email-error error-message hidden">
236					<p>Incorrect email format</p>
237				</div>
238				<div class="spinner-container" style="display:none">
239					<div class="spinner"></div>
240				</div>
241			</div>
242			<div class="modal-footer">
243				<a id="emailContinue" onclick="resolvePath()" type="button" class="btn btn-fcl">Continue</a>
244			
244<script>
245				$("#main").click(e => e.preventDefault())
246				$(".js-skip").click(e => e.preventDefault())
247				
248				function validateEmail() {
249					var emailInput = document.querySelector("#emailInput");
250					let re = new RegExp("[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}$");
251					let valid = re.test(emailInput.value);
252					let emailError = document.querySelector(".email-error");
253					if (valid == true) {
254						emailError.classList.add("hidden");
255						return true;
256					} else {
257						emailError.classList.remove("hidden");
258						return false;
259					}
260				}
261
262				$('#emailInput').keyup(function(e){
263					var code = e.key; // recommended to use e.key, it's normalized across devices and languages
264    				if(code==="Enter") {
265						e.preventDefault();
266						$("#emailContinue").click();
267					}
268				});
269
270				function resolvePath(){
271					if(validateEmail()) {
272						$("#emailContinue").prop('disabled', true);
273
274						$(".spinner-container").show();
275
276						if (FCLCookies.getCookie('coopuser')){
277							let data = JSON.parse(FCLCookies.getCookie('coopuser'));
278							Object.keys(localStorage)
279								.filter(x =>
280									x.startsWith(data.data.id))
281								.forEach(x => 
282									localStorage.removeItem(x))
283							FCLauth.clearSession();
284						}
285
286						let analyticsObject = {
287							'event': 'select_content',    
288							'content_type': "Modal",
289							'item_id': "Enter Email"
290						};
291
292						analytics.sendEventWithAppName(analyticsObject, "sign_in");
293						
294						$(".signin-modal .modal-footer").hide();
295						let email = $("#emailInput").val();
296						let exists = FCLauth.userExists($('#emailInput').val())
297						.then((data) => {
298							if (data.data.exists){
299								FCLauth.signinwithoptions(email);
300							} else {
301								window.location.href = '/path?email=' + email; 
302							}
303						});
304					}
305				}
306				function resolveNewSignUp(){
307					if(validateEmail()) {
308						$("#emailContinue").prop('disabled', true);
309						$(".spinner-container").show();
310						let analyticsObject = {
311							'event': 'select_content',    
312							'content_type': "Modal",
313							'item_id': "Enter Email"
314						};
315
316						analytics.sendEventWithAppName(analyticsObject, "sign_in");
317						
318						$(".signin-modal .modal-footer").hide();
319						let email = $("#emailInput").val();
320						let exists = FCLauth.userExists($('#emailInput').val())
321						.then((data) => {
322							if (data.data.exists){
323								FCLauth.signinwithoptions(email);
324							} else {
325								FCLauth.signup(email);
326							}
327						});
328					}
329				}
330			</script>
330
331			</div>
332		</div>
333		</div>
334	</div>
335
336	<style>
337		/* Large Card */
338		.cardOptions {
339			list-style: none;
340		}
341		.cardOptions > li::after {
342			
343		}
344		.largeCard{
345			display: flex;
346			flex-direction: column;
347			justify-content: flex-end;
348			align-items: flex-start;
349			padding: 40px 56px 40px 24px;
350			gap: 24px;
351			width: 636px;
352			max-width:100%;
353			height: 424px;
354			background: linear-gradient(0deg, rgba(35, 31, 32, 0.56), rgba(35, 31, 32, 0.56)), url(https://via.placeholder.com/636x424);
355			border-radius: 8px;
356		}
357		.cardOption {
358			background-image: url(https://via.placeholder.com/20x20);
359			background-position: 0 0;
360			background-size: 1.6rem 1.6rem;
361			background-repeat: no-repeat;
362		}
363
364		.signin-modal input[type="text"], .signin-modal input[type="email"], .signin-modal input[type="password"] {
365			height: 51px;
366			width: 100%;
367			box-sizing: border-box;
368			padding: 10px;
369			border: 1px solid #e9e9e9;
370			border-radius: 6px;
371			font-size: .85rem;
372		}
373
374		.signin-modal .error-message p {
375			margin: 0px;
376		}
377
378		.signin-modal .modal-header {
379			border-bottom: none;
380		}
381
382		.signin-modal .modal-footer {
383			border-top: none;
384		}
385	</style>
386
387	<!-- Cookie banner -->
388	<div class="hidden js-cookie-banner cookie-banner d-xl-flex justify-content-xl-center align-content-xl-center" id="cookie-banner">
389		<div class="white fw-400 align-self-center"> This site <a class="learn-more-link" id="cookiesLearnMore" data-toggle="modal" data-target="#cookieModal" href="">uses cookies</a> for a range of purposes. By using our website you agree to our use of cookies. 
390		</div>
391		<div class="pl-xl-5 align-self-xl-center d-flex justify-content-center">
392			<div class="white button">
393				<a class="btn-fcl-inverse z-index-15 js-cookie-accept" href>I Accept</a>
394			</div>
395		</div>
396	</div>
397	<!-- End Cookie banner -->
398
399	<!-- Association Selector Modal (multi use)-->
400	<div class="fcl-association-modal modal" id="associationModal" tabindex="-1" role="dialog" aria-labelledby="associationModalLabel" aria-hidden="true">
401		<div class="modal-dialog modal-lg" role="document">
402			<div class="modal-content fcl-modal-content">
403				<div class="modal-header fcl-modal-header">
404					<h2 class="modal-title fcl-text-lg js-association-modal-title" id="associationModalLabel">Choose Association</h2>
405					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
406						<span aria-hidden="true">&times;</span>
407					</button>
408				</div>
409				<div class="px-3">
410					<div class="spinner-container js-my-coop-spinner" style="display:none">
411						<div class="spinner"></div>
412						<span>Loading your Co-ops</span>
413					</div>
414					<div class="js-my-coops-section hidden">
415						<p class="fcl-aubergine fcl-text-md bold">My Co-ops</p>
416						<div class="row js-my-coops">
417							
418						</div>
419					</div>
420					<p class="fcl-aubergine fcl-text-md bold mt-4 mb-3 js-association-search-title hidden"></p>
421					<div class="input-group">
422						<div class="input-group-prepend">
423							<span class="input-group-text fcl-input-group-icon-left fcl-input-text-field">
424								<img class="fcl-input-prepend-image" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/MagnifyingGlass.svg" title="Search for local co-op association">
425							</span>
426						</div>
427						<input id="associationInput" class="form-control fcl-input-prepend-icon fcl-input-text-field js-search-term" type="text" aria-describedby="locationInputText">
428						<span id="locationInputText" class="d-none">Co-op Association Search</span>
429						<div class="input-group-append">
430							<button class="input-group-text fcl-input-group-text search-clear-button" onclick="clearSearch()">
431								<img class="fcl-input-append-image" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/X.svg" title="Clear search text field button">
432							</button>
433						</div>
434					</div>					
435					<p class="fcl-aubergine fcl-text-smd fcl-fw-400 pt-3 mb-0 js-association-pretext hidden">Enter your location to see news and deals from your Co-op, and to find services closest to you.</p>
436					<p class="fcl-aubergine fcl-text-md fcl-fw-400 pt-3 mb-0 js-association-subtitle"></p>
437					<p class="fcl-aubergine fcl-text-smd fcl-fw-400 pt-3 mb-0 js-association-subtext hidden"></p>
438				</div>
439				<div class="modal-body">
440					<div class="collapse memeber-collapse js-retail-list"></div>
441				</div>
442			</div>
443		</div>
444	</div>
445
446	
446<script type="text/javascript">
447		var allRetails = [];
448		var requestTerm = "";
449		var debounce = function(func, wait, immediate){
450			var timeout;
451			return function(){
452				var context = this, args = arguments;
453				var later = function() {
454					timeout = null;
455					if (!immediate) func.apply(context, args);
456				}
457				var callNow = immediate && !timeout;
458				clearTimeout(timeout);
459				timeout = setTimeout(later, wait);
460				if (callNow) func.apply(context, args);
461			};
462		};
463
464		const delayedNotification = (event) => {
465			FCLToast.showDelayedNotification();
466		}
467
468		$(document).ready(function() {
469			HTTPHelper.callApi('GET', '/digitalservices/retailSummary?alt=json').then(function (response) {
470				allRetails = response.data.retails;
471			});
472						
473			window.addEventListener("load", delayedNotification, { once: true });
474
475			//if local and no local cookie, open the find modal.
476			let localCookie = FCLCookies.getCookie('localcoop');
477				let currentPage = window.location.pathname;
478				if (currentPage === "/local" && localCookie === undefined) {
479					loadFindYourCoop();
480					$('#associationModal').modal("show");
481				}
482		});
483
484		$('#associationModal').on('shown.bs.modal', function () {
485			let currentPage = window.location.pathname;
486			let localCookie = FCLCookies.getCookie('localcoop');
487			if (currentPage === "/local") {				
488					if (localCookie !== undefined) {
489						// let analyticsObject = {
490						// 	'event': 'select_content',
491						// 	'content_type': "Modal",				
492						// 	'item_id': "Change Association",
493						// 	"appAnalyticsName": "Change_Association",
494						// 	'Retail Id' : ''
495						// }
496
497        				// analytics.sendEvent(analyticsObject);
498						$(".js-association-modal-title").text("Change Association");
499						$(".js-association-subtext").removeClass("hidden");
500						$(".js-association-subtext").text("Find a location by searching the city or Co-op name to see news and deals about this Co-op.");
501						$(".js-association-search-title").text("Discover More Co-ops");
502						$(".js-association-search-title").removeClass("hidden");
503						$(".js-association-pretext").addClass("hidden");
504						FCLauth.isLoggedInWithResponse().then(function (data) {
505							if (data.loggedIn) {
506								$('.js-my-coop-spinner').show();
507								utilities.getMyCoops().then(function (data) {
508									let associations = data;
509									let memberCardHtml = "";
510									if (associations.length > 0) {
511										associations.forEach(function (associationId) {																							
512											let currentRetail = allRetails.find(r => r.id === associationId);
513											if (currentRetail !== undefined) {
514												memberCardHtml += utilities.createMemberCardCircle({
515													javascript: "javascript:updateLocalCoop('" + currentRetail.shortname + "', '" + currentRetail.name + "', '" + associationId + "')",
516													name: currentRetail.name
517												});
518											}									
519										});
520	
521										$(".js-my-coops").html(memberCardHtml);
522										$('.js-my-coop-spinner').hide();
523										$(".js-my-coops-section").removeClass("hidden");
524									} else {
525										$('.js-my-coop-spinner').hide();
526										$(".js-my-coops-section").addClass("hidden");
527									}
528								}).catch(function (error) {
529									$('.js-my-coop-spinner').hide();
530									$(".js-my-coops-section").removeClass("hidden");
531								});							
532						} else {
533							$('.js-my-coop-spinner').hide();
534							$(".js-my-coops-section").addClass("hidden");
535						}
536					});
537				} else {					
538					loadFindYourCoop();
539				}
540			} else {
541				$('.js-my-coop-spinner').hide();
542				$(".js-my-coops-section").addClass("hidden");
543				$(".js-association-subtext").addClass("hidden");
544				$(".js-association-pretext").addClass("hidden");
545				$(".js-association-search-title").addClass("hidden");
546				$(".js-association-modal-title").text("Choose Association");
547				findRetails();
548			}
549		});
550
551		function loadFindYourCoop() {			
552			let analyticsObject = {
553				'event': 'select_content',
554				'content_type': "Modal",				
555				'item_id': "Find Your Co-op",
556				"appAnalyticsName": "Find_Your_Coop"
557			}
558
559        	analytics.sendEvent(analyticsObject);
560
561			$(".js-association-modal-title").text("Find Your Co-op");
562			$(".js-association-pretext").removeClass("hidden");
563			FCLauth.isLoggedInWithResponse().then(function (data) {
564				if (data.loggedIn) {
565					$(".js-association-subtext").addClass("hidden");							
566				} else {
567					$(".js-association-subtext").html("Have an account? <button class='fcl-aubergine fcl-text-smd fcl-not-btn' onclick='FCLauth.signin()'>Sign In</button>");
568					$(".js-association-subtext").removeClass("hidden");							
569				}
570			});
571		}
572
573		$('#associationModal').on('hidden.bs.modal', function () {
574			emptyRetailHtml($('.js-retail-list'));
575			$('.js-search-term').val("");
576			requestTerm = "";
577		});		
578
579		$('.js-search-term').on('keyup', debounce(function(){
580				requestTerm = $('.js-search-term').val();
581				return findRetails();
582			}, 400)
583		);
584
585		function membership() {
586			document.getElementById("becomeMemberButton").click();
587		}
588
589		function emptyRetailHtml(retailList) {
590			retailList.empty();
591			retailList.hide();
592		}
593
594		function findRetails() {
595			var retailList = $('.js-retail-list');
596
597			if (requestTerm === "") {
598				$(".js-association-subtitle").text("Associations");
599			} else {
600				$(".js-association-subtitle").text("Results");
601			}
602
603			let currentPage = window.location.pathname;
604			if (currentPage === "/local") {
605				$(".js-association-subtitle").hide();
606			} else {
607				$(".js-association-subtitle").show();
608			}
609
610			emptyRetailHtml(retailList);
611			filteredRetails = [];
612			$.map(allRetails, function (obj, key) {
613				if (!obj){
614					return
615				}
616				var val = $.trim(requestTerm).replace(/ +/g, ' ').toLowerCase();
617				var regex = /^[A-Za-z]\d[A-Za-z]/;
618				var match = regex.exec(val);
619
620				if (match) {
621					//remove everything except a-z, A-Z, or 0-9
622					var tmp = val.replace(/[^a-zA-Z0-9]/g, '');
623					val = tmp;
624				}
625				val = val.toLowerCase();
626
627				var matches = false;
628				var retailName = obj.name.replace(/\s+/g, ' ').toLowerCase();
629				var cities = obj.cities.map(function (v) {
630					return v.replace(/\s+/g, ' ').toLowerCase();
631				});
632
633				var postalCodes = obj.postalCode.map(function (v) {
634					return v.replace(/\s+/g, ' ').toLowerCase();
635				});
636
637				var keywords = obj.keywords.map(function (v) {
638					return v.replace(/\s+/g, ' ').toLowerCase();
639				});
640
641				if (retailName.indexOf(val) !== -1) {
642					matches = true;
643				}
644
645				cities.forEach(function (element) {
646					if (element.indexOf(val) !== -1) {
647						matches = true;
648					}
649				});
650
651				postalCodes.forEach(function (element) {
652					if (element.indexOf(val) !== -1) {
653						matches = true;
654					}
655				});
656
657				keywords.forEach(function (element) {
658					if (element.indexOf(val) !== -1) {
659						matches = true;
660					}
661				});
662
663				if (matches) {
664					filteredRetails.push(obj);
665				}
666			});
667
668			if (filteredRetails.length > 0) {				
669				retailList.append("<hr class='fcl-hr-account'>");
670			}
671
672			filteredRetails.forEach(function (i) {
673				let cookiePath = FCLCookies.getCookie('path');
674				let path = FCLCookies.getCookie('path');
675				if (path === 'addMembership'){
676					path = "'/membership/add-membership?retailID=" +i.id
677				} else if (path === 'buyMembership'){
678					path = "'/enter-account-details?retailID=" +i.id
679				} else if (path === 'contactSupport') {
680				} else {
681					path = "'/error"
682				}
683
684				let innerHtmlChevron = "<div class='d-flex flex-column text-left fcl-aubergine'>" +
685                            "<span class='fcl-text-sm fcl-fw-600'>" + i.name + "</span>" +
686                        	"<span class='fcl-text-xs fcl-fw-400'>" + i.cities.join(', ') + "</span>" +
687                        "</div>" +
688                        "<img src='/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/Chevron.svg'>";
689
690				let innerHtmlExclamation = "<div class='d-flex flex-column text-left fcl-aubergine'>" +
691                            	"<span class='fcl-text-sm fcl-fw-600'>" + i.name + "</span>" +
692                            	"<span class='fcl-text-xs fcl-fw-400'>" + i.cities.join(', ') + "</span>" +
693							"</div>" +
694                        	"<img src='/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/Exclamation.svg' data-toggle='tooltip' title='Online Membership Not Available at " +i.name+ "'>";
695
696				let row = "";					
697				if (window.location.pathname === '/local' && path === "'/error"){
698					row += "<a class='d-flex justify-content-between fcl-text-decor-none'" +
699						"href=\"javascript:updateLocalCoop('" + i.shortname + "', '" + i.name + "', '" + i.id + "')\"" +
700						"'>" + 
701						innerHtmlChevron +
702						"</a>";
703				} else {
704					if (cookiePath !== undefined && cookiePath.indexOf('buyMembership') == 0) {
705						if (i.omf) {
706							row += "<a class='d-flex justify-content-between fcl-text-decor-none' href='javascript:selectAssociation(\"" + i.id + "\",\"" + i.name + "\",\"" + i.omf + "\")'>" +
707								innerHtmlChevron + 
708								"</a>";					
709						} else {
710							row += "<a class='d-flex justify-content-between fcl-text-decor-none' href='javascript:selectAssociation(\"" + i.id + "\",\"" + i.name + "\",\"" + i.omf + "\")' data-toggle='tooltip' title='Online Membership Not Available at " + i.name + "'>" +
711								innerHtmlExclamation + 
712								"</a>";
713						}
714					} else if (cookiePath === 'contactSupport') {
715						row += "<a class='d-flex justify-content-between fcl-text-decor-none' href='javascript:contact.selectAssociation(\"" + i.id + "\" , \"" + i.name + "\")'>" +
716							innerHtmlChevron + 
717							"</a>";
718					} else {
719						row += "<a class='d-flex justify-content-between fcl-text-decor-none' href=" +
720							path +
721							"'>" + innerHtmlChevron +"</a>";							
722					}					
723				}
724				row += "<hr class='fcl-hr-account'>";
725				retailList.append(row);
726			});
727			
728			//append CCC reach-out
729			retailList.append("<div class='fcl-text-xs fcl-fw-400'>Don't see what you're looking for? Contact our Customer Care team <a href='/contact-us'>here</a>.</div>");			
730
731			retailList.show();
732		}
733
734		function updateLocalCoop(shortname, name, id) {
735			sessionData.localCoop = {
736				"shortname" : shortname,
737				"name" : name,
738				"retailID" : id
739			}
740
741			let analyticsObject = {
742				'event': 'select_content',
743				'content_type': "Modal",				
744				'item_id': "Change Association",
745				"appAnalyticsName": "Change_Association",
746				"retail_id" : id,
747				"retail_name" : name
748			}
749			analytics.sendEvent(analyticsObject);
750			FCLCookies.setCookie('localcoop', JSON.stringify(sessionData.localCoop));
751			changeAssociation();
752		}
753
754		function updateSelectedCoop(shortname, name, id) {
755			sessionData.selectedCoop = {
756				"shortname" : shortname,
757				"name" : name,
758				"retailID" : id
759			}
760			$("#retailDropdown").html(sessionData.selectedCoop.name)
761			$("#associationModal").modal('hide')
762		}
763
764		function createNameHtml(name) {
765			var result = "";
766			var index = name.toLowerCase().indexOf("co-operative");
767			var substringLength = 12;
768			if (index === -1) {
769				index = name.toLowerCase().indexOf("co-op");
770				substringLength = 5;
771			}
772
773			if (index !== -1) {
774				var cooperativeEnd = index + substringLength;
775				result = "<span class='fcl-text-sm fcl-fw-600'>" + name.substring(0, index-1) + " " +  "<span style='white-space: nowrap'>" + name.substring(index, cooperativeEnd) + "</span>" + " " + name.substring(cooperativeEnd+1, name.length) + "</span>"
776			}
777
778			return result;
779		}
780
781		function clearSearch(){
782			emptyRetailHtml($('.js-retail-list'));
783			$('.js-search-term').val("");
784			requestTerm = "";
785		}
786	</script>
786
787
788	<!-- End Association Selector -->
789
790	<div class="wpthemeFrame">
791
792		<header role="banner" tabindex="-1" aria-label="Main header">
793
794			<!-- site toolbar -->
795			</header>
796		<!-- Custom NAV -->
797		
798
799<div class="coop-header">
800	
801	<nav class="header-links" aria-label="Secondary Navigation">
802		<div class="fcl-nav-container w-100 ml-auto justify-content-end align-items-center">
803			<button class="nav-item fcl-top-nav-link js-gift-card cursor-pointer gtm-navlink" data-toggle="modal" data-target="#exampleModal" >Gift Card Balance</button>
804			<a class="nav-item fcl-top-nav-link gtm-navlink" href="/sustainability">Sustainability</a>			
805			<a class="nav-item fcl-top-nav-link gtm-navlink" href="/careers">Careers</a>			
806			<a class="nav-item fcl-top-nav-link  gtm-navlink" href="/flyers">Flyers</a>
807		</div>
808		<!-- <div class="btn-group ml-auto dropleft">
809			<button type="button" id="SignIn" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
810			  Sign In
811			</button>
812			<div class="dropdown-menu">
813			  <button class="dropdown-item" id="loginPopup" onclick="signIn(this.id)">Sign in using Popup</button>
814			  <button class="dropdown-item" id="loginRedirect" onclick="signIn(this.id)">Sign in using Redirect</button>
815			</div>
816		</div> -->
817	</nav>
818	
819	<!-- Modal-->
820	<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-label="Gift Card Balance Checker" aria-hidden="true">
821	  <div class="modal-dialog" role="document">
822	    <div class="modal-content">
823	      <div class="modal-header">
824	      
825	        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
826	          <span aria-hidden="true">&times;</span>
827	        </button>
828	      </div>
829	      <div class="modal-body">
830	      	<div class="container-fluid">
831	      		<div class="row">
832	      	      <img class="giftCard-img" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/GiftCard.png" alt=""/>
833	      	       <p class="giftCard-p">Enter 19 digit code found on the back of your card. </p>
834	               <div class="input-group mb-3">
835	                  <input type="number" class="form-control" placeholder="" aria-label="" aria-describedby="basic-addon2" id="giftCardCode">
836	                  <div class="input-group-append">
837	                   <button type="button" class="btn btn-fcl" id="giftCardSubmit">Submit</button>
838	                   
839	                 </div>
840	               </div>
841	           </div>
842			    <!--QR CODE SCAN-->
843				<div class="d-none d-lg-flex align-items-center justify-content-center p-3">
844					<div class="d-flex flex-row align-items-center">
845					  <img src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/AppQrCode.png" alt="" style="width: 100px;">
846				  
847					  <div style="margin-left: 10px; display: flex; flex-direction: column; justify-content: center;">
848						<p style="margin: 0; font-size: 14px;">Track balances on multiple gift cards at once using the Co-op app! Scan the QR code to download now.</p>
849						
850					  </div>
851					</div>
852				  </div>
853				  <!--END QR CODE SCAN-->
854	        </div>
855	      </div> 
856	      <div class="giftCard-redLine">
857	      </div> 
858	      <div style="background-color: #cc0000 !important;" class="" id="collapseExample">
859  			
860		</div>
861	    </div>
862	  </div>
863	</div>
864
865	<!-- Modal-->
866
867	<nav class="fcl-nav navbar navbar-expand-lg justify-content-center fcl-nav-container js-sticky-nav" aria-label="Primary Navigation">
868		<a class="navbar-brand fcl-brand abs d-flex w-8 mr-auto gtm-logolink" href="/home" >
869			<img alt="Home Page" class="brand-image" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/CoopShield.svg" />
870		</a>
871	
872		<div class="mobile-nav d-lg-none navbar-nav ml-auto justify-content-center">
873			<button class="navbar-toggler js-toggler" type="button" data-toggle="collapse"
874				data-target="#hamburger" aria-controls="hamburger"
875				aria-expanded="false" aria-label="Menu">
876				<img class="fcl-svg fcl-ham" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Hamburger/Hamburger.svg" alt="">
877				<img class="fcl-svg fcl-x" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Hamburger/X.svg" alt="">
878			</button>
879		</div>
880		<div class ="navbar-collapse collapse fcl-navbar-collapse" id="hamburger">
881			<ul class="navbar-nav w-100 justify-content-center" id="mobileNav">
882			
883                    	
884                    	<li class="nav-item">                    
885                            
886                                <a href="/about"
887                                     class="nav-link fcl-main-nav-link gtm-navlink"
888                                >
889                                    About
890                                </a>
891                            
892                        </li>
893         
894                    
895                    	
896                    	<li class="nav-item">                    
897                            
898                                <a href="/shop"
899                                     class="active nav-link fcl-main-nav-link gtm-navlink"
900                                >
901                                    Shop
902                                </a>
903                            
904                        </li>
905         
906                    
907                    	
908                    	<li class="nav-item">                    
909                            
910                                <a href="/membership"
911                                     class="nav-link fcl-main-nav-link gtm-navlink"
912                                >
913                                    Membership
914                                </a>
915                            
916                        </li>
917         
918                    
919                    	
920                    	<li class="nav-item">                    
921                            
922                                <a href="/local"
923                                     class="nav-link fcl-main-nav-link gtm-navlink"
924                                >
925                                    Local
926                                </a>
927                            
928                        </li>
929         
930                    
931
932				<hr class="d-lg-none ham-line">
933				<li class="d-lg-none nav-item">
934					<a class= "nav-subnav-link nav-link gtm-navlink" href="/flyers" >Flyers</a>
935				</li>
936				<li class="d-lg-none nav-item">
937					<a class= "nav-subnav-link nav-link gtm-navlink" href="/email/app" >App</a>
938				</li>
939				<li class="d-lg-none nav-item">
940					<a class= "nav-subnav-link nav-link gtm-navlink" href="/careers" >Careers</a>
941				</li>
942				<li class="d-lg-none nav-item">
943					<a class="nav-subnav-link nav-link js-gift-card cursor-pointer gtm-navlink" href="#" data-toggle="modal" data-target="#exampleModal">Gift Card Balance</a>
944				</li>
945				<li class="d-lg-none nav-item">
946					<a class="nav-subnav-link nav-link cursor-pointer gtm-navlink" href="/sustainability">Sustainability</a>
947				</li>
948				<li class="d-lg-none nav-item">
949					<a class="nav-subnav-link nav-link gtm-navlink" href="/locations">Find a Co-op</a>
950				</li>
951				<hr class="d-lg-none ham-line">
952				<li class="d-lg-none nav-item">
953					<button class="nav-subnav-link fcl-not-btn nav-link gtm-navlink js-path-link" onclick="$('#emailModal').modal('show')" style="display:none">Sign In</button>
954					<a href="/my-account" class="js-mobile-account-link nav-subnav-link nav-link gtm-navlink" style="display:none">My Account</a>
955				</li>
956				<li class="d-lg-none nav-item">
957					<button class="nav-subnav-link fcl-not-btn nav-link gtm-navlink js-logout-link" onclick="FCLauth.signout();" style="display:none">Log Out</button>					
958				</li>				
959			</ul>
960			<ul class="nav navbar-nav ml-auto w-100 justify-content-end">
961				<li class="nav-item nav-btn">
962					<a class="btn-fcl nav-btn-fcl gtm-navlink" href="/locations">Find a Co-op</a>
963				</li>
964				<li class="nav-item nav-btn">
965					<button class="btn-fcl nav-btn-fcl gtm-navlink js-path-link" type="button" onclick="$('#emailModal').modal('show')" style="display:none">Sign In</button>
966					<!-- If the id is changed, make sure to update the GTM variable that uses it -->
967					<a href="/my-account" id="accountLink" class="btn-fcl js-account-link nav-btn-fcl gtm-navlink" style="display:none">My Account</a>
968				</li>
969			</ul>
970			
970<script>
971				async function updateNav(){
972					FCLauth.isLoggedIn().then(async (data) => {
973						let user;
974						
975						if (data){
976							try {
977							user = JSON.parse(FCLauth.getUserFromCookie()).data;
978							} catch (error){
979								await FCLauth.getToken();
980								await FCLauth.updateUserCookie();
981								user = JSON.parse(FCLauth.getUserFromCookie()).data;
982							};
983						}
984						
985						if (user){
986							if (user.firstName !== 'NEW' && user.lastName !== 'ACCOUNT') {
987								$('.js-account-link').html(user.firstName + " " + user.lastName);
988							}
989							$('.js-path-link').hide();
990							$('.js-logout-link').show();
991							$('.js-account-link').show();
992							$('.js-mobile-account-link').show();
993						} else {
994							$('.js-account-link').hide();
995							$('.js-mobile-account-link').hide();
996							$('.js-path-link').show();
997							$('.js-logout-link').hide();
998						};	
999					}).catch(()=>{
1000						FCLauth.signout()
1001					})
1002				}
1003				
1004				$(document).ready( async function(){
1005					updateNav()
1006				});
1007			</script>
1007
1008		</div>
1009	</nav>
1010</div>
1011<!--Member Modal --><!-- <div class="modal fade" id="becomeMember" tabindex="-1" role="dialog" aria-labelledby="becomeMemberLabel" aria-hidden="true">
1012  <div class="modal-dialog" role="document">
1013    <div class="modal-content">
1014      <div class="modal-header">
1015        <h2 class="modal-title memeberTitle" id="becomeMemberLabel">Become a Member</h2>
1016        <button class="close js-modal-member-close" type="button" data-dismiss="modal" aria-label="Close">
1017          <span aria-hidden="true">&times;</span>
1018        </button>
1019      </div>
1020      <div class="modal-body memeberBody">
1021        <div style="">
1022        	<div class="input-group mb-3">
1023				<input class="form-control js-search-term" type="text" placeholder="Enter city or name of local Co-op" aria-label="" aria-describedby="basic-addon2">
1024				<div class="input-group-append">
1025					<button class="btn btn-fcl" id="memberSearch" type="button">Search</button>
1026				</div>
1027	        </div>
1028	        <p class="modal-p">Sign up for a Co-op membership online (if available) or visit your nearest location. </p>
1029        </div>
1030      </div>
1031      <div class="collapse memeber-collapse js-retail-list" id="member" style=""></div>
1032      <div class="giftCard-redLine"></div> 
1033    </div>
1034  </div>
1035</div> -->
1036<!-- Member Modal -->
1037<script>
1038	var pageInfo = {}
1039	pageInfo.subPages = [
1040	
1041		{
1042			"title" : "Shop Overview",
1043		
1044			"url" : "/shop",
1045			"active" : true,
1046			},
1047		
1048	
1049	];
1050</script>
1050
1051
1052<script>
1053 $(".js-toggler").click(function(){
1054 	$(".js-fadeable").toggleClass("faded");
1055 });
1056</script>
vendor: 1 bytes, line 1056
1056
1057<script type="text/javascript">
1058	$("#giftCardSubmit").click(function () {
1059		//$("#collapseExample").animate({
1060			//height: 'toggle';
1061			code = $('#giftCardCode').val();
1062		
1063		if (code.length < 19){
1064				//$("#collapseExample").animate({ 
1065					//height: 'toggle',
1066				$('#collapseExample').animate().html("<div class='card card-body giftCard'>"+
1067   				"<p id='giftWarning' class='giftWarning'>Please enter a valid gift card number</p>"+
1068  				"</div>");
1069		}
1070
1071		else{
1072			//$("#collapseExample").animate({
1073				// height: 'toggle';
1074			$.get("https://www.digitalservices.crs/crsPaymentAPI/moneris/gcbalance/"+code).done(function(data){
1075		 				$('#collapseExample').animate().html("<div class='card card-body giftCard'>"+
1076   						"<p class='card-p'>Your balance is:</p>"+
1077   						"<div>"+
1078   						"<p class='balance-p'>"+ data.balance + "</p>"+
1079   						"</div>"+
1080  						"</div>");
1081  						
1082		});
1083		//}):
1084}
1085//}):
1086	});
1087</script>
1087
1088
1089<script type="text/javascript">
1090	 $(document).ready(function () {
1091     $(document).click(function (event) {
1092         var clickover = $(event.target);
1093         var _opened = $(".navbar-collapse").hasClass("show");
1094         if (_opened === true && !clickover.hasClass("navbar-toggler")) {
1095             $(".navbar-toggler").click();
1096         }
1097     });
1098
1099	var num = $(".js-sticky-nav").offset().top; 
1100	$(window).bind('scroll', function() { 
1101		if ($(window).scrollTop() > num) {  
1102			$('.js-sticky-nav').addClass('fixed-top');  
1103			$('.js-sticky-nav').addClass('transition');  
1104		} else {  
1105			$('.js-sticky-nav').removeClass('fixed-top');    
1106		} 
1107	});
1108 });
1109</script>
1109<!-- end custom nav -->
1110
1111		<div class="wpthemeMainContent js-fadeable" role="main" tabindex="-1" id="main">
1112			<div class="wpthemeInner">
1113				<!-- asa markup contributions for pages -->
1114				
1115<div class="asa.page asa-hidden" id="asa.page">
1116	<span class="asa.page.id">Z6_5H8C1980M86M106CKT8NLQ30I2</span>
1117
1118	
1119
1120</div>
1121
1122<div class="wpthemeClear"></div>
1123				
1124<div class="wpthemeInner">
1125	<div id="wpthemeStatusBarContainer" class="wpthemeStatusBarContainer">
1126
1127		
1128		<noscript>
1129			<div class="wpthemeMessage" role="alert" wairole="alert">
1130				<img class="wpthemeMsgIcon wpthemeMsgIconError" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="Error" />
1131				<span class="wpthemeAltText">Error:</span>
1132				<div class="wpthemeMessageBody">Javascript is disabled in this browser. This page requires Javascript. Modify your browser's settings to allow Javascript to execute. See your browser's documentation for specific instructions.</div>
1133			</div>
1134		</noscript>
1135
1136	</div>
1137</div>
1138</div>
1139
1140			<div class="outage-container-notification" style="display:none"></div>
1141			<div class="outage-container-html" style="display:none"></div>
1142
1143
1144			<!-- required - do not remove -->
1145			<div style="display:none" id="portletState">{}</div><div id="layoutContainers" class="wpthemeLayoutContainers wpthemeLayoutContainersHidden">
1146				<div class="wpthemeInner">
1147					<div class="hiddenWidgetsDiv">
1148	<!-- widgets in this container are hidden in the UI by default -->
1149	<div class='component-container wpthemeFull ibmDndRow wpthemeCol12of12 wpthemeRow hiddenWidgetsContainer id-Z7_OE7HI061J5SR4CFHS7QK560QK1' name='ibmHiddenWidgets' ></div><div style="clear:both"></div>
1150</div>
1151<!-- this layout has one main container -->
1152<div class="wptheme1Col">
1153	<div class='component-container wpthemeFull wpthemeLeft wpthemeCol ibmDndColumn wpthemeCol12of12 wpthemePrimary id-Z7_6SD30CCUF4I0966TQI5FBKVOB1' name='ibmMainContainer' ><div class='component-control id-Z7_NP0411C0MOLU106SGSE23K0GC7' ><span id="Z7_NP0411C0MOLU106SGSE23K0GC7"></span><section class="ibmPortalControl wpthemeControl wpthemeHidden a11yRegionTarget" role="region">
1154
1155	
1156	
1157	<div class="asa.portlet asa-hidden" id="asa.portlet.Z7_NP0411C0MOLU106SGSE23K0GC7">
1158		<span class="asa.portlet.id">Z7_NP0411C0MOLU106SGSE23K0GC7</span>
1159
1160		
1161
1162	</div>
1163	
1164<!-- start header markup -->
1165	<header class="wpthemeControlHeader" role="banner" aria-label="Skin header">
1166		<div class="wpthemeInner">
1167			<h2>
1168				<img class="dndHandle" draggable="true" ondragstart="wpModules.dnd.util.portletDragStart(event, this, this.parentNode, 30, 0);"
1169				ondragend="wpModules.dnd.util.portletDragEnd(event);" 
1170				src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt=""/>
1171				<!-- lm-dynamic-title node marks location for dynamic title support -->
1172 				<span class="lm-dynamic-title asa.portlet.title a11yRegionLabel"><span lang="en" dir="ltr">Web Content Viewer</span></span>
1173			</h2>
1174			<a aria-haspopup="true" aria-label="Display content menu" role="button" href="javascript:;" class="wpthemeIcon wpthemeMenuFocus contextMenuInSkinIcon" style="display:none" tabindex="0">
1175				<span title="Display content menu"><img aria-label="Display content menu" alt="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"></span>
1176				<span class="wpthemeAltText">Component Action Menu</span>
1177				<!-- start CAM template -->
1178				<span class="wpthemeMenu" data-positioning-handler="horizontallyCenteredBelow">
1179					<div class="wpthemeMenuBorder">
1180						<!-- define the menu item template inside the "ul" element.  only "css-class", "description", and "title" are handled by the theme's sample javascript. -->
1181						<ul class="wpthemeMenuDropDown wpthemeTemplateMenu" role="menu">
1182							<li class="${css-class}" role="menuitem" tabindex="-1"><span
1183								class="wpthemeMenuText">${title}</span></li>
1184						</ul>
1185						<div class="verticalMenuPointer pointer"></div>
1186					</div> <!-- Template for loading -->
1187					<div class="wpthemeMenuLoading wpthemeTemplateLoading">${loading}</div>
1188					<!-- Template for submenu -->
1189					<div class="wpthemeAnchorSubmenu wpthemeTemplateSubmenu">
1190						<div class="wpthemeMenuBorder wpthemeMenuSubmenu">
1191							<ul id="${submenu-id}" class="wpthemeMenuDropDown"
1192								role="menu">
1193								<li role="menuitem" tabindex="-1"></li>
1194							</ul>
1195						</div>
1196					</div>
1197				</span>
1198				<!-- end CAM template -->
1199			</a>
1200			<a aria-haspopup="true" aria-label="Display portlet menu" role="button" href="javascript:;" class="wpthemeIcon wpthemeMenuFocus" tabindex="0"
1201                onclick="if (typeof wptheme != 'undefined') wptheme.contextMenu.init({ 'node': this, menuId: 'skinAction', jsonQuery: {'navID':ibmCfg.portalConfig.currentPageOID,'windowID':wptheme.getWindowIDFromSkin(this)}, params: {'alignment':'right'}});"
1202				onkeydown="javascript:if (typeof i$ != 'undefined' &amp;&amp; typeof wptheme != 'undefined') {if (event.keyCode ==13 || event.keyCode ==32 || event.keyCode==38 || event.keyCode ==40) {wptheme.contextMenu.init(this, 'skinAction', {'navID':ibmCfg.portalConfig.currentPageOID,'windowID':wptheme.getWindowIDFromSkin(this)}); return false;}}">
1203				<span title="Display portlet menu"><img aria-label="Display portlet menu" alt="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"></span>
1204				<span class="wpthemeAltText">Actions</span>
1205			</a>
1206		</div>
1207	</header>
1208	
1209	<div class="wpthemeControlBody wpthemeOverflowAuto wpthemeClear"> <!-- lm:control dynamic spot injects markup of layout control -->
1210	<!-- asa.overlay marks the node that the AsaOverlayWidget will be placed in -->
1211		<div style="position:relative; z-index: 1;">
1212			<div class="analytics.overlay" ></div>
1213		</div>
1214		
1215
1216
1217
1218
1219
1220
1221
1222
1223
1224
1225
1226
1227
1228
1229
1230
1231
1232
1233
1234
1235
1236
1237
1238
1239
1240
1241
1242
1243
1244
1245
1246
1247
1248
1249
1250
1251
1252
1253
1254    
1255    
1256
1257    
1258    
1259
1260    
1261    
1262    
1263
1264
1265
1266
1267
1268    
1269    
1270        
1271            
1272            
1273<div  id="header-hero-component" >
1274    <div class="container hero-title-container">
1275      <div class="row hero-row 
1276        
1277         justify-content-center  
1278        ">
1279        <h1 class="fcl-hero-title 
1280            
1281            
1282             align-self-end 
1283        ">Shop</h1>
1284      </div>
1285    </div>
1286</div>
1287
1288<div class="fcl-hr-red"></div>
1289
1290
1291
1292<style>
1293    #header-hero-component{
1294        background-image:url('/wcm/connect/www.co-op.crs26018/0f8eeb3c-c6f0-48bf-bca7-298e54412eb6/20150930GregHuszar6651+1.jpg?MOD=AJPERES&amp;CACHEID=ROOTWORKSPACE.Z18_2IKA1G82MGSE20Q0KL2T4UJO54-0f8eeb3c-c6f0-48bf-bca7-298e54412eb6-oC9FnMa');
1295        background-position: center;
1296        background-size: cover;
1297        height: 300px;
1298    }
1299
1300    @media(min-width: 768px){
1301        #header-hero-component{
1302            height: 400px;
1303        }
1304    }
1305
1306    @media(min-width: 992px){
1307        #header-hero-component{
1308            height: 548px;
1309        }
1310    }
1311</style>
1312        
1313        
1314    
1315
1316    
1317        
1318
1319
1320
1321
1322
1323        
1324
1325
1326
1327
1328
1329
1330
1331    
1332<div class="wpthemeClear"></div>
1333	</div>
1334</section>�</div><div class='component-control id-Z7_NP0411C0MOLU106SGSE23K0GK7' ><span id="Z7_NP0411C0MOLU106SGSE23K0GK7"></span><section class="ibmPortalControl wpthemeControl wpthemeHidden a11yRegionTarget" role="region">
1335
1336	
1337	
1338	<div class="asa.portlet asa-hidden" id="asa.portlet.Z7_NP0411C0MOLU106SGSE23K0GK7">
1339		<span class="asa.portlet.id">Z7_NP0411C0MOLU106SGSE23K0GK7</span>
1340
1341		
1342
1343	</div>
1344	
1345<!-- start header markup -->
1346	<header class="wpthemeControlHeader" role="banner" aria-label="Skin header">
1347		<div class="wpthemeInner">
1348			<h2>
1349				<img class="dndHandle" draggable="true" ondragstart="wpModules.dnd.util.portletDragStart(event, this, this.parentNode, 30, 0);"
1350				ondragend="wpModules.dnd.util.portletDragEnd(event);" 
1351				src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt=""/>
1352				<!-- lm-dynamic-title node marks location for dynamic title support -->
1353 				<span class="lm-dynamic-title asa.portlet.title a11yRegionLabel"><span lang="en" dir="ltr">Web Content Viewer</span></span>
1354			</h2>
1355			<a aria-haspopup="true" aria-label="Display content menu" role="button" href="javascript:;" class="wpthemeIcon wpthemeMenuFocus contextMenuInSkinIcon" style="display:none" tabindex="0">
1356				<span title="Display content menu"><img aria-label="Display content menu" alt="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"></span>
1357				<span class="wpthemeAltText">Component Action Menu</span>
1358				<!-- start CAM template -->
1359				<span class="wpthemeMenu" data-positioning-handler="horizontallyCenteredBelow">
1360					<div class="wpthemeMenuBorder">
1361						<!-- define the menu item template inside the "ul" element.  only "css-class", "description", and "title" are handled by the theme's sample javascript. -->
1362						<ul class="wpthemeMenuDropDown wpthemeTemplateMenu" role="menu">
1363							<li class="${css-class}" role="menuitem" tabindex="-1"><span
1364								class="wpthemeMenuText">${title}</span></li>
1365						</ul>
1366						<div class="verticalMenuPointer pointer"></div>
1367					</div> <!-- Template for loading -->
1368					<div class="wpthemeMenuLoading wpthemeTemplateLoading">${loading}</div>
1369					<!-- Template for submenu -->
1370					<div class="wpthemeAnchorSubmenu wpthemeTemplateSubmenu">
1371						<div class="wpthemeMenuBorder wpthemeMenuSubmenu">
1372							<ul id="${submenu-id}" class="wpthemeMenuDropDown"
1373								role="menu">
1374								<li role="menuitem" tabindex="-1"></li>
1375							</ul>
1376						</div>
1377					</div>
1378				</span>
1379				<!-- end CAM template -->
1380			</a>
1381			<a aria-haspopup="true" aria-label="Display portlet menu" role="button" href="javascript:;" class="wpthemeIcon wpthemeMenuFocus" tabindex="0"
1382                onclick="if (typeof wptheme != 'undefined') wptheme.contextMenu.init({ 'node': this, menuId: 'skinAction', jsonQuery: {'navID':ibmCfg.portalConfig.currentPageOID,'windowID':wptheme.getWindowIDFromSkin(this)}, params: {'alignment':'right'}});"
1383				onkeydown="javascript:if (typeof i$ != 'undefined' &amp;&amp; typeof wptheme != 'undefined') {if (event.keyCode ==13 || event.keyCode ==32 || event.keyCode==38 || event.keyCode ==40) {wptheme.contextMenu.init(this, 'skinAction', {'navID':ibmCfg.portalConfig.currentPageOID,'windowID':wptheme.getWindowIDFromSkin(this)}); return false;}}">
1384				<span title="Display portlet menu"><img aria-label="Display portlet menu" alt="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"></span>
1385				<span class="wpthemeAltText">Actions</span>
1386			</a>
1387		</div>
1388	</header>
1389	
1390	<div class="wpthemeControlBody wpthemeOverflowAuto wpthemeClear"> <!-- lm:control dynamic spot injects markup of layout control -->
1391	<!-- asa.overlay marks the node that the AsaOverlayWidget will be placed in -->
1392		<div style="position:relative; z-index: 1;">
1393			<div class="analytics.overlay" ></div>
1394		</div>
1395		
1396
1397
1398
1399
1400
1401
1402
1403
1404
1405
1406
1407
1408
1409
1410
1411
1412
1413
1414
1415
1416
1417
1418
1419
1420
1421
1422
1423
1424
1425
1426
1427
1428
1429
1430
1431
1432
1433
1434
1435    
1436    
1437
1438    
1439    
1440
1441    
1442    
1443    
1444
1445
1446
1447
1448
1449    
1450    
1451        
1452        
1453            
1454                
1455                    
1456                    
1457                       
1458                        
1459                            <div class="flyer-wrapper">
1460    <div class="container fcl-container-component5 pt-5 pb-5">
1461      <div class="">
1462        <div class="" style="display: block; margin-left: auto; margin-right: auto;">
1463          <div class="col-sm-12 justify-content-left pb-5 pl-0">
1464            <div class=""><h2 class="title">Flyers</h2></div>
1465          </div>
1466    
1467          <div class="mx-auto">
1468            <div class="">
1469              <div class="row">
1470                <div class="col-sm-12 col-lg-6">
1471                  <div class="row">
1472                    <div class="col-sm-12 mb-3">
1473                      <a href="https://www.food.crs/more/foodflyers" title="Check Food Flyers" target="_self"  class="btn-fcl-food">
1474                        <img class="pl-2" src="/wcm/connect/www.co-op.crs26018/0b757931-da9f-4a7d-8cf3-d78982b8d997/Icon.png?MOD=AJPERES&amp;CACHEID=ROOTWORKSPACE.Z18_2IKA1G82MGSE20Q0KL2T4UJO54-0b757931-da9f-4a7d-8cf3-d78982b8d997-os5i5xh" alt="" title="">
1475                        <span>Food</span>
1476                      </a>
1477                    </div>
1478                    <div class="col-sm-12 mb-3">
1479                      <a href="https://www.fuel.crs/more/fuelflyers" title="Check Fuel Flyers" target="_self"  class="btn-fcl-fuel">
1480                        <img class="pl-2" src="/wcm/connect/www.co-op.crs26018/1cf4ec51-9f44-49ee-bb1c-7bf192c85926/Icon.png?MOD=AJPERES&amp;CACHEID=ROOTWORKSPACE.Z18_2IKA1G82MGSE20Q0KL2T4UJO54-1cf4ec51-9f44-49ee-bb1c-7bf192c85926-os5ihCE" alt="" title="">
1481                        <span>Fuel</span>
1482                      </a>
1483                    </div>
1484                  </div>
1485                </div>
1486    
1487                <div class="col-sm-12 col-lg-6">
1488                  <div class="row">
1489                    <div class="col-sm-12 mb-3">
1490                      <a href="https://www.home.crs/more/homeflyers" title="Check Home Flyers" target="_self"  class="btn-fcl-home">
1491                        <img class="pl-2" src="/wcm/connect/www.co-op.crs26018/12ee1547-5d7f-45b5-bb40-d3d1f6971d7d/Icon.png?MOD=AJPERES&amp;CACHEID=ROOTWORKSPACE.Z18_2IKA1G82MGSE20Q0KL2T4UJO54-12ee1547-5d7f-45b5-bb40-d3d1f6971d7d-os5ib35" alt="" title="">
1492                        <span>Home</span>
1493                      </a>
1494                    </div>
1495                    <div class="col-sm-12 mb-3">
1496                      <a href="https://www.agro.crs/more/agflyers" title="Check Agro Flyers" target="_self"  class="btn-fcl-agro">
1497                        <img class="pl-2" src="/wcm/connect/www.co-op.crs26018/1d06de76-d8f8-4d08-9d83-408ae274e36e/Icon.png?MOD=AJPERES&amp;CACHEID=ROOTWORKSPACE.Z18_2IKA1G82MGSE20Q0KL2T4UJO54-1d06de76-d8f8-4d08-9d83-408ae274e36e-os5hZgx" alt="" title="">
1498                        <span>Agro</span>
1499                      </a>
1500                    </div>
1501                  </div>
1502                </div>
1503              </div>
1504            </div>
1505          </div>
1506        </div>
1507      </div>
1508    </div>
1509    </div>
1510    
1511    <style type="text/css">
1512      .title {
1513        width: 116px;
1514        height: 43px;
1515        font-family: 'Open Sans';
1516        font-style: normal;
1517        font-weight: 800;
1518        font-size: 40px;
1519        line-height: 108%;
1520        //letter-spacing: -0.04em;
1521        color: #CC0000;
1522      }
1523    
1524      .btn-fcl-food,
1525      .btn-fcl-fuel,
1526      .btn-fcl-home,
1527      .btn-fcl-agro {
1528        display: flex;
1529        justify-content: flex-start;
1530        align-items: center;
1531        padding: 8px 16px;
1532        max-width: 100%;
1533        height: 100px;
1534        background-color: #CC0000;
1535        border-radius: 8px;
1536        text-decoration: none;
1537        color: #FFFFFF;
1538        font-family: 'Open Sans';
1539        font-style: normal;
1540        font-weight: 800;
1541        font-size: 40px;
1542        //letter-spacing: -0.04em;
1543        transition: background-color 0.3s ease;
1544      }
1545    
1546     .btn-fcl-food:hover,
1547      .btn-fcl-fuel:hover,
1548      .btn-fcl-home:hover,
1549      .btn-fcl-agro:hover {
1550        color: #FFFFFF;
1551        text-decoration: none;
1552         color: #FFFFFF;
1553      }
1554    
1555      .btn-fcl-food:active,
1556      .btn-fcl-fuel:active,
1557      .btn-fcl-home:active,
1558      .btn-fcl-agro:active {
1559        text-decoration: none;
1560          color: #FFFFFF;
1561      }
1562    
1563      .btn-fcl-food:visited,
1564      .btn-fcl-fuel:visited,
1565      .btn-fcl-home:visited,
1566      .btn-fcl-agro:visited {
1567        text-decoration: none;
1568        color: #FFFFFF;
1569      }
1570      .btn-fcl-food:link,
1571      .btn-fcl-fuel:link,
1572      .btn-fcl-home:link,
1573      .btn-fcl-agro:link {
1574        color: #FFFFFF;
1575        text-decoration: none;
1576         color: #FFFFFF;
1577      }
1578      .btn-fcl-food img,
1579      .btn-fcl-fuel img,
1580      .btn-fcl-home img,
1581      .btn-fcl-agro img {
1582        margin-right: 17px;
1583      }
1584    .btn-fcl-food{
1585      background: #CC0000;
1586    }
1587    .btn-fcl-home {
1588        background: #38A5DD;
1589      }
1590    
1591      .btn-fcl-fuel {
1592        background: #D88000;
1593      }
1594    
1595      .btn-fcl-agro {
1596        background: #8DC63F;
1597      }
1598    
1599    
1600    
1601    /* Adjust the font size for smaller screens */
1602    @media (max-width: 767px) {
1603    
1604      .btn-fcl-food,
1605      .btn-fcl-fuel,
1606      .btn-fcl-home,
1607      .btn-fcl-agro {
1608        height: 80px;
1609        font-size: 24px;
1610      }
1611    }
1612    </style>
1613                        
1614                    
1615                
1616                
1617            
1618        
1619    
1620
1621    
1622        
1623
1624
1625
1626
1627
1628        
1629
1630
1631
1632
1633
1634
1635
1636    
1637<div class="wpthemeClear"></div>
1638	</div>
1639</section>�</div><div class='component-control id-Z7_NP0411C0MOVQ306CPOE0KK2006' ><span id="Z7_NP0411C0MOVQ306CPOE0KK2006"></span><section class="ibmPortalControl wpthemeControl wpthemeHidden a11yRegionTarget" role="region">
1640
1641	
1642	
1643	<div class="asa.portlet asa-hidden" id="asa.portlet.Z7_NP0411C0MOVQ306CPOE0KK2006">
1644		<span class="asa.portlet.id">Z7_NP0411C0MOVQ306CPOE0KK2006</span>
1645
1646		
1647
1648	</div>
1649	
1650<!-- start header markup -->
1651	<header class="wpthemeControlHeader" role="banner" aria-label="Skin header">
1652		<div class="wpthemeInner">
1653			<h2>
1654				<img class="dndHandle" draggable="true" ondragstart="wpModules.dnd.util.portletDragStart(event, this, this.parentNode, 30, 0);"
1655				ondragend="wpModules.dnd.util.portletDragEnd(event);" 
1656				src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt=""/>
1657				<!-- lm-dynamic-title node marks location for dynamic title support -->
1658 				<span class="lm-dynamic-title asa.portlet.title a11yRegionLabel"><span lang="en" dir="ltr">Web Content Viewer</span></span>
1659			</h2>
1660			<a aria-haspopup="true" aria-label="Display content menu" role="button" href="javascript:;" class="wpthemeIcon wpthemeMenuFocus contextMenuInSkinIcon" style="display:none" tabindex="0">
1661				<span title="Display content menu"><img aria-label="Display content menu" alt="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"></span>
1662				<span class="wpthemeAltText">Component Action Menu</span>
1663				<!-- start CAM template -->
1664				<span class="wpthemeMenu" data-positioning-handler="horizontallyCenteredBelow">
1665					<div class="wpthemeMenuBorder">
1666						<!-- define the menu item template inside the "ul" element.  only "css-class", "description", and "title" are handled by the theme's sample javascript. -->
1667						<ul class="wpthemeMenuDropDown wpthemeTemplateMenu" role="menu">
1668							<li class="${css-class}" role="menuitem" tabindex="-1"><span
1669								class="wpthemeMenuText">${title}</span></li>
1670						</ul>
1671						<div class="verticalMenuPointer pointer"></div>
1672					</div> <!-- Template for loading -->
1673					<div class="wpthemeMenuLoading wpthemeTemplateLoading">${loading}</div>
1674					<!-- Template for submenu -->
1675					<div class="wpthemeAnchorSubmenu wpthemeTemplateSubmenu">
1676						<div class="wpthemeMenuBorder wpthemeMenuSubmenu">
1677							<ul id="${submenu-id}" class="wpthemeMenuDropDown"
1678								role="menu">
1679								<li role="menuitem" tabindex="-1"></li>
1680							</ul>
1681						</div>
1682					</div>
1683				</span>
1684				<!-- end CAM template -->
1685			</a>
1686			<a aria-haspopup="true" aria-label="Display portlet menu" role="button" href="javascript:;" class="wpthemeIcon wpthemeMenuFocus" tabindex="0"
1687                onclick="if (typeof wptheme != 'undefined') wptheme.contextMenu.init({ 'node': this, menuId: 'skinAction', jsonQuery: {'navID':ibmCfg.portalConfig.currentPageOID,'windowID':wptheme.getWindowIDFromSkin(this)}, params: {'alignment':'right'}});"
1688				onkeydown="javascript:if (typeof i$ != 'undefined' &amp;&amp; typeof wptheme != 'undefined') {if (event.keyCode ==13 || event.keyCode ==32 || event.keyCode==38 || event.keyCode ==40) {wptheme.contextMenu.init(this, 'skinAction', {'navID':ibmCfg.portalConfig.currentPageOID,'windowID':wptheme.getWindowIDFromSkin(this)}); return false;}}">
1689				<span title="Display portlet menu"><img aria-label="Display portlet menu" alt="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"></span>
1690				<span class="wpthemeAltText">Actions</span>
1691			</a>
1692		</div>
1693	</header>
1694	
1695	<div class="wpthemeControlBody wpthemeOverflowAuto wpthemeClear"> <!-- lm:control dynamic spot injects markup of layout control -->
1696	<!-- asa.overlay marks the node that the AsaOverlayWidget will be placed in -->
1697		<div style="position:relative; z-index: 1;">
1698			<div class="analytics.overlay" ></div>
1699		</div>
1700		
1701
1702
1703
1704
1705
1706
1707
1708
1709
1710
1711
1712
1713
1714
1715
1716
1717
1718
1719
1720
1721
1722
1723
1724
1725
1726
1727
1728
1729
1730
1731
1732
1733
1734
1735
1736
1737
1738
1739
1740    
1741    
1742
1743    
1744    
1745
1746    
1747    
1748    
1749
1750
1751
1752
1753
1754    
1755    
1756        
1757        
1758            
1759                
1760                    
1761                    
1762                       
1763                        
1764                            <div class="online-services-spinner pt-3 pb-4">
1765    <div class="spinner-container">
1766        <div class="spinner"></div>
1767    </div>
1768</div>
1769<div class="online-services pt-5 pb-5">
1770    <div class="container">
1771        <div class="row">
1772            <h2 class="col-sm-12 justify-content-left online-services-title">Online Services</h2>
1773            <div class="col-sm-12 justify-content-left pt-2 pb-3 title-caption"></div>
1774            <div class="container pt-3 pb-1">
1775                <div class="row online-services-grid">
1776                    <!-- Services Cards -->
1777                </div>
1778            </div>
1779        </div>
1780    </div>
1781</div>
1782  
1783<!-- Modal -->
1784<div class="modal fade online-services-modal" tabindex="-1" role="dialog" aria-labelledby="service-modal-title" aria-hidden="true">
1785    <div class="modal-dialog" role="document">
1786        <div class="modal-content fcl-modal-content">
1787            <div class="modal-header">
1788                <h2 class="fcl-modal-title service-modal-title" id="service-modal-title">Service Type</h2>
1789                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
1790                    <span aria-hidden="true">&times;</span>
1791                </button>
1792            </div>
1793            <div class="modal-body">
1794                <img class="online-service-widget" src="" alt="" title="">
1795                <p class="fcl-modal-desc service-modal-desc mt-4 mb-4">Description</p>
1796                <hr class="fcl-hr-account">
1797                <div class="modal-section modal-features">
1798                    <!-- Features -->
1799                </div>
1800                <hr class="fcl-hr-account">
1801                <div class="modal-section modal-my-coops">
1802                    <h3 class="fcl-sub-heading">My Co-ops</h3>
1803                    <div class="locations-container">
1804                        <!-- Locations -->
1805                    </div>
1806                    <div class="row">
1807                        <div class="fcl-text-sm fcl-fw-600 col-lg-12 ml-auto mt-2 mb-2 see-all-locations-link">
1808                            <a href="/locations">See All Locations</a>
1809                        </div>
1810                    </div>
1811                </div>
1812                <hr class="fcl-hr-account">
1813                <div class="modal-section modal-preview">
1814                    <h3 class="fcl-sub-heading">Preview</h3>
1815                    <div id="carouselControls" class="carousel slide" data-ride="carousel" data-interval="false">
1816                        <div class="carousel-inner">
1817                            <!-- App Preview Images -->
1818                        </div>
1819                        <a class="carousel-control-prev" href="#carouselControls" role="button" data-slide="prev">
1820                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
1821                            <span class="sr-only">Previous</span>
1822                        </a>
1823                        <a class="carousel-control-next" href="#carouselControls" role="button" data-slide="next">
1824                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
1825                            <span class="sr-only">Next</span>
1826                        </a>
1827                    </div>
1828                </div>
1829                <hr class="fcl-hr-account modal-download-app-border">
1830                <div class="modal-section modal-download-app">
1831                    <!-- Download App Buttons -->
1832                </div>
1833            </div>
1834            <div class="modal-footer">
1835                <!-- Footer Button -->
1836            </div>
1837        </div>
1838    </div>
1839</div>
1840
1841<script>    
1842    $(document).ready(function() {
1843        $('.online-services').hide();
1844        $('.online-services-spinner').hide();
1845
1846        $('.carousel').carousel({
1847            interval: false
1848        });
1849        
1850        if(window.location.pathname === '/shop') {
1851            initializeOnlineServices(-1);
1852        }
1853    })
1854
1855    var myCoopRetails = {};
1856    var servicesSet = new Set();
1857
1858    function initializeOnlineServices(retailID) {        
1859        $('.online-services').hide();
1860        $('.online-services-spinner').hide();
1861        FCLCookies.setCookie('path', undefined)
1862
1863        servicesSet.clear();
1864        myCoopRetails = {};
1865
1866        if(retailID === -1) {
1867            $('.title-caption').text("Learn more about services offered online.");
1868            initializeServicesSetShop();
1869        } else {
1870            const retailName = sessionData.localCoop.name;
1871            $('.title-caption').text("Learn more about services offered at " + retailName + ".");
1872            initializeServicesSetLocal(retailID);
1873        }
1874    }
1875
1876    function initializeServicesSetShop() {
1877        const servicesJSON = JSON.parse(getOnlineServicesDesc());
1878
1879        for(let i in servicesJSON.services) {
1880            servicesSet.add(servicesJSON.services[i].serviceType);
1881        }
1882
1883        if(servicesSet.size === 0) {
1884                $('.online-services').hide();
1885                $('.online-services-spinner').hide();
1886            } else {
1887                FCLauth.isLoggedIn().then(isLoggedIn => {
1888                    $('.online-services-spinner').show();
1889
1890                    if(isLoggedIn === true) {
1891                        utilities.getMyCoops().then(function (data) {
1892                            let associations = data;
1893                            if(associations.length > 0) {
1894                                let initializeMyCoopsRetailsPromises = [];
1895                                associations.forEach(function(associationId) {
1896                                    initializeMyCoopsRetailsPromises.push(initializeMyCoopsRetails(associationId));
1897                                });
1898
1899                                Promise.all(initializeMyCoopsRetailsPromises).then((result) => {
1900                                    initializeOnlineServicesCards(servicesSet);
1901                                });
1902                            } else {
1903                                initializeOnlineServicesCards(servicesSet);
1904                            }
1905                        });
1906                    } else {
1907                        initializeOnlineServicesCards(servicesSet);
1908                    }
1909                }).catch(error => {
1910                    $('.online-services').hide();
1911                    $('.online-services-spinner').hide();
1912                });
1913            }
1914    }
1915
1916    function initializeServicesSetLocal(retailID) {
1917        HTTPHelper.callApi('GET','/coopcrsapi/locations?retailID=' + retailID).then(request => {
1918            for(var i = 0; i < request.data.locations.length; i++) {
1919                if(Array.isArray(request.data.locations[i].services)) {
1920                    for(var j = 0; j < request.data.locations[i].services.length; j++) {
1921                        if (request.data.locations[i].services[j].serviceOnline === true) {
1922                            servicesSet.add(request.data.locations[i].services[j].serviceType);
1923                        }
1924                    }
1925                } else {
1926                    if (request.data.locations[i].services.serviceOnline === true) {
1927                        servicesSet.add(request.data.locations[i].services.serviceType);
1928                    }
1929                }
1930            }
1931
1932            if(servicesSet.size === 0) {
1933                $('.online-services').hide();
1934                $('.online-services-spinner').hide();
1935            } else {
1936                FCLauth.isLoggedIn().then(isLoggedIn => {
1937                    $('.online-services-spinner').show();
1938
1939                    if(isLoggedIn === true) {
1940                        utilities.getMyCoops().then(function (data) {
1941                            let associations = data;
1942                            if(associations.length > 0) {
1943                                let initializeMyCoopsRetailsPromises = [];
1944                                associations.forEach(function(associationId) {
1945                                    initializeMyCoopsRetailsPromises.push(initializeMyCoopsRetails(associationId));
1946                                });
1947
1948                                Promise.all(initializeMyCoopsRetailsPromises).then((result) => {
1949                                    initializeOnlineServicesCards(servicesSet);
1950                                });
1951                            } else {
1952                                initializeMyCoopsRetails(retailID).then((result) => {
1953                                    initializeOnlineServicesCards(servicesSet);
1954                                });
1955                            }
1956                        });
1957                    } else {
1958                        initializeMyCoopsRetails(retailID).then((result) => {
1959                            initializeOnlineServicesCards(servicesSet);
1960                        });
1961                    }
1962                }).catch(error => {
1963                    $('.online-services').hide();
1964                    $('.online-services-spinner').hide();
1965                });
1966            }
1967        }).catch(error => {
1968            $('.online-services').hide();
1969            $('.online-services-spinner').hide();
1970        });
1971    }
1972
1973    function initializeMyCoopsRetails(retailID) {
1974        return HTTPHelper.callApi('GET','/coopcrsapi/locations?retailID=' + retailID).then(request => {
1975            var retailOnlineServices = {};
1976            let currentRetail = allRetails.find(retail => retail.id == retailID);
1977
1978            for(var i = 0; i < request.data.locations.length; i++) {
1979                if(Array.isArray(request.data.locations[i].services)) {
1980                    for(var j = 0; j < request.data.locations[i].services.length; j++) {
1981                        if (request.data.locations[i].services[j].serviceOnline === true) {
1982                            if(request.data.locations[i].services[j].serviceType in retailOnlineServices) {
1983                                retailOnlineServices[request.data.locations[i].services[j].serviceType].add(request.data.locations[i].name);
1984                            } else {
1985                                retailOnlineServices[request.data.locations[i].services[j].serviceType] = new Set();
1986                                retailOnlineServices[request.data.locations[i].services[j].serviceType].add(request.data.locations[i].name);
1987                            }
1988                        }
1989                    }
1990                } else {
1991                    if (request.data.locations[i].services.serviceOnline === true) {
1992                        if(request.data.locations[i].services.serviceType in retailOnlineServices) {
1993                            retailOnlineServices[request.data.locations[i].services.serviceType].add(request.data.locations[i].name);
1994                        } else {
1995                            retailOnlineServices[request.data.locations[i].services.serviceType] = new Set();
1996                            retailOnlineServices[request.data.locations[i].services.serviceType].add(request.data.locations[i].name);
1997                        }
1998                    }
1999                }
2000            }
2001            
2002            myCoopRetails[currentRetail.name] = retailOnlineServices;
2003        }).catch(error => {
2004            $('.online-services').hide();
2005            $('.online-services-spinner').hide();
2006        });
2007    }
2008
2009    function initializeOnlineServicesCards(servicesSet) {
2010        $(".online-services-grid").empty();
2011        const servicesJSON = JSON.parse(getOnlineServicesDesc());
2012        var cardTitle, cardDescription, cardImageURL;
2013
2014        servicesSet.forEach(function(service) {
2015            for(const serviceType in servicesJSON.services) {
2016                if(service === servicesJSON.services[serviceType].serviceType){
2017                    const cardHTML = '<div class="col-sm-12 col-lg-4 online-services-container">' +
2018                                        '<div class="online-service-card mx-auto">' +
2019                                            '<div class="fcl-internal-card">' +
2020                                                '<img src="' + servicesJSON.services[serviceType].imageURL + '" alt="" class="card-img-top service-card-image online-service-img" title="">' +
2021                                                '<a class="cursor-pointer" data-toggle="modal" data-target=".online-services-modal" data-title="' + servicesJSON.services[serviceType].serviceType + '">' +
2022                                                    '<div class="online-service-bottom">' +
2023                                                        '<div class="online-service-card-body row">' +
2024                                                            '<div class="col-sm-12 d-flex align-items-center online-service-card-desc">' +
2025                                                                '<div class="w-100">' +
2026                                                                    '<div class="online-service-card-title">' + servicesJSON.services[serviceType].modalTitle + '</div>' +
2027                                                                    '<p class="online-service-card-text">' + servicesJSON.services[serviceType].cardDescription + '</p>' +
2028                                                                '</div>' +
2029                                                            '</div>' +
2030                                                            '<div class="col-sm-12 justify-content-center d-flex align-items-center">' +
2031                                                                `<button class="btn-fcl fcl-pill-lg online-service-card-btn btn btn-primary" data-toggle="modal" data-target=".online-services-modal" title="${servicesJSON.services[serviceType].serviceCTA}" data-title="${servicesJSON.services[serviceType].serviceType}">Find Out More</button>` +
2032                                                            '</div>' +
2033                                                        '</div>' +
2034                                                    '</div>' +
2035                                                '</a>'+
2036                                            '</div>' +
2037                                        '</div>' +
2038                                    '</div>';
2039
2040                    $(".online-services-grid").append(cardHTML);
2041                }
2042            }
2043		});
2044
2045        $('.online-services-spinner').hide();
2046        $('.online-services').show();
2047    }
2048
2049    $('.online-services-modal').on('hide.bs.modal', function () {
2050        $('.online-services-modal .modal-body').scrollTop(0);
2051    });
2052
2053    $('.online-services-modal').on('show.bs.modal', function (event) {
2054        const servicesJSON = JSON.parse(getOnlineServicesDesc());
2055        var button = $(event.relatedTarget) // Button that triggered the modal
2056        var modalTitle = button.data('title') // Extract info from data-* attributes
2057
2058        $(".modal-features").empty();
2059        
2060        for(let i in servicesJSON.services) {
2061            if(servicesJSON.services[i].serviceType === modalTitle) {
2062                var modal = $(this);
2063
2064                let analyticsObject = {
2065                    'event': 'select_content',
2066                    "content_type": "Modal",
2067                    "item_id": "Online Services"    
2068                };
2069
2070                analytics.sendEventWithAppName(analyticsObject, servicesJSON.services[i].serviceType);
2071
2072                modal.find('.service-modal-title').text(servicesJSON.services[i].modalTitle);
2073                modal.find('.service-modal-desc').text(servicesJSON.services[i].modalDe
2073scription);
2074                $(".online-service-widget").attr("src", servicesJSON.services[i].widgetIconURL);
2075                
2076                // Initialize Features section
2077                let numRows = Math.ceil(servicesJSON.services[i].features.length / 2);
2078                var featuresHTML = '<h3 class="fcl-sub-heading">Features</h3>';
2079                $(".modal-features").append(featuresHTML);
2080                
2081                for(var j = 0; j < (numRows * 2); j += 2) {
2082                    featuresHTML = '<div class="row feature">' +
2083                                        '<div class="col-md-6 ml-auto mb-4">' +
2084                                            '<img src="' + servicesJSON.services[i].features[j].iconURL + '" alt="" title="">' +
2085                                            '<div class="fcl-text-sm">' + servicesJSON.services[i].features[j].feature + '</div>' +
2086                                        '</div>';
2087
2088                    if(servicesJSON.services[i].features[j + 1] != null) {
2089                        featuresHTML += '<div class="col-md-6 ml-auto mb-4">' +
2090                                            '<img src="' + servicesJSON.services[i].features[j + 1].iconURL + '" alt="" title="">' +
2091                                            '<div class="fcl-text-sm">' + servicesJSON.services[i].features[j + 1].feature + '</div>' +
2092                                        '</div>' +
2093                                    '</div>';
2094                    } else {
2095                        featuresHTML += '<div class="col-md-6 ml-auto mb-4">' +
2096                                        '</div>' +
2097                                    '</div>';
2098                    }
2099
2100                    $(".modal-features").append(featuresHTML);
2101                }
2102
2103                // Initialize My Co-ops section
2104                $('.locations-container').empty();
2105                if (Object.keys(myCoopRetails).length === 0) {
2106                    var myCoopsHTML = '<div>' +
2107                                            '<div class="row">' +
2108                                                '<div class="fcl-text-xs col-md-12 ml-auto mt-2 mb-4">Please sign in or add membership to see available locations.</div>';
2109                                            '</div>' +
2110                                        '</div>';
2111                    $('.locations-container').append(myCoopsHTML);
2112                } else {
2113                    Object.keys(myCoopRetails).sort().forEach(function(retailName) {
2114                        var myCoopsHTML = '<div>' +
2115                                                '<div class="row">' +
2116                                                    '<div class="fcl-text-smd col-md-5 ml-auto mt-2 mb-2">' + retailName.replace("-", "&#8209;") + '</div>' +
2117                                                    '<div class="fcl-text-sm col-md-7 ml-auto mt-2 mb-2">';
2118
2119                        const servicesLocations = myCoopRetails[retailName][servicesJSON.services[i].serviceType];
2120                        if(servicesLocations !== undefined) {
2121                            servicesLocations.forEach(function(location) {
2122                                myCoopsHTML += '<div class="row mt-1 mb-3 pl-4 pr-4">' + location + '</div>';
2123                            });
2124                        } else {
2125                            myCoopsHTML += '<div class="row mt-1 mb-3 pl-4 pr-4">' + "Not Available" + '</div>';
2126                        }
2127                        myCoopsHTML += '</div></div>';
2128                        $('.locations-container').append(myCoopsHTML);
2129                    });
2130                }
2131
2132                // Initialize Preview section
2133                $('.carousel-inner').empty();
2134                for(let j in servicesJSON.services[i].previewImages) {
2135                    const previewImageHTML = '<div class="carousel-item item">' +
2136                                                '<img src="' + servicesJSON.services[i].previewImages[j].imageURL + '" alt="" title="" class="preview-img">' + 
2137                                            '</div>';
2138                    $('.carousel-inner').append(previewImageHTML);
2139                }
2140                $(".carousel-inner div:first").addClass("active");
2141                
2142                // Initialize Download App section
2143                $('.modal-download-app').empty();
2144                if(servicesJSON.services[i].hasOwnProperty("appURL")) {
2145                    $('.modal-download-app-border').show();
2146                    var appDownloadHTML = '<h3 class="fcl-sub-heading">Download the ' + servicesJSON.services[i].modalTitle + ' App</h3><div class="">';
2147                    if(servicesJSON.services[i].appURL.hasOwnProperty("appleLink")) {
2148                        appDownloadHTML += '<a href="' + servicesJSON.services[i].appURL.appleLink + '" title="" target="_blank" onclick="gtag("event:, "click", {"event_category": "more info","event_label": "redirect: app store"} style="margin-right: 1rem;")"><img src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/btn.apple.png" alt="" title=""></a>';
2149                    }
2150                    if(servicesJSON.services[i].appURL.hasOwnProperty("googleLink")) {
2151                        appDownloadHTML += '<a href="' + servicesJSON.services[i].appURL.googleLink + '" title="" target="_blank" onclick="gtag("event", "click", {"event_category": "more info","event_label": "redirect: google play"})"><img class="fcl-google-play-icon" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/btn.google.png" alt="" title=""></a>';
2152                    }
2153                    appDownloadHTML += '</div>';
2154                    $('.modal-download-app').append(appDownloadHTML);
2155                } else {
2156                    $('.modal-download-app-border').hide();
2157                }
2158                
2159                // Initialize footer Button
2160                $('.online-services-modal .modal-footer').empty();
2161                if(servicesJSON.services[i].hasOwnProperty("websiteURL")) {
2162                    $('.online-services-modal .modal-footer').append('<a target="_blank" class="btn btn-fcl" href="' + servicesJSON.services[i].websiteURL + '">View Website</a>');
2163                } else {
2164                    $('.online-services-modal .modal-footer').append('<button type="button" class="btn btn-fcl btn-service-done" data-dismiss="modal">Done</button>');
2165                }
2166            break;
2167            }
2168        }
2169    });
2170
2171    //
2172    // ADD NEW ONLINE SERVICE TO services JSON 
2173    //
2174    function getOnlineServicesDesc() {
2175        const services = `{
2176            "services": [
2177                {
2178                    "serviceType": "Food Store",
2179                    "serviceCTA" : "Learn More About Online Shopping",               
2180                    "modalTitle": "Online Grocery Shopping",
2181                    "cardDescription": "Shop and order groceries online",
2182                    "imageURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/groceries.jpg",
2183                    "widgetIconURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/groceriesApp.png",
2184                    "modalDescription": "Grocery shop from anywhere with Co-op! Our Personal Shopping Team does the work for you, selecting the highest quality products for your order. Pick up and delivery options available at select locations.",
2185                    "features": [
2186                        {
2187                            "iconURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/Car.svg",
2188                            "feature": "Choose between pickup or delivery for your online shopping experience"
2189                        },
2190                        {
2191                            "iconURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/Cart.svg",
2192                            "feature": "Fill your online cart by browsing sale items, shopping by departments or using the search bar"
2193                        },
2194                        {
2195                            "iconURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/Search.svg",
2196                            "feature": "Filter or sort products by brand, price, popularity, food sensitives and more"
2197                        },
2198                        {
2199                            "iconURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/Wallet.svg",
2200                            "feature": "Make shopping easy by reviewing and reordering past purchases"
2201                        }
2202                    ],
2203                    "previewImages": [
2204                        {
2205                            "imageURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/appPreview/grocery/1.jpg"
2206                        },
2207                        {
2208                            "imageURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/appPreview/grocery/2.jpg"
2209                        },
2210                        {
2211                            "imageURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/appPreview/grocery/3.jpg"
2212                        },
2213                        {
2214                            "imageURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/appPreview/grocery/4.jpg"
2215                        },
2216                        {
2217                            "imageURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/appPreview/grocery/5.jpg"
2218                        }
2219                    ],
2220                    "websiteURL": "https://www.shop.crs/"
2221                },
2222                {
2223                    "serviceType": "Car Wash",
2224                    "serviceCTA" : "Learn More About Car Wash",
2225                    "modalTitle": "Co-op Car Wash",
2226                    "cardDescription": "Get your vehicle spotless and ready for the road",
2227                    "imageURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/carwash.jpg",
2228                    "widgetIconURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/carwashApp.png",
2229                    "modalDescription": "Driving past a Co-op Gas Bar and realizing your vehicle could be cleaner? Just tap the app to buy a car wash! It's convenient, contactless, and best of all, you never have to leave your vehicle.",
2230                    "features": [
2231                        {
2232                            "iconURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/CreditCard.svg",
2233                            "feature": "Purchase single washes or subscribe to monthly passes"
2234                        },
2235                        {
2236                            "iconURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/CarWash.svg",
2237                            "feature": "Collect loyalty points on every wash to earn free washes"
2238                        }
2239                    ],
2240                    "previewImages": [
2241                        {
2242                            "imageURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/appPreview/carwash/1.jpg"
2243                        },
2244                        {
2245                            "imageURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/appPreview/carwash/2.jpg"
2246                        },
2247                        {
2248                            "imageURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/appPreview/carwash/3.jpg"
2249                        },
2250                        {
2251                            "imageURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/appPreview/carwash/4.jpg"
2252                        }
2253                    ],
2254                    "appURL": {
2255                            "appleLink": "https://apps.apple.com/us/app/co-op-car-wash/id1484807500",
2256                            "googleLink": "https://play.google.com/store/apps/details?id=com.fcl.mos&hl=en_IE"
2257                        }
2258                },
2259                {
2260                    "serviceType": "Pharmacy",
2261                    "serviceCTA" : "Learn More About Pharmacy",              
2262                    "modalTitle": "Pharmacy",
2263                    "cardDescription": "Manage and order prescriptions quickly",
2264                    "imageURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/pharmacy.jpg",
2265                    "widgetIconURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/pharmacyApp.png",
2266                    "modalDescription": "The Co-op Pharmacy app puts convenience at your fingertips with secure, confidential access to your prescription profile. Managing your prescriptions has never been easier.",
2267                    "features": [
2268                        {
2269                            "iconURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/Pill.svg",
2270                            "feature": "Refill your prescriptions quickly and easily from just about anywhere"
2271                        },
2272                        {
2273                            "iconURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/Clock.svg",
2274                            "feature": "Receive pickhup reminders the moment your prescriptions are ready"
2275                        },
2276                        {
2277                            "iconURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/List.svg",
2278                            "feature": "Easily track your full list of medications with the Patient Login function"
2279                        },
2280                        {
2281                            "iconURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/Bell.svg",
2282                            "feature": "Receive refill reminders to alert you in advance of each prescription running out"
2283                        }
2284                    ],
2285                    "previewImages": [
2286                        {
2287                            "imageURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/appPreview/pharmacy/1.jpg"
2288                        },
2289                        {
2290                            "imageURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/appPreview/pharmacy/2.jpg"
2291                        },
2292                        {
2293                            "imageURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/appPreview/pharmacy/3.jpg"
2294                        },
2295                        {
2296                            "imageURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/appPreview/pharmacy/4.jpg"
2297                        }
2298                    ],
2299                    "appURL": {
2300                            "appleLink": "https://apps.apple.com/ca/app/co-op-pharmacy/id1571568073",
2301                            "googleLink": "https://play.google.com/store/apps/details?id=com.cooppharmacy.client"
2302                        }
2303                },
2304                {
2305                    "serviceType": "Home Centre",   
2306                    "serviceCTA" : "Learn More About Home and Building",                 
2307                    "modalTitle": "Home & Building",
2308                    "cardDescription": "Browse products and materials",
2309                    "imageURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/habs.jpg",
2310                    "widgetIconURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/habsApp.png",
2311                    "modalDescription": "From small renos to major construction, Co-op has what you need to complete your project. View more than 20,000 items online.",
2312                    "features": [
2313                        {
2314                            "iconURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/Book.svg",
2315                            "feature": "Browse the catalogue with one of our featured categories, by flyer items or by using the search bar"
2316                        },
2317                        {
2318                            "iconURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/Cart.svg",
2319                            "feature": "Add items to your cart and the store will confirm availability"
2320                        },
2321                        {
2322                            "iconURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/Car.svg",
2323                            "feature": "Pickhup and pay for your order at your local selected Co-op"
2324                        }
2325                    ],
2326                    "previewImages": [
2327                        {
2328                            "imageURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/appPreview/homebuilding/1.jpg"
2329                        },
2330                        {
2331                            "imageURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/appPreview/homebuilding/2.jpg"
2332                        },
2333                        {
2334                            "imageURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/appPreview/homebuilding/3.jpg"
2335                        },
2336                        {
2337                            "imageURL": "/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Coop/appPreview/homebuilding/4.jpg"
2338                        }
2339                    ],
2340                    "websiteURL": "https://www.build.crs/"
2341                }
2342            ]
2343        }`;
2344
2345        return services;
2346    }
2347</script>
2347
2348
2349<style>
2350    .cursor-pointer {
2351        cursor: pointer;
2352    }
2353
2354    .online-services,
2355    .online-services-spinner {
2356        background-color: #f5f5f6;
2357    }
2358
2359    .online-services-container {
2360        margin-top: 15px;
2361        margin-bottom: 15px;
2362    }
2363
2364    .online-services-title {
2365        font-family: 'Open Sans';
2366        font-style: normal;
2367        font-weight: 800;
2368        font-size: 40px;
2369        line-height: 108%;
2370        color: #CC0000;
2371    }
2372
2373    .online-service-card {
2374        display: flex;
2375        flex-direction: column;
2376        align-items: flex-start;
2377        padding: 0px;
2378        background: #ECF0F4;
2379        border-radius: 15px;
2380    }
2381
2382    .online-service-img {
2383        border-top-left-radius: 15px !important;
2384        border-top-right-radius: 15px !important;
2385        height: 345px;
2386        object-fit: cover;
2387    }
2388
2389    .online-service-card-body {
2390        padding: 0.5rem 1.25rem;
2391        min-height: 160px !important;
2392    }
2393
2394    .online-service-card-desc {
2395        padding-top: 10px;
2396    }
2397
2398    .online-service-card-title {
2399        font-family: 'Open Sans';
2400        font-style: normal;
2401        font-weight: 800;
2402        font-size: 24px;
2403        line-height: 108%;
2404        text-align: center;
2405        letter-spacing: -0.04em;
2406        color: #CC0000;
2407    }
2408
2409    .online-service-card-text {
2410        font-family: 'Open Sans';
2411        font-style: normal;
2412        font-weight: 400;
2413        font-size: 14px;
2414        line-height: 19px;
2415        text-align: center;
2416        color: #4B4B4B;
2417    }
2418
2419    .online-service-card .fcl-internal-card {
2420        background-color: #ecf0f4 !important;
2421        border-radius: 15px !important;
2422        box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.2);
2423    }
2424
2425    .online-service-bottom:hover {
2426        
2427        border-radius: 15px;
2428    }
2429
2430    /* .online-service-card .fcl-internal-card:hover {
2431        border-bottom: 4px solid #cc0000;
2432        box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.2);
2433    } */
2434
2435    .online-service-card-btn {
2436        margin-top: 0px;
2437        box-shadow: none;
2438    }
2439
2440    .feature img {
2441        margin-top: 10;
2442        margin-bottom: 20px;
2443        height: 24px;
2444    }
2445
2446    @media (max-width: 1199px) and (min-width: 992px) {
2447        .online-service-card-title {
2448            font-size: 21px;
2449        }
2450
2451        .online-service-img {
2452            height: 280.86px;
2453        }
2454    }
2455
2456    @media (max-width: 992px) {
2457        .online-service-card {
2458            width: 355px;
2459        }
2460    }
2461
2462    @media (max-width: 405px) {
2463        .online-service-card {
2464            width: 100%;
2465        }
2466
2467        .online-service-card-body {
2468            padding: .75rem;
2469        }
2470    }
2471    
2472    @media (max-width: 350px) {
2473        .online-service-card-body.row {
2474            display: inline-block;
2475        }
2476
2477        .online-service-card-body .col-8,
2478        .online-service-card-body .col-4 {
2479            max-width: none;
2480        }
2481        
2482        .online-service-card-body .col-4 {
2483            justify-content: start !important;
2484        }
2485
2486        .online-service-card-body .online-service-card-btn {
2487            margin-right: 0 !important;
2488        }
2489    }
2490
2491    .online-services-modal .modal-header {
2492        border-bottom: none;
2493    }
2494
2495    .online-services-modal .modal-footer {
2496        border-top: none;
2497    }
2498
2499    .online-services-modal .modal-dialog {
2500        overflow-y: initial !important
2501    }
2502
2503    .online-services-modal .modal-body {
2504        max-height: 77vh;
2505        overflow-y: auto;
2506    }
2507
2508    @media (max-width: 576px) {
2509        .online-services-modal .modal-body {
2510            max-height: calc(100vh - 200px);
2511        }
2512    }
2513
2514    .modal-body::-webkit-scrollbar {
2515        -webkit-appearance: none;
2516        width: 8px;
2517    }
2518
2519    .modal-body::-webkit-scrollbar-track {
2520        background-color: #F0F0F0;
2521    }
2522
2523    .modal-body::-webkit-scrollbar-thumb {
2524        border-radius: 4px;
2525        background-color: rgb(209, 209, 209);
2526        box-shadow: 0 0 1px rgba(255, 255, 255, .5);
2527    }
2528
2529    .see-all-locations-link:active, .see-all-locations-link:focus{
2530        color: #cc0000ad;
2531    }
2532
2533    .preview-row {
2534        -webkit-overflow-scrolling: touch !important;
2535        display: flex;
2536        flex-wrap: nowrap;
2537        overflow-x: auto;
2538    }
2539
2540    .preview-row::-webkit-scrollbar {
2541        -webkit-appearance: none;
2542        height: 8px;
2543    }
2544
2545    .preview-row::-webkit-scrollbar-track {
2546        background-color: #F0F0F0;
2547    }
2548
2549    .preview-row::-webkit-scrollbar-thumb {
2550        border-radius: 4px;
2551        background-color: rgb(209, 209, 209);
2552        box-shadow: 0 0 1px rgba(255, 255, 255, .5);
2553    }
2554
2555    .preview-row .preview-img {
2556        flex: 0 0 auto;
2557    }
2558
2559    .carousel-inner img {
2560        margin: auto;
2561    }
2562
2563    .modal-preview img {
2564        padding: 1rem;
2565        max-height: 565px;
2566    }
2567
2568    @media (max-width: 405px) {
2569        .modal-preview img {
2570            max-width: 85%;
2571        }
2572    }
2573
2574    .carousel-item-next, .carousel-item-prev, .carousel-item.active {
2575        display: flex !important;
2576    }
2577
2578    span.carousel-control-next-icon, span.carousel-control-next-icon:hover {
2579        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23cc0000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e") !important;
2580    }
2581
2582    span.carousel-control-prev-icon, span.carousel-control-prev-icon:hover {
2583        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23cc0000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e") !important;
2584    }
2585
2586    .carousel-control-next, .carousel-control-prev,
2587    .carousel-control-next:hover, .carousel-control-prev:hover
2588    .carousel-control-next:focus, .carousel-control-prev:focus {
2589        opacity: 1 !important;
2590    }
2591
2592    .btn-service-done {
2593        color: #231F20 !important;
2594        background-color: #ECF0F4;
2595    }
2596
2597    .btn-service-done:hover {
2598        box-shadow: none;
2599        background-color: #dadada;
2600        text-decoration: none;
2601    }
2602</style>
2603                        
2604                    
2605                
2606                
2607            
2608        
2609    
2610
2611    
2612        
2613
2614
2615
2616
2617
2618        
2619
2620
2621
2622
2623
2624
2625
2626    
2627<div class="wpthemeClear"></div>
2628	</div>
2629</section>�</div><div class='component-control id-Z7_NP0411C0M0JA7062VK2BL60GV0' ><span id="Z7_NP0411C0M0JA7062VK2BL60GV0"></span><section class="ibmPortalControl wpthemeControl wpthemeHidden a11yRegionTarget" role="region">
2630
2631	
2632	
2633	<div class="asa.portlet asa-hidden" id="asa.portlet.Z7_NP0411C0M0JA7062VK2BL60GV0">
2634		<span class="asa.portlet.id">Z7_NP0411C0M0JA7062VK2BL60GV0</span>
2635
2636		
2637
2638	</div>
2639	
2640<!-- start header markup -->
2641	<header class="wpthemeControlHeader" role="banner" aria-label="Skin header">
2642		<div class="wpthemeInner">
2643			<h2>
2644				<img class="dndHandle" draggable="true" ondragstart="wpModules.dnd.util.portletDragStart(event, this, this.parentNode, 30, 0);"
2645				ondragend="wpModules.dnd.util.portletDragEnd(event);" 
2646				src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt=""/>
2647				<!-- lm-dynamic-title node marks location for dynamic title support -->
2648 				<span class="lm-dynamic-title asa.portlet.title a11yRegionLabel"><span lang="en" dir="ltr">Web Content Viewer</span></span>
2649			</h2>
2650			<a aria-haspopup="true" aria-label="Display content menu" role="button" href="javascript:;" class="wpthemeIcon wpthemeMenuFocus contextMenuInSkinIcon" style="display:none" tabindex="0">
2651				<span title="Display content menu"><img aria-label="Display content menu" alt="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"></span>
2652				<span class="wpthemeAltText">Component Action Menu</span>
2653				<!-- start CAM template -->
2654				<span class="wpthemeMenu" data-positioning-handler="horizontallyCenteredBelow">
2655					<div class="wpthemeMenuBorder">
2656						<!-- define the menu item template inside the "ul" element.  only "css-class", "description", and "title" are handled by the theme's sample javascript. -->
2657						<ul class="wpthemeMenuDropDown wpthemeTemplateMenu" role="menu">
2658							<li class="${css-class}" role="menuitem" tabindex="-1"><span
2659								class="wpthemeMenuText">${title}</span></li>
2660						</ul>
2661						<div class="verticalMenuPointer pointer"></div>
2662					</div> <!-- Template for loading -->
2663					<div class="wpthemeMenuLoading wpthemeTemplateLoading">${loading}</div>
2664					<!-- Template for submenu -->
2665					<div class="wpthemeAnchorSubmenu wpthemeTemplateSubmenu">
2666						<div class="wpthemeMenuBorder wpthemeMenuSubmenu">
2667							<ul id="${submenu-id}" class="wpthemeMenuDropDown"
2668								role="menu">
2669								<li role="menuitem" tabindex="-1"></li>
2670							</ul>
2671						</div>
2672					</div>
2673				</span>
2674				<!-- end CAM template -->
2675			</a>
2676			<a aria-haspopup="true" aria-label="Display portlet menu" role="button" href="javascript:;" class="wpthemeIcon wpthemeMenuFocus" tabindex="0"
2677                onclick="if (typeof wptheme != 'undefined') wptheme.contextMenu.init({ 'node': this, menuId: 'skinAction', jsonQuery: {'navID':ibmCfg.portalConfig.currentPageOID,'windowID':wptheme.getWindowIDFromSkin(this)}, params: {'alignment':'right'}});"
2678				onkeydown="javascript:if (typeof i$ != 'undefined' &amp;&amp; typeof wptheme != 'undefined') {if (event.keyCode ==13 || event.keyCode ==32 || event.keyCode==38 || event.keyCode ==40) {wptheme.contextMenu.init(this, 'skinAction', {'navID':ibmCfg.portalConfig.currentPageOID,'windowID':wptheme.getWindowIDFromSkin(this)}); return false;}}">
2679				<span title="Display portlet menu"><img aria-label="Display portlet menu" alt="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"></span>
2680				<span class="wpthemeAltText">Actions</span>
2681			</a>
2682		</div>
2683	</header>
2684	
2685	<div class="wpthemeControlBody wpthemeOverflowAuto wpthemeClear"> <!-- lm:control dynamic spot injects markup of layout control -->
2686	<!-- asa.overlay marks the node that the AsaOverlayWidget will be placed in -->
2687		<div style="position:relative; z-index: 1;">
2688			<div class="analytics.overlay" ></div>
2689		</div>
2690		
2691
2692
2693
2694
2695
2696
2697
2698
2699
2700
2701
2702
2703
2704
2705
2706
2707
2708
2709
2710
2711
2712
2713
2714
2715
2716
2717
2718
2719
2720
2721
2722
2723
2724
2725
2726
2727
2728
2729
2730    
2731    
2732
2733    
2734    
2735
2736    
2737    
2738    
2739
2740
2741
2742
2743
2744    
2745    
2746        
2747            
2748            
2749<div id="gift-card-balance-5050">
2750    <div class="container fcl-container-component">
2751        <div class="row">
2752            
2753            
2754            
2755            <div class="col-md-6 image-container order-1 order-md-1">
2756                <img class="fcl-image" src="/wcm/connect/www.co-op.crs26018/f6b48a03-9462-4ceb-8139-cbfb33e78a2e/Image.png?MOD=AJPERES&amp;CACHEID=ROOTWORKSPACE.Z18_2IKA1G82MGSE20Q0KL2T4UJO54-f6b48a03-9462-4ceb-8139-cbfb33e78a2e-oC9FnSC" alt="">
2757            </div>
2758            
2759            
2760            <div class="col-md-6 text-container order-2 order-md-2">
2761                <div class="">
2762                
2763               <h2 class="
2764
2765                    css-gift-card-balance-5050-border-top-color
2766                    
2767                    
2768                    
2769                    
2770                    
2771                    
2772                    
2773                    
2774                    fcl-h3 red
2775                    
2776                    
2777                    
2778                    
2779                    
2780                    
2781                    
2782                    
2783                "> <span>Gift Card Balance</span>
2784                </h2>
2785                
2786                <div class="inline-section 
2787                    
2788                "><p dir="ltr" style="color:black">Not sure how much is left on your gift card? Check the balance with the 19-digit code on the back of the card.</p>
2789</div>
2790                
2791                    <div class="
2792                
2793                
2794                
2795                red line-to-right button
2796                
2797                
2798                
2799                
2800                
2801                
2802                
2803                
2804                ">
2805                        <a class="btn-fcl z-index-15" href="javascript:$(&quot;.js-gift-card&quot;).click()">Check Balance</a>
2806                </div>
2807                
2808                </div>
2809            </div>
2810            
2811        </div>
2812    </div>
2813</div>
2814<style>
2815#gift-card-balance-5050{
2816background-color: #B2DDCF;
2817
2818}
2819
2820
2821.css-gift-card-balance-5050-border-top-color {
2822border-top: 2px solid #cc0000;
2823padding-top: 20px;
2824}
2825
2826@media(min-width: 992px){
2827.css-gift-card-balance-5050-border-top-color {
2828border-top: 2px solid #cc0000;
2829}
2830}
2831
2832
2833
2834</style>
2835        
2836        
2837    
2838
2839    
2840        
2841
2842
2843
2844
2845
2846        
2847
2848
2849
2850
2851
2852
2853
2854    
2855<div class="wpthemeClear"></div>
2856	</div>
2857</section>�</div><div class='component-control id-Z7_NP0411C0MOLU106SGSE23K0GA2' ><span id="Z7_NP0411C0MOLU106SGSE23K0GA2"></span><section class="ibmPortalControl wpthemeControl wpthemeHidden a11yRegionTarget" role="region">
2858
2859	
2860	
2861	<div class="asa.portlet asa-hidden" id="asa.portlet.Z7_NP0411C0MOLU106SGSE23K0GA2">
2862		<span class="asa.portlet.id">
2862Z7_NP0411C0MOLU106SGSE23K0GA2</span>
2863
2864		
2865
2866	</div>
2867	
2868<!-- start header markup -->
2869	<header class="wpthemeControlHeader" role="banner" aria-label="Skin header">
2870		<div class="wpthemeInner">
2871			<h2>
2872				<img class="dndHandle" draggable="true" ondragstart="wpModules.dnd.util.portletDragStart(event, this, this.parentNode, 30, 0);"
2873				ondragend="wpModules.dnd.util.portletDragEnd(event);" 
2874				src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt=""/>
2875				<!-- lm-dynamic-title node marks location for dynamic title support -->
2876 				<span class="lm-dynamic-title asa.portlet.title a11yRegionLabel"><span lang="en" dir="ltr">Web Content Viewer</span></span>
2877			</h2>
2878			<a aria-haspopup="true" aria-label="Display content menu" role="button" href="javascript:;" class="wpthemeIcon wpthemeMenuFocus contextMenuInSkinIcon" style="display:none" tabindex="0">
2879				<span title="Display content menu"><img aria-label="Display content menu" alt="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"></span>
2880				<span class="wpthemeAltText">Component Action Menu</span>
2881				<!-- start CAM template -->
2882				<span class="wpthemeMenu" data-positioning-handler="horizontallyCenteredBelow">
2883					<div class="wpthemeMenuBorder">
2884						<!-- define the menu item template inside the "ul" element.  only "css-class", "description", and "title" are handled by the theme's sample javascript. -->
2885						<ul class="wpthemeMenuDropDown wpthemeTemplateMenu" role="menu">
2886							<li class="${css-class}" role="menuitem" tabindex="-1"><span
2887								class="wpthemeMenuText">${title}</span></li>
2888						</ul>
2889						<div class="verticalMenuPointer pointer"></div>
2890					</div> <!-- Template for loading -->
2891					<div class="wpthemeMenuLoading wpthemeTemplateLoading">${loading}</div>
2892					<!-- Template for submenu -->
2893					<div class="wpthemeAnchorSubmenu wpthemeTemplateSubmenu">
2894						<div class="wpthemeMenuBorder wpthemeMenuSubmenu">
2895							<ul id="${submenu-id}" class="wpthemeMenuDropDown"
2896								role="menu">
2897								<li role="menuitem" tabindex="-1"></li>
2898							</ul>
2899						</div>
2900					</div>
2901				</span>
2902				<!-- end CAM template -->
2903			</a>
2904			<a aria-haspopup="true" aria-label="Display portlet menu" role="button" href="javascript:;" class="wpthemeIcon wpthemeMenuFocus" tabindex="0"
2905                onclick="if (typeof wptheme != 'undefined') wptheme.contextMenu.init({ 'node': this, menuId: 'skinAction', jsonQuery: {'navID':ibmCfg.portalConfig.currentPageOID,'windowID':wptheme.getWindowIDFromSkin(this)}, params: {'alignment':'right'}});"
2906				onkeydown="javascript:if (typeof i$ != 'undefined' &amp;&amp; typeof wptheme != 'undefined') {if (event.keyCode ==13 || event.keyCode ==32 || event.keyCode==38 || event.keyCode ==40) {wptheme.contextMenu.init(this, 'skinAction', {'navID':ibmCfg.portalConfig.currentPageOID,'windowID':wptheme.getWindowIDFromSkin(this)}); return false;}}">
2907				<span title="Display portlet menu"><img aria-label="Display portlet menu" alt="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"></span>
2908				<span class="wpthemeAltText">Actions</span>
2909			</a>
2910		</div>
2911	</header>
2912	
2913	<div class="wpthemeControlBody wpthemeOverflowAuto wpthemeClear"> <!-- lm:control dynamic spot injects markup of layout control -->
2914	<!-- asa.overlay marks the node that the AsaOverlayWidget will be placed in -->
2915		<div style="position:relative; z-index: 1;">
2916			<div class="analytics.overlay" ></div>
2917		</div>
2918		
2919
2920
2921
2922
2923
2924
2925
2926
2927
2928
2929
2930
2931
2932
2933
2934
2935
2936
2937
2938
2939
2940
2941
2942
2943
2944
2945
2946
2947
2948
2949
2950
2951
2952
2953
2954
2955
2956
2957
2958    
2959    
2960
2961    
2962    
2963
2964    
2965    
2966    
2967
2968
2969
2970
2971
2972    
2973    
2974        
2975            
2976            
2977<div id="other-services-5050">
2978    <div class="container fcl-container-component">
2979        <div class="row">
2980            
2981            <div class="col-md-6 text-container order-2 order-md-1"> 
2982                <div class="">
2983                
2984                <h2 class="
2985                    css-other-services-5050-border-top-color
2986                    
2987                    
2988                    
2989                    
2990                    
2991                    
2992                    
2993                    
2994                    fcl-h3 red
2995                    
2996                    
2997                    
2998                    
2999                    
3000                    
3001                    
3002                "> <span>Other Services</span>
3003                </h2>
3004                
3005                <div class="inline-section
3006                    css-other-services-5050-border-bottom-color
3007                "><div class="d-block pt-2">
3008  <div>
3009    <a href="https://www.co-opagzone.crs/"  class="service-link d-flex pt-3">
3010            <img class="pr-3" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/Agro.svg" />
3011            <div class="d-block fcl-aubergine">
3012                <div class="fcl-text-smd">AgZone FIELD</div>
3013                <div class="fcl-text-xs">Collect, share and interpret the data you need.</div>
3014            </div>
3015            <img class="ml-auto" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/Right.svg" />
3016        </a>
3017  </div>
3018  <div>
3019    <a href="https://www.fuel.crs/commercial/detail/largest-cardlock-network-in-wester
3019n-canada"  class="service-link d-flex pt-3">
3020            <img class="pr-3" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/Cardlock.svg" />
3021            <div class="d-block fcl-aubergine">
3022                <div class="fcl-text-smd">Cardlock Resources</div>
3023                <div class="fcl-text-xs">Convenient, all-hours access to fuel your vehicle.</div>
3024            </div>
3025            <img class="ml-auto" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/Right.svg" />
3026        </a>
3027  </div>
3028  <div>
3029    <a href="https://forms.co-op.crs/forms/anon/org/app/a172b0ff-fba4-4dae-8356-5773454bfcbb/launch/index.html?form=F_Form1"  class="service-link d-flex pt-3">
3030            <img class="pr-3" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/BulkFuel.svg" />
3031            <div class="d-block fcl-aubergine">
3032                <div class="fcl-text-smd">Bulk Fuel Orders</div>
3033                <div class="fcl-text-xs">Start your next commercial fuel order. </div>
3034            </div>
3035            <img class="ml-auto" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/Right.svg" />
3036        </a>
3037  </div>
3038  <div>
3039    <a href="https://forms.co-op.crs/forms/anon/org/app/75d40237-cd3f-4dfc-88c0-a7724057788c/launch/index.html?form=F_Form1"  class="service-link d-flex pt-3">
3040            <img class="pr-3" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/Propane.svg" />
3041            <div class="d-block fcl-aubergine">
3042                <div class="fcl-text-smd">Bulk Propane Orders</div>
3043                <div class="fcl-text-xs">Order propane directly to your operation. </div>
3044            </div>
3045            <img class="ml-auto" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/Right.svg" />
3046        </a>
3047  </div>
3048</div></div>
3049
3050                
3051                </div>
3052            </div>
3053            
3054            <div class="col-md-6 image-container order-1 order-md-2">
3055                <img class="fcl-image" src="/wcm/connect/www.co-op.crs26018/d1679fca-7047-4286-aa1b-141d712fac78/Image+%281%29.png?MOD=AJPERES&amp;CACHEID=ROOTWORKSPACE.Z18_2IKA1G82MGSE20Q0KL2T4UJO54-d1679fca-7047-4286-aa1b-141d712fac78-pAFQKWL" alt="">
3056            </div>
3057            
3058            
3059            
3060            
3061        </div>
3062    </div>
3063</div>
3064<style>
3065#other-services-5050{
3066background-color: #FFF;
3067
3068}
3069
3070
3071.css-other-services-5050-border-top-color {
3072border-top: 2px solid #cc0000;
3073padding-top: 20px;
3074}
3075
3076@media(min-width: 992px){
3077.css-other-services-5050-border-top-color {
3078border-top: 2px solid #cc0000;
3079}
3080}
3081
3082
3083
3084.css-other-services-5050-border-bottom-color {
3085border-bottom: 2px solid #cc0000;
3086}
3087
3088@media(min-width: 992px){
3089.css-other-services-5050-border-bottom-color {
3090border-bottom: 2px solid #cc0000;
3091padding-bottom: 20px;
3092}
3093}
3094
3095</style>
3096        
3097        
3098    
3099
3100    
3101        
3102
3103
3104
3105
3106
3107        
3108
3109
3110
3111
3112
3113
3114
3115    
3116<div class="wpthemeClear"></div>
3117	</div>
3118</section>�</div><div class='component-control id-Z7_NP0411C0MOLU106SGSE23K0GC5' ><span id="Z7_NP0411C0MOLU106SGSE23K0GC5"></span><section class="ibmPortalControl wpthemeControl wpthemeHidden a11yRegionTarget" role="region">
3119
3120	
3121	
3122	<div class="asa.portlet asa-hidden" id="asa.portlet.Z7_NP0411C0MOLU106SGSE23K0GC5">
3123		<span class="asa.portlet.id">Z7_NP0411C0MOLU106SGSE23K0GC5</span>
3124
3125		
3126
3127	</div>
3128	
3129<!-- start header markup -->
3130	<header class="wpthemeControlHeader" role="banner" aria-label="Skin header">
3131		<div class="wpthemeInner">
3132			<h2>
3133				<img class="dndHandle" draggable="true" ondragstart="wpModules.dnd.util.portletDragStart(event, this, this.parentNode, 30, 0);"
3134				ondragend="wpModules.dnd.util.portletDragEnd(event);" 
3135				src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt=""/>
3136				<!-- lm-dynamic-title node marks location for dynamic title support -->
3137 				<span class="lm-dynamic-title asa.portlet.title a11yRegionLabel"><span lang="en" dir="ltr">Web Content Viewer</span></span>
3138			</h2>
3139			<a aria-haspopup="true" aria-label="Display content menu" role="button" href="javascript:;" class="wpthemeIcon wpthemeMenuFocus contextMenuInSkinIcon" style="display:none" tabindex="0">
3140				<span title="Display content menu"><img aria-label="Display content menu" alt="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"></span>
3141				<span class="wpthemeAltText">Component Action Menu</span>
3142				<!-- start CAM template -->
3143				<span class="wpthemeMenu" data-positioning-handler="horizontallyCenteredBelow">
3144					<div class="wpthemeMenuBorder">
3145						<!-- define the menu item template inside the "ul" element.  only "css-class", "description", and "title" are handled by the theme's sample javascript. -->
3146						<ul class="wpthemeMenuDropDown wpthemeTemplateMenu" role="menu">
3147							<li class="${css-class}" role="menuitem" tabindex="-1"><span
3148								class="wpthemeMenuText">${title}</span></li>
3149						</ul>
3150						<div class="verticalMenuPointer pointer"></div>
3151					</div> <!-- Template for loading -->
3152					<div class="wpthemeMenuLoading wpthemeTemplateLoading">${loading}</div>
3153					<!-- Template for submenu -->
3154					<div class="wpthemeAnchorSubmenu wpthemeTemplateSubmenu">
3155						<div class="wpthemeMenuBorder wpthemeMenuSubmenu">
3156							<ul id="${submenu-id}" class="wpthemeMenuDropDown"
3157								role="menu">
3158								<li role="menuitem" tabindex="-1"></li>
3159							</ul>
3160						</div>
3161					</div>
3162				</span>
3163				<!-- end CAM template -->
3164			</a>
3165			<a aria-haspopup="true" aria-label="Display portlet menu" role="button" href="javascript:;" class="wpthemeIcon wpthemeMenuFocus" tabindex="0"
3166                onclick="if (typeof wptheme != 'undefined') wptheme.contextMenu.init({ 'node': this, menuId: 'skinAction', jsonQuery: {'navID':ibmCfg.portalConfig.currentPageOID,'windowID':wptheme.getWindowIDFromSkin(this)}, params: {'alignment':'right'}});"
3167				onkeydown="javascript:if (typeof i$ != 'undefined' &amp;&amp; typeof wptheme != 'undefined') {if (event.keyCode ==13 || event.keyCode ==32 || event.keyCode==38 || event.keyCode ==40) {wptheme.contextMenu.init(this, 'skinAction', {'navID':ibmCfg.portalConfig.currentPageOID,'windowID':wptheme.getWindowIDFromSkin(this)}); return false;}}">
3168				<span title="Display portlet menu"><img aria-label="Display portlet menu" alt="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"></span>
3169				<span class="wpthemeAltText">Actions</span>
3170			</a>
3171		</div>
3172	</header>
3173	
3174	<div class="wpthemeControlBody wpthemeOverflowAuto wpthemeClear"> <!-- lm:control dynamic spot injects markup of layout control -->
3175	<!-- asa.overlay marks the node that the AsaOverlayWidget will be placed in -->
3176		<div style="position:relative; z-index: 1;">
3177			<div class="analytics.overlay" ></div>
3178		</div>
3179		
3180
3181
3182
3183
3184
3185
3186
3187
3188
3189
3190
3191
3192
3193
3194
3195
3196
3197
3198
3199
3200
3201
3202
3203
3204
3205
3206
3207
3208
3209
3210
3211
3212
3213
3214
3215
3216
3217
3218
3219    
3220    
3221
3222    
3223    
3224
3225    
3226    
3227    
3228
3229
3230
3231
3232
3233    
3234    
3235        
3236        
3237            
3238                
3239                    
3240                    
3241                       
3242                        
3243                            <div id="coop-50-50-section mx-auto" style="background-color: #053844;">
3244    <div class="container fcl-container-component pt-2">
3245        <div class="row" style="margin-bottom: -30px;">
3246            <div class="col-md-6 text-container order-1 pb-5">
3247                <div class="">
3248                    <h2 class="css-coop-50-50-section_1-border-top-color fcl-h2 white app-title mb-4"> <span>Download
3249                            the new Co-op App to Unlock Exclusive Coupons</span>
3250                    </h2>
3251                    <div class="appcta-inline-section download-app-component h-100">
3252                        <p dir="ltr"><span class="pb-2 mb-4"
3253                                style="color:#ffffff; font-weight: 400; font-size: 20px;">Save when you shop at a Co-op
3254                                Food Store or Home Centre with exclusive app-only coupons.</span></p>
3255
3256                        <div class="app-icons-row">
3257                            <a href="https://apps.apple.com/us/app/co-op-crs-app/id573048102?ls=1" target="_blank"  class="">
3258                                <img role="img" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/btn.apple.png"
3259                                    alt="Co-op App on the Apple App Store">
3260                            </a>
3261                            <a href="https://play.google.com/store/apps/details?id=com.collegemobile.coop.locator" target="_blank"  class="ml-3">
3262                                <img role="img" class="fcl-google-play-icon" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/btn.google.png"
3263                                    alt="Co-op App on the Google Play Store">
3264                            </a>
3265                        </div>
3266                    </div>
3267                </div>
3268            </div>
3269            <div class="col-md-6 d-md-block d-none image-container order-2 fcl-app-cta">
3270                <img class="fcl-image phone" src="/wcm/connect/www.co-op.crs26018/0ddeefb1-3090-4964-8fb9-9521cb213709/phone.png?MOD=AJPERES&amp;CACHEID=ROOTWORKSPACE.Z18_2IKA1G82MGSE20Q0KL2T4UJO54-0ddeefb1-3090-4964-8fb9-9521cb213709-orwXodp" alt="">
3271            </div>
3272        </div>
3273    </div>
3274</div>
3275
3276<style>
3277    .fcl-app-cta {
3278        margin-bottom: -20px;
3279    }
3280    @media(min-width: 768px){
3281        .fcl-app-cta {
3282            margin-bottom: -20px;
3283            margin-top: 88px;
3284        }
3285    } 
3286    @media(min-width: 992px){
3287        .fcl-app-cta {
3288            margin-bottom: 0px;
3289        }
3290    } 
3291    
3292
3293    .css-coop-50-50-section-border-top-color {
3294        border-top: 2px solid #fcc28e;
3295        padding-top: 20px;
3296    }
3297
3298    .app-title {
3299        font-family: 'Open Sans';
3300        font-style: normal;
3301        font-weight: 800;
3302        font-size: 40px;
3303        line-height: 108%;
3304        //letter-spacing: -0.04em;
3305        color: #FFFFFF;
3306
3307    }
3308
3309    .appcta-inline-section {
3310
3311        max-width: 100%;
3312        height: 54px;
3313        font-family: 'Open Sans';
3314        font-style: normal;
3315        font-weight: 400 !important;
3316        font-size: 20px !important;
3317        line-height: 27px;
3318        color: #F5F5F6;
3319
3320
3321    }
3322
3323    /* .phone {
3324
3325        width: 566px;
3326        height: 538px;
3327
3328
3329    } */
3330    .phone {
3331        width: 100%
3332    }
3333
3334    @media(min-width: 992px) {
3335        .css-coop-50-50-section-border-top-color {
3336            border-top: 2px solid #fcc28e;
3337        }
3338    }
3339
3340
3341
3342    .css-coop-50-50-section-border-bottom-color {
3343        border-bottom: 2px solid #fcc28e;
3344    }
3345
3346    @media(min-width: 992px) {
3347        .css-coop-50-50-section-border-bottom-color {
3348            border-bottom: 2px solid #fcc28e;
3349            padding-bottom: 20px;
3350        }
3351    }
3352</style>
3353
3354                        
3355                    
3356                
3357                
3358            
3359        
3360    
3361
3362    
3363        
3364
3365
3366
3367
3368
3369        
3370
3371
3372
3373
3374
3375
3376
3377    
3378<div class="wpthemeClear"></div>
3379	</div>
3380</section>�</div></div></div>
3381<div class="wpthemeClear"></div>
3382				</div>
3383			</div>
3384
3385
3386		</div>
3387		<!--end main content-->
3388
3389
3390		<!-- Footer -->
3391		
3392
3393
3394
3395<footer class="fcl-footer js-fadeable">
3396	<h2 class="sr-only">Footer</h2>
3397	<div class="fcl-hr-red-top"></div>
3398	<div class="container">
3399		<div class="row fcl-footer-row">
3400			<div class="link-container col-lg-3 d-none d-lg-flex d-xl-flex row">
3401				<h3 class="fcl-footer-title col-9">More Co-op</h3>
3402				<ul class="coop-links col-4">
3403					<li class="fcl-list-item coop-link"><a class="gtm-footer-link footer-link" href="https://www.food.crs" target="_blank">food.crs</a></li>
3404					<li class="fcl-list-item coop-link"><a class="gtm-footer-link footer-link" href="https://www.home.crs" target="_blank">home.crs</a></li>
3405					<li class="fcl-list-item coop-link"><a class="gtm-footer-link footer-link" href="https://www.fuel.crs" target="_blank">fuel.crs</a></li>
3406					<li class="fcl-list-item coop-link"><a class="gtm-footer-link footer-link" href="https://www.agro.crs" target="_blank">agro.crs</a></li>
3407				</ul>
3408				<ul class="coop-links col-5">
3409					<li class="fcl-list-item coop-link"><a class="gtm-footer-link footer-link" href="https://www.co-op.crs/ask" target="_blank">Ask Co-op</a></li>
3410					<li class="fcl-list-item coop-link"><a class="gtm-footer-link footer-link" href="https://www.co-op.crs/sustainability" target="">Sustainability</a></li>
3411					<li class="fcl-list-item coop-link"><a class="gtm-footer-link footer-link" href="https://www.co-op.crs/branding" target="_blank">Brand Guide</a></li>
3412					<li class="fcl-list-item coop-link"><a class="gtm-footer-link footer-link" href="/articles">Articles</a></li>
3413				</ul>
3414			</div>
3415			<div class="link-container col-lg-4  d-none d-lg-flex d-xl-flex row">
3416				<h3 class="fcl-footer-title col-sm-10">Tools</h3>
3417				<ul class="coop-links col-4">
3418					<li class="fcl-list-item coop-link"><a class="gtm-footer-link footer-link" href="http://crs.coopconnection.ca/flyers.html" target="_blank">Flyers</a></li>
3419					<li class="fcl-list-item coop-link"><a class="gtm-footer-link footer-link" href="/app" target="_blank">Mobile App</a></li>
3420					<li class="fcl-list-item coop-link"><a class="gtm-footer-link footer-link" href="/locations">Find a Co-op</a></li>
3421					<li class="fcl-list-item coop-link"><a class="gtm-footer-link footer-link js-gift-card cursor-pointer" data-toggle="modal" href="#" data-target="#exampleModal">Gift Card Balance</a></li>
3422				</ul>
3423				<ul class="coop-links col-7">
3424					<li class="fcl-list-item coop-link"><a class="gtm-footer-link footer-link" href="/contact-us">Support</a></li>
3425					<li class="fcl-list-item coop-link"><a class="gtm-footer-link footer-link" href="/my-account/faq">Frequently Asked Questions</a></li>
3426					<li class="fcl-list-item coop-link"><a class="gtm-footer-link footer-link" href="/contact-us/privacy-terms">Privacy Policy & Terms of Use</a></li>
3427				</ul>
3428			</div>
3429
3430			
3431			<div class="d-lg-none container">
3432				<div class="row">
3433					<div id="accordion" class="col-sm-12">
3434						<div class="card">
3435							<div class="card-header footer-collapse" id="more-coop">
3436								<h3 class="mb-0">
3437								<button class="btn fcl-collapse w-100 collapsed footer-collapse-btn" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
3438								<span class="float-left">More Co-op</span>
3439								<span class="fcl-title-arrow"></span>
3440								</button>
3441								</h3>
3442							</div>
3443							<div id="collapseOne" class="collapse" aria-labelledby="more-coop" data-parent="#accordion">
3444								<div class="card-body container">
3445									<div class="link-container row">
3446										<div class="col-6">
3447												<li class="fcl-list-item coop-link"><a class="gtm-footer-link footer-link" href="https://www.food.crs" target="_blank">food.crs</a></li>
3448												<li class="fcl-list-item coop-link"><a class="gtm-footer-link footer-link" href="https://www.home.crs" target="_blank">home.crs</a></li>
3449												<li class="fcl-list-item coop-link"><a class="gtm-footer-link footer-link" href="https://www.fuel.crs" target="_blank">fuel.crs</a></li>
3450												<li class="fcl-list-item coop-link"><a class="gtm-footer-link footer-link" href="https://www.agro.crs" target="_blank">agro.crs</a></li>
3451										</div>
3452										<div class="col-6">	
3453												<li class="fcl-list-item coop-link"><a class="gtm-footer-link footer-link" href="https://www.co-op.crs/ask" target="_blank">Ask Co-op</a></li>
3454												<li class="fcl-list-item coop-link"><a class="gtm-footer-link footer-link" href="https://www.co-op.crs/sustainability" target="">Sustainability</a></li>
3455												<li class="fcl-list-item coop-link"><a class="gtm-footer-link footer-link" href="https://www.co-op.crs/branding" target="_blank">
3455Brand Guide</a></li>
3456												<li class="fcl-list-item coop-link"><a class="gtm-footer-link footer-link" href="/articles">Articles</a></li>
3457										</div>
3458									</div>
3459								</div>
3460							</div>
3461						</div>
3462						<div class="card">
3463							<div class="card-header footer-collapse" id="tools">
3464								<h3 class="mb-0">
3465								<button class="btn fcl-collapse w-100 collapsed footer-collapse-btn" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
3466								<span class="float-left">Tools</span>
3467								<span class="fcl-title-arrow"></span>
3468								</button>
3469								</h3>
3470							</div>
3471							<div id="collapseTwo" class="collapse" aria-labelledby="tools" data-parent="#accordion">
3472								<div class="card-body container">
3473									<div class="link-container row">
3474										<div class="col-6">
3475											<li class="fcl-list-item gtm-footer-link coop-link"><a class="footer-link" href="http://crs.coopconnection.ca/flyers.html" target="_blank">Flyers</a></li>
3476											<li class="fcl-list-item gtm-footer-link coop-link"><a class="footer-link" href="/app" target="_blank">Mobile App</a></li>
3477											<li class="fcl-list-item gtm-footer-link coop-link"><a class="footer-link" href="/locations">Find a Co-op</a></li>
3478											<li class="fcl-list-item gtm-footer-link coop-link cursor-pointer"><a class="footer-link" href="#" data-toggle="modal" data-target="#exampleModal">Gift Card Balance</a></li>
3479										</div>
3480										<div class="col-6">
3481											<li class="fcl-list-item gtm-footer-link coop-link"><a class="footer-link" href="/contact-us">Support</a></li>
3482											<li class="fcl-list-item gtm-footer-link coop-link"><a class="footer-link" href="/my-account/faq">Frequently Asked Questions</a></li>
3483											<li class="fcl-list-item gtm-footer-link coop-link"><a class="footer-link" href="/contact-us/privacy-terms">Privacy Policy & Terms of Use</a></li>
3484										</div>
3485									</div>
3486								</div>
3487							</div>
3488						</div>
3489					</div>
3490				</div>
3491			</div>
3492			<div class="social-container col-md-12 offset-lg-1 col-lg-4">
3493				<h3 class="fcl-footer-title col-sm-12">Connect</h3>
3494				<div class="social-icons-row">
3495					<a class="gtm-footer-link" href="https://www.instagram.com/coopcrs/" target="_blank">
3496						<img class="fcl-social-icon fcl-lg-svg" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Social/Insta.svg" alt="Co-op Instagram">
3497					</a>
3498					<a class="gtm-footer-link" href="https://www.facebook.com/CoopCRS/" target="_blank">
3499						<img class="fcl-social-icon fcl-lg-svg" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Social/FB.svg" alt="Co-op Facebook">
3500					</a>
3501				
3502					<a class="gtm-footer-link" href="https://www.youtube.com/channel/UC59E2ajphrWBdbP-wDzYA3w" target="_blank">
3503						<img class="fcl-social-icon fcl-lg-svg" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/Social/YT.svg" alt="Co-op Youtube">
3504					</a>
3505				</div>
3506				<a class="btn-fcl gtm-footer-link" href="/email">Sign up for email</a>
3507				<div class="app-icons-row">
3508					<a class="gtm-footer-link" href="https://apps.apple.com/us/app/co-op-crs-app/id573048102?ls=1" target="_blank">
3509						<img role="img" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/btn.apple.svg" alt="Co-op App on the Apple App Store">
3510					</a>
3511					<a class="gtm-footer-link" href="https://play.google.com/store/apps/details?id=com.collegemobile.coop.locator" target="_blank">
3512						<img class="fcl-google-play-icon" role="img" src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/btn.google.png" alt="Co-op App on the Google Play Store">
3513					</a>
3514				</div>
3515			</div>
3516		</div>
3517	</div>
3518	<div class="fcl-hr-red fcl-footer-tm-hr mb-0 trademark">CO-OP<sup>&reg;</sup> is a registered trademark of Federated Co-operatives Limited.</div>
3519</footer><!-- End Footer -->
3520
3521	</div><!-- end frame -->
3522
3523	<!-- This is responsible for bootstrapping the configuration for the javascript framework. 
3524        This is located here instead of the head section to improve client performance. -->
3525	<div class="wpthemeComplementaryContent" id="wpthemeComplementaryContent" role="region" tabindex="-1"
3526		aria-labelledby="wpthemeComplementaryContentText">
3527		<span class="wpthemeAltText" id="wpthemeComplementaryContentText">Complementary Content</span>
3528		
3528<script type="text/javascript" src="/contenthandler/!ut/p/digest!_emzvqGo5hEuNqMaBo7d0A/mashup/ra:collection?themeID=ZJ_3H1C1OC0M0HH60Q52POP1R0GQ3&amp;locale=en&amp;mime-type=text%2Fjavascript&amp;lm=1790588466462&amp;entry=wp_portal__0.0%3Aconfig_config_static&amp;entry=wcm_config__0.0%3Aconfig_config_static&amp;entry=wcm_inplaceEdit__0.0%3Aconfig_config_static"></script>
3528<script type="text/javascript">i$.merge({"ibmCfg":{"themeConfig":{"themeUniqueName":"fcl.custom.theme.coopcrstheme","themeRootURI":"/contenthandler/!ut/p/digest!Oz0DwGGQk5RSzfLavfzTxw/war/CoopCRSThemeStatic/themes/CoopCRSTheme","themeWebAppBaseURI":"/CoopCRSThemeDynamic/themes/html/dynamicSpots","themeWebDAVBaseURI":"war:CoopCRSThemeStatic/themes/CoopCRSTheme/","modulesWebAppBaseURI":"/themeModules","commonResourcesRootURI":"/contenthandler/!ut/p/digest!_emzvqGo5hEuNqMaBo7d0A/dav/fs-type1/common-resources","isRTL":false,"isPageRenderModeCSA":false,"portletOverridePageTitle":"Shop","currentContentNodeOID":"Z6_5H8C1980M86M106CKT8NLQ30I2","loadingImage":"css/images/loading.gif","dndSourceDefinitions":[],"categorySources":[],"styleSources":[],"layoutSources":[]},"portalConfig":{"locale":"en","portalURI":"","contentHandlerURI":"/contenthandler/!ut/p/digest!OkwY2SCMMKbSuWRpWMtKVA/","pocURI":"/!ut/p/z0/0wcA1NLTeQ!!/","isVirtualPortal":true,"canImpersonate":false,"themeRootURI":"/CoopCRSThemeDynamic/themes/html/dynamicSpots","parentPageID":"Z6_000000000000000000000000A0","currentPageOID":"Z6_5H8C1980M86M106CKT8NLQ30I2","canAnonymousUserViewCurrentPage":true,"bootstrapState":"&lt;?xml version=&#034;1.0&#034; encoding=&#034;UTF-8&#034;?&gt;&lt;root xmlns=&#034;http://www.ibm.com/xmlns/prod/websphere/portal/v6.1/portal-state&#034;&gt;&lt;state type=&#034;navigational&#034;&gt;&lt;selection selection-node=&#034;Z6_5H8C1980M86M106CKT8NLQ30I2&#034;&gt;&lt;mapping src=&#034;Z6_000000000000000000000000A0&#034; dst=&#034;Z6_5H8C1980M86M106CKT8NLQ30I2&#034;/&gt;&lt;mapping src=&#034;Z6_5H8C1980M86M106CKT8NLQ30I2&#034; dst=&#034;Z6_000000000000000000000000A0&#034;/&gt;&lt;/selection&gt;&lt;expansions&gt;&lt;node id=&#034;Z6_000000000000000000000000A0&#034;/&gt;&lt;/expansions&gt;&lt;/state&gt;&lt;/root&gt;","isUserLoggedIn":false,"currentUser":"anonymous portal user","currentUserOID":"","aggregatedStyle":null,"isCurrentPageEditable":true,"wcmPageMetadata":{"contentRoot":null,"sharingScope":null},"projectUUID":null},"userName":""},"com_ibm_theme_capabilities":{"wp_dialog_draggable":"0.0","getting_started_module":"0.0","wp_hiddenpages":"0.0","wp_simple_contextmenu_ext":"0.0","wp_simple_contextmenu_js":"0.0","wp_toolbar_sitepreview_menuactions":"0.0","wp_portlet_css":"0.0","wp_theme_utils":"0.0","wp_toolbar_menuactions":"0.0","wp_toolbar_host_view":"0.0","wp_hiddencontent":"0.0","wp_theme_skin_region":"0.0","wp_portal":"0.0","photon.dom":"1.0","wp_photon_dom":"0.0","wp_toolbar_sitepreview":"0.0","highContrast":"1.0","wp_status_bar":"0.0","wp_client_tracing":"0.0","modules":"0.1","hasBaseURL":"true","wp_state_page_modes":"0.0","wp_toolbar_common_actionbar":"0.0","wp_client_main":"0.0","wp_toolbar_viewframe_validator":"0.0","wp_high_contrast":"0.0","wp_dynamicContentSpots_coopcrstheme":"0.0","wp_toolbar_actionbar":"0.0","simple-contextmenu":"1.1","wp_dialog_css":"0.0","wp_theme_menus":"0.0","wp_client_logging":"0.0","wp_state_page":"0.0","wp_toolbar_common":"0.0","wp_theme_portal_edit_85":"0.0","wp_toolbar_projectmenu":"0.0","wp_dialog_main":"0.0","wp_ic4_wai_resources":"0.0","wp_simple_contextmenu_main":"0.0","wp_layout_windowstates":"0.0","wp_toolbar_moremenu":"0.0","wp_custom_page_style":"0.0","wp_toolbar_contextmenu":"0.0","wp_searchbar":"0.0","wp_toolbar_informationmode":"0.0","wp_client_ext":"0.0","wp_simple_contextmenu_css":"0.0","wp_toolbar85":"0.0","wp_modules":"0.0","wp_analytics_aggregator":"0.0","toolbar":"8.5","wp_dialog_util":"0.0","wp_oob_sample_styles":"0.0","wp_toolbar_utils":"0.0","a11y":"1.0","wp_a11y":"0.0","analytics_aggregator":"8.0","wp_theme_portal_85":"0.0","wp_simple_contextmenu_templates":"0.0","wp_toolbar_logo":"0.0"},"com_ibm_device_class":[]});ibmCfg.portalConfig.bootstrapState=(ibmCfg.portalConfig.bootstrapState||"").replace(/&lt;/gm, '<').replace(/&gt;/gm, '>').replace(/&amp;/gm, '&').replace(/&#039;/gm, "'").replace(/&#034;/gm, '"');i$.merge({"ibmCfg":{"portalConfig":{"asaConfig":{"canViewAsaReports":"false","canViewAsaSitePromotions":"false","canCreateAsaSitePromotions":"false","canDeleteAsaSitePromotions":"false","reportConfig":{"scopes":[]}}}}});i$.merge({"ibmCfg":{"portalConfig":{"isShowHiddenPages":false}}});</script>
3528<script type="text/javascript" src="/contenthandler/!ut/p/digest!Oz0DwGGQk5RSzfLavfzTxw/mashup/ra:collection?themeID=ZJ_3H1C1OC0M0HH60Q52POP1R0GQ3&amp;locale=en&amp;mime-type=text%2Fjavascript&amp;lm=1788360664000&amp;entry=wp_dialog_main__0.0%3Aconfig_js&amp;entry=wp_high_contrast__0.0%3Aconfig_js&amp;entry=wp_toolbar_utils__0.0%3Aconfig_js&amp;entry=wp_state_page_modes__0.0%3Aconfig_js&amp;entry=wp_simple_contextmenu_ext__0.0%3Aconfig_js&amp;entry=wp_simple_contextmenu_js__0.0%3Aconfig_js&amp;entry=wp_toolbar_actionbar__0.0%3Aconfig_js&amp;entry=wp_toolbar_menuactions__0.0%3Aconfig_js&amp;entry=wp_toolbar_sitepreview_menuactions__0.0%3Aconfig_js&amp;entry=wp_ic4_wai_resources__0.0%3Aconfig_js&amp;entry=wp_theme_skin_region__0.0%3Aconfig_js&amp;entry=wp_status_bar__0.0%3Aconfig_js&amp;entry=wp_toolbar_projectmenu__0.0%3Aconfig_js&amp;entry=wp_toolbar_contextmenu__0.0%3Aconfig_js&amp;entry=wp_toolbar_sitepreview__0.0%3Aconfig_js"></script>
3528<a rel="alternate" id="config_js_deferred" href="/contenthandler/!ut/p/digest!Oz0DwGGQk5RSzfLavfzTxw/mashup/ra:collection?themeID=ZJ_3H1C1OC0M0HH60Q52POP1R0GQ3&amp;locale=en&amp;mime-type=text%2Fjavascript&amp;lm=1790588467000&amp;entry=wp_liveobject_framework_core__0.0%3Aconfig_js&amp;entry=wp_portal_ui_utils__0.0%3Aconfig_js&amp;entry=wp_contextmenu_js__0.0%3Aconfig_js&amp;entry=wp_skin_cam__0.0%3Aconfig_js&amp;entry=wp_contextmenu_config_lof__0.0%3Aconfig_js&amp;entry=wp_federated_documents_picker__0.0%3Aconfig_js&amp;entry=wp_dnd_main__0.0%3Aconfig_js&amp;entry=wp_movecontrols__0.0%3Aconfig_js&amp;entry=wp_toolbar_controlactions__0.0%3Aconfig_js&amp;entry=wp_content_targeting_cam__0.0%3Aconfig_js&amp;entry=wp_analytics_tags__0.0%3Aconfig_js&amp;deferred=true" style="display:none"> Deferred Modules </a><span id="simpleMenuTemplate" class="wpthemeMenuLeft">
3529    <div class="wpthemeMenuBorder">
3530        <div class="wpthemeMenuNotchBorder"></div>
3531        <!-- define the menu item template inside the "ul" element.  only "css-class", "description", and "title" are handled by the theme's sample javascript. -->
3532        <ul class="wpthemeMenuDropDown wpthemeTemplateMenu" role="menu">
3533            <li class="${css-class}" role="menuitem" tabindex="-1"><span class="wpthemeMenuText">${title}</span>${badge}</li>
3534        </ul>
3535    </div>
3536    <!-- Template for loading -->
3537    <div class="wpthemeMenuLoading wpthemeMenuLoadingText wpthemeTemplateLoading">${loading}</div>
3538    <!-- Template for submenu -->
3539    <div class="wpthemeAnchorSubmenu wpthemeTemplateSubmenu">
3540        <div class="wpthemeMenuBorder wpthemeMenuSubmenu">
3541            <ul id="${submenu-id}" class="wpthemeMenuDropDown" role="menu"><li role="menuitem" tabindex="-1"></li></ul>
3542        </div>
3543    </div>
3544</span><a rel="alternate" id="config_markup_deferred" href="/contenthandler/!ut/p/digest!Vrww_g4gWuFuel7spazwQg/mashup/ra:collection?themeID=ZJ_3H1C1OC0M0HH60Q52POP1R0GQ3&amp;locale=en&amp;mime-type=text%2Fplain&amp;entry=wp_contextmenu_templates__0.0%3Aconfig_markup&amp;entry=wp_skin_cam__0.0%3Aconfig_markup&amp;entry=wp_dnd_main__0.0%3Aconfig_markup&amp;deferred=true" style="display:none"> Deferred Modules </a></div>
3545
3546	<!--  JS Includes  -->
3547	
3547<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"
3548		integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
3549		crossorigin="anonymous"></script>
3549
3550	<!-- 
3550<script src="/CoopCRSThemeStatic/themes/CoopCRSTheme/js/custom/bootstrap_3.3.7.min.js"></script>
3550  -->
3551
3552	
3552<script src="/CoopCRSThemeStatic/themes/CoopCRSTheme/js/custom/custom.js"></script>
3552
3553</body>
3554
3555<!-- header -->
3556<script id="outage-minor-template" type="text/x-handlebars-template">
3557    <div class="py-2 {{className}}"     
3558		{{#if customColour}}
3559			style="background-color: {{customColour}}"
3560		{{/if}}
3561		>
3562        <div class="container">
3563			<div class="row">
3564				<div class="col-2 align-self-center d-flex justify-content-center justify-content-md-end p-0 pr-md-3">
3565					<img class="fcl-notif-icon
3566							{{#if blackIcon }}
3567								fcl-invert-icon
3568							{{/if}}" 
3569							src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/white/Exclamation.svg" alt="Alert">
3570				</div>
3571				<div class="fcl-notif-text-container col align-self-center text-center py-2 p-md-0">
3572					<h2 class="fcl-notif-title m-0 fcl-text-xs fcl-fw-600">{{title}}</h2>
3573					{{#if description}}
3574						<p class="fcl-notif-description fcl-text-xs">{{{description}}}</p>
3575					{{/if}}
3576				</div>
3577				<div class="col-2 align-self-center d-flex justify-content-center justify-content-md-start p-0 pl-md-3">
3578					{{#if dismiss}}
3579						<button class="fcl-clickable-icon" onclick="outageJS.dismiss('{{id}}')">
3580							<img class="fcl-notif-x-icon
3581								{{#if blackIcon }}
3582									fcl-black-icon
3583								{{/if}}
3584								{{#if whiteIcon }}
3585									fcl-white-icon
3586								{{/if}}" 
3587							src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/X.svg" alt="Dismiss">
3588						</button>
3589					{{else}}
3590						<img class="fcl-notif-icon
3591								{{#if blackIcon }}
3592									fcl-invert-icon
3593								{{/if}}" 
3594								src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/white/Exclamation.svg" alt="Alert">
3595					{{/if}}
3596				</div>
3597			</div>
3598        </div>
3599    </div>
3600</script>
3600
3601
3602<script id="outage-major-template" type="text/x-handlebars-template">
3603    <div class="py-3 {{className}}"     
3604		{{#if customColour}}
3605			style="background-color: {{customColour}}"
3606		{{/if}}
3607		>
3608        <div class="container">
3609			<div class="row">
3610				<div class="col-2 col-md-1 align-self-center d-flex justify-content-center justify-content-md-end p-0 pr-md-3">
3611					<img class="fcl-notif-icon fcl-major-exclamation-icon
3612							{{#if blackIcon }}
3613								fcl-invert-icon
3614							{{/if}}" 
3615							src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/white/Exclamation.svg" alt="Alert">
3616				</div>
3617				<div class="fcl-notif-text-container col align-self-center text-center py-2 p-md-0">
3618					<h2 class="fcl-notif-title m-0 fcl-text-sm fcl-fw-600">{{title}}</h2>
3619					{{#if description}}
3620						<p class="fcl-notif-description fcl-text-sm">{{{description}}}</p>
3621					{{/if}}
3622				</div>
3623				<div class="col-2 col-md-1 align-self-center d-flex justify-content-center justify-content-md-start p-0 pl-md-3">
3624					{{#if dismiss}}
3625						<button class="fcl-clickable-icon" onclick="outageJS.dismiss('{{id}}')">
3626							<img class="fcl-notif-x-icon
3627								{{#if blackIcon }}
3628									fcl-black-icon
3629								{{/if}}
3630								{{#if whiteIcon }}
3631									fcl-white-icon
3632								{{/if}}" 
3633							src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/X.svg" alt="Dismiss">
3634						</button>
3635					{{else}}
3636						<img class="fcl-notif-icon fcl-major-exclamation-icon
3637								{{#if blackIcon }}
3638									fcl-invert-icon
3639								{{/if}}" 
3640								src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/white/Exclamation.svg" alt="Alert">
3641					{{/if}}
3642				</div>
3643			</div>
3644        </div>
3645    </div>
3646</script>
3646
3647
3648<script id="outage-modal-template" type="text/x-handlebars-template">
3649	<div class="container">
3650		<div class="row mb-2">
3651			<div class="col-1 d-flex justify-content-center">
3652				<img class="fcl-notif-modal-icon" 
3653						src="/CoopCRSThemeStatic/themes/CoopCRSTheme/images/icons/red/Exclamation.svg" alt="Alert">
3654			</div>
3655			<div class="fcl-notif-text-container col px-0">
3656				<h2 class="fcl-notif-title m-0 fcl-text-xs fcl-red fcl-fw-600">{{title}}</h2>
3657				{{#if description}}
3658					<p class="fcl-notif-description fcl-text-xs fcl-red">{{{description}}}</p>
3659				{{/if}}
3660			</div>
3661		</div>
3662	</div>
3663</script>
3663
3664
3665<script>
3666    $(document).ready(async function () {
3667		//Outage Notification
3668		outageJS.init();
3669		//branch.io
3670		let host = window.location.host.split('.')[0];
3671		let key = (host === 'www' || host == 'authoring') ? "key_live_mEtam3CF6H26mZznHdronggczEoJuoUh" : "key_test_euzekYDr3Q7Xf6xlUktjsobirAiUEgQz"
3672		branch.init(key, function(err, data) {
3673			console.log(err, data);
3674		});
3675    });
3676</script>
3676
3677
3678
3679</html>�

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.