PageSourceSearch

https://services.slcpl.org/

html slcpl.org collected 2026-10-02 03:52:38 UTC 265,087 bytes, 8,797 lines download raw bytes

1<!DOCTYPE html><html lang="en"><head><style data-layer="order">@layer normalize site page siteCustom themeCustom section block;</style><title>Home</title><meta charset="UTF-8" data-create-head-fingerprint="h-ec7fbb91" data-create-head-source="core"><meta name="viewport" content="width=device-width, initial-scale=1.0" data-create-head-fingerprint="h-f09eea98" data-create-head-source="core"><meta charset="UTF-8" data-create-head-fingerprint="h-3f21fdc1" data-create-head-source="site-custom">
2<meta http-equiv="Content-Type" content="text/html;" data-create-head-fingerprint="h-a00bfe81" data-create-head-source="site-custom">
3
4    	<meta property="og:url" content="https://services.slcpl.org" data-create-head-fingerprint="h-e5391229" data-create-head-source="site-custom">
5		<meta property="og:type" content="website" data-create-head-fingerprint="h-47355d80" data-create-head-source="site-custom">
6		<meta property="fb:profile_id" content="6633903347" data-create-head-fingerprint="h-99d27828" data-create-head-source="site-custom"> 
7    	<meta property="og:title" content="Salt Lake City Public Library" data-create-head-fingerprint="h-d4ff3f9b" data-create-head-source="site-custom">
8		<meta property="og:site_name" content="Salt Lake City Public Library" data-create-head-fingerprint="h-c7b84b90" data-create-head-source="site-custom"> 
9    	<meta property="og:image" content="https://about.slcpl.org/images/tile/slcpl/SLCPLLogo1.jpg" data-create-head-fingerprint="h-7c888603" data-create-head-source="site-custom">
10		<meta property="og:image" content="https://about.slcpl.org/images/tile/slcpl/SLCPLMain1.jpg" data-create-head-fingerprint="h-ca941eb5" data-create-head-source="site-custom">
11		<meta property="og:image" content="https://about.slcpl.org/images/tile/slcpl/SLCPLMain2.jpg" data-create-head-fingerprint="h-caa23636" data-create-head-source="site-custom">
12		<meta property="og:image:width" content="1200" data-create-head-fingerprint="h-12214be7" data-create-head-source="site-custom">
13		<meta property="og:image:height" content="630" data-create-head-fingerprint="h-18f7540c" data-create-head-source="site-custom"> 
14    	<meta property="og:description" content="The City Library is committed to advancing knowledge, fostering creativity, encouraging the exchange of ideas, building community, and enhancing the quality of life." data-create-head-fingerprint="h-32f20a30" data-create-head-source="site-custom">
15		<meta name="description" content="The City Library is committed to advancing knowledge, fostering creativity, encouraging the exchange of ideas, building community, and enhancing the quality of life." data-create-head-fingerprint="h-abd49f70" data-create-head-source="site-custom">
16		<meta name="viewport" content="width=device-width, initial-scale=1" data-create-head-fingerprint="h-8cd48120" data-create-head-source="site-custom">
17		<meta http-equiv="X-UA-Compatible" content="IE=edge" data-create-head-fingerprint="h-1555b787" data-create-head-source="site-custom">
18		<meta name="google-site-verification" content="OQgpfGEv82uQ4uR_n18D8e2nwXkdQ6vb_n1nU1dn-Sk" data-create-head-fingerprint="h-e55e767b" data-create-head-source="site-custom">
19		<title data-create-head-fingerprint="h-7adcd4e" data-create-head-source="site-custom">The City Library</title>
20		<link rel="icon" href="https://static.libnet.info/frontend-images/tile/slcpl/favicon.png" type="image/x-icon" data-create-head-fingerprint="h-e9885b15" data-create-head-source="site-custom">
21        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.css" data-create-head-fingerprint="h-37a49bed" data-create-head-source="site-custom">
22        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" data-create-head-fingerprint="h-be446ecd" data-create-head-source="site-custom">
23        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&amp;
23family=Archivo:wght@700;800&amp;family=Mulish:wght@400;700;800&amp;family=Roboto:wght@400;500&amp;display=swap" data-create-head-fingerprint="h-8cf54158" data-create-head-source="site-custom">
24  	    
25        <link href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@1,800&amp;family=Jost:wght@700;900&amp;display=swap" rel="stylesheet" data-create-head-fingerprint="h-2de1a13b" data-create-head-source="site-custom">
26		<meta http-equiv="Content-Security-Policy" content="default-src 'self' https://*.slcpl.org https://api-us.communico.co https://*.libnet.info/;
27             img-src 'self' data: https://ep1.adtrafficquality.google/ https://*.libnet.info/ https://*.slcpl.org/ https://connect.facebook.net/ https://www.google-analytics.com/ https://www.google.com/ https://googleads.g.doubleclick.net/ https://ssl.gstatic.com https://stats.g.doubleclick.net https://*.cdninstagram.com/ https://storage.googleapis.com/ https://googleads.g.doubleclick.net/ https://www.googletagmanager.com/ https://www.facebook.com/ https://*.cloudfront.net/ https://clients1.google.com/ https://*.communico.co/ https://contentcafe2.btol.com/ https://secure.syndetics.com/ https://data.pendo.io/ https://fonts.gstatic.com https://www.gstatic.com https://translate.googleapis.com https://translate.google.com https://assets.nicheacademy.com/ https://i.vimeocdn.com/ https://resources.bamboohr.com/ https://chat.uniqueic.com/;
28            script-src 'self' https://ep2.adtrafficquality.google/ https://code.jquery.com/ https://elements.communico.co/ https://cdn.libnet.info/ https://api.communico.co/ https://api.communico.co/v1/slcpl/ https://googleads.g.doubleclick.net/pagead/viewthroughconversion/790865852/ https://data.pendo.io/data/guide.js/ https://cdn.pendo.io/agent/static/ https://vega-widgets.s3.us-east-2.amazonaws.com/ https://www.youtube.com https://www.google.com/recaptcha/api.js https://www.gstatic.com/recaptcha/ https://maxcdn.bootstrapcdn.com/ https://cdn.jsdelivr.net/ https://ajax.googleapis.com/ https://code.jquery.com/ https://cdn.jsdelivr.net/ https://cdnjs.cloudflare.com/ https://cdn.lightwidget.com/ https://*.slcpl.org/ https://slcpl.libnet.info/js/ http://slcpl.libnet.info/js/am-channel.js https://slcpl.libnet.info/ajax/ https://slcpl.libnet.info/ch/ https://services.slcpl.org/ https://storage.googleapis.com/ https://www.googletagmanager.com/ https://www.google-analytics.com/ https://chat.uniqueic.com/ https://connect.facebook.net/ https://form.asana.com/ https://script.google.com/ https://translate.google.com/ https://translate.googleapis.com/ https://translate-pa.googleapis.com/ https://www.googleadservices.com/ https://cse.google.com/ https://s3.amazonaws.com/ https://api.nicheacademy.com/ https://api.nicheacademy.com/api/widgets/slcpl https://cdn.nicheacademy.com/ https://www.google.com/cse/ https://static.addtoany.com/ https://addtocalendar.com/ https://my.nicheacademy.com/ https://slcpl.bamboohr.com/ https://testimonial.to/js/ https://script.google.com/macros/s/AKfycbzdX4SWMbjRrvTjp5n3F97OLD9P90etXotIVFLFAWzFdWdmvgMLIguSeubdMH_TLeOb/ 'unsafe-inline' 'unsafe-eval';                           
29            font-src 'self' data: https://cdn.libnet.info/ https://cdn.jsdelivr.net/ https://cdnjs.cloudflare.com/ https://maxcdn.bootstrapcdn.com/ https://fonts.gstatic.com/ https://storage.googleapis.com/;                           
30            connect-src 'self' https://ep1.adtrafficquality.google/ https://ad.doubleclick.net/ https://auth.communico.co https://slcpl.libnet.info/ https://analytics.google.com/g/ https://googleads.g.doubleclick.net/ https://cdn.libnet.info/ https://api.communico.co/ https://api.communico.co/v2/slcpl/ https://api.communico.co/v1/slcpl/ https://api.communico.co/v1/broadcasts/ https://www.google-analytics.com/ https://www.googletagmanager.com/ https://www.googleadservices.com/ https://www.google.com/ https://stats.g.doubleclick.net/ https://api-us.communico.co https://slcpl.na2.iiivega.com https://translate.googleapis.com https://translate-pa.googleapis.com https://widgets.nicheacademy.com/ https://slcpl.bamboohr.com/ https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.4.4/iframeResizer.map https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css.map https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css.map https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js.map https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.min.js.map https://cdnjs.cloudflare.com/ajax/libs/qtip2/3.0.3/jquery.qtip.min.map https://cdnjs.cloudflare.com/ajax/libs/jquery.payment/3.0.0/jquery.payment.min.js.map https://cdnjs.cloudflare.com/ajax/libs/jquery.sticky/1.0.4/jquery.sticky.min.js.map https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/1.3.3/webcomponents-lite.js.map https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.4.4/iframeResizer.contentWindow.map https://www.facebook.com/privacy_sandbox/topics/registration/ https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/ https://cdnjs.cloudflare.com/ajax/libs/ https://chat.uniqueic.com/ https://www.googletagmanager.com/gtag/ https://script.google.com/macros/s/AKfycbzdX4SWMbjRrvTjp5n3F97OLD9P90etXotIVFLFAWzFdWdmvgMLIguSeubdMH_TLeOb/exec;                           
31            frame-src 'self' https://ep2.adtrafficquality.google/ https://*.slcpl.org/ https://slcpl.libnet.info/ https://www.youtube-nocookie.com https://static.addtoany.com https://form.asana.com/ https://www.google.com/ https://calendar.google.com/ https://www.youtube.com/ https://docs.google.com/ https://subscriptions.librarycustomer.org https://td.doubleclick.net https://www.googletagmanager.com https://cdn.lightwidget.com/ https://script.google.com https://cdn.knightlab.com/ https://subscriptions.librarycustomer.org/ https://my.nicheacademy.com/ https://syndicatedsearch.goog/ https://www.canva.com https://*.flipsnack.com https://embed-v2.testimonial.to https://script.google.com/macros/s/AKfycbzdX4SWMbjRrvTjp5n3F97OLD9P90etXotIVFLFAWzFdWdmvgMLIguSeubdMH_TLeOb/exec;
32            object-src 'none';                           
33            base-uri 'none';                           
34            style-src 'self' https://cdnjs.cloudflare.com/ https://*.slcpl.org/ https://code.jquery.com/ https://maxcdn.bootstrapcdn.com/ 'unsafe-inline' https:;" data-create-head-fingerprint="h-ba1d67ef" data-create-head-source="site-custom">
35
36		<!-- Meta Pixel Code -->
37		
37<script data-create-head-fingerprint="h-e4e4aed5" data-create-head-source="site-custom">
vendor: 422 bytes, lines 37-46
37
38		!function(f,b,e,v,n,t,s)
39		{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
40		n.callMethod.apply(n,arguments):n.queue.push(arguments)};
41		if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
42		n.queue=[];t=b.createElement(e);t.async=!0;
43		t.src=v;s=b.getElementsByTagName(e)[0];
44		s.parentNode.insertBefore(t,s)}(window, document,'script',
45		'https://connect.facebook.net/en_US/fbevents.js');
46      	fbq('init', '
46130069940868083
vendor: 34 bytes, lines 46-48
46');
47		fbq('track', 'PageView');
48		
48</script>
48
49		<noscript data-create-head-fingerprint="h-8b61bed4" data-create-head-source="site-custom"><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=130069940868083&amp;ev=PageView&amp;noscript=1"></noscript>
50		<!-- End Meta Pixel Code -->
51
52		<!-- Google Tag Manager -->
53		
53<script data-create-head-fingerprint="h-e5bc7794" data-create-head-source="site-custom">
vendor: 345 bytes, lines 53-58
53
54  			(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
55			new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
56			j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
57			'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
58			})(window,document,'script','dataLayer','
58GTM-PR8DG3D
vendor: 6 bytes, lines 58-59
58');
59		
59</script>
59
60		<!-- End Google Tag Manager -->
61<script src="https://cdn.lightwidget.com/widgets/lightwidget.js" data-create-head-fingerprint="h-60e2ca6a" data-create-head-source="site-custom"></script>
vendor: 1 bytes, line 61
61
62<script src="https://cdn.libnet.info/js/lazysizes/5.1.2/lazysizes.min.js" data-create-head-fingerprint="h-d27c7ee9" data-create-head-source="site-custom"></script>
vendor: 1 bytes, line 62
62
63<script src="https://cdn.libnet.info/js/iframe-resizer/4.4.4/iframeResizer.min.js" data-create-head-fingerprint="h-387bf512" data-create-head-source="site-custom"></script>
vendor: 1 bytes, line 63
63
64<script src="https://code.jquery.com/jquery-3.7.1.min.js" data-create-head-fingerprint="h-dcab3f1c" data-create-head-source="site-custom"></script>
vendor: 1 bytes, line 64
64
65<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" data-create-head-fingerprint="h-e123ee95" data-create-head-source="site-custom"></script>
65
66
67<style data-create-head-fingerprint="h-cc73ea4d" data-create-head-source="site-custom">
68  @layer site {
69    .editor-block-classicBlock.no-padding {
70      padding-top: 5px !important;
71      padding-left: 0px !important;
72      padding-right: 0px !important;
73      padding-bottom: 0px !important; 
74    }
75  }
76</style><style data-layer="normalize">@layer normalize {
77
78		.co-skip-links {
79			position: absolute;
80			top: 0;
81			left: 0;
82			z-index: 2147483647;
83		}
84		.co-skip-links__link {
85			position: absolute;
86			top: -200px;
87			left: 0;
88			background: #111;
89			color: #fff;
90			padding: 12px 16px;
91			font-size: 16px;
92			font-weight: 600;
93			line-height: 1;
94			text-decoration: none;
95			border: 2px solid #fff;
96			border-radius: 0 0 4px 0;
97			white-space: nowrap;
98		}
99		.co-skip-links__link:focus,
100		.co-skip-links__link:focus-visible {
101			top: 0;
102		}
103		#main-content {
104			scroll-margin-top: 24px;
105		}
106		html {
107			line-height: 1.15; /* 1 */
108			-webkit-text-size-adjust: 100%; /* 2 */
109		}
110		body {
111			margin: 0;
112		}
113		main {
114			display: block;
115		}
116		section {
117			display: block;
118		}
119		h1 {
120			font-size: 2em;
121			margin: 0.67em 0;
122		}
123		hr {
124			box-sizing: content-box; /* 1 */
125			height: 0; /* 1 */
126			overflow: visible; /* 2 */
127		}
128		pre {
129			font-family: monospace, monospace; /* 1 */
130			font-size: 1em; /* 2 */
131		}
132		a {
133			background-color: transparent;
134		}
135		abbr[title] {
136			border-bottom: none; /* 1 */
137			text-decoration: underline; /* 2 */
138			text-decoration: underline dotted; /* 2 */
139		}
140		b,
141		strong {
142			font-weight: bolder;
143		}
144		code,
145		kbd,
146		samp {
147			font-family: monospace, monospace; /* 1 */
148			font-size: 1em; /* 2 */
149		}
150		small {
151			font-size: 80%;
152		}
153		sub,
154		sup {
155			font-size: 75%;
156			line-height: 0;
157			position: relative;
158			vertical-align: baseline;
159		}
160		.editor-block-classicBlock {
161			padding: 10px !important;
162		}
163		/* Raw HTML header/footer parts render full-bleed; the authored markup owns its own spacing. */
164		.editor-block-classicBlock.editor-block-html-part {
165			padding: 0 !important;
166		}
167		sub {
168			bottom: -0.25em;
169		}
170
171		sup {
172			top: -0.5em;
173		}
174		img {
175			border-style: none;
176		}
177
178		button,
179		a[data-type='button'],
180		input,
181		optgroup,
182		select,
183		textarea {
184			font-family: inherit; /* 1 */
185			font-size: 100%; /* 1 */
186			line-height: 1.15; /* 1 */
187			margin: 0; /* 2 */
188		}
189		button,
190		a[data-type='button'],
191		input {
192			/* 1 */
193			overflow: visible;
194		}
195		button,
196		a[data-type='button'],
197		select {
198			/* 1 */
199			text-transform: none;
200		}
201		button,
202		a[data-type='button'],
203		[type='button'],
204		[type='reset'],
205		[type='submit'] {
206			-webkit-appearance: button;
207		}
208		button::-moz-focus-inner,
209		a[data-type='button']::-moz-focus-inner,
210		[type='button']::-moz-focus-inner,
211		[type='reset']::-moz-focus-inner,
212		[type='submit']::-moz-focus-inner {
213			border-style: none;
214			padding: 0;
215		}
216		button:-moz-focusring,
217		a[data-type='button']::-moz-focusring,
218		[type='button']:-moz-focusring,
219		[type='reset']:-moz-focusring,
220		[type='submit']:-moz-focusring {
221			outline: 1px dotted ButtonText;
222		}
223		fieldset {
224			padding: 0.35em 0.75em 0.625em;
225		}
226		legend {
227			box-sizing: border-box; /* 1 */
228			color: inherit; /* 2 */
229			display: table; /* 1 */
230			max-width: 100%; /* 1 */
231			padding: 0; /* 3 */
232			white-space: normal; /* 1 */
233		}
234		progress {
235			vertical-align: baseline;
236		}
237		textarea {
238			overflow: auto;
239		}
240		[type='checkbox'],
241		[type='radio'] {
242			box-sizing: border-box; /* 1 */
243			padding: 0; /* 2 */
244		}
245		[type='number']::-webkit-inner-spin-button,
246		[type='number']::-webkit-outer-spin-button {
247			height: auto;
248		}
249		[type='search'] {
250			-webkit-appearance: textfield; /* 1 */
251			outline-offset: -2px; /* 2 */
252		}
253		[type='search']::-webkit-search-decoration {
254			-webkit-appearance: none;
255		}
256		::-webkit-file-upload-button {
257			-webkit-appearance: button; /* 1 */
258			font: inherit; /* 2 */
259		}
260		details {
261			display: block;
262		}
263		summary {
264			display: list-item;
265		}
266		template {
267			display: none;
268		}
269		[hidden] {
270			display: none;
271		}
272	
273}</style><style data-layer="site">@layer site {
274
275			html {
276				box-sizing: border-box;
277				--co-grid-width-small: 998px;
278				--co-grid-width-regular: 998px;
279				--co-grid-width-full: 100%;
280			}
281			*,
282			*:before,
283			*:after {
284				box-sizing: inherit;
285			}
286			.co-section > .editor-block {
287				margin-left: auto;
288				margin-right: auto;
289				padding: 0;
290			}
291			.editor-block {
292				transition:
293					transform 140ms ease,
294					box-shadow 140ms ease,
295					opacity 140ms ease;
296			}
297			.editor-block[data-editor-dragging="true"] {
298				transform: translateY(-2px) scale(0.995);
299				box-shadow: 0 12px 28px rgba(15, 23, 42, 0.16);
300				opacity: 0.98;
301				will-change: transform;
302			}
303			.editor-block.editor-block-default:not(.grid-item-grow):not(.grid-item-auto) {
304				max-width: 998px;
305			}
306			.editor-block.editor-block-wide {
307				max-width: 998px;
308			}
309			.editor-block.editor-block-full {
310				max-width: 100%;
311			}
312			.co-section{
313				width: 100%;
314				margin-left: auto;
315				margin-right: auto;
316			}
317			.co-section-anchor{
318				display: block;
319				position: relative;
320				width: 0;
321				height: 0;
322				pointer-events: none;
323			}
324			.co-section-columns{
325				display: flex;
326				flex-wrap: wrap;
327				--co-section-column-gap: calc(var(--base-font-size, 16px) * 0.75
327);
328				--co-section-column-count: var(--co-section-column-count-default, 1);
329				gap: var(--co-section-column-gap);
330				width: 100%;
331				margin-left: auto;
332				margin-right: auto;
333				max-width: var(--co-grid-width-full);
334			}
335			.co-section-columns[data-content-width='small']{
336				max-width: var(--co-grid-width-small);
337			}
338			.co-section-columns[data-content-width='regular']{
339				max-width: var(--co-grid-width-regular);
340			}
341			.co-section-columns[data-content-width='full']{
342				max-width: var(--co-grid-width-full);
343			}
344			@media (min-width: 768px) and (max-width: 1023px) {
345				.co-section-columns[data-content-width-md='small']{
346					max-width: var(--co-grid-width-small);
347				}
348				.co-section-columns[data-content-width-md='regular']{
349					max-width: var(--co-grid-width-regular);
350				}
351				.co-section-columns[data-content-width-md='full']{
352					max-width: var(--co-grid-width-full);
353				}
354				.co-section-columns{
355					--co-section-column-count: var(
356						--co-section-column-count-md,
357						var(--co-section-column-count-default, 1)
358					);
359				}
360			}
361			@media (max-width: 767px) {
362				.co-section-columns[data-content-width-sm='small']{
363					max-width: var(--co-grid-width-small);
364				}
365				.co-section-columns[data-content-width-sm='regular']{
366					max-width: var(--co-grid-width-regular);
367				}
368				.co-section-columns[data-content-width-sm='full']{
369					max-width: var(--co-grid-width-full);
370				}
371				.co-section-columns{
372					--co-section-column-count: var(
373						--co-section-column-count-sm,
374						var(--co-section-column-count-md, var(--co-section-column-count-default, 1))
375					);
376				}
377			}
378			.co-section-columns > .editor-block{
379				flex: 0 0 calc(
380					(100% - (var(--co-section-column-count, 1) - 1) * var(--co-section-column-gap))
381					/ var(--co-section-column-count, 1)
382				);
383				max-width: calc(
384					(100% - (var(--co-section-column-count, 1) - 1) * var(--co-section-column-gap))
385					/ var(--co-section-column-count, 1)
386				) !important;
387				width: 100%;
388				box-sizing: border-box;
389				margin-left: 0 !important;
390				margin-right: 0 !important;
391				padding: 0;
392			}
393			.co-section-grid{
394				display: grid;
395				margin-left: auto;
396				margin-right: auto;
397				max-width: var(--co-grid-width-regular);
398				gap: 0;
399				width: 100%;
400				--co-grid-row-count: var(--co-grid-row-count-default, 1);
401				--co-grid-cell-height: var(--co-grid-cell-height-default, 80px);
402				min-height: calc(var(--co-grid-row-count, 1) * var(--co-grid-cell-height, 80px));
403				position: relative;
404			}
405			.co-section-grid[data-grid-width='small']{
406				max-width: var(--co-grid-width-small);
407			}
408			.co-section-grid[data-grid-width='full']{
409				max-width: var(--co-grid-width-full);
410			}
411			@media (min-width: 768px) and (max-width: 1023px) {
412				.co-section-grid{
413					--co-grid-row-count: var(--co-grid-row-count-md, var(--co-grid-row-count-default, 1));
414					--co-grid-cell-height: var(--co-grid-cell-height-md, var(--co-grid-cell-height-default, 80px));
415				}
416				.co-section-grid[data-grid-width-md='small']{
417					max-width: var(--co-grid-width-small);
418				}
419				.co-section-grid[data-grid-width-md='regular']{
420					max-width: var(--co-grid-width-regular);
421				}
422				.co-section-grid[data-grid-width-md='full']{
423					max-width: var(--co-grid-width-full);
424				}
425			}
426			@media (max-width: 767px) {
427				.co-section-grid{
428					--co-grid-row-count: var(
429						--co-grid-row-count-sm,
430						var(--co-grid-row-count-md, var(--co-grid-row-count-default, 1))
431					);
432					--co-grid-cell-height: var(
433						--co-grid-cell-height-sm,
434						var(--co-grid-cell-height-md, var(--co-grid-cell-height-default, 80px))
435					);
436				}
437				.co-section-grid[data-grid-width-sm='small']{
438					max-width: var(--co-grid-width-small);
439				}
440				.co-section-grid[data-grid-width-sm='regular']{
441					max-width: var(--co-grid-width-regular);
442				}
443				.co-section-grid[data-grid-width-sm='full']{
444					max-width: var(--co-grid-width-full);
445				}
446			}
447			.co-section-grid__overlay{
448				position: absolute;
449				top: 0;
450				left: 0;
451				right: 0;
452				height: calc(var(--co-grid-row-count, 1) * var(--co-grid-cell-height, 80px));
453				pointer-events: none;
454				opacity: 0;
455				transition: opacity 120ms ease;
456				border-radius: inherit;
457				background-image:
458					linear-gradient(
459						to right,
460						transparent 0,
461						transparent 1px,
462						rgba(var(--co-grid-overlay-rgb, 4, 122, 255), 0.15) 1px,
463						rgba(var(--co-grid-overlay-rgb, 4, 122, 255), 0.15) calc(100% / var(--co-grid-column-count, 12))
464					),
465					linear-gradient(
466						to bottom,
467						transparent 0,
468						transparent 1px,
469						rgba(var(--co-grid-overlay-rgb, 4, 122, 255), 0.15) 1px,
470						rgba(var(--co-grid-overlay-rgb, 4, 122, 255), 0.15) var(--co-grid-cell-height, 80px)
471					);
472				background-size:
473					calc(100% / var(--co-grid-column-count, 12)) 100%,
474					100% var(--co-grid-cell-height, 80px);
475				background-position: top left;
476				background-repeat: repeat;
477			}
478			.co-section-grid[data-grid-overlay='active'] .co-section-grid__overlay{
479				opacity: 0.75;
480			}
481			.co-section-grid > .co-grid-item{
482				position: relative;
483				--co-grid-current-column: var(--co-grid-default-column, 1);
484				--co-grid-current-row: var(--co-grid-default-row, 1);
485				--co-grid-current-col-span: var(--co-grid-default-col-span, 1);
486				--co-grid-current-row-span: var(--co-grid-default-row-span, 1);
487				grid-column: var(--co-grid-current-column) / span var(--co-grid-current-col-span);
488				grid-row: var(--co-grid-current-row) / span var(--co-grid-current-row-span);
489				max-width: 100% !important;
490				width: 100%;
491				box-sizing: border-box;
492				display: flex;
493				min-width: 0;
494				min-height: 0;
495			}
496			.co-section-grid > .co-grid-item > .editor-block{
497				flex: 1 1 auto;
498				min-width: 0;
499				min-height: 0;
500				max-width: 100% !important;
501				width: 100%;
502				height: 100%;
503				box-sizing: border-box;
504				margin: 0 !important;
505			}
506
507			@media (min-width: 768px) and (max-width: 1023px) {
508				.co-section-grid > .co-grid-item{
509					--co-grid-current-column: var(--co-grid-md-column, var(--co-grid-default-column, 1));
510					--co-grid-current-row: var(--co-grid-md-row, var(--co-grid-default-row, 1));
511					--co-grid-current-col-span: var(--co-grid-md-col-span, var(--co-grid-default-col-span, 1));
512					--co-grid-current-row-span: var(--co-grid-md-row-span, var(--co-grid-default-row-span, 1));
513				}
514			}
515			@media (max-width: 767px) {
516				.co-section-grid > .co-grid-item{
517					--co-grid-current-column: var(--co-grid-sm-column, var(--co-grid-default-column, 1));
518					--co-grid-current-row: var(--co-grid-sm-row, var(--co-grid-default-row, 1));
519					--co-grid-current-col-span: var(--co-grid-sm-col-span, var(--co-grid-default-col-span, 1));
520					--co-grid-current-row-span: var(--co-grid-sm-row-span, var(--co-grid-default-row-span, 1));
521				}
522			}
523			/* Auto mode: stack blocks into a single full-width column on mobile, in reading order,
524			   with content-sized rows so nothing overflows. !important overrides the per-section
525			   inline grid-template/auto-rows and the var-based placement above. */
526			@media (max-width: 767px) {
527				.co-section-grid[data-grid-auto='true']{
528					grid-template-columns: 1fr !important;
529					grid-auto-rows: auto !important;
530					min-height: 0 !important;
531				}
532				.co-section-grid[data-grid-auto='true'] > .co-grid-item{
533					grid-column: 1 / -1 !important;
534					grid-row: auto !important;
535					order: var(--co-grid-sm-order, 0);
536				}
537			}
538			
539			
540			:root{
541				--co-focus-ring-color: #4d90fe;
542				--co-focus-outline-color: var(--co-focus-ring-color);
543				--co-font-family: Arial, Helvetica, sans-serif;
544				--co-button-normal-color: #ffffff;
545				--co-button-normal-background-color: #0096d6;
546				--co-button-hover-color: #ffffff;
547				--co-button-hover-background-color: #007934;
548					--co-search-bar-button-normal-background-color: #0096d6;
549	--co-search-bar-button-normal-border-width: 5px;
550	--co-search-bar-button-normal-border-color: #0096d6;
551	--co-search-bar-button-normal-border-radius: 10px;
552	--co-search-bar-button-normal-color: #ffffff;
553
554					--co-search-bar-button-hover-background-color: #007934;
555	--co-search-bar-button-hover-border-color: #007934;
556	--co-search-bar-button-hover-color: #ffffff;
557
558					--co-heading-1-font-family: Advent Pro;
559	--co-heading-1-font-weight: bold;
560	--co-heading-1-font-style: normal;
561	--co-heading-1-font-size: 2.5rem;
562	--co-heading-1-line-height: 1.2;
563	--co-heading-1-color: #ffffff;
564
565					--co-heading-2-font-size: 2rem;
566
567					--co-heading-3-font-size: 1.75rem;
568
569					--co-heading-4-font-size: 1.5rem;
570
571					--co-heading-5-font-size: 1.25rem;
572
573					--co-heading-6-font-size: 1rem;
574
575					--co-button-normal-background-color: #0096d6;
576	--co-button-normal-border-width: 5px;
577	--co-button-normal-border-color: #0096d6;
578	--co-button-normal-border-radius: 10px;
579	--co-button-normal-color: #ffffff;
580
581					--co-button-hover-background-color: #007934;
582	--co-button-hover-border-color: #007934;
583	--co-button-hover-color: #ffffff;
584
585			}
586			body{
587					background-color: #ffffff;
588	font-family: Arial, Helvetica, sans-serif;
589	font-weight: 400;
590	font-style: normal;
591	font-size: 16px;
592	color: #3f3f3f;
593	line-height: 1.5;
594;
595			}
596		
597			
598				:root{
599	--co-link-color: #007934;
600	--co-link-text-decoration-line: none;
601	--co-link-hover-color: #050505;
602	--co-link-hover-text-decoration-line: none;
603}
604
605				a{
606		text-decoration: none;
607	font-family: Roboto;
608	color: #007934;
609}
610
611				@media (hover: hover){
612a:hover{
613		color: #050505;
614	text-decoration: none;
615}
616}
617
618				
619				
620				
621		
622			h1,h2,h3,h4,h5,h6{
623					font-family: Advent Pro;
624	font-weight: bold;
625	font-style: normal;
626	font-size: 2.5rem;
627	color: #ffffff;
628	line-height: 1.2;
629
630			}
631			h2{
632					font-size: 2rem;
633
634			}
635			h3{
636					font-size: 1.75rem;
637
638			}
639			h4{
640					font-size: 1.5rem;
641
642			}
643			h5{
644					font-size: 1.25rem;
645
646			}
647			h6{
648					font-size: 1rem;
649
650			}
651		
652		@font-face {
653						font-family: 'Roboto';
654						font-style: italic;
655						font-weight: 100;
656						src: url(https://cdn.jsdelivr.net/fontsource/fonts/roboto@latest/latin-100-italic.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/roboto@latest/latin-100-italic.woff) format('woff');
657						font-display: swap;
658					}@font-face {
659						font-family: 'Roboto';
660						font-style: normal;
661						font-weight: 100;
662						src: url(https://cdn.jsdelivr.net/fontsource/fonts/roboto@latest/latin-100-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/roboto@latest/latin-100-normal.woff) format('woff');
663						font-display: swap;
664					}@font-face {
665						font-family: 'Roboto';
666						font-style: italic;
667						font-weight: 400;
668						src: url(https://cdn.jsdelivr.net/fontsource/fonts/roboto@latest/latin-400-italic.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/roboto@latest/latin-400-italic.woff) format('woff');
669						font-display: swap;
670					}@font-face {
671						font-family: 'Roboto';
672						font-style: normal;
673						font-weight: 400;
674						src: url(https://cdn.jsdelivr.net/fontsource/fonts/roboto@latest/latin-400-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/roboto@latest/latin-400-normal.woff) format('woff');
675						font-display: swap;
676					}@font-face {
677						font-family: 'Roboto';
678						font-style: italic;
679						font-weight: 700;
680						src: url(https://cdn.jsdelivr.net/fontsource/fonts/roboto@latest/latin-700-italic.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/roboto@latest/latin-700-italic.woff) format('woff');
681						font-display: swap;
682					}@font-face {
683						font-family: 'Roboto';
684						font-style: normal;
685						font-weight: 700;
686						src: url(https://cdn.jsdelivr.net/fontsource/fonts/roboto@latest/latin-700-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/roboto@latest/latin-700-normal.woff) format('woff');
687						font-display: swap;
688					}@font-face {
689						font-family: 'Roboto';
690						font-style: italic;
691						font-weight: 900;
692						src: url(https://cdn.jsdelivr.net/fontsource/fonts/roboto@latest/latin-900-italic.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/roboto@latest/latin-900-italic.woff) format('woff');
693						font-display: swap;
694					}@font-face {
695						font-family: 'Roboto';
696						font-style: normal;
697						font-weight: 900;
698						src: url(https://cdn.jsdelivr.net/fontsource/fonts/roboto@latest/latin-900-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/roboto@latest/latin-900-normal.woff) format('woff');
699						font-display: swap;
700					}
701		
702			button,
703			a[data-type="button"],
704			co-button::part(button),
705			co-search-bar::part(submit-button),
706			.editor-block-richText a[data-richtext-link-appearance='button']{
707					background-color: #0096d6;
708	color: #ffffff;
709	border: 1px solid #007bff;
710	border-color: #0096d6;
711	border-width: 5px;
712	border-radius: 10px;
713
714				text-align: center;
715				display: inline-flex;
716				justify-content: center;
717				align-items: center;
718				vertical-align: middle;
719				text-decoration: none;
720			}
721			@media (hover: hover){
722
723				button:hover,
724				a[data-type="button"]:hover,
725				co-button::part(button):hover,
726				co-search-bar::part(submit-button):hover,
727				.editor-block-richText a[data-richtext-link-appearance='button']:hover{
728						background-color: #007934;
729	color: #ffffff;
730	border: 1px solid #0056b3;
731	border-color: #007934;
732
733					text-decoration: none;
734				}
735			
736}
737			button:disabled,
738			a[data-type="button"]:disabled{
739				opacity: 0.5;
740			}
741			
742		
743		.editor-block-iframe {
744	
745}
746		.editor-block {
747				;
748			}
749		
750		
751}</style><style data-layer="page">@layer page {
752
753		body {
754			position: relative;
755			--icon-colour: #696969;
756			--panel-hover-color: var(--panel-background);
757			--primary-colour: #0daabf;
758			--disabled-colour: #959495;
759			--panel-background: #f2f2f2;
760			--button-radius: 4px;
761			--panel-border: #ddd;
762			--insert-marker-colour: #047aff;
763		}
764
765		.editor-block {
766			position: relative;
767			-webkit-user-select: text;
768			user-select: text;
769		}
770		.editor-block.grid-item-grow {
771			flex-grow: 1;
772		}
773		.editor-block.grid-item-shrink {
774			flex-shrink: 1;
775		}
776		.editor-block-grid-item-auto {
777			flex: 0 0 auto;
778		}
779		.editor-block.grid-item-full {
780			flex: 1;
781		}
782		.editor-block-grid-horizontal {
783			display: flex;
784			flex-direction: row;
785		}
786		.editor-block-grid-vertical {
787			display: flex;
788			flex-direction: column;
789		}
790		.editor-block-grid-horizontal-medium {
791			@media (max-width: 1023px) {
792				flex-direction: row;
793			}
794		}
795		.editor-block-grid-vertical-medium {
796			@media (max-width: 1023px) {
797				flex-direction: column;
798			}
799		}
800		.editor-block-grid-horizontal-small {
801			@media (max-width: 767px) {
802				flex-direction: row;
803			}
804		}
805		.editor-block-grid-vertical-small {
806			@media (max-width: 767px) {
807				flex-direction: column;
808			}
809		}
810		div.editor-block-grid-vertical-small > .editor-block-grid {
811			@media (max-width: 767px) {
812				width: 100% !important;
813			}
814		}
815		.editor-block-grid.empty {
816			color: var(--icon-colour);
817		}
818		.editor-block-grid-empty-icon {
819			display: inline-flex;
820			align-items: center;
821			justify-content: center;
822			color: var(--icon-colour);
823		}
824		.editor-block-stack {
825			position: relative;
826			width: 100%;
827		}
828		.editor-block-stack-layer {
829			width: 100%;
830		}
831		.editor-block-stack-layer.is-hidden {
832			display: none;
833		}
834		.editor-block-stack-empty {
835			display: flex;
836			align-items: center;
837			justify-content: center;
838			flex-direction: column;
839			gap: calc(var(--base-font-size, 16px) * 0.5);
840			min-height: calc(var(--base-font-size, 16px) * 6);
841		}
842		.editor-block-stack-empty-icon {
843			display: inline-flex;
844			align-items: center;
845			justify-content: center;
846			width: calc(var(--base-font-size, 16px) * 2.5);
847			height: calc(var(--base-font-size, 16px) * 2.5);
848			border-radius: 50%;
849			background: var(--icon-colour, #b2b2b2);
850			color: var(--panel-background, #fff);
851		}
852		.editor-block-stack--tabs {
853			gap: calc(var(--base-font-size, 16px) * 0.75);
854		}
855		.editor-block-stack--tabs-top,
856		.editor-block-stack--tabs-bottom {
857			display: flex;
858			flex-direction: column;
859		}
860		.editor-block-stack--tabs-bottom {
861			flex-direction: column-reverse;
862		}
863		.editor-block-stack--tabs-left,
864		.editor-block-stack--tabs-right {
865			display: flex;
866			align-items: stretch;
867			gap: calc(var(--base-font-size, 16px) * 0.75);
868		}
869		.editor-block-stack--tabs-right {
870			flex-direction: row-reverse;
871		}
872		.editor-block-stack-tabs {
873			display: flex;
874			gap: calc(var(--base-font-size, 16px) * 0.5);
875		}
876		.editor-block-stack-tabs--left,
877		.editor-block-stack-tabs--right {
878			flex-direction: column;
879		}
880		.editor-block-stack-tabs--top,
881		.editor-block-stack-tabs--bottom {
882			flex-direction: row;
883		}
884		.editor-stack-tab {
885			background: transparent;
886			border: none;
887			border-bottom: 1px solid transparent;
888			border-radius: 0;
889			padding: calc(var(--base-font-size, 16px) * 0.3) calc(var(--base-font-size, 16px) * 0.6);
890			font-size: calc(var(--base-font-size, 16px) * 0.75);
891			cursor: pointer;
892			color: inherit;
893			transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
894		}
895		.editor-stack-tab[aria-selected='true'],
896		.editor-stack-tab.editor-stack-tab--active {
897			border-bottom-color: #d7d7d7;
898		}
899		.editor-stack-tab:focus-visible {
900			outline: 2px solid var(--co-focus-ring-color, #4d90fe);
901			outline-offset: 1px;
902		}
903		.editor-block-stack-layers {
904			flex: 1;
905			display: flex;
906			flex-direction: column;
907			gap: calc(var(--base-font-size, 16px) * 0.5);
908		}
909		.editor-block-stack-accordion {
910			display: flex;
911			flex-direction: column;
912			width: 100%;
913		}
914		.editor-block-stack-accordion-item {
915			border-bottom: 1px solid #d7d7d7;
916		}
917		.editor-stack-accordion-header {
918			display: flex;
919			align-items: center;
920			justify-content: space-between;
921			gap: calc(var(--base-font-size, 16px) * 0.5);
922			width: 100%;
923			background: transparent;
924			border: none;
925			border-radius: 0;
926			padding: calc(var(--base-font-size, 16px) * 0.5) calc(var(--base-font-size, 16px) * 0.25);
927			font-size: inherit;
928			color: inherit;
929			text-align: left;
930			cursor: pointer;
931			transition: background-color 0.15s ease, color 0.15s ease;
932		}
933		.editor-stack-accordion-header:focus-visible {
934			outline: 2px solid var(--co-focus-ring-color, #4d90fe);
935			outline-offset: 1px;
936		}
937		.editor-stack-accordion-chevron {
938			flex: 0 0 auto;
939			width: calc(var(--base-font-size, 16px) * 0.45);
940			height: calc(var(--base-font-size, 16px) * 0.45);
941			border-right: 2px solid currentColor;
942			border-bottom: 2px solid currentColor;
943			transform: rotate(-45deg);
944			transition: transform 0.15s ease;
945		}
946		.editor-stack-accordion-header[aria-expanded='true'] .editor-stack-accordion-chevron {
947			transform: rotate(45deg);
948		}
949		.editor-block-stack-accordion-item .editor-block-stack-layer {
950			padding: calc(var(--base-font-size, 16px) * 0.25) 0 calc(var(--base-font-size, 16px) * 0.75);
951		}
952
953		p.editor-block {
954			margin-top: 0;
955			margin-bottom: 0;
956		}
957		h1.editor-block,
958		h2.editor-block,
959		h3.editor-block,
960		h4.editor-block,
961		h5.editor-block,
962		h6.editor-block {
963			margin-top: 0;
964			margin-bottom: 0;
965		}
966
967		div.add-block-section {
968			padding: calc(var(--base-font-size, 16px) * 0.5);
969		}
970		ul.editor-block-list {
971			box-sizing: border-box;
972			padding-left: 1em;
973		}
974		.editor-richtext-list {
975			margin: 0 0 calc(var(--base-font-size, 16px) * 0.5);
976			padding-left: 1.1em;
977		}
978		.editor-richtext-list-ordered {
979			list-style: decimal;
980		}
981		.editor-richtext-list-unordered {
982			list-style: disc;
983		}
984		.editor-richtext-list-checklist {
985			list-style: none;
986			padding-left: 0;
987		}
988		.editor-richtext-list-checklist > li {
989			position: relative;
990			padding-left: 1.6em;
991			list-style: none;
992		}
993		.editor-richtext-list-checklist > li::before {
994			content: '';
995			position: absolute;
996			left: 0;
997			top: 0.2em;
998			width: 1em;
999			height: 1em;
1000			border-radius: 0.3em;
1001			border: 2px solid var(--primary-colour, #0daabf);
1002			box-sizing: border-box;
1003		}
1004		.editor-block hr {
1005			border: none;
1006			height: 1px;
1007			background: rgba(100,116,139,0.5);
1008			margin: calc(var(--base-font-size, 16px) * 1) 0;
1009			border-radius: 0;
1010		}
1011		.ctrl-richtext-tag-chip {
1012			display: inline-flex;
1013			align-items: center;
1014			gap: 6px;
1015			padding: 2px 8px;
1016			border-radius: 4px;
1017			/* Translucent lens — must stay in lockstep with the editor's injected chip
1018			   styles in create-rich-text-editor.ts so tags don't change appearance when a
1019			   block enters edit mode. Colour/weight/size inherit so author styling on the
1020			   wrapper span previews live (COM-16173). */
1021			background: rgba(13, 170, 191, 0.13);
1022			background: color-mix(in srgb, var(--primary-colour, #0daabf) 13%, transparent);
1023			border: 1px dashed rgba(13, 170, 191, 0.75);
1024			border: 1px dashed color-mix(in srgb, var(--primary-colour, #0daabf) 75%, transparent);
1025			color: inherit;
1026			font-size: 0.9em;
1027			font-weight: inherit;
1028			line-height: 1.2;
1029			/* Resolved values can be sentence-length — wrap inside the chip rather than
1030			   overflowing narrow layouts. */
1031			white-space: normal;
1032			max-width: 100%;
1033			box-sizing: border-box;
1034			user-select: none;
1035			transition: background-color 120ms ease;
1036		}
1037		.ctrl-richtext-tag-chip:hover {
1038			background: rgba(13, 170, 191, 0.22);
1039			background: color-mix(in srgb, var(--primary-colour, #0daabf) 22%, transparent);
1040		}
1041		/* text-decoration doesn't propagate into atomic inline-blocks, so re-declare it
1042		   on the chip when an ancestor carries it. */
1043		u .ctrl-richtext-tag-chip {
1044			text-decoration: underline;
1045		}
1046		s .ctrl-richtext-tag-chip,
1047		strike .ctrl-richtext-tag-chip,
1048		del .ctrl-richtext-tag-chip {
1049			text-decoration: line-through;
1050		}
1051		.ctrl-richtext-tag-remove {
1052			border: none;
1053			background: transparent;
1054			color: var(--primary-colour, #0daabf);
1055			font-size: 0.95em;
1056			line-height: 1;
1057			cursor: pointer;
1058			padding: 0 2px;
1059		}
1060		.ctrl-richtext-tag-remove:focus {
1061			outline: none;
1062		}
1063		/* Resolved tokens intentionally share the unresolved chip styling — see the
1064		   matching note in create-rich-text-editor.ts. */
1065		.editor-block-richText {
1066			display: flow-root;
1067		}
1068		.editor-block-richText table {
1069			width: 100%;
1070			border-collapse: collapse;
1071			border-spacing: 0;
1072		}
1073		.editor-block-richText table td,
1074		.editor-block-richText table th {
1075			border: var(--table-border-width, 0px)
1076				var(--table-border-style, none)
1077				var(--table-border-color, transparent);
1078			padding: var(--table-cell-padding, 6px 8px);
1079			vertical-align: top;
1080		}
1081		.editor-block-richText.legacy-migrated > p {
1082			margin-top: 0;
1083			margin-bottom: 0;
1084		}
1085		.editor-block-richText.legacy-migrated > h1,
1086		.editor-block-richText.legacy-migrated > h2,
1087		.editor-block-richText.legacy-migrated > h3,
1088		.editor-block-richText.legacy-migrated > h4,
1089		.editor-block-richText.legacy-migrated > h5,
1090		.editor-block-richText.legacy-migrated > h6 {
1091			margin-top: 0;
1092			margin-bottom: 0;
1093		}
1094		.ctrl-richtext-image-100,
1095		.ctrl-richtext-image-75,
1096		.ctrl-richtext-image-50,
1097		.ctrl-richtext-image-25 {
1098			display: block;
1099			max-width: 100%;
1100			height: auto;
1101			object-fit: cover;
1102			object-position: center;
1103			margin: 0;
1104			border-radius: 0;
1105		}
1106		.ctrl-richtext-image-75 {
1107			max-width: 75%;
1108		}
1109		.ctrl-richtext-image-50 {
1110			max-width: 50%;
1111		}
1112		.ctrl-richtext-image-25 {
1113			max-width: 25%;
1114		}
1115		.ctrl-richtext-image-float-left {
1116			float: left;
1117			margin: 0 calc(var(--base-font-size, 16px) * 1) calc(var(--base-font-size, 16px) * 0.5) 0;
1118		}
1119		.ctrl-richtext-image-center {
1120			float: none;
1121			margin-left: auto;
1122			margin-right: auto;
1123		}
1124		.ctrl-richtext-image-float-right {
1125			float: right;
1126			margin: 0 0 calc(var(--base-font-size, 16px) * 0.5) calc(var(--base-font-size, 16px) * 1);
1127		}
1128		.ctrl-richtext-image-100[data-richtext-image-fit='contain'],
1129		.ctrl-richtext-image-75[data-richtext-image-fit='contain'],
1130		.ctrl-richtext-image-50[data-richtext-image-fit='contain'],
1131		.ctrl-richtext-image-25[data-richtext-image-fit='contain'] {
1132			object-fit: contain;
1133		}
1134		.ctrl-richtext-image-100[data-richtext-image-fit='fill'],
1135		.ctrl-richtext-image-75[data-richtext-image-fit='fill'],
1136		.ctrl-richtext-image-50[data-richtext-image-fit='fill'],
1137		.ctrl-richtext-image-25[data-richtext-image-fit='fill'] {
1138			object-fit: fill;
1139		}
1140		.ctrl-richtext-image-100[data-richtext-image-fit='none'],
1141		.ctrl-richtext-image-75[data-richtext-image-fit='none'],
1142		.ctrl-richtext-image-50[data-richtext-image-fit='none'],
1143		.ctrl-richtext-image-25[data-richtext-image-fit='none'] {
1144			object-fit: none;
1145		}
1146		.left {
1147			text-align: left;
1148		}
1149		.right {
1150			text-align: right;
1151		}
1152		.center {
1153			text-align: center;
1154		}
1155		.justify {
1156			text-align: justify;
1157		}
1158		figure.editor-block-image,
1159		figure.editor-block-eventImage {
1160			display: flex;
1161			flex-flow: column;
1162			max-width: 100%;
1163			margin: 0;
1164			overflow: hidden;
1165			position: relative;
1166		}
1167		figure.editor-block-image::after,
1168		figure.editor-block-eventImage::after {
1169			content: '';
1170			position: absolute;
1171			inset: 0;
1172			background-color: var(--co-image-overlay-color, transparent);
1173			pointer-events: none;
1174			z-index: 1;
1175		}
1176		figure.editor-block-image > a,
1177		figure.editor-block-eventImage > a {
1178			display: block;
1179		}
1180		.editor-block-imageSlider {
1181			margin: 0 auto;
1182		}
1183		figure.editor-block-image > figcaption,
1184		figure.editor-block-eventImage > figcaption {
1185			background-color: rgba(0, 0, 0, 1);
1186			color: #fff;
1187			text-align: left;
1188			position: absolute;
1189			padding: 0.5rem 1rem;
1190			bottom: 0;
1191			width: 100%;
1192			z-index: 2;
1193		}
1194		figure.editor-block-image>img,
1195		figure.editor-block-image>a>img,
1196		figure.editor-block-eventImage>img,
1197		figure.editor-block-eventImage>a>img{
1198			display: block;
1199			width: 100%;
1200			height: auto; /* Prevent Safari from inflating image height */
1201			max-height: 100%;
1202			overflow: hidden;
1203			object-fit: cover;
1204		}
1205		figure.editor-block-image[data-image-fit='contain']>img,
1206		figure.editor-block-image[data-image-fit='contain']>a>img,
1207		figure.editor-block-eventImage[data-image-fit='contain']>img,
1208		figure.editor-block-eventImage[data-image-fit='contain']>a>img{
1209			object-fit: contain;
1210		}
1211		figure.editor-block-image[data-image-fit='stretch']>img,
1212		figure.editor-block-image[data-image-fit='stretch']>a>img,
1213		figure.editor-block-eventImage[data-image-fit='stretch']>img,
1214		figure.editor-block-eventImage[data-image-fit='stretch']>a>img{
1215			object-fit: fill;
1216		}
1217		.co-section-grid > .co-grid-item > figure.editor-block-image,
1218		.co-section-grid > .co-grid-item > figure.editor-block-image > a,
1219		.co-section-grid > .co-grid-item > figure.editor-block-eventImage,
1220		.co-section-grid > .co-grid-item > figure.editor-block-eventImage > a {
1221			height: 100%;
1222			position: relative;
1223		}
1224		.co-section-grid > .co-grid-item > figure.editor-block-image > img,
1225		.co-section-grid > .co-grid-item > figure.editor-block-image > a > img,
1226		.co-section-grid > .co-grid-item > figure.editor-block-eventImage > img,
1227		.co-section-grid > .co-grid-item > figure.editor-block-eventImage > a > img {
1228			position: absolute;
1229			inset: 0;
1230			width: 100%;
1231			height: 100%;
1232			max-height: 100%; /* Fill grid cell without reintroducing Safari overflow */
1233		}
1234		/* Auto mode stacks blocks on mobile with content-sized rows. The grid cell's fixed-height
1235		   fill (the blanket .co-grid-item > .editor-block { height: 100% } and the image absolute-
1236		   fill above) is built for fixed cells and collapses to ~0 here — text survives on its
1237		   intrinsic height, but media/embeds (iframe, video, co-* elements) vanish. Let every block
1238		   flow at its natural height instead. Defined in the page layer (same as the rules above) so
1239		   the more specific [data-grid-auto] selector wins on its own (no !important needed). */
1240		@media (max-width: 767px) {
1241			.co-section-grid[data-grid-auto='true'] > .co-grid-item > .editor-block {
1242				height: auto;
1243			}
1244			.co-section-grid[data-grid-auto='true'] > .co-grid-item > figure.editor-block-image,
1245			.co-section-grid[data-grid-auto='true'] > .co-grid-item > figure.editor-block-image > a,
1246			.co-section-grid[data-grid-auto='true'] > .co-grid-item > figure.editor-block-eventImage,
1247			.co-section-grid[data-grid-auto='true'] > .co-grid-item > figure.editor-block-eventImage > a {
1248				height: auto;
1249			}
1250			.co-section-grid[data-grid-auto='true'] > .co-grid-item > figure.editor-block-image > img,
1251			.co-section-grid[data-grid-auto='true'] > .co-grid-item > figure.editor-block-image > a > img,
1252			.co-section-grid[data-grid-auto='true'] > .co-grid-item > figure.editor-block-eventImage > img,
1253			.co-section-grid[data-grid-auto='true'] > .co-grid-item > figure.editor-block-eventImage > a > img {
1254				position: static;
1255				inset: auto;
1256				height: auto;
1257				max-height: none;
1258			}
1259		}
1260		figure.editor-block-image-missing {
1261			min-height: 150px;
1262		}
1263		.editor-block-image-placeholder {
1264			display: inline-flex;
1265			flex-direction: column;
1266			align-items: center;
1267			justify-content: center;
1268			gap: 0.5rem;
1269			min-height: 150px;
1270			width: 100%;
1271			box-sizing: border-box;
1272			border: 2px dashed var(--panel-border, #ddd);
1273			border-radius: var(--button-radius, 4px);
1274			color: var(--disabled-colour, #959495);
1275			cursor: pointer;
1276			padding: 1.5rem;
1277			text-align: center;
1278			background-color: rgba(0, 0, 0, 0.02);
1279		}
1280		.editor-block-image-placeholder svg {
1281			width: 2.5rem;
1282			height: 2.5rem;
1283		}
1284		figure:focus-within {
1285			outline: 2px solid var(--co-focus-ring-color, #4d90fe);
1286		}
1287		co-classic-widget {
1288			position: relative;
1289		}
1290		nav.editor-block-navigation {
1291			position: relative;
1292			z-index: 20;
1293		}
1294
1295		nav.editor-block-navigation > ul {
1296			display: flex;
1297			flex-wrap: wrap;
1298			align-items: baseline;
1299			list-style: none;
1300			padding: 0;
1301			margin: 0;
1302		}
1303
1304		nav.editor-block-navigation > ul > li {
1305			white-space: normal;
1306		}
1307
1308		nav.editor-block-navigation ul {
1309			list-style: none;
1310			padding: 0;
1311			margin: 0;
1312		}
1313
1314		nav.editor-block-navigation li {
1315			white-space: nowrap;
1316			position: relative;
1317		}
1318
1319		nav.editor-block-navigation li.has-banner-submenu,
1320		nav.editor-block-navigation li.banner-submenu-item {
1321			position: static;
1322		}
1323
1324		nav.editor-block-navigation a {
1325			display: inline-block;
1326			width: 100%;
1327			text-decoration: none;
1328			position: relative;
1329		}
1330
1331		nav.editor-block-navigation li.has-submenu > .co-mobile-nav-toggle {
1332			position: absolute;
1333			width: 1px;
1334			height: 1px;
1335			padding: 0;
1336			margin: -1px;
1337			overflow: hidden;
1338			clip: rect(0, 0, 0, 0);
1339			clip-path: inset(50%);
1340			white-space: nowrap;
1341			border: 0;
1342		}
1343
1344		ul.flyout-menu {
1345			display: none;
1346			visibility: hidden;
1347			position: absolute;
1348			top: 100%;
1349			left: 0;
1350			z-index: 2200;
1351			background-color: #fff;
1352		}
1353
1354		li.has-submenu > ul.flyout-menu {
1355			top: 100%;
1356			left: 0;
1357		}
1358
1359		li.has-submenu li.has-submenu > ul.flyout-menu {
1360			top: 0;
1361			left: 100%;
1362		}
1363
1364		ul.flyout-menu a,
1365		ul.banner-menu a {
1366			color: #000;
1367		}
1368
1369		ul.banner-menu {
1370			display: none;
1371			visibility: hidden;
1372			position: absolute;
1373			top: 100%;
1374			left: 0;
1375			right: 0;
1376			width: 100%;
1377			z-index: 2200;
1378			background-color: #fff;
1379			box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);
1380			padding: 2.5rem 3rem;
1381			box-sizing: border-box;
1382			gap: 1.5rem;
1383			grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
1384			grid-auto-rows: minmax(0, auto);
1385		}
1386
1387		ul.banner-menu.banner-menu--full-width {
1388			left: calc(50% - 50vw);
1389			right: calc(50% - 50vw);
1390			width: auto;
1391			max-width: none;
1392			transform: none;
1393		}
1394
1395		ul.banner-menu > li {
1396			display: flex;
1397			flex-direction: column;
1398			align-items: flex-start;
1399			min-width: 0;
1400			gap: 0.5rem;
1401			white-space: normal;
1402		}
1403
1404		ul.banner-menu > li > a {
1405			font-weight: 600;
1406			font-size: inherit;
1407			line-height: inherit;
1408		}
1409
1410		ul.banner-submenu-list {
1411			display: flex;
1412			flex-direction: column;
1413			gap: 0.25rem;
1414			position: static;
1415			visibility: visible;
1416			width: 100%;
1417			margin: 0;
1418			padding: 0;
1419		}
1420
1421		ul.banner-submenu-list li {
1422			white-space: normal;
1423		}
1424
1425		ul.banner-submenu-list a {
1426			font-size: inherit;
1427			line-height: inherit;
1428		}
1429
1430		nav.editor-block-navigation li.is-current > a,
1431		nav.editor-block-navigation li.is-current > .editor-block-navigation__label {
1432			font-weight: 700;
1433		}
1434
1435		nav.editor-block-navigation li.is-divider {
1436			border-top: 1px solid rgba(0, 0, 0, 0.16);
1437			margin-top: 0.35rem;
1438			padding-top: 0.35rem;
1439		}
1440
1441		.editor-block-navigation__content {
1442			display: inline-flex;
1443			flex-direction: column;
1444			gap: 0.15rem;
1445		}
1446
1447		.editor-block-navigation__description {
1448			display: block;
1449			font-size: 0.85em;
1450			font-weight: 400;
1451			line-height: 1.3;
1452			opacity: 0.78;
1453			white-space: normal;
1454		}
1455
1456		nav.editor-block-navigation a:focus,
1457		nav.editor-block-navigation .co-mobile-nav-toggle:focus {
1458			outline: none;
1459		}
1460
1461		nav.editor-block-navigation li:has(> a:focus-visible) > a,
1462		nav.editor-block-navigation li:has(> .co-mobile-nav-toggle:focus-visible) > a {
1463			outline: 2px solid var(--co-focus-ring-color, #4d90fe);
1464			outline-offset: 0;
1465			z-index: 2201;
1466		}
1467
1468		nav.editor-block-navigation:not(.editor-block-navigation--click) li.has-submenu:hover > ul.flyout-menu,
1469		nav.editor-block-navigation li.has-submenu.is-open > ul.flyout-menu,
1470		nav.editor-block-navigation li.has-submenu.open > ul.flyout-menu {
1471			display: block;
1472			visibility: visible;
1473		}
1474
1475		nav.editor-block-navigation:not(.editor-block-navigation--click) li.has-submenu:hover > ul.banner-menu,
1476		nav.editor-block-navigation li.has-submenu.is-open > ul.banner-menu,
1477		nav.editor-block-navigation li.has-submenu.open > ul.banner-menu {
1478			display: grid;
1479			visibility: visible;
1480		}
1481		.editor-block-navigation__label,
1482		.editor-block-navigation__submenu-toggle {
1483			align-items: center;
1484			background: transparent;
1485			border: 0;
1486			color: inherit;
1487			display: inline-flex;
1488			font: inherit;
1489		}
1490		.editor-block-navigation__submenu-toggle {
1491			cursor: pointer;
1492			padding: 0 0.35rem;
1493			display: none;
1494		}
1495		/* The desktop click-to-open toggle (openMode = click) is shown only when the nav
1496		   opts into click mode. Hover-mode navs open on hover, and mobile is driven by the
1497		   co-mobile-nav-toggle, so the button stays hidden in those contexts. */
1498		nav.editor-block-navigation--click li.has-submenu > .editor-block-navigation__submenu-toggle {
1499			display: inline-flex;
1500		}
1501
1502		.burger-menu {
1503			display: none;
1504			cursor: pointer;
1505			padding: 8px;
1506			border: none;
1507			font-size: 1.5rem;
1508			user-select: none;
1509			text-align: right;
1510		}
1511		.editor-block-button-link {
1512			cursor: pointer;
1513		}
1514		.editor-block-grid > .editor-block-grid-link {
1515			position: absolute;
1516			top: 0;
1517			right: 0;
1518			bottom: 0;
1519			left: 0;
1520			z-index: 1;
1521			display: block;
1522			cursor: pointer;
1523			text-decoration: none;
1524			color: inherit;
1525			background-color: transparent;
1526			border: none;
1527			border-radius: 0;
1528			padding: 0;
1529			margin: 0;
1530		}
1531		@media (max-width: 1200px) {
1532			.content {
1533				padding: 0 1rem;
1534			}
1535		}
1536		@media (max-width: 767px) {
1537			nav.editor-block-navigation > ul {
1538				display: none;
1539			}
1540			.burger-menu {
1541				display: inline-block;
1542			}
1543			/* In click mode the desktop submenu toggle is hidden on mobile; the
1544			   co-mobile-nav-toggle drives submenus at this breakpoint instead. */
1545			nav.editor-block-navigation--click li.has-submenu > .editor-block-navigation__submenu-toggle {
1546				display: none;
1547			}
1548			nav.editor-block-navigation > ul.active {
1549				display: flex;
1550				flex-direction: column;
1551			}
1552			ul.flyout-menu {
1553				position: static;
1554				box-shadow: none;
1555				display: block;
1556				visibility: visible;
1557				background-color: transparent;
1558			}
1559			ul.flyout-menu ul.flyout-menu {
1560				position: static;
1561				display: block;
1562				visibility: visible;
1563			}
1564			nav.editor-block-navigation li.has-submenu > ul.flyout-menu {
1565				display: block;
1566				visibility: visible;
1567			}
1568			ul.flyout-menu[data-depth],
1569			ul.banner-menu[data-depth],
1570			ul.banner-submenu-list[data-depth] {
1571				padding-left: calc(20px * (var(--depth, 0) + 1)) !important;
1572			}
1573			ul.banner-menu {
1574				position: static;
1575				width: 100%;
1576				max-width: 100%;
1577				transform: none;
1578				padding: 1.25rem;
1579				display: block;
1580				visibility: visible;
1581				box-shadow: none;
1582				gap: 1rem;
1583			}
1584			ul.banner-menu > li {
1585				width: 100%;
1586			}
1587			ul.banner-menu > li + li {
1588				margin-top: 1rem;
1589			}
1590			ul.banner-submenu-list {
1591				gap: 0.5rem;
1592			}
1593			nav.editor-block-navigation.co-mobile-nav-managed li.has-submenu > a {
1594				display: block;
1595				width: auto;
1596				box-sizing: border-box;
1597			}
1598			nav.editor-block-navigation.co-mobile-nav-managed li.has-submenu {
1599				display: grid;
1600				grid-template-columns: minmax(0, 1fr) var(--co-mobile-nav-toggle-width, 48px);
1601				align-items: stretch;
1602				width: 100%;
1603			}
1604			nav.editor-block-navigation.co-mobile-nav-managed li.has-submenu > ul {
1605				grid-column: 1 / -1;
1606				width: 100%;
1607			}
1608			nav.editor-block-navigation.co-mobile-nav-managed li.has-submenu > .co-mobile-nav-toggle {
1609				position: static;
1610				margin: 0;
1611				overflow: visible;
1612				clip: auto;
1613				clip-path: none;
1614				white-space: normal;
1615				display: flex;
1616				align-items: center;
1617				justify-content: center;
1618				height: auto;
1619				min-height: 44px;
1620				width: var(--co-mobile-nav-toggle-width, 48px);
1621				min-width: var(--co-mobile-nav-toggle-width, 48px);
1622				padding: 0;
1623				border: 0;
1624				border-left: 1px solid color-mix(in srgb, var(--co-mobile-nav-item-color, currentColor) 25%, transparent);
1625				background: var(--co-mobile-nav-item-background, transparent);
1626				color: var(--co-mobile-nav-item-color, inherit);
1627				cursor: pointer;
1628			}
1629			/* On mobile: cancel the desktop ring-on-<a>-when-toggle-focused, use the button itself instead */
1630			nav.editor-block-navigation li:has(> .co-mobile-nav-toggle:focus-visible) > a {
1631				outline: none;
1632			}
1633
1634			nav.editor-block-navigation a:focus-visible {
1635				outline: 2px solid var(--co-focus-ring-color, #4d90fe);
1636				outline-offset: 0;
1637			}
1638
1639			nav.editor-block-navigation.co-mobile-nav-managed .co-mobile-nav-toggle:focus-visible {
1640				outline: 2px solid var(--co-focus-ring-color, #4d90fe);
1641				outline-offset: -2px;
1642			}
1643			nav.editor-block-navigation.co-mobile-nav-managed .co-mobile-nav-chevron {
1644				line-height: 1;
1645				transition: transform 0.2s ease;
1646			}
1647			nav.editor-block-navigation.co-mobile-nav-managed ul.banner-menu > li > a {
1648				font-weight: inherit;
1649			}
1650		}
1651
1652		.editor-block-accordion {
1653			display: flex;
1654			flex-direction: column;
1655			gap: calc(var(--base-font-size, 16px) * 1.0625);
1656		}
1657		.editor-block-accordion > details {
1658			background-color: #fff;
1659			overflow: auto;
1660		}
1661		.editor-block-accordion > details > summary {
1662			padding: calc(var(--base-font-size, 16px) * 0.9375) calc(var(--base-font-size, 16px) * 1.125)
1663				calc(var(--base-font-size, 16px) * 0.8125) calc(var(--base-font-size, 16px) * 1.4375);
1664			cursor: pointer;
1665			display: flex;
1666			justify-content: space-between;
1667			align-items: center;
1668		}
1669		.editor-block-accordion > details[open] > summary {
1670			padding-bottom: 0;
1671		}
1672		.editor-block-accordion > details > summary > svg {
1673			width: var(--base-font-size, 16px);
1674			height: var(--base-font-size, 16px);
1675			transition: transform 0.3s ease;
1676		}
1677		.editor-block-accordion > details[open] > summary > svg {
1678			transform: rotate(90deg);
1679		}
1680		.editor-block-accordion > details > summary::marker {
1681			content: '';
1682		}
1683		.editor-block-accordion > details > div {
1684			padding: 0 calc(var(--base-font-size, 16px) * 1.4375);
1685			min-height: calc(var(--base-font-size, 16px) * 0.8125);
1686		}
1687	
1688}</style><style data-layer="siteCustom">@layer siteCustom {
1689.videoWrapper {
1690	position: relative;
1691	padding-bottom: 56.25%; /* 16:9 */
1692	padding-top: 25px;
1693	height: 0;
1694}
1695.videoWrapper iframe {
1696	position: absolute;
1697	top: 0;
1698	left: 0;
1699	width: 100%;
1700	height: 100%;
1701}
1702
1703.event table { 
1704  width: 100%; 
1705  border-collapse: collapse; 
1706}
1707/* Zebra striping */
1708.event tr:nth-of-type(odd) { 
1709  background: #eee; 
1710}
1711.event th { 
1712  background: #333; 
1713  color: white; 
1714  font-weight: bold; 
1715}
1716.event td, th { 
1717  padding: 6px; 
1718  text-align: left;
1719  vertical-align: top;
1720}
1721
1722.activities table { 
1723  width: 100%; 
1724  border-collapse: collapse; 
1725}
1726
1727.activities td, th { 
1728  padding: 6px; 
1729  text-align: left;
1730  vertical-align: top;
1731}
1732
1733.bookclubs table { 
1734  width: 100%; 
1735  border-collapse: collapse; 
1736}
1737
1738.bookclubs td, th { 
1739  padding: 6px; 
1740  text-align: left;
1741  vertical-align: top;
1742}
1743
1744.booklists table { 
1745  width: 100%; 
1746  border-collapse: collapse; 
1747}
1748
1749.booklists td, th { 
1750  padding: 6px; 
1751  text-align: left;
1752  vertical-align: top;
1753}
1754
1755.grantseeking table { 
1756  width: 100%; 
1757  border-collapse: collapse; 
1758}
1759
1760.grantseeking td, th { 
1761  padding: 6px; 
1762  text-align: left;
1763  vertical-align: top;
1764}
1765
1766.smallbusiness table { 
1767  width: 100%; 
1768  border-collapse: collapse; 
1769}
1770
1771.smallbusiness td, th { 
1772  padding: 6px; 
1773  text-align: left;
1774  vertical-align: top;
1775}
1776
1777.virtualmeeting table { 
1778  width: 100%; 
1779  border-collapse: collapse; 
1780}
1781
1782.virtualmeeting td, th { 
1783  padding: 6px; 
1784  text-align: left;
1785  vertical-align: top;
1786}
1787
1788.techleague table { 
1789  width: 100%; 
1790  border-collapse: collapse; 
1791}
1792
1793.techleague td, th { 
1794  padding: 6px; 
1795  text-align: left;
1796  vertical-align: top;
1797}
1798
1799.creativelab table { 
1800  width: 100%; 
1801  border-collapse: collapse; 
1802}
1803
1804.creativelab td, th { 
1805  padding: 6px; 
1806  text-align: left;
1807  vertical-align: top;
1808}
1809
1810.voadirectory table { 
1811  width: 100%; 
1812  border-collapse: collapse; 
1813}
1814
1815.voadirectory td, th { 
1816  padding: 6px; 
1817  text-align: left;
1818  vertical-align: top;
1819}
1820
1821.faq table { 
1822  width: 100%; 
1823  border-collapse: collapse; 
1824}
1825
1826.faq td, th { 
1827  padding: 2px; 
1828  text-align: left;
1829  vertical-align: top;
1830}
1831
1832.theplot table { 
1833  width: 100%; 
1834  border-collapse: collapse; 
1835}
1836
1837.theplot td, th { 
1838  padding: 6px; 
1839  text-align: left;
1840  vertical-align: top;
1841}
1842
1843.adults table { 
1844  width: 100%; 
1845  border-collapse: collapse; 
1846}
1847
1848.adults td, th { 
1849  padding: 6px; 
1850  text-align: left;
1851  vertical-align: top;
1852}
1853
1854.teens table { 
1855  width: 100%; 
1856  border-collapse: collapse; 
1857}
1858
1859.teens td, th { 
1860  padding: 6px; 
1861  text-align: left;
1862  vertical-align: top;
1863}
1864
1865.kids table { 
1866  width: 100%; 
1867  border-collapse: collapse; 
1868}
1869
1870.kids td, th { 
1871  padding: 6px; 
1872  text-align: left;
1873  vertical-align: top;
1874}
1875
1876.databases table { 
1877  width: 100%; 
1878  border-collapse: collapse; 
1879}
1880
1881.databases td, th { 
1882  padding: 6px; 
1883  text-align: left;
1884  vertical-align: top;
1885}
1886
1887.forms table { 
1888  width: 100%; 
1889  border-collapse: collapse; 
1890}
1891
1892.forms td, th { 
1893  padding: 6px; 
1894  text-align: left;
1895  vertical-align: top;
1896}
1897
1898.passport table {
1899  width: 100%; 
1900  border-collapse: collapse;
1901}
1902
1903.passport th {
1904    text-align: center;
1905    vertical-align: middle;
1906    border-bottom: 1px solid #000;
1907}
1908
1909.passport td {
1910    height: 35px;
1911    text-align: left;
1912    vertical-align: middle;
1913}
1914
1915.passport tr:nth-child(odd) {background: #eeeeee}
1916.passport tr:nth-child(even) {background: #ffffff}
1917
1918/* Tooltip container */
1919.faqtooltip {
1920    position: relative;
1921    display: inline;
1922    color: #698f00;
1923    cursor: pointer;
1924}
1925
1926/* Tooltip text */
1927.faqtooltip .faqtooltiptext {
1928    visibility: hidden;
1929    width: 200px;
1930    background-color: #707070;
1931    color: #fff;
1932    text-align: center;
1933    padding: 10px 0;
1934    border-radius: 6px;
1935    position: absolute;
1936    z-index: 8;
1937    top: 100%;
1938    left: 50%; 
1939    margin-left: -50px;
1940}
1941
1942.faqtooltip:hover .faqtooltiptext {
1943    visibility: visible;
1944}
1945
1946/* Tooltip container */
1947.boardtooltip {
1948    position: relative;
1949    display: inline;
1950    color: #698f00;
1951    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
1952    cursor: pointer;
1953}
1954
1955/* Tooltip text */
1956.boardtooltip .boardtooltiptext {
1957    visibility: hidden;
1958    width: 400px;
1959    background-color: #707070;
1960    color: #fff;
1961    text-align: center;
1962    padding: 10px 0;
1963    border-radius: 6px;
1964    position: absolute;
1965    z-index: 8;
1966    top: 100%;
1967    left: 50%; 
1968    margin-left: -125px;
1969}
1970
1971.boardtooltip:hover .boardtooltiptext {
1972    visibility: visible;
1973}
1974
1975/* Tooltip container */
1976.contactustooltip {
1977    position: relative;
1978    display: inline;
1979    color: #698f00;
1980    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
1981    cursor: pointer;
1982}
1983
1984/* Tooltip text */
1985.contactustooltip .contactustooltiptext {
1986    visibility: hidden;
1987    width: 230px;
1988    background-color: #707070;
1989    color: #fff;
1990    text-align: center;
1991    padding: 10px 0;
1992    border-radius: 6px;
1993    position: absolute;
1994    z-index: 8;
1995    top: 100%;
1996    left: 50%; 
1997    margin-left: -125px;
1998}
1999
2000
2001
2002.contactustooltip:hover .contactustooltiptext {
2003    visibility: visible;
2004}
2005
2006/* Tooltip container */
2007.contactustooltipbutton {
2008    position: relative;
2009    display: inline;
2010    color: #698f00;
2011    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
2012    cursor: pointer;
2013}
2014
2015/* Tooltip text */
2016.contactustooltipbutton .contactustooltipbuttontext {
2017    visibility: hidden;
2018  width: 200px;
2019  background-color: #707070;
2020  color: #fff;
2021  text-align: center;
2022  border-radius: 6px;
2023  padding: 5px 0;
2024  position: absolute;
2025  z-index: 1;
2026  top: -5px;
2027  left: 110%;
2028}
2029
2030
2031
2032
2033.contactustooltipbutton:hover .contactustooltipbuttontext {
2034    visibility: visible;
2035}
2036
2037
2038.location-iframe-container {
2039    position: relative;
2040    overflow: hidden;
2041    padding-top: 74.9%;
2042}
2043
2044.location-iframe-container iframe {
2045  position: absolute;
2046    top: -47px;
2047    left: 0;
2048    width: 100%;
2049    height: 100%;
2050  	border: none;
2051}
2052
2053.branch-iframe-container {
2054    position: relative;
2055    overflow: hidden;
2056    padding-top: 80%;
2057}
2058
2059.branch-iframe-container iframe {
2060  position: absolute;
2061    top: -1px;
2062    left: 0;
2063    width: 100%;
2064    height: 100%;
2065  	border: none;
2066}
2067
2068.sidebar-wrapper {
2069	max-width: 317px;
2070	margin-bottom: 50px
2071}
2072.sidebar-wrapper>ul li {
2073	font-size: 1.8rem;
2074	font-weight: 500
2075}
2076.sidebar-wrapper>ul>li {
2077	border-top: 1px solid #e9e7e7;
2078	font-weight: 500
2079}
2080.sidebar-wrapper nav>ul {
2081	font-family: Roboto, sans-serif;
2082	margin-bottom: 0
2083}
2084.sidebar-wrapper nav>ul li {
2085	font-size: 1.8rem;
2086	font-weight: 500
2087}
2088.sidebar-wrapper nav>ul>li {
2089	border-top: 1px solid #e9e7e7;
2090	font-weight: 500
2091}
2092.sidebar-wrapper nav>ul>li:first-child {
2093	border: 0
2094}
2095.sidebar-wrapper nav>ul>li>a {
2096	color: #1f1a17;
2097	display: block;
2098	padding: 20px 20px
2099}
2100.sidebar-wrapper nav>ul>li>a:hover {
2101	color: #ababab;
2102  	background: #fff;
2103}
2104
2105select#sub-menu {
2106    width: 100%;
2107    height: 55px;
2108    color: #000;
2109    margin: 15px 0;
2110    padding: 13px 40px 13px 13px; /* room on the right for the arrow */
2111    border: 1px solid #333;
2112    -webkit-appearance: none;
2113    appearance: none;
2114    -moz-appearance: none;
2115    text-overflow: '';
2116    background-color: #fff;
2117    background-image: url(https://static.libnet.info/frontend-images/tile/slcpl/drop-arrow1.png);
2118    background-repeat: no-repeat;
2119    background-position: right center;
2120    background-size: 55px 55px;
2121}
2122select#sub-menu, select#sub-menu>option {
2123    font-family: Helvetica,Helvetica,Arial,sans-serif;
2124    font-size: 1.8rem;
2125    line-height: 28px;
2126}
2127
2128.VIpgJd-ZVi9od-l4eHX-hSRGPd, .VIpgJd-ZVi9od-l4eHX-hSRGPd * {
2129  pointer-events: none !important;
2130  cursor: default !important;
2131}
2132
2133.VIpgJd-ZVi9od-ORHb .VIpgJd-ZVi9od-l4eHX-hSRGPd {
2134  pointer-events: none !important;
2135  cursor: default !important;
2136}
2137
2138a.VIpgJd-ZVi9od-ORHb .VIpgJd-ZVi9od-l4eHX-hSRGPd,
2139a.VIpgJd-ZVi9od-ORHb .VIpgJd-ZVi9od-l4eHX-hSRGPd img {
2140  pointer-events: none !important;
2141  cursor: default !important;
2142}
2143
2144/* ── WRAPPER ── */
2145.prizes-page *, .prizes-page *::before, .prizes-page *::after { box-sizing: border-box; margin: 0; padding: 0; }
2146.prizes-page { font-family: 'Nunito', sans-serif; }
2147
2148.prizes-page .pnav,
2149.prizes-page .psec {
2150  overflow-x: hidden;
2151}
2152
2153/* ── SUB-NAV ── */
2154.prizes-page .pnav {
2155  display: flex !important;
2156  flex-direction: row !important;
2157  flex-wrap: nowrap !important;
2158  align-items: stretch !important;
2159  height: 52px !important;
2160  background: #1a0a2e; padding: 0 1rem; gap: .15rem;
2161  box-shadow: 0 4px 16px rgba(0,0,0,.45);
2162  list-style: none !important;
2163}
2164.prizes-page .pnav-logo {
2165  display: flex !important; align-items: center; gap: .4rem;
2166  padding-right: .9rem; border-right: 2px solid rgba(255,255,255,.1);
2167  margin-right: .3rem; flex-shrink: 0;
2168}
2169.prizes-page .pnav-logo span { font-size: 1.4rem; }
2170.prizes-page .pnav-logo-text {
2171  font-family: 'Barlow Condensed', cursive; font-size: 1.6rem;
2172  color: #fff; line-height: 1.1; letter-spacing: .05em;
2173}
2174.prizes-page .pnav-logo-text b { color: #7DDE26; display: block; }
2175.prizes-page .pnav a {
2176  display: flex !important;
2177  flex-direction: column !important;
2178  align-items: center !important;
2179  justify-content: center !important;
2180  gap: .03rem; padding: 0 .8rem;
2181  text-decoration: none !important;
2182  position: relative;
2183  transition: background .2s;
2184  white-space: nowrap;
2185  float: none !important;
2186  width: auto !important;
2187}
2188.prizes-page .pnav a:hover { background: rgba(255,255,255,.08); }
2189.prizes-page .pnav a::after {
2190  content: ''; position: absolute; bottom: 0; left: 0; right: 0;
2191  height: 3px; background: var(--c); transform: scaleX(0); transition: transform .25s;
2192}
2193.prizes-page .pnav a:hover::after { transform: scaleX(1); }
2194.prizes-page .pnav-main {
2195  font-family: 'Barlow Condensed', cursive; font-size: 2rem;
2196  letter-spacing: .06em; color: var(--c); line-height: 1;
2197}
2198.prizes-page .pnav-sub {
2199  font-size: 1rem; font-weight: 900; color: rgba(255,255,255,.4);
2200  text-transform: uppercase; letter-spacing: .1em;
2201}
2202
2203/* ── SECTIONS ── */
2204.prizes-page .psec { padding: 3.5rem 1.5rem; scroll-margin-top: 52px; }
2205.prizes-page .psec-pr { background: #fef3cf; }
2206.prizes-page .psec-ki { background: #fef3cf; }
2207.prizes-page .psec-te { background: #fef3cf; }
2208.prizes-page .psec-ad { background: #fef3cf; }
2209.prizes-page .psec-inner { max-width: 960px; margin: 0 auto; }
2210
2211/* ── SECTION HEADINGS ── */
2212.prizes-page .phead { margin-bottom: 2rem; }
2213.prizes-page .phead-eye {
2214  font-family: 'Barlow Condensed', cursive; font-size: 1.8rem;
2215  letter-spacing: .3em; text-transform: uppercase; margin-bottom: .3rem;
2216}
2217.prizes-page .phead-title {
2218  font-family: 'Barlow Condensed', cursive; font-size: clamp(2.2rem, 5vw, 3.5rem);
2219  line-height: 1; letter-spacing: .04em;
2220}
2221.prizes-page .phead-sub {
2222  font-size: 1.2rem; font-weight: 900; letter-spacing: .12em;
2223  text-transform: uppercase; margin-top: .15rem; opacity: .55;
2224}
2225.prizes-page .psec-pr .phead-eye  { color: #24528c; }
2226.prizes-page .psec-pr .phead-title,
2227.prizes-page .psec-pr .phead-sub  { color: #eb733e; }
2228.prizes-page .psec-ki .phead-eye  { color: #000000; }
2229.prizes-page .psec-ki .phead-title { color: #2a99d3; }
2230.prizes-page .psec-ki .phead-sub  { color: #2a99d3; }
2231.prizes-page .psec-te .phead-eye  { color: #000000; }
2232.prizes-page .psec-te .phead-title { color: #78b94d; }
2233.prizes-page .psec-te .phead-sub  { color: #78b94d; }
2234.prizes-page .psec-ad .phead-eye  { color: #000000; }
2235.prizes-page .psec-ad .phead-title { color: #735f7f; }
2236.prizes-page .psec-ad .phead-sub  { color: #735f7f; }
2237
2238/* ── BASKET ROWS ── */
2239.prizes-page .prow {
2240  display: grid !important;
2241  grid-template-columns: 220px 1fr;
2242  gap: 1.2rem; align-items: center;
2243  padding: 1rem 1.1rem; border-radius: 12px; margin-bottom: 1rem;
2244}
2245.prizes-page .prow-gr { background: rgba(118,214,90,.12); border: 1px solid rgba(118,214,90,.25); }
2246.prizes-page .prow-or { background: rgba(232,67,10,.12);  border: 1px solid rgba(232,67,10,.25); }
2247.prizes-page .prow-pu { background: rgba(107,63,160,.12); border: 1px solid rgba(107,63,160,.25); }
2248.prizes-page .prow-bl { background: rgba(77,200,208,.12); border: 1px solid rgba(77,200,208,.25); }
2249.prizes-page .prow img {
2250  width: 100%; border-radius: 8px; display: block;
2251  object-fit: cover; box-shadow: none;
2252}
2253.prizes-page .prow-name {
2254  font-family: 'Barlow Condensed', cursive; font-size: 1.9rem;
2255  letter-spacing: .05em; line-height: 1; margin-bottom: .1rem;
2256}
2257.prizes-page .prow-es {
2258  font-size: .8rem; font-weight: 900; letter-spacing: .12em;
2259  text-transform: uppercase; opacity: .45; margin-bottom: .45rem;
2260}
2261.prizes-page .prow-items { font-size: 1.4rem; line-height: 1.6; font-weight: 700; }
2262.prizes-page .prow-gr .prow-name { color: #78b94d; }
2263.prizes-page .prow-or .prow-name { color: #ff7043; }
2264.prizes-page .prow-pu .prow-name { color: #ce93d8; }
2265.prizes-page .prow-bl .prow-name { color: #4DC8D0; }
2266.prizes-page .prow-gr .prow-es, .prizes-page .prow-gr .prow-items,
2267.prizes-page .prow-or .prow-es, .prizes-page .prow-or .prow-items,
2268.prizes-page .prow-pu .prow-es, .prizes-page .prow-pu .prow-items,
2269.prizes-page .prow-bl .prow-es, .prizes-page .prow-bl .prow-items { color: rgba(0,0,0,.75); }
2270
2271/* ── PRE-READERS single prize ── */
2272.prizes-page .psingle {
2273  display: grid !important;
2274  grid-template-columns: 220px 1fr;
2275  gap: 1.8rem; align-items: center;
2276}
2277.prizes-page .psingle img { width: 100%; border-radius: 12px; box-shadow: none; max-width: 220px; }
2278.prizes-page .plist { list-style: none; display: flex; flex-direction: column; gap: .45rem; }
2279.prizes-page .plist li {
2280  font-size: 1.3rem; font-weight: 900; padding: .5rem .9rem;
2281  background: rgba(26,10,46,.1); border-radius: 7px;
2282  border-left: 4px solid #E8430A; color: #1a0a2e;
2283}
2284
2285/* ── ADULTS prize ── */
2286.prizes-page .padult {
2287  display: grid !important;
2288  grid-template-columns: 220px 1fr;
2289  gap: 1.8rem; align-items: center;
2290}
2291.prizes-page .padult img { width: 100%; border-radius: 12px; box-shadow: none; max-width: 220px; }
2292.prizes-page .padult-amt {
2293  font-family: 'Barlow Condensed', cursive; font-size: clamp(2.8rem, 7vw, 5rem);
2294  color: #78b94d; line-height: 1;
2295}
2296.prizes-page .padult-lbl {
2297  font-size: .9rem; font-weight: 900; color: rgba(0,0,0,.55);
2298  margin-top: .4rem; text-transform: uppercase; letter-spacing: .12em;
2299}
2300
2301/* ── CSS-ONLY SLIDE-IN ANIMATIONS (no JS needed) ── */
2302.prizes-page .pr { opacity: 0; }
2303.prizes-page .pr-l { transform: translateX(-55px); }
2304.prizes-page .pr-r { transform: translateX(55px); }
2305.prizes-page .pr-u { transform: translateY(38px); }
2306.prizes-page .pr.in {
2307  opacity: 1 !important;
2308  transform: none !important;
2309  transition: opacity .55s ease, transform .55s cubic-bezier(.22,1,.36,1);
2310}
2311
2312/* Stagger delays via data-d attribute replacements */
2313.prizes-page .psec-ki .prow:nth-child(2) { animation-delay: .05s; }
2314.prizes-page .psec-ki .prow:nth-child(3) { animation-delay: .15s; }
2315.prizes-page .psec-ki .prow:nth-child(4) { animation-delay: .25s; }
2316.prizes-page .psec-te .prow:nth-child(2) { animation-delay: .05s; }
2317.prizes-page .psec-te .prow:nth-child(3) { animation-delay: .15s; }
2318.prizes-page .psec-te .prow:nth-child(4) { animation-delay: .25s; }
2319.prizes-page .psec-te .prow:nth-child(5) { animation-delay: .35s; }
2320
2321/* ── RESPONSIVE ── */
2322@media (max-width: 640px) {
2323  .prizes-page .prow, .prizes-page .psingle, .prizes-page .padult { grid-template-columns: 1fr; }
2324  .prizes-page .pnav-logo { display: none !important; }
2325  .prizes-page .pnav a { padding: 0 .5rem; }
2326  .prizes-page .pnav-main { font-size: .95rem; }
2327}
2328
2329/* ==============================
2330   SLCPL CMS Stylesheet
2331   Communico navigation + footer
2332   ============================== */
2333
2334
2335/* ------------------------------
2336   HEADER NAV: full-width borders
2337   with centered 998px content
2338   ------------------------------ */
2339nav.editor-block-navigation {
2340    width: 100% !important;
2341    max-width: 100% !important;
2342    border-top: 1px solid #ccc !important;
2343    border-bottom: 1px solid #ccc !important;
2344    box-sizing: border-box !important;
2345}
2346
2347@media (min-width: 768px) {
2348    nav.editor-block-navigation > ul {
2349        max-width: 998px !important;
2350        margin-left: auto !important;
2351        margin-right: auto !important;
2352        width: 100% !important;
2353    }
2354}
2355
2356
2357/* ------------------------------
2358   BURGER / HAMBURGER BUTTON
2359   ------------------------------ */
2360
2361@media (max-width: 767px) {
2362    nav.editor-block-navigation {
2363        padding: 0 !important;
2364        margin: 0 !important;
2365    }
2366
2367    
2368    nav.editor-block-navigation .burger-menu {
2369        font-size: 0 !important;
2370        display: flex !important;
2371        align-items: center !important;
2372        justify-content: flex-end !important;
2373        width: 100% !important;
2374        padding: 10px 14px !important;
2375        margin: 0 !important;
2376        box-sizing: border-box !important;
2377        height: auto !important;
2378        cursor: pointer !important;
2379    }
2380
2381    /* Draw three horizontal lines via
2382       box-shadow — no character needed */
2383    nav.editor-block-navigation .burger-menu::before {
2384        content: "" !important;
2385        display: block !important;
2386        width: 30px !important;
2387        height: 4px !important;
2388        background-color: #007934 !important;
2389        box-shadow:
2390            0 9px 0 0 #007934,
2391            0 18px 0 0 #007934 !important;
2392        margin-bottom: 18px !important;
2393    }
2394
2395    /* Ensure hidden ul truly collapses
2396       so it doesn't push the burger */
2397    nav.editor-block-navigation > ul:not(.active) {
2398        display: none !important;
2399        height: 0 !important;
2400        margin: 0 !important;
2401        padding: 0 !important;
2402    }
2403}
2404
2405/* ------------------------------
2406   FIX: GARBLED CARET + ROTATION
2407   Override then swap content via 
2408   aria-expanded.
2409   ------------------------------ */
2410.editor-block-navigation__submenu-toggle > span[aria-hidden="true"],
2411span.co-mobile-nav-chevron {
2412    font-size: 0 !important;
2413    color: transparent !important;
2414    display: inline-block !important;
2415    width: 16px !important;
2416    overflow: visible !important;
2417    vertical-align: middle !important;
2418    transform: none !important;
2419}
2420
2421.editor-block-navigation__submenu-toggle > span[aria-hidden="true"]::before {
2422    content: "\25BE" !important;
2423    display: inline-block !important;
2424    font-size: 14px !important;
2425    color: #007934 !important;
2426    font-family: Arial, sans-serif !important;
2427    line-height: 1 !important;
2428}
2429
2430/* Mobile: â–¸ by default, â–¾ when open */
2431span.co-mobile-nav-chevron::before {
2432    content: "\25B8" !important;
2433    display: inline-block !important;
2434    font-size: 18px !important;
2435    font-weight: bold !important;
2436    color: #007934 !important;
2437    font-family: Arial, sans-serif !important;
2438    line-height: 1 !important;
2439}
2440
2441.co-mobile-nav-toggle[aria-expanded="true"] span.co-mobile-nav-chevron::before {
2442    content: "\25BE" !important;
2443    font-size: 18px !important;
2444}
2445
2446
2447/* ------------------------------
2448   FIX: BLUE OUTLINE
2449   Remove tap/click focus ring.
2450   Preserves outline for keyboard
2451   Tab users via :focus-visible.
2452   ------------------------------ */
2453nav.editor-block-navigation ul:focus,
2454nav.editor-block-navigation li:focus,
2455nav.editor-block-navigation .co-mobile-nav-toggle:focus,
2456nav.editor-block-navigation .editor-block-navigation__submenu-toggle:focus {
2457    outline: none !important;
2458    box-shadow: none !important;
2459    -webkit-tap-highlight-color: transparent !important;
2460}
2461
2462nav.editor-block-navigation a:focus:not(:focus-visible) {
2463    outline: none !important;
2464    box-shadow: none !important;
2465}
2466
2467
2468/* ------------------------------
2469   FIX: DUPLICATE TOGGLE BUTTONS
2470   ------------------------------ */
2471@media (min-width: 768px) {
2472    nav.editor-block-navigation .co-mobile-nav-toggle {
2473        display: none !important;
2474    }
2475}
2476
2477@media (max-width: 767px) {
2478    nav.editor-block-navigation .editor-block-navigation__submenu-toggle {
2479        display: none !important;
2480    }
2481
2482    nav.editor-block-navigation .co-mobile-nav-toggle {
2483        display: inline-flex !important;
2484        align-items: center !important;
2485        justify-content: center !important;
2486        align-self: center !important;
2487        -webkit-appearance: none !important;
2488        -moz-appearance: none !important;
2489        appearance: none !important;
2490        background: none !important;
2491        background-color: transparent !important;
2492        border: none !important;
2493        border-radius: 0 !important;
2494        outline: none !important;
2495        box-shadow: none !important;
2496        padding: 8px 12px !important;
2497        margin: 0 !important;
2498        cursor: pointer !important;
2499        color: #007934 !important;
2500    }
2501}
2502
2503@media (min-width: 768px) {
2504    nav.editor-block-navigation .editor-block-navigation__submenu-toggle {
2505        -webkit-appearance: none !important;
2506        appearance: none !important;
2507        background: none !important;
2508        border: none !important;
2509        outline: none !important;
2510        box-shadow: none !important;
2511        padding: 0 4px !important;
2512        cursor: pointer !important;
2513        color: #007934 !important;
2514    }
2515}
2516
2517
2518/* ------------------------------
2519   TOP-LEVEL LIST
2520   Horizontal row on desktop,
2521   vertical stack on mobile.
2522   ------------------------------ */
2523@media (min-width: 768px) {
2524    nav.editor-block-navigation > ul {
2525        display: flex !important;
2526        flex-direction: row !important;
2527        list-style: none !important;
2528        margin: 0 !important;
2529        padding: 0 !important;
2530    }
2531
2532    nav.editor-block-navigation > ul > li {
2533        display: inline-flex !important;
2534        align-items: center !important;
2535        position: relative !important;
2536    }
2537}
2538
2539@media (max-width: 767px) {
2540    nav.editor-block-navigation > ul:not(.active) {
2541        display: none !important;
2542    }
2543
2544    nav.editor-block-navigation > ul.active {
2545        display: flex !important;
2546        flex-direction: column !important;
2547        list-style: none !important;
2548        padding: 0 !important;
2549        margin: 0 !important;
2550    }
2551}
2552
2553
2554/* ------------------------------
2555   MOBILE: align caret beside link
2556   ------------------------------ */
2557@media (max-width: 767px) {
2558    nav.editor-block-navigation > ul > li,
2559    nav.editor-block-navigation ul.submenu-menu li {
2560        display: flex !important;
2561        flex-direction: row !important;
2562        align-items: center !important;
2563        flex-wrap: wrap !important;
2564    }
2565
2566    nav.editor-block-navigation > ul > li > a,
2567    nav.editor-block-navigation ul.submenu-menu li > a {
2568        flex: 1 !important;
2569    }
2570
2571    nav.editor-block-navigation ul.submenu-menu {
2572        flex-basis: 100% !important;
2573    }
2574
2575    /* Caret only on items with submenus */
2576    nav.editor-block-navigation li:not(.has-submenu) .co-mobile-nav-toggle {
2577        display: none !important;
2578    }
2579}
2580
2581
2582/* ------------------------------
2583   HIDE HOME ITEM
2584   ------------------------------ */
2585nav.editor-block-navigation > ul > li:first-child {
2586    display: none !important;
2587}
2588
2589
2590/* ------------------------------
2591   TOP-LEVEL LINKS (desktop)
2592   Black bars above/below on hover.
2593   ------------------------------ */
2594@media (min-width: 768px) {
2595    nav.editor-block-navigation > ul > li > a {
2596        display: inline-flex !important;
2597        align-items: center !important;
2598        font-family: 'Arial', sans-serif !important;
2599        font-weight: 700 !important;
2600        font-size: 1.25em !important;
2601        letter-spacing: 0.04em !important;
2602        text-decoration: none !important;
2603        padding: 4px 8px !important;
2604        margin: 0 12px !important;
2605        color: #007934 !important;
2606        background-image: none !important;
2607        background-color: transparent !important;
2608        border-top: 5px solid transparent !important;
2609        border-bottom: 5px solid transparent !important;
2610        border-left: none !important;
2611        border-right: none !important;
2612        box-sizing: border-box !important;
2613    }
2614
2615    nav.editor-block-navigation > ul > li > a span {
2616        text-transform: uppercase !important;
2617    }
2618
2619    nav.editor-block-navigation > ul > li > a:hover,
2620    nav.editor-block-navigation > ul > li.active > a {
2621        border-top-color: #000000 !important;
2622        border-bottom-color: #000000 !important;
2623    }
2624}
2625
2626
2627/* ------------------------------
2628   DEPTH-0 DROPDOWN POSITION
2629   ------------------------------ */
2630@media (min-width: 768px) {
2631    nav.editor-block-navigation > ul > li.has-submenu > ul.submenu-menu[data-depth="0"] {
2632        position: absolute !important;
2633        top: 100% !important;
2634        left: 0 !important;
2635        z-index: 9999 !important;
2636    }
2637}
2638
2639
2640/* ------------------------------
2641   ALL SUBMENUS: width + styling
2642   ------------------------------ */
2643nav.editor-block-navigation ul.submenu-menu {
2644    list-style: none !important;
2645    margin: 0 !important;
2646    padding: 10px 0 !important;
2647    background-color: #ffffff !important;
2648    border: 1px solid #bdbdbd !important;
2649    border-radius: 0 !important;
2650    box-shadow: -5px 5px 0px rgba(0,0,0,.13) !important;
2651    -webkit-box-shadow: -5px 5px 0px rgba(0,0,0,.175) !important;
2652    width: 270px !important;
2653    min-width: 270px !important;
2654    max-width: 270px !important;
2655    overflow: visible !important;
2656    font-size: 0.83em !important;
2657    font-family: 'Arial', sans-serif !important;
2658    font-weight: 200 !important;
2659    letter-spacing: 0.04em !important;
2660    text-align: left !important;
2661}
2662
2663nav.editor-block-navigation ul.submenu-menu li > a {
2664    display: block !important;
2665    color: #007934 !important;
2666    padding: 4px 10px !important;
2667    margin: 4px 0 !important;
2668    background-color: #ffffff !important;
2669    background-image: none !important;
2670    border: none !important;
2671    text-decoration: none !important;
2672    white-space: normal !important;
2673}
2674
2675nav.editor-block-navigation ul.submenu-menu li > a span {
2676    text-transform: uppercase !important;
2677    font-size: 1.1em !important;
2678    font-weight: normal !important;
2679}
2680
2681@media (max-width: 767px) {
2682    nav.editor-block-navigation > ul > li > a span,
2683    nav.editor-block-navigation ul.submenu-menu li > a span {
2684        text-transform: uppercase !important;
2685    }
2686}
2687
2688nav.editor-block-navigation ul.submenu-menu li > a:hover {
2689    color: #ffffff !important;
2690    background-color: #007934 !important;
2691    background-image: none !important;
2692}
2693
2694@media (min-width: 768px) {
2695    nav.editor-block-navigation ul.submenu-menu li.has-submenu > a::after {
2696        content: "\203A" !important;
2697        float: right !important;
2698        font-size: 1.2em !important;
2699        line-height: 1 !important;
2700    }
2701}
2702
2703
2704/* ------------------------------
2705   DESCRIPTION-ONLY ITEMS
2706   ------------------------------ */
2707nav.editor-block-navigation ul.submenu-menu li:not(.has-submenu) > a[href="#"] {
2708    cursor: default !important;
2709    pointer-events: none !important;
2710    color: #444444 !important;
2711}
2712
2713nav.editor-block-navigation ul.submenu-menu li:not(.has-submenu) > a[href="#"] span {
2714    text-transform: none !important;
2715    font-size: 1em !important;
2716    font-weight: normal !important;
2717    letter-spacing: 0 !important;
2718    color: #444444 !important;
2719}
2720
2721nav.editor-block-navigation ul.submenu-menu li:not(.has-submenu) > a[href="#"]:hover {
2722    color: #444444 !important;
2723    background-color: #ffffff !important;
2724    background-image: none !important;
2725}
2726
2727@media (max-width: 767px) {
2728    nav.editor-block-navigation ul.submenu-menu li:not(.has-submenu) > a[href="#"] {
2729        display: none !important;
2730    }
2731  
2732    nav.editor-block-navigation {
2733        display: flex !important;
2734        flex-direction: column !important;
2735    }
2736
2737    nav.editor-block-navigation > ul:not(.active) {
2738        height: 0 !important;
2739        overflow: hidden !important;
2740        margin: 0 !important;
2741        padding: 0 !important;
2742    }
2743
2744    nav.editor-block-navigation .burger-menu {
2745        min-height: 50px !important;
2746        display: flex !important;
2747        align-items: center !important;
2748        justify-content: flex-end !important;
2749        width: 100% !important;
2750    }
2751}
2752
2753
2754/* ------------------------------
2755   DEPTH-1 FLY-OUT SUBMENUS
2756   ------------------------------ */
2757@media (min-width: 768px) {
2758    ul.submenu-menu[data-depth="0"] > li.has-submenu {
2759        position: relative !important;
2760        overflow: visible !important;
2761    }
2762
2763    ul.submenu-menu[data-depth="0"] > li.has-submenu > ul.submenu-menu[data-depth="1"] {
2764        position: absolute !important;
2765        top: 0 !important;
2766        left: 270px !important;
2767        z-index: 9999 !important;
2768    }
2769}
2770
2771
2772/* ------------------------------
2773   MOBILE: depth-1 submenus
2774   ------------------------------ */
2775@media (max-width: 767px) {
2776    nav.editor-block-navigation ul.submenu-menu[data-depth="0"] {
2777        overflow: visible !important;
2778    }
2779
2780    nav.editor-block-navigation ul.submenu-menu[data-depth="1"] {
2781        overflow: visible !important;
2782        position: static !important;
2783        width: auto !important;
2784        min-width: unset !important;
2785        max-width: unset !important;
2786        box-shadow: none !important;
2787        border: none !important;
2788        padding-left: 16px !important;
2789    }
2790}
2791
2792
2793/* ------------------------------
2794   MOBILE SUBMENUS
2795   ------------------------------ */
2796@media (max-width: 767px) {
2797    nav.editor-block-navigation ul.submenu-menu {
2798        position: static !important;
2799        width: auto !important;
2800        min-width: unset !important;
2801        max-width: unset !important;
2802        box-shadow: none !important;
2803        border: none !important;
2804        padding-left: 16px !important;
2805    }
2806}
2807
2808
2809/* ==============================
2810   FOOTER LIST LAYOUT
2811   ============================== */
2812
2813footer#footer ul.editor-richtext-list-unordered {
2814    list-style: none !important;
2815    padding: 0 !important;
2816    margin: 0 0 8px 0 !important;
2817    display: flex !important;
2818    flex-wrap: wrap !important;
2819    align-items: center !important;
2820    gap: 8px !important;
2821}
2822
2823footer#footer ul.editor-richtext-list-unordered li {
2824    list-style: none !important;
2825    display: inline-flex !important;
2826    align-items: center !important;
2827    margin: 0 !important;
2828    padding: 0 !important;
2829}
2830
2831footer#footer ul.editor-richtext-list-unordered li a img {
2832    display: block !important;
2833    width: 17px !important;
2834    height: 17px !important;
2835}
2836
2837footer#footer ul.editor-richtext-list-unordered li a {
2838    font-size: 0.85em !important;
2839    color: inherit !important;
2840    text-decoration: none !important;
2841    font-weight: normal !important;
2842}
2843
2844footer#footer ul.editor-richtext-list-unordered li a:hover {
2845    text-decoration: underline !important;
2846}
2847
2848#co2j4kohgegh11 ul.editor-richtext-list-unordered:nth-of-type(2) li + li::before {
2849    content: '|' !important;
2850    margin-right: 4px !important;
2851    color: #cccccc !important;
2852}
2853
2854#co6ty01lsp72v0 ul.editor-richtext-list-unordered li + li::before {
2855    content: '|' !important;
2856    margin-right: 4px !important;
2857    color: #cccccc !important;
2858}
2859
2860@media (max-width: 480px) {
2861    footer#footer ul.editor-richtext-list-unordered {
2862        flex-direction: column !important;
2863        align-items: flex-start !important;
2864        gap: 4px !important;
2865    }
2866
2867    #co2j4kohgegh11 ul.editor-richtext-list-unordered:nth-of-type(2) li + li::before,
2868    #co6ty01lsp72v0 ul.editor-richtext-list-unordered li + li::before {
2869        display: none !important;
2870    }
2871}
2872
2873
2874/* ------------------------------
2875   FOOTER SPACING
2876   ------------------------------ */
2877footer#footer p:has(.fa-stack) {
2878    margin: 0 !important;
2879    padding: 0 !important;
2880}
2881
2882footer#footer co-classic-widget,
2883footer#footer .editor-block-classicBlock,
2884footer#footer .editor-block-classicWidget {
2885    margin-top: 0 !important;
2886    margin-bottom: 0 !important;
2887    padding-top: 0 !important;
2888    padding-bottom: 0 !important;
2889}
2890
2891#cobeggl {
2892    border-top: 1px solid #cccccc !important;
2893    border-bottom: 1px solid #cccccc !important;
2894    padding: 6px 0 !important;
2895    text-align: center !important;
2896}
2897
2898#cobeggl nav ul {
2899    list-style: none !important;
2900    padding: 0 !important;
2901    margin: 3px auto !important;
2902    display: flex !important;
2903    flex-direction: row !important;
2904    flex-wrap: wrap !important;
2905    justify-content: center !important;
2906    align-items: center !important;
2907    width: auto !important;
2908}
2909
2910#cobeggl nav ul li {
2911    list-style: none !important;
2912    display: inline-flex !important;
2913    align-items: center !important;
2914    margin: 0 !important;
2915    padding: 0 !important;
2916    float: none !important;
2917    width: auto !important;
2918}
2919
2920#cobeggl nav ul.footer-links li + li::before {
2921    margin-right: 4px !important;
2922    color: #cccccc !important;
2923}
2924
2925#cobeggl nav ul.footer-links li a {
2926    font-size: 11px !important;
2927    text-decoration: none !important;
2928    font-weight: normal !important;
2929    padding-left: 17px !important;
2930}
2931
2932.social-networks li a {
2933    display: inline-block;
2934    margin-right: 5px;
2935}
2936
2937.social-networks li:last-child a {
2938    margin-right: 0;
2939}
2940
2941/* ------------------------------
2942   HEADER LOGO SCALING
2943   ------------------------------ */
2944.editor-block-header img,
2945header img[alt*="Salt Lake City Public Library"] {
2946    max-width: 100% !important;
2947    height: auto !important;
2948    width: auto !important;
2949}
2950
2951@media (max-width: 1200px) {
2952    .advanced-slideshow-widget .ames-layer p {
2953        font-size: 0.9em !important;
2954    }
2955}
2956
2957.forms header button[data-toggle="collapse"] {
2958  background-color: rgb(238, 238, 238);
2959  border: solid;
2960  border-radius: 0;
2961  border-width: 1px;
2962  border-color: #757575;
2963  padding: 10px 15px;
2964  cursor: pointer;
2965  transition: background-color 0.15s ease;
2966  position: relative;
2967  width: 32px;
2968  height: 32px;
2969  box-sizing: border-box;
2970  overflow: hidden;
2971  text-indent: -9999px;
2972  white-space: nowrap;
2973}
2974
2975.forms header button[data-toggle="collapse"]:hover {
2976  background-color: rgb(228, 228, 228);
2977  border-color: #505050;
2978}
2979
2980/* horizontal bar - always visible, forms the "-" */
2981.forms header button[data-toggle="collapse"]::before {
2982  content: "";
2983  position: absolute;
2984  top: 50%;
2985  left: 50%;
2986  width: 12px;
2987  height: 2px;
2988  background-color: #333;
2989  transform: translate(-50%, -50%);
2990}
2991
2992/* vertical bar - rotates/fades away to turn "+" into "-" */
2993.forms header button[data-toggle="collapse"]::after {
2994  content: "";
2995  position: absolute;
2996  top: 50%;
2997  left: 50%;
2998  width: 12px;
2999  height: 2px;
3000  background-color: #333;
3001  transform: translate(-50%, -50%) rotate(90deg);
3002  transition: transform 0.25s ease, opacity 0.25s ease;
3003  opacity: 1;
3004}
3005
3006/* when expanded (collapsed class removed), flatten the vertical bar into the horizontal one */
3007.forms header button[data-toggle="collapse"]:not(.collapsed)::after {
3008  transform: translate(-50%, -50%) rotate(0deg);
3009  opacity: 0;
3010}
3011
3012.faq header button[data-toggle="collapse"] {
3013  background-color: rgb(238, 238, 238);
3014  border: none;
3015  border-radius: 0;
3016  padding: 10px 15px;
3017  cursor: pointer;
3018  transition: background-color 0.15s ease;
3019  position: relative;
3020  width: 32px;
3021  height: 32px;
3022  box-sizing: border-box;
3023  overflow: hidden;
3024  text-indent: -9999px;
3025  white-space: nowrap;
3026}
3027
3028.faq header button[data-toggle="collapse"]:hover {
3029  background-color: rgb(228, 228, 228);
3030}
3031
3032/* horizontal bar - always visible, forms the "-" */
3033.faq header button[data-toggle="collapse"]::before {
3034  content: "";
3035  position: absolute;
3036  top: 50%;
3037  left: 50%;
3038  width: 12px;
3039  height: 2px;
3040  background-color: #333;
3041  transform: translate(-50%, -50%);
3042}
3043
3044/* vertical bar - rotates/fades away to turn "+" into "-" */
3045.faq header button[data-toggle="collapse"]::after {
3046  content: "";
3047  position: absolute;
3048  top: 50%;
3049  left: 50%;
3050  width: 12px;
3051  height: 2px;
3052  background-color: #333;
3053  transform: translate(-50%, -50%) rotate(90deg);
3054  transition: transform 0.25s ease, opacity 0.25s ease;
3055  opacity: 1;
3056}
3057
3058/* when expanded (collapsed class removed), flatten the vertical bar into the horizontal one */
3059.faq header button[data-toggle="collapse"]:not(.collapsed)::after {
3060  transform: translate(-50%, -50%) rotate(0deg);
3061  opacity: 0;
3062}
3063
3064.custom-button {
3065  display: inline-block;
3066  min-width: 220px;
3067  width: auto;
3068  width: 100%;
3069  box-sizing: border-box;
3070  padding: 8px 30px;
3071  background-color: #0096d6;
3072  border: none;
3073  border-radius: 10px;
3074  cursor: pointer;
3075  text-align: center;
3076  box-sizing: border-box;
3077  font-family: Arial, Helvetica, sans-serif !important;
3078  color: #ffffff !important;
3079  text-transform: uppercase !important;
3080  letter-spacing: 0.04em !important;
3081  transition: background-color 0.2s ease, color 0.2s ease;
3082}
3083
3084.custom-button:hover,
3085.custom-button:focus {
3086  background-color: #007934;
3087  color: #ffffff;
3088}
3089
3090@media (max-width: 1200px) {
3091    .advanced-slideshow-widget {
3092        font-size: 0.9em !important;
3093    }
3094}
3095
3096@media (min-width: 768px) {
3097	#cotog2j4u46dkx, #cob8kh6, #coqr9ei9yas1ss, 
3098    #cot7v9mm8530bu, #cofjx41, #co56wt9x2w7nr9, 
3099    #co5zbj8xh12sqg, #co3cze5yg7r0y0, #cow08wm9awxei8, 
3100    #cop4fag78m3wn9, #coemu8zvmt2pfn, #cox3crat2cbhjy,
3101    #co0b178ra87jwf, #co5sob1jps2cdb, #co23lzwj37s9kh,
3102    #co9jh8zgbj358x, #copyfbdr2q1aio, #coimhhjwiho63v,
3103    #co9m0tht07kjjp, #co3uh6uttliw5n, #co9xgkdqpkxmf0,
3104    #coy5o6ohpf2a11, #coe6vhmxa7xwja, #cosblbg8663vq9,
3105    #cowqllhxw2ldyx, #co2ut1a, #co53hxerwgffiw,
3106    #co0vrqta9nvnpq, #coys73nx9ezx5y, #coi4k2o8n5em2f,
3107    #cojeom0, #colzf8lupc7g0v, #conzuhh63y7u28,
3108    #coomycy9m3bvot, #cot03j14432xdq, #coamhxpk4c0kew,
3109    #cozufmoyw26pa8, #coqmjj0w5a03i1, #cogbrdgfdhkj9q,
3110    #coxiyoy7lwmkz7, #cok0hbobfilst6, #cozpq8gbhyi8c8,
3111    #comnx818kl57ch, #coupwfp0jmvk15, #covvhvj3b9k13x,
3112    #coutij6pekpjqd, #cow0fse92rp5c8, #cotyo0pxvg19fl {
3113    	flex: 0 0 66% !important;
3114    	max-width: 66% !important;
3115	}
3116  	#co6qj5wh79jadt, #codaigcjbk6kn0, #cozfmm00e1wqpx, 
3117    #co0fr2tlqwnvga, #co52sk5a0p9itg, #cooplbt3xixyn8, 
3118    #cotwgc9byehqr6, #cobm8c3zso6tsf, #cot87lmk3s09fl,
3119    #co23az8h8vat9h {
3120    	flex: 0 0 58% !important;
3121    	max-width: 58% !important;
3122	}
3123  
3124   #co5pvz2of0lofd, #co84dj9xu1386q, #cocxy138w4mr9r, 
3125   #cotsxgarsjcs97, #co5g2pnftc7k7i, #cojw7oj7x6xq5b,
3126   #cownoof38je63t, #cor60mefduvl7r, #co1bf6i6ilf50y,
3127   #cos5u55ga3cwct, #cot7fk7r2qnxoi, #codwltpkqliitj,
3128   #cojr18vahjih7i, #coxer7n68d93h8, #cov7jx7vnh6or8,
3129   #co9gmw5g38l0f9, #con0h9pkbiedzi, #cof1kjizfeingh,
3130   #coj0lkr8zgh04m, #co5m6y2slojcl4, #cowfihwcukkek7,
3131   #cot9ozliyjah1z, #coptjgpleuorjo, #corm7wjq2k7hl7 {
3132    flex: 0 0 50% !important;
3133    max-width: 50% !important;
3134	}
3135  
3136   #coapaj0 {
3137    flex: 0 0 47% !important;
3138    max-width: 47% !important;
3139	}
3140  
3141   #co8ce864ib37e7, #codhyk6e63n78w
3142    {
3143    	flex: 0 0 70% !important;
3144    	max-width: 70% !important;
3145	}
3146  
3147    #co4kamnzuupv2z, #cosmy75bm58bxy, #co6ui0a7wkv32w {
3148    	flex: 0 0 73% !important;
3149    	max-width: 73% !important;
3150	}
3151  
3152    #coz4q9mnn78hts, #coxd3l2hfkr4qh {
3153    	flex: 0 0 75% !important;
3154    	max-width: 75% !important;
3155	}
3156  
3157    #coyf9z0n6shmrk, #coyoyna0j09k2u, #co4ic69rfpy34m {
3158    	flex: 0 0 78% !important;
3159    	max-width: 78% !important;
3160	}
3161  
3162    #cosqnhhc0ygdoo, #co2j86z45mh091, #cobt6wx7xe5kac
3163    #co596s4ra6ind4, #co460ypniuo6ll, #coihdyi {
3164    	flex: 0 0 32% !important;
3165    	max-width: 32% !important;
3166	}
3167  
3168  #co0pely784embg, #coph7s0pwmkpms, #cowqrue8ey91hv,
3169  #co0p6tg1ifrkxz, #coevcub6cw5tdx, #cop71d647d7wid,
3170  #cobfljnsgnbg62, #coqx07afaeze4o, #co7edyed6exfrr,
3171  #cowpkiq6djrdzq, #cov54qp0ofhkki{
3172    	flex: 0 0 15% !important;
3173    	max-width: 15% !important;
3174	}
3175  
3176  #cooeedo3fdos9l, #commkikjcihf9d, #codye9ln572w4p,
3177  #covzo3h8e6zrh1, #co7liacs5kqm4h, #cowhhu1plllkha,
3178  #coron8m9mo3vos, #com9rze10hughy, #co7tku5s6kgz4d,
3179  #coqiws68ajh4jl, #coulhnn8jlbf3t {
3180    	flex: 0 0 85% !important;
3181    	max-width: 85% !important;
3182	}
3183  
3184    #cokt8k9, #cokl4st, #co8nj1u,
3185    #couplce, #cohrene {
3186    	flex: 0 0 68% !important;
3187    	max-width: 68% !important;
3188	}  
3189  
3190    #covrndlz1eltdc {
3191    	flex: 0 0 27% !important;
3192    	max-width: 27% !important;
3193	}  
3194}
3195
3196#coinp8dq9iy0bt, #col6s44rk0yux8, #covff2fc3929wi,
3197#coby5yi {
3198    flex: 0 0 50% !important;
3199    max-width: 50% !important;
3200}
3201
3202#cokqju2, #cod4ia011j0bn2, #covyixkr0948qy, 
3203#codt8sto6rzpm0, #cobeovztppn8hw, #co2oq7jx7li7i6, 
3204#cokutb97oxkp0u ,#co74oa5o82wikl, #co69fd7wj2qjf9, 
3205#coehm81wlft4a0, #coc1qkm0u3wi6o, #cod1h960tznpy3, 
3206#cofrgnui2naxu3, #coiyh82, #conb4rx4qeaqm4,
3207#cof62fbnu857vs, #cofv0c184wrpz8, #co4xxgbrixqofr,
3208#cobkzfd4xq70s8, #cozvs5eqkix3wk, #co91ij7flbjp2a,
3209#cojnvrejarveiq, #coc6osjo1k5akb, #cozmbl8baw5rs7,
3210#covnnndhcnoaob, #cojw2900huswwo, #coiyh82,
3211#co6wkkhdhi8guk, #coac6e8gf6cog0, #cocswj5trkk4kv,
3212#copm6mypzuie90, #coiujtg72vl85y, #cosehsa9wlcvb5,
3213#covxn9ab4zs9l9, #co6pqe0z0rjqhy, #cozklpl9xpyj3l,
3214#cowekihrttyht6, #codhdu2nd17852, #cog8ip5dvyyobi,
3215#coh11d6tqbx41s, #co4v5kt4ru8m74 {
3216    flex: 0 0 34% !important;
3217    max-width: 34% !important;
3218}
3219
3220#coiyh82, #cowuppv473d8k2 {
3221    flex: 0 0 42% !important;
3222    max-width: 42% !important;
3223}
3224
3225.co-section-columns {
3226    --co-section-column-gap: 0 !important;
3227}
3228
3229#co2gmkfnq82qkn, #coejp4ks28kysw, #cov4c20wg0qe7c,
3230#cof8xq0tf62bye {
3231    gap: 20px !important;
3232}
3233
3234/* Kill the phantom banner frame Google injects */
3235.goog-te-banner-frame.skiptranslate {
3236  display: none !important;
3237}
3238
3239/* Also neutralize the gadget's own iframe sizing on some pages */
3240.goog-te-gadget {
3241  height: auto !important;
3242}
3243
3244
3245@media (hover: hover) and (pointer: fine) {
3246    #cowh73e a {
3247        display: block;
3248        background-image: url("https://static.libnet.info/frontend-images/tile/slcpl/Creative_Lab/CreativeLabReservationButton.svg");
3249        background-size: contain;
3250        background-repeat: no-repeat;
3251        background-position: center;
3252    }
3253
3254    #cowh73e a:hover {
3255        background-image: url("https://static.libnet.info/frontend-images/tile/slcpl/Creative_Lab/CreativeLabReservationButtonHover.svg");
3256    }
3257
3258    #cowh73e img {
3259        visibility: hidden;
3260    }
3261  
3262    #coysxd2 a {
3263        display: block;
3264        background-image: url("https://static.libnet.info/frontend-images/tile/slcpl/Creative_Lab/CreativeLabReserationButtonMarmalade1.svg");
3265        background-size: contain;
3266        background-repeat: no-repeat;
3267        background-position: center;
3268    }
3269
3270    #coysxd2 a:hover {
3271        background-image: url("https://static.libnet.info/frontend-images/tile/slcpl/Creative_Lab/CreativeLabReserationButtonHoverMarmalade1.svg");
3272    }
3273  
3274    #coysxd2 img {
3275        visibility: hidden;
3276    }
3277  
3278    #cohw039 a {
3279        display: block;
3280        background-image: url("https://static.libnet.info/frontend-images/tile/slcpl/ForAdultsHomeBanner2.png");
3281        background-size: contain;
3282        background-repeat: no-repeat;
3283        background-position: center;
3284    }
3285
3286    #cohw039 a:hover {
3287        background-image: url("https://static.libnet.info/frontend-images/tile/slcpl/ForAdultsHomeBanner2Alt.png");
3288    }
3289
3290    #cohw039 img {
3291        visibility: hidden;
3292    }
3293  
3294    #co8z3vz a {
3295        display: block;
3296        background-image: url("https://static.libnet.info/frontend-images/tile/slcpl/ForTeensHomeBanner2.png");
3297        background-size: contain;
3298        background-repeat: no-repeat;
3299        background-position: center;
3300    }
3301
3302    #co8z3vz a:hover {
3303        background-image: url("https://static.libnet.info/frontend-images/tile/slcpl/ForTeensHomeBanner2Alt.png");
3304    }
3305
3306    #co8z3vz img {
3307        visibility: hidden;
3308    }
3309  
3310    #cox9pl2 a {
3311        display: block;
3312        background-image: url("https://static.libnet.info/frontend-images/tile/slcpl/ForKidsHomeBanner2.png");
3313        background-size: contain;
3314        background-repeat: no-repeat;
3315        background-position: center;
3316    }
3317
3318    #cox9pl2 a:hover {
3319        background-image: url("https://static.libnet.info/frontend-images/tile/slcpl/ForKidsHomeBanner2Alt.png");
3320    }
3321
3322    #cox9pl2 img {
3323        visibility: hidden;
3324    }
3325
3326
3327}
3328
3329#cobhk71 img {
3330  width: 415px !important; 
3331  height: 88px !important;
3332}
3333
3334::part(result-title) {
3335   font-size: 1.6rem !important;
3336   color: #007934 !important;
3337}
3338
3339::part(result-snippet) {
3340   font-size: 1.3rem !important;
3341}
3342
3343::part(result-url-text) {
3344   font-size: 1.2rem !important;
3345}
3346
3347::part(summary-primary) {
3348   font-size: 1.2rem !important;
3349}
3350
3351::part(summary-secondary) {
3352   font-size: 1.2rem !important;
3353}
3354
3355button.copy-email[data-email="[email protected]"] {
3356    background-color: #dadada;
3357    border-color: #dadada;
3358}
3359
3360button.copy-email[data-email="[email protected]"]:hover {
3361    background-color: #b4b4b4;
3362    border-color: #b4b4b4;
3363    border-width: 5px;
3364    border-radius: 10px;
3365}
3366
3367/* ============================================================
3368   GROW A READER — microsite styles
3369   Fonts: Oswald (display), Archivo (headings), Mulish (subtitle/nav), Roboto (body)
3370   ============================================================ */
3371.gar-page{
3372  --gar-cream:      #ffffff;
3373  --gar-paper:      #f7f7f3;
3374  --gar-ink:        #2b2420;
3375  --gar-ink-soft:   #5b5148;
3376
3377  --gar-green:      #77bc1f;
3378  --gar-green-deep: #027a3e;
3379  --gar-brown:      #6e3529;
3380  --gar-tan:        #c4b8a6;
3381
3382  --gar-sky:        #bae5fa;
3383  --gar-sky-deep:   #4fb8e8;
3384  --gar-gold:       #ffc700;
3385  --gar-orange:     #ee7432;
3386  --gar-teal:       #1ecad3;
3387  --gar-yellowgreen:#cfdb00;
3388
3389  --gar-radius-lg: 28px;
3390  --gar-radius-md: 18px;
3391  --gar-shadow: 0 10px 30px rgba(43,36,32,.08);
3392  --gar-maxw: 880px;
3393
3394  display:block;
3395  background:var(--gar-cream, #ffffff);
3396  color:var(--gar-ink, #2b2420);
3397  font-family:'Roboto', sans-serif;
3398  font-size:17px;
3399  line-height:1.6;
3400  -webkit-font-smoothing:antialiased;
3401}
3402
3403/* stage themes: set data-stage on the .gar-page wrapper */
3404.gar-page[data-stage="pre"]         { --gar-accent: var(--gar-yellowgreen, #cfdb00); --gar-accent-deep:#8a9600; --gar-accent-tint:#f4f8d8; }
3405.gar-page[data-stage="beginning"]   { --gar-accent: var(--gar-gold, #ffc700);        --gar-accent-deep:#a97c00; --gar-accent-tint:#fff6da; }
3406.gar-page[data-stage="independent"] { --gar-accent: var(--gar-sky-deep, #4fb8e8);    --gar-accent-deep:#256e8f; --gar-accent-tint:#e3f5fd; }
3407.gar-page[data-stage="struggling"]  { --gar-accent: var(--gar-teal, #1ecad3);        --gar-accent-deep:#0f7378; --gar-accent-tint:#e0f9fa; }
3408.gar-page[data-stage="home"]        { --gar-accent: var(--gar-green, #77bc1f);       --gar-accent-deep:var(--gar-green-deep, #027a3e); --gar-accent-tint:#eef7e2; }
3409
3410.gar-page, .gar-page *{ box-sizing:border-box; }
3411.gar-page img{ max-width:100%; display:block; }
3412.gar-page a{ color:var(--gar-accent-deep, #027a3e) !important; }
3413
3414@media (prefers-reduced-motion: reduce){
3415  .gar-page *{ animation-duration:.001ms !important; transition-duration:.001ms !important; }
3416}
3417
3418.gar-wrap{ max-width:var(--gar-maxw, 880px); margin:0 auto; padding:0 24px; }
3419
3420/* ---------- back button ---------- */
3421.gar-back-btn{
3422  position:fixed; top:18px; left:18px; z-index:50;
3423  display:flex; align-items:center; gap:8px;
3424  background:var(--gar-paper, #f7f7f3) !important;
3425  border:2px solid var(--gar-accent, #77bc1f);
3426  color:var(--gar-ink, #2b2420) !important;
3427  font-family:'Mulish',sans-serif; font-weight:700 !important; font-size:14px;
3428  text-decoration:none !important;
3429  padding:9px 16px 9px 12px;
3430  border-radius:999px;
3431  box-shadow:var(--gar-shadow, 0 10px 30px rgba(43,36,32,.08));
3432  transition:transform .18s ease, background .18s ease;
3433}
3434.gar-back-btn:hover{ transform:translateX(-3px); background:var(--gar-accent-tint, #eef7e2) !important; }
3435.gar-back-btn svg{ width:16px; height:16px; }
3436
3437/* ---------- header / hero ---------- */
3438.gar-hero{
3439  padding:96px 24px 64px;
3440  text-align:center;
3441  position:relative;
3442  overflow:hidden;
3443}
3444.gar-hero-logo{
3445  width:min(320px, 70vw);
3446  margin:0 auto 18px;
3447}
3448@media (max-width:640px){
3449  .gar-hero-logo{ width:min(180px, 50vw); margin:0 auto 14px; }
3450}
3451.gar-eyebrow-stage{
3452  font-family:'Mulish',sans-serif; font-weight:800; letter-spacing:.04em;
3453  color:var(--gar-accent-deep, #027a3e); font-size:14px; margin-bottom:10px;
3454}
3455.gar-hero-title{
3456  font-family:'Oswald',sans-serif;
3457  font-weight:600;
3458  font-size:clamp(1.9rem, 6vw, 4rem);
3459  line-height:1.05;
3460  margin:0 0 18px;
3461  color:var(--gar-ink, #2b2420);
3462}
3463.gar-hero-sub{
3464  font-family:'Mulish',sans-serif;
3465  font-size:19px;
3466  color:var(--gar-ink-soft, #5b5148);
3467  max-width:640px;
3468  margin:0 auto;
3469}
3470.gar-hero-desc{
3471  max-width:640px; margin:22px auto 0; text-align:left;
3472  font-size:17px; color:var(--gar-ink-soft, #5b5148);
3473}
3474@media (max-width:640px){
3475  .gar-hero-title{ font-size:3.0rem !important; line-height:1.15; }
3476  .gar-hero{ padding:56px 20px 40px; }
3477}
3478
3479/* ---------- sections ---------- */
3480.gar-section{
3481  padding:56px 24px;
3482  opacity:0; transform:translateY(28px);
3483  transition:opacity .7s ease, transform .7s ease;
3484}
3485.gar-section.gar-visible{ opacity:1; transform:translateY(0); }
3486
3487.gar-section-head{ margin-bottom:28px; }
3488.gar-section-kicker{
3489  font-family:'Mulish',sans-serif; font-weight:800; font-size:13px;
3490  letter-spacing:.03em; color:var(--gar-accent-deep, #027a3e); margin:0 0 6px;
3491}
3492.gar-section-title{
3493  font-family:'Archivo',sans-serif; font-weight:800;
3494  font-size:clamp(1.6rem, 4vw, 2.3rem);
3495  margin:0; color:var(--gar-ink, #2b2420);
3496}
3497.gar-section-intro{ color:var(--gar-ink-soft, #5b5148); max-width:70ch; }
3498
3499@media (max-width:640px){
3500  .gar-section-title{font-size:2.6rem !important; line-height:1.15; }
3501}
3502
3503/* ---------- bubble link grid ---------- */
3504.gar-bubble-grid{
3505  display:flex; flex-wrap:wrap; gap:22px; justify-content:center; margin-top:8px;
3506}
3507.gar-bubble{
3508  width:190px; height:190px; border-radius:50%;
3509  flex:0 0 190px;
3510  display:flex; align-items:center; justify-content:center; text-align:center;
3511  padding:22px;
3512  font-family:'Archivo',sans-serif; font-weight:700 !important; font-size:16px;
3513  text-decoration:none !important; color:var(--gar-ink, #2b2420) !important;
3514  background:var(--gar-accent-tint, #eef7e2) !important;
3515  border:3px solid var(--gar-accent, #77bc1f);
3516  transition:transform .2s ease, box-shadow .2s ease;
3517  box-shadow:0 6px 0 rgba(43,36,32,.06);
3518}
3519.gar-bubble:hover{ transform:translateY(-5px); box-shadow:0 12px 20px rgba(43,36,32,.12); }
3520@media (min-width:641px){
3521  /* force a steady 3-per-row on desktop instead of however many happen to fit
3522     (which produced an ugly 4-then-1 split for 5-item bubble sets) */
3523  .gar-bubble-grid{ max-width:664px; margin-left:auto; margin-right:auto; }
3524}
3525@media (max-width:640px){
3526  .gar-bubble-grid{ flex-direction:column; align-items:center; }
3527  .gar-bubble{ flex:0 0 auto; }
3528}
3529
3530/* ---------- stage badge links (home page) ---------- */
3531.gar-stage-badge-grid{
3532  display:flex; flex-wrap:wrap; gap:36px; justify-content:center; margin-top:12px;
3533}
3534.gar-stage-badge-link{
3535  display:flex; flex-direction:column; align-items:center; gap:14px;
3536  text-decoration:none !important; width:180px;
3537  transition:transform .2s ease;
3538}
3539.gar-stage-badge-link:hover{ transform:translateY(-6px); }
3540.gar-stage-badge-link img{
3541  width:170px; height:170px;
3542  filter:drop-shadow(0 8px 16px rgba(43,36,32,.14));
3543}
3544.gar-stage-badge-link span{
3545  font-family:'Archivo',sans-serif; font-weight:800 !important; font-size:16px;
3546  color:var(--gar-ink, #2b2420) !important; text-align:center;
3547}
3548
3549/* ---------- program cards ---------- */
3550.gar-card-row{
3551  display:grid; gap:20px;
3552  grid-template-columns:repeat(auto-fit, minmax(230px,1fr));
3553}
3554.gar-card{
3555  background:var(--gar-paper, #f7f7f3);
3556  border-radius:var(--gar-radius-md, 18px);
3557  box-shadow:var(--gar-shadow, 0 10px 30px rgba(43,36,32,.08));
3558  border-top:6px solid var(--gar-accent, #77bc1f);
3559}
3560.gar-card-title{
3561  font-family:'Archivo',sans-serif; font-weight:800; font-size:17px;
3562  background:var(--gar-accent-tint, #eef7e2); padding:14px 18px;
3563  color:var(--gar-ink, #2b2420);
3564  border-radius:var(--gar-radius-md, 18px) var(--gar-radius-md, 18px) 0 0;
3565}
3566.gar-card-body{ padding:16px 18px 20px; color:var(--gar-ink-soft, #5b5148); font-size:15.5px; }
3567.gar-card-body a.gar-cal-link{ display:inline-block; margin-top:10px; font-weight:700 !important; }
3568
3569/* ---------- resource list ---------- */
3570.gar-resource{
3571  border-left:4px solid var(--gar-accent, #77bc1f);
3572  padding:6px 0 6px 18px; margin-bottom:20px;
3573}
3574.gar-resource-title{
3575  font-family:'Archivo',sans-serif; font-size:1.7em; margin:0 0 4px; color:var(--gar-ink, #2b2420);
3576}
3577.gar-resource p{ margin:0; color:var(--gar-ink-soft, #5b5148); font-size:15.5px; }
3578.gar-resource a.gar-go{ font-weight:700 !important; font-size:15px; display:inline-block; margin-top:6px; }
3579
3580@media (max-width:640px){
3581  .gar-resource-title{font-size:1.25em !important; line-height:1.15; }
3582  .gar-resource p{font-size:18px !important; line-height:1.25; }
3583  .gar-resource a.gar-go{ font-weight:700 !important; font-size:18px; display:inline-block; margin-top:6px; }
3584  }
3585
3586
3587/* ---------- glossary sidebar ---------- */
3588.gar-glossary-layout{
3589  display:grid; grid-template-columns:1fr 280px; gap:32px; align-items:start;
3590}
3591.gar-glossary-sidebar{
3592  position:sticky; top:20px;
3593  background:var(--gar-paper, #f7f7f3);
3594  border-radius:var(--gar-radius-md, 18px);
3595  box-shadow:var(--gar-shadow, 0 10px 30px rgba(43,36,32,.08));
3596  border-top:6px solid var(--gar-accent, #77bc1f);
3597}
3598.gar-glossary-sidebar summary{
3599  cursor:pointer; list-style:none;
3600  font-family:'Archivo',sans-serif; font-weight:800; font-size:16px;
3601  padding:14px 18px; color:var(--gar-ink, #2b2420) !important;
3602  background:var(--gar-accent-tint, #eef7e2);
3603  border-radius:var(--gar-radius-md, 18px) var(--gar-radius-md, 18px) 0 0;
3604}
3605.gar-glossary-sidebar summary::-webkit-details-marker{ display:none; }
3606.gar-glossary-sidebar summary::after{ content:'\25BE'; float:right; }
3607.gar-glossary-sidebar[open] summary::after{ content:'\25B4'; }
3608.gar-glossary-terms{ padding:6px 18px 18px; margin:0; }
3609.gar-glossary-terms dt{
3610  font-family:'Archivo',sans-serif; font-weight:800; font-size:14.5px;
3611  color:var(--gar-ink, #2b2420); margin-top:14px;
3612}
3613.gar-glossary-terms dt:first-child{ margin-top:14px; }
3614.gar-glossary-terms dd{
3615  margin:3px 0 0; font-size:13.5px; color:var(--gar-ink-soft, #5b5148); line-height:1.45;
3616}
3617@media (max-width:780px){
3618  .gar-glossary-layout{ grid-template-columns:1fr; }
3619  .gar-glossary-sidebar{ position:static; }
3620}
3621
3622/* ---------- book carousel (simple horizontal scroller) ---------- */
3623.gar-carousel{
3624  display:flex; gap:14px; overflow-x:auto; padding:6px 2px 16px;
3625  scroll-snap-type:x mandatory;
3626}
3627.gar-carousel::-webkit-scrollbar{ height:8px; }
3628.gar-carousel::-webkit-scrollbar-thumb{ background:var(--gar-accent, #77bc1f); border-radius:99px; }
3629.gar-book{
3630  flex:0 0 130px; scroll-snap-align:start;
3631  background:var(--gar-paper, #f7f7f3); border-radius:var(--gar-radius-md, 18px);
3632  box-shadow:var(--gar-shadow, 0 10px 30px rgba(43,36,32,.08)); padding:14px 10px; text-align:center;
3633}
3634.gar-book-spine{
3635  height:90px; border-radius:8px; margin:0 auto 10px;
3636  background:linear-gradient(160deg, var(--gar-accent, #77bc1f), var(--gar-accent-deep, #027a3e));
3637}
3638.gar-book span{ font-family:'Mulish',sans-serif; font-weight:700; font-size:13px; color:var(--gar-ink, #2b2420); }
3639
3640/* ---------- TSRWP strip ---------- */
3641.gar-tsrwp-grid{
3642  display:flex; flex-wrap:wrap; gap:18px; justify-content:center;
3643}
3644.gar-tsrwp-card{
3645  flex:0 0 230px; max-width:230px;
3646  background:var(--gar-paper, #f7f7f3); border-radius:var(--gar-radius-md, 18px); box-shadow:var(--gar-shadow, 0 10px 30px rgba(43,36,32,.08));
3647  padding:18px; text-align:center;
3648}
3649.gar-tsrwp-card img{ height:52px; width:auto; margin:0 auto 10px; }
3650.gar-tsrwp-card p{ font-size:14.5px; color:var(--gar-ink-soft, #5b5148); text-align:left; margin:0; }
3651@media (min-width:641px){
3652  /* force a steady 3-per-row on desktop instead of however many happen to fit
3653     (which produced an ugly 4-then-1 split for these 5 cards) */
3654  .gar-tsrwp-grid{ max-width:750px; margin-left:auto; margin-right:auto; }
3655}
3656@media (max-width:640px){
3657  .gar-tsrwp-grid{ flex-direction:column; align-items:center; }
3658  .gar-tsrwp-card{ flex:0 0 auto; max-width:340px; width:100%; }
3659}
3660
3661/* ---------- definitions (hover/tap) ---------- */
3662.gar-term{
3663  border-bottom:2px dotted var(--gar-accent-deep, #027a3e);
3664  cursor:help; font-weight:700; color:var(--gar-ink, #2b2420); position:relative;
3665}
3666.gar-term .gar-def{
3667  display:none; position:absolute; left:0; bottom:125%;
3668  background:var(--gar-ink, #2b2420); color:#fff; font-family:'Mulish',sans-serif;
3669  font-weight:400; font-size:13.5px; line-height:1.4;
3670  padding:10px 12px; border-radius:10px; width:240px; z-index:20;
3671  box-shadow:var(--gar-shadow, 0 10px 30px rgba(43,36,32,.08));
3672}
3673.gar-term:hover .gar-def, .gar-term:focus .gar-def, .gar-term.gar-open .gar-def{ display:block; }
3674
3675/* ---------- rope figure ---------- */
3676.gar-rope-figure{
3677  margin:0 0 20px; border-radius:var(--gar-radius-lg, 28px); overflow:hidden;
3678  box-shadow:var(--gar-shadow, 0 10px 30px rgba(43,36,32,.08));
3679}
3680.gar-rope-figure img{ width:100%; }
3681
3682/* ---------- footer nav ---------- */
3683.gar-footer-nav{
3684  padding:48px 24px 80px; text-align:center;
3685  display:flex; flex-wrap:wrap; justify-content:center; gap:14px;
3686}
3687.gar-footer-nav a{
3688  display:inline-block; margin-top:14px;
3689  font-family:'Mulish',sans-serif; font-weight:800 !important; color:var(--gar-ink, #2b2420) !important;
3690  background:var(--gar-accent-tint, #eef7e2) !important; border:2px solid var(--gar-accent, #77bc1f);
3691  padding:12px 22px; border-radius:999px; text-decoration:none !important;
3692}
3693.gar-footer-nav a:hover{ background:var(--gar-accent, #77bc1f) !important; color:#fff !important; }
3694
3695/* ---------- misc ---------- */
3696.gar-pill-list{ list-style:none; padding:0; margin:0; }
3697.gar-pill-list li{ margin-bottom:10px; }
3698.gar-note{
3699  background:var(--gar-accent-tint, #eef7e2); border-radius:var(--gar-radius-md, 18px);
3700  padding:16px 20px; font-size:15px; color:var(--gar-ink-soft, #5b5148);
3701}
3702}</style><style data-layer="themeCustom">@layer themeCustom {
3703body {
3704    font-family: 'Roboto', sans-serif;
3705    font-size: 16px;
3706}
3707
3708
3709.boardtooltip {
3710  	position: relative;
3711    display: inline;
3712    color: #007934 !important;
3713    border-bottom: 1px dotted black;
3714    cursor: pointer;
3715}
3716
3717.contactustooltip {
3718  	position: relative;
3719    display: inline;
3720    color: #007934 !important;
3721    border-bottom: 1px dotted black;
3722    cursor: pointer;
3723}
3724  
3725.ames-layer a {
3726      font-weight: normal !important;
3727  }
3728
3729.closedmsg {
3730    color: #d60304 !important;
3731    font-weight: bold;
3732}
3733
3734div.amev-cal-date-title {
3735	font-size: 30px;
3736	text-transform: uppercase;
3737}
3738
3739#id9RgnG .widgetbody {
3740      line-height: 1.407 !important;
3741}
3742
3743#idN3Oly {
3744width: 50%;
3745}
3746#\36 606 > div {
3747width: 50%;
3748}
3749    
3750#body > div > h1{
3751    color: transparent; 
3752    position: relative;
3753}
3754#body > div > h1:after {
3755  content: "Search Results";
3756  color:initial;
3757   text-align: center;
3758    margin-left: auto;
3759    margin-right: auto;
3760    display: block;
3761
3762}
3763#home {
3764padding: 0px !important;
3765}
3766
3767
3768.visually-hidden {
3769	position: absolute;
3770	width: 1px;
3771	height: 1px;
3772	margin: -1px;
3773	padding: 0;
3774	overflow: hidden;
3775	clip: rect(0, 0, 0, 0);
3776	border: 0;
3777    }
3778
3779.buttondesc {
3780    position: absolute;
3781    width: 1px;
3782    height: 1px;
3783    margin: -1px;
3784    padding: 0;
3785    overflow: hidden;
3786    clip: rect(0, 0, 0, 0);
3787    border: 0;
3788    }
3789  
3790button.librarycard_submit {
3791  padding: 0; 
3792}
3793
3794#body > div > div.amss-results-list {
3795width: 50%;
3796}
3797#body > div > div.ams-results-form > form > input {
3798  width: 44%;
3799}
3800h1, h2, h3, h4, h5, h6, .heading1, .heading2, .heading3, .heading4, .heading5, .heading6  {
3801font-family: 'Arial', sans-serif;
3802	font-weight: 400;
3803  text-transform: uppercase;
3804  letter-spacing: 0.04em;
3805}
3806
3807#\36 606 > div > ul {
3808display: inline-flex;
3809}
3810.custom2  {
3811  font-family: 'Arial', sans-serif;
3812  font-size: 1.5em;
3813	font-weight: 700;
3814  text-transform: uppercase;
3815  letter-spacing: 0.04em;
3816  word-wrap: break-word;
3817  overflow-wrap: break-word;
3818 
3819 
3820
3821}
3822
3823.custom1 a{
3824  font-weight: bold;
3825}
3826
3827.custom6 {
3828  font-family: 'Arial', sans-serif;
3829  font-size: 1.4em;
3830  font-weight: 300;
3831  line-height: 1.6;
3832}
3833
3834h4, .heading4 {
3835<!--color: #a1c646;-->
3836<!--border-bottom: .08em solid #a1c646;-->
3837}
3838
3839h6:hover,
3840h6:hover a,
3841.heading6:hover,
3842.heading6:hover a {
3843  color: #000 !important;
3844}
3845
3846.headingtext {
3847font-family: 'Arial', sans-serif;
3848font-weight: 700;
3849}
3850
3851/*BUTTONS*/
3852.button, .button:hover{
3853  font-family: 'Arial', sans-serif;
3854  font-weight: 500;
3855  text-transform: uppercase;
3856  letter-spacing: 0.04em;
3857  font-size: 1em;
3858  padding:8px 30px 8px; 30px;
3859  text-decoration: none;
3860  margin-bottom:0.5em;
3861}
3862
3863@media screen and (max-width: 400px) {
3864            #paypal-button-container-15 {
3865                width: 100%;
3866            }
3867        }
3868        
3869@media screen and (min-width: 400px) {
3870            #paypal-button-container-15 {
3871                width: 250px;
3872            }
3873        }
3874
3875@media screen and (max-width: 400px) {
3876            #paypal-button-container-25 {
3877                width: 100%;
3878            }
3879        }
3880        
3881@media screen and (min-width: 400px) {
3882            #paypal-button-container-25 {
3883                width: 250px;
3884            }
3885        }
3886
3887@media screen and (max-width: 400px) {
3888            #paypal-button-container-35 {
3889                width: 100%;
3890            }
3891        }
3892        
3893@media screen and (min-width: 400px) {
3894            #paypal-button-container-35 {
3895                width: 250px;
3896            }
3897        }
3898
3899@media screen and (max-width: 400px) {
3900            #paypal-button-container-50 {
3901                width: 100%;
3902            }
3903        }
3904        
3905@media screen and (min-width: 400px) {
3906            #paypal-button-container-50 {
3907                width: 250px;
3908            }
3909        }
3910
3911@media screen and (max-width: 400px) {
3912            #paypal-button-container-100 {
3913                width: 100%;
3914            }
3915        }
3916        
3917@media screen and (min-width: 400px) {
3918            #paypal-button-container-100 {
3919                width: 250px;
3920            }
3921        }
3922
3923@media screen and (max-width: 400px) {
3924            #paypal-button-container-250 {
3925                width: 100%;
3926            }
3927        }
3928        
3929@media screen and (min-width: 400px) {
3930            #paypal-button-container-250 {
3931                width: 250px;
3932            }
3933        }
3934
3935@media screen and (max-width: 400px) {
3936            #paypal-button-container-500 {
3937                width: 100%;
3938            }
3939        }
3940        
3941@media screen and (min-width: 400px) {
3942            #paypal-button-container-500 {
3943                width: 250px;
3944            }
3945        }
3946
3947@media screen and (max-width: 400px) {
3948            #paypal-button-container-1000 {
3949                width: 100%;
3950            }
3951        }
3952        
3953@media screen and (min-width: 400px) {
3954            #paypal-button-container-1000 {
3955                width: 250px;
3956            }
3957        }
3958
3959@media (max-width: 768px){
3960 
3961.button, .button:hover {
3962  	display: block;
3963    width: 60%;
3964    margin: 5px auto;
3965	}
3966}
3967
3968@media (max-width: 768px) {
3969	.sidebar-wrapper {
3970		width: 100%;
3971		max-width: 768px;
3972		margin-bottom: 0
3973	}
3974  #body > div > div.ams-results-form{
3975  margin:unset !important;
3976  bottom: 40px;
3977  position: relative;
3978  }
3979  #body > div > h1{
3980    color: transparent; 
3981    position: relative;
3982    bottom: 65px;
3983}
3984  #body > div > h1:after {
3985  content: "Search Results";
3986  color:initial;
3987   text-align: center;
3988    margin-left: auto;
3989    margin-right: auto;
3990    display: block;
3991    font-size:30px;
3992}
3993  #body > div > div.amss-results-list{
3994  width: 90%
3995  }
3996}
3997
3998
3999/*CMS NAVIGATION*/
4000
4001/*hides the home tab - which is actually the second menu item DO NOT DELETE */
4002.navbar-top ul.navbar-nav > li:nth-child(2) {
4003   	display: none;
4004}
4005@media (max-width: 768px) {
4006#navbar-collapse-grid > ul > li:nth-child(8) > ul > li:nth-child(8) > a {
4007  display: none;
4008  }
4009}
4010/*Open dropdown menu on hover */
4011@media (min-width: 768px){
4012.dropdown:hover>.dropdown-menu { 
4013  	display: block; !important; 
4014  }  
4015}
4016div.navbar-brand {
4017display: none;
4018}
4019
4020.navbar {  
4021  font-weight: 300;
4022    border: none;
4023    border-radius: 0px;
4024}
4025
4026div#navbar.content {
4027  	background-color: transparent;
4028    padding: 0;
4029    font-size: 1.1em;
4030  	border-top: 1px solid #ccc;
4031  	border-bottom: 1px solid #ccc;
4032}
4033
4034.navbar {
4035    border: none;
4036    border-radius: 0px;
4037}
4038.navbar-top {
4039    background: none;
4040}
4041
4042@media (min-width: 768px){
4043  .navbar-top .navbar-nav > li > a {
4044  font-family: 'Arial', sans-serif;
4045  font-weight: 600;
4046  padding: 4px 8px;
4047  margin: 0 12px;
4048  font-size: 1em;
4049  text-decoration: none;
4050  letter-spacing: 0.04em;
4051  text-transform:uppercase;
4052  border-top: 5px solid #fff;
4053  border-bottom: 5px solid #fff;
4054}
4055}
4056
4057@media (max-width: 767px){
4058  .navbar-top .navbar-nav > li > a {
4059  font-family: 'Arial', sans-serif;
4060  font-weight: 600;
4061  padding: 4px 8px;
4062  margin: 4px 12px;
4063  font-size: 1em;
4064  text-decoration: none;
4065  letter-spacing: 0.04em;
4066  text-transform:uppercase;
4067  border-top: 0px solid #fff;
4068  border-bottom: 0px solid #fff;
4069  background-color: #ffffff!important;
4070}
4071}
4072
4073@media (max-width: 767px){
4074  .navbar-top .navbar-nav > li > a:hover {
4075    border-top: 0px solid #000;
4076    border-bottom: 0px solid #000;
4077}
4078}
4079
4080@media (min-width: 768px){
4081  .navbar-top .navbar-nav > li > a:hover {
4082    border-top: 5px solid #000;
4083    border-bottom: 5px solid #000;
4084  }
4085}
4086
4087@media (min-width: 768px){
4088  .navbar-top ul.navbar-nav>li:nth-child(4)>a {
4089  	padding: 4px 8px 4px 0;
4090  	margin: 0 12px 0 0;
4091  }
4092}
4093
4094/* keeps the parent tab highlighted when hovering dropdown items */
4095@media (min-width: 768px){
4096  #navbar ul li:hover > a {
4097    border-top: 5px solid #000;
4098    border-bottom: 5px solid #000;
4099  	color: #000000;
4100  }
4101}
4102
4103
4104
4105/*******dropdown menu items*******/
4106
4107.dropdown .fa-sort-desc { 
4108display: none; 
4109}
4110
4111 #navbar .dropdown-menu {
4112    font-size: 0.83em;
4113    font-family: 'Arial', sans-serif;
4114  	font-weight: 600;
4115  	letter-spacing: 0.04em;
4116   	text-transform:uppercase;
4117    padding: 10px 0;
4118    margin: 0;
4119    text-align: left;
4120    background-color: #fff;
4121    border: 1px solid #bdbdbd;
4122    border-radius: 0px;
4123    -webkit-box-shadow: -5px 5px 0px rgba(0,0,0,.175);
4124    box-shadow: -5px 5px 0px rgba(0,0,0,.13);
4125}
4126
4127@media (min-width: 768px) {
4128  #navbar .dropdown-menu {
4129    width: 255px;
4130}
4131}
4132
4133
4134#navbar .dropdown-menu > li > a {
4135  	display: block;
4136    clear: both;
4137  	color: #007934;
4138  	padding: 4px 10px;
4139  	margin: 4px 0;
4140  	background-color: #ffffff;
4141  	border-bottom: none;
4142  	border-top: none;
4143}
4144#navbar .dropdown-menu > li > a:hover {
4145  	border-bottom: none;
4146  	border-top: none;
4147  	color: #ffffff;
4148  	background-color: #007934;
4149}
4150#navbar .dropdown-menu li a:active {
4151  	border-bottom: none;
4152  	border-top: none;
4153  	color: #ffffff;
4154  	background: #007934!important;
4155}
4156#navbar .dropdown-menu li a.current {
4157  	border-bottom: none;
4158  	border-top: none;
4159  	color: #ffffff;
4160  	background: #007934!important;
4161}
4162
4163@media (max-width: 768px) {
4164  #navbar .dropdown-menu > li > a {
4165  	padding: 4px 20px!important;
4166  	margin: 4px 0;
4167}
4168}
4169
4170/*For description text in dropdown menus*/
4171
4172@media (min-width: 768px) {
4173  .navbar-top ul.navbar-nav > li:nth-child(8) .dropdown-menu li:nth-child(2) a, 
4174  .navbar-top ul.navbar-nav > li:nth-child(8) .dropdown-menu li:nth-child(4) a,
4175  .navbar-top ul.navbar-nav > li:nth-child(8) .dropdown-menu li:nth-child(6) a,
4176  .navbar-top ul.navbar-nav > li:nth-child(8) .dropdown-menu li:nth-child(8) a,
4177  .navbar-top ul.navbar-nav > li:nth-child(10) .dropdown-menu li:nth-child(2) a,
4178  .navbar-top ul.navbar-nav > li:nth-child(10) .dropdown-menu li:nth-child(4) a,
4179  .navbar-top ul.navbar-nav > li:nth-child(10) .dropdown-menu li:nth-child(6) a,
4180  .navbar-top ul.navbar-nav > li:nth-child(10) .dropdown-menu li:nth-child(8) a,
4181  .navbar-top ul.navbar-nav > li:nth-child(12) .dropdown-menu li:nth-child(2) a,
4182  .navbar-top ul.navbar-nav > li:nth-child(12) .dropdown-menu li:nth-child(4) a,
4183  .navbar-top ul.navbar-nav > li:nth-child(12) .dropdown-menu li:nth-child(6) a,
4184  .navbar-top ul.navbar-nav > li:nth-child(12) .dropdown-menu li:nth-child(8) a,
4185  .navbar-top ul.navbar-nav > li:nth-child(14) .dropdown-menu li:nth-child(2) a,
4186  .navbar-top ul.navbar-nav > li:nth-child(14) .dropdown-menu li:nth-child(4) a,
4187  .navbar-top ul.navbar-nav > li:nth-child(14) .dropdown-menu li:nth-child(6) a,
4188  .navbar-top ul.navbar-nav > li:nth-child(14) .dropdown-menu li:nth-child(8) a,
4189  #navbar-collapse-grid > ul > li:nth-child(8) > ul > li:nth-child(10) > a,
4190  #navbar-collapse-grid > ul > li:nth-child(14) > ul > li:nth-child(10) > a{
4191   	font-family: Roboto, sans-serif;
4192    color: #000000!important;
4193  	font-size: 0.7em;
4194    white-space: normal;
4195    text-transform: none;
4196    cursor: default;
4197}
4198}
4199
4200
4201
4202
4203
4204@media (max-width: 767px) {
4205  .navbar-top ul.navbar-nav > li:nth-child(8) .dropdown-menu li:nth-child(2) a,
4206  .navbar-top ul.navbar-nav > li:nth-child(8) .dropdown-menu li:nth-child(4) a,
4207  .navbar-top ul.navbar-nav > li:nth-child(8) .dropdown-menu li:nth-child(6) a,
4208  .navbar-top ul.navbar-nav > li:nth-child(10) .dropdown-menu li:nth-child(2) a,
4209  .navbar-top ul.navbar-nav > li:nth-child(10) .dropdown-menu li:nth-child(4) a,
4210  .navbar-top ul.navbar-nav > li:nth-child(10) .dropdown-menu li:nth-child(6) a,
4211  .navbar-top ul.navbar-nav > li:nth-child(10) .dropdown-menu li:nth-child(8) a,
4212   .navbar-top ul.navbar-nav > li:nth-child(12) .dropdown-menu li:nth-child(2) a,
4213  .navbar-top ul.navbar-nav > li:nth-child(12) .dropdown-menu li:nth-child(4) a,
4214  .navbar-top ul.navbar-nav > li:nth-child(12) .dropdown-menu li:nth-child(6) a,
4215  .navbar-top ul.navbar-nav > li:nth-child(12) .dropdown-menu li:nth-child(8) a,
4216  .navbar-top ul.navbar-nav > li:nth-child(14) .dropdown-menu li:nth-child(2) a,
4217  .navbar-top ul.navbar-nav > li:nth-child(14) .dropdown-menu li:nth-child(4) a,
4218  .navbar-top ul.navbar-nav > li:nth-child(14) .dropdown-menu li:nth-child(6) a,
4219  .navbar-top ul.navbar-nav > li:nth-child(14) .dropdown-menu li:nth-child(8) a,
4220  #navbar-collapse-grid > ul > li:nth-child(8) > ul > li:nth-child(10) > a,
4221  #navbar-collapse-grid > ul > li:nth-child(14) > ul > li:nth-child(10) > a{
4222   	display: none!important;
4223}
4224}
4225
4226@media (min-width: 768px) {
4227  .navbar-top ul.navbar-nav > li:nth-child(8) .dropdown-menu li:nth-child(2) a:hover,
4228  .navbar-top ul.navbar-nav > li:nth-child(8) .dropdown-menu li:nth-child(4) a:hover,
4229  .navbar-top ul.navbar-nav > li:nth-child(8) .dropdown-menu li:nth-child(6) a:hover,
4230  .navbar-top ul.navbar-nav >
4230 li:nth-child(8) .dropdown-menu li:nth-child(8) a:hover,
4231  .navbar-top ul.navbar-nav > li:nth-child(10) .dropdown-menu li:nth-child(2) a:hover,
4232  .navbar-top ul.navbar-nav > li:nth-child(10) .dropdown-menu li:nth-child(4) a:hover,
4233  .navbar-top ul.navbar-nav > li:nth-child(10) .dropdown-menu li:nth-child(6) a:hover,
4234  .navbar-top ul.navbar-nav > li:nth-child(10) .dropdown-menu li:nth-child(8) a:hover,
4235  .navbar-top ul.navbar-nav > li:nth-child(12) .dropdown-menu li:nth-child(2) a:hover,
4236  .navbar-top ul.navbar-nav > li:nth-child(12) .dropdown-menu li:nth-child(4) a:hover,
4237  .navbar-top ul.navbar-nav > li:nth-child(12) .dropdown-menu li:nth-child(6) a:hover,
4238  .navbar-top ul.navbar-nav > li:nth-child(12) .dropdown-menu li:nth-child(8) a:hover,
4239  .navbar-top ul.navbar-nav > li:nth-child(14) .dropdown-menu li:nth-child(2) a:hover,
4240  .navbar-top ul.navbar-nav > li:nth-child(14) .dropdown-menu li:nth-child(4) a:hover,
4241  .navbar-top ul.navbar-nav > li:nth-child(14) .dropdown-menu li:nth-child(6) a:hover,
4242  .navbar-top ul.navbar-nav > li:nth-child(14) .dropdown-menu li:nth-child(8) a:hover,
4243  #navbar-collapse-grid > ul > li:nth-child(8) > ul > li:nth-child(10) > a:hover,
4244  #navbar-collapse-grid > ul > li:nth-child(14) > ul > li:nth-child(10) > a:hover{
4245   	font-family: Roboto, sans-serif;
4246    color: #000000!important;
4247  	font-size: 0.7em;
4248    text-transform: none;
4249    background-color: #ffffff!important;
4250}
4251}
4252
4253
4254
4255
4256
4257/**********EVENTS LISTING PAGE************/
4258
4259/*Events listing title*/
4260.events-right > h1, .events-grid > h1 {
4261	font-family: 'Arial', sans-serif;
4262  	font-weight: 500;
4263  	text-transform: uppercase;
4264  	letter-spacing: 0.04em;
4265  	font-size: 3.8em;
4266    margin-top: 14px;
4267  	margin-bottom: 14px;
4268    padding-bottom: 5px;
4269    font-weight: 400;
4270}
4271@media (min-width: 768px) {
4272  .events-right {
4273    margin-left: 260px;
4274}
4275}
4276/*event listing date bar*/
4277.events-date-bar {
4278    font-size: 1.6em;
4279  	margin-bottom: 1em;
4280    font-weight: 600;
4281    padding: 10px 0;
4282  	border-top: 1px solid #bbbbbb;
4283  	border-bottom: 1px solid #bbbbbb;
4284}
4285/*event listing title*/
4286.eelisttitle a {
4287  	font-family: 'Arial', sans-serif;
4288  	font-weight: 600;
4289  	letter-spacing: 0.04em;
4290  	text-transform:uppercase;
4291    font-size: 1.2em;
4292    margin-bottom: 0.5em;
4293  	text-decoration: none;
4294}
4295/*event listing date and time*/
4296div.eelisttime.headingtext {
4297  	color: #2c3e50!important;
4298}
4299.eventRegButton {
4300  	margin-bottom: 0.75em;
4301  	margin-top: 0.75em;
4302}
4303
4304.events-day-title > .events-date-string > .headingtext, .events-day-title >.events-date-range-string >.headingtext {
4305	color:  #56585B!important;
4306}
4307.events-filter-row > .col-md-2 {
4308    padding-right: 4px!important;
4309    padding-left: 4px!important;
4310}
4311
4312/*filters*/
4313.events-filter-row {
4314    padding: 2em;
4315}
4316.events-view-row {
4317  	padding: 5px 40px;
4318}
4319@media (max-width: 768px){
4320.events-filter-row {
4321    max-width: 768px;
4322    text-align: center;
4323}
4324}
4325/*filter buttons*/
4326@media (max-width: 768px){
4327.events-views {
4328    max-width: 768px;
4329    margin-top: 10px;
4330    text-align: center;
4331}
4332}
4333
4334/********** EVENT PAGE TEMPLATE Overides ************/
4335
4336/*border above and below the date, time and location info*/
4337#id4VX3g .amh-row, #idlw5ZC.amh-row.row {
4338  	border-top: 1px solid #bbbbbb;
4339  	padding: 8px 0;
4340}
4341/*event page title*/
4342#idaiMWo h2 {
4343}
4344/*event page sub title*/
4345#idaiMWo h3 {
4346	color: #56585B;
4347    font-size: 1.8em;;
4348	font-weight: 400;
4349}
4350/*event page date*/
4351#idm0vRo h4 {
4352  	color: #2d3e4f;
4353}
4354#id4VX3g h4 {
4355  border-bottom: none;
4356}
4357
4358/*event description*/
4359#idiga4D p {
4360  	color:  #56585B;
4361}
4362/*event short description*/
4363#idjLXfv .custom1 {
4364    color: #34485e;
4365    margin: 1em 0 0.5em 0;
4366    font-weight: 300;
4367    font-size: 1.3em;
4368}
4369/*padding for branch info at bottom of page*/
4370@media (max-width: 768px) {
4371#idVFirR .amh-row {
4372    padding: 0 15px;
4373}
4374}
4375
4376/**** Upcoming Events widget ****/
4377
4378/*widget title*/
4379#idsqaCW h4 {
4380  	font-size: 1.8em;
4381  	margin-bottom: 0.5em;
4382  	font-weight: 400;
4383  	color: #1d1d1d;
4384}
4385/*height of events listing widget*/
4386#idtvR3F .amev-event-list{
4387  	height: 530px;
4388}
4389/*date string in upcoming events widget*/
4390.amev-event-time > .headingtext {
4391  	color: #000000 !important;
4392}
4393.amev-event-title a {
4394  	font-family: 'Roboto', sans-serif;
4395  font-weight: 500;
4396  text-transform: uppercase;
4397  letter-spacing: 0.04em;
4398  text-decoration: none;
4399  	font-weight: 500;
4400  	letter-spacing: 0.02em;
4401}
4402.amev-event-description .eventRegButton {
4403  	font-size: 0.84em;
4404  	margin-bottom: 0.3em;
4405}
4406
4407/* HEADER */
4408#header {
4409  margin: 0 10px 24px 10px;
4410}
4411
4412
4413/* FOOTER */
4414
4415#footer {
4416    margin: 0 auto;
4417    min-height: 10px;
4418  font-size: 11px;
4419}
4420
4421#default_footer {
4422    display: none;
4423}
4424
4425#footer nav {
4426    display: block;
4427  	float: left;
4428    padding: 13px 0 11px;
4429}
4430.social-networks {
4431    margin: 0;
4432    padding: 0;
4433    float: left;
4434    list-style: none;
4435}
4436.social-networks li {
4437    float: left;
4438    padding: 0 5px 0 0;
4439}
4440
4441#footer p, #footer a {
4442    color: #6e6e6e;
4443}
4444#footer a:hover {
4445    color: #000000;
4446}
4447#footer p {
4448    margin: 0;
4449    float: right;
4450    font-size: 9px;
4451    line-height: 16px;
4452    padding: 18px 0 0;
4453}
4454.footer-links {
4455    margin: 0;
4456    padding: 2px 0 0 11px;
4457    float: left;
4458    list-style: none;
4459}
4460.footer-links li {
4461    float: left;
4462    padding-left: 17px;
4463}
4464.footer-links li:first-child {
4465    padding-left: 0;
4466}
4467.footer-links a {
4468    color: #6e6e6e
4469}
4470
4471#mininav a {
4472  color: #999;
4473  font-weight: 600;
4474}
4475#mininav a:hover {
4476  color: #000;
4477}
4478
4479.widgetheader {
4480  text-align: center;
4481  text-transform: uppercase;
4482  padding-right: 10px;
4483}
4484
4485div.widget[data-widgetid='4444'] .amev-event-list{
4486   height: 100%;
4487   width: 294px;
4488}
4489
4490div.widget[data-widgetid='4442'] .amev-event-list{
4491   height: 327px;
4492   width: 100%;
4493}
4494
4495div.widget[data-widgetid='6820'] .amev-event-list{
4496   height: 100%;
4497   width: 100%;
4498}
4499
4500div.widget[data-widgetid='4456'] .amev-event-list{
4501   height: 405px;
4502   width: 100%; 
4503}
4504
4505div.widget[data-widgetid='4457'] .amev-event-list{
4506   height: 534px;
4507   width: 100%; 
4508}
4509
4510div.widget[data-widgetid='6854'] .amev-event-list{
4511   height: 100%;
4512   width: 100%; 
4513}
4514
4515div.widget[data-widgetid='6821'] .amev-event-list{
4516   height: 100%;
4517   width: 100%;
4518}
4519
4520div.widget[data-widgetid='5147'] .amev-event-list{
4521   height: 929px;
4522   width: 100%; 
4523}
4524
4525div.widget[data-widgetid='5153'] .amev-event-list{
4526   height: 100%;
4527   width: 100%; 
4528}
4529
4530div.widget[data-widgetid='5598'] .amev-event-list{
4531   height: 100%;
4532   width: 100%; 
4533}
4534
4535div.widget[data-widgetid='5783'] .amev-event-list{
4536   height: 100%;
4537   width: 100%; 
4538}
4539
4540div.widget[data-widgetid='5785'] .amev-event-list{
4541   height: 100%;
4542   width: 100%; 
4543}
4544
4545div.widget[data-widgetid='5805'] .amev-event-list{
4546   height: 100%;
4547   width: 100%; 
4548}
4549
4550div.widget[data-widgetid='6453'] .amev-event-list{
4551   height: 100%;
4552   width: 100%;
4553}
4554
4555div.widget[data-widgetid='6462'] .amev-event-list{
4556   height: 100%;
4557   width: 100%;
4558   align: right;
4559}
4560
4561div.widget[data-widgetid='6473'] .amev-event-list{
4562   height: 100%;
4563   width: 100%;
4564   align: right;
4565}
4566
4567div.widget[data-widgetid='10259'] .amev-event-list{
4568   height: 332px;
4569   width: 100%;
4570}
4571
4572div.widget[data-widgetid='10913'] .amev-event-list{
4573   height: 100%;
4574   width: 294px;
4575}
4576
4577div.widget[data-widgetid='24924'] .amev-event-list{
4578   height: 350px;
4579   width: 100%;
4580}
4581
4582
4583
4584div [data-widgetid='6501'] .buttontable .toprule {
4585    border-top: 0;
4586}
4587div [data-widgetid='6501'] .buttontable td {
4588    padding: 0px;
4589}
4590
4591div [data-widgetid='6585'] .buttontable .toprule {
4592    border-top: 0;
4593}
4594div [data-widgetid='6585'] .buttontable td {
4595    padding: 0px;
4596}
4597
4598div [data-widgetid='6607'] .buttontable .toprule {
4599    border-top: 0;
4600}
4601div [data-widgetid='6607'] .buttontable td {
4602    padding: 0px;
4603}
4604
4605div [data-widgetid='6608'] .buttontable .toprule {
4606    border-top: 0;
4607}
4608div [data-widgetid='6608'] .buttontable td {
4609    padding: 0px;
4610}
4611
4612div [data-widgetid='6614'] .buttontable .toprule {
4613    border-top: 0;
4614}
4615div [data-widgetid='6614'] .buttontable td {
4616    padding: 0px;
4617}
4618
4619div [data-widgetid='6615'] .buttontable .toprule {
4620    border-top: 0;
4621}
4622div [data-widgetid='6615'] .buttontable td {
4623    padding: 0px;
4624}
4625
4626div [data-widgetid='6646'] .buttontable .toprule {
4627    border-top: 0;
4628}
4629div [data-widgetid='6646'] .buttontable td {
4630    padding: 0px;
4631}
4632
4633div [data-widgetid='6647'] .buttontable .toprule {
4634    border-top: 0;
4635}
4636div [data-widgetid='6647'] .buttontable td {
4637    padding: 0px;
4638}
4639
4640div [data-widgetid='6648'] .buttontable .toprule {
4641    border-top: 0;
4642}
4643div [data-widgetid='6648'] .buttontable td {
4644    padding: 0px;
4645}
4646
4647div [data-widgetid='6649'] .buttontable .toprule {
4648    border-top: 0;
4649}
4650div [data-widgetid='6649'] .buttontable td {
4651    padding: 0px;
4652}
4653
4654div [data-widgetid='6650'] .buttontable .toprule {
4655    border-top: 0;
4656}
4657div [data-widgetid='6650'] .buttontable td {
4658    padding: 0px;
4659}
4660
4661div [data-widgetid='6654'] .buttontable .toprule {
4662    border-top: 0;
4663}
4664div [data-widgetid='6654'] .buttontable td {
4665    padding: 0px;
4666}
4667
4668div [data-widgetid='6655'] .buttontable .toprule {
4669    border-top: 0;
4670}
4671div [data-widgetid='6655'] .buttontable td {
4672    padding: 0px;
4673}
4674
4675div [data-widgetid='6662'] .buttontable .toprule {
4676    border-top: 0;
4677}
4678div [data-widgetid='6662'] .buttontable td {
4679    padding: 0px;
4680}
4681
4682div [data-widgetid='6663'] .buttontable .toprule {
4683    border-top: 0;
4684}
4685div [data-widgetid='6663'] .buttontable td {
4686    padding: 0px;
4687}
4688
4689div [data-widgetid='6664'] .buttontable .toprule {
4690    border-top: 0;
4691}
4692div [data-widgetid='6664'] .buttontable td {
4693    padding: 0px;
4694}
4695
4696div [data-widgetid='6666'] .buttontable .toprule {
4697    border-top: 0;
4698}
4699div [data-widgetid='6666'] .buttontable td {
4700    padding: 0px;
4701}
4702
4703div [data-widgetid='6667'] .buttontable .toprule {
4704    border-top: 0;
4705}
4706div [data-widgetid='6667'] .buttontable td {
4707    padding: 0px;
4708}
4709
4710div [data-widgetid='6668'] .buttontable .toprule {
4711    border-top: 0;
4712}
4713div [data-widgetid='6668'] .buttontable td {
4714    padding: 0px;
4715}
4716
4717div [data-widgetid='6683'] .buttontable .toprule {
4718    border-top: 0;
4719}
4720div [data-widgetid='6683'] .buttontable td {
4721    padding: 0px;
4722}
4723
4724div [data-widgetid='6693'] .buttontable .toprule {
4725    border-top: 0;
4726}
4727div [data-widgetid='6693'] .buttontable td {
4728    padding: 0px;
4729}
4730
4731div [data-widgetid='6699'] .buttontable .toprule {
4732    border-top: 0;
4733}
4734div [data-widgetid='6699'] .buttontable td {
4735    padding: 0px;
4736}
4737
4738div [data-widgetid='6700'] .buttontable .toprule {
4739    border-top: 0;
4740}
4741div [data-widgetid='6700'] .buttontable td {
4742    padding: 0px;
4743}
4744
4745div [data-widgetid='6715'] .buttontable .toprule {
4746    border-top: 0;
4747}
4748div [data-widgetid='6715'] .buttontable td {
4749    padding: 0px;
4750}
4751
4752div [data-widgetid='6716'] .buttontable .toprule {
4753    border-top: 0;
4754}
4755div [data-widgetid='6716'] .buttontable td {
4756    padding: 0px;
4757}
4758
4759div [data-widgetid='6720'] .buttontable .toprule {
4760    border-top: 0;
4761}
4762div [data-widgetid='6720'] .buttontable td {
4763    padding: 0px;
4764}
4765
4766div [data-widgetid='6739'] .buttontable .toprule {
4767    border-top: 0;
4768}
4769div [data-widgetid='6739'] .buttontable td {
4770    padding: 0px;
4771}
4772
4773div [data-widgetid='6740'] .buttontable .toprule {
4774    border-top: 0;
4775}
4776div [data-widgetid='6740'] .buttontable td {
4777    padding: 0px;
4778}
4779
4780div [data-widgetid='6741'] .buttontable .toprule {
4781    border-top: 0;
4782}
4783div [data-widgetid='6741'] .buttontable td {
4784    padding: 0px;
4785}
4786
4787div [data-widgetid='6805'] .buttontable .toprule {
4788    border-top: 0;
4789}
4790div [data-widgetid='6805'] .buttontable td {
4791    padding: 0px;
4792}
4793
4794div [data-widgetid='6806'] .buttontable .toprule {
4795    border-top: 0;
4796}
4797div [data-widgetid='6806'] .buttontable td {
4798    padding: 0px;
4799}
4800
4801div [data-widgetid='6807'] .buttontable .toprule {
4802    border-top: 0;
4803}
4804div [data-widgetid='6807'] .buttontable td {
4805    padding: 0px;
4806}
4807
4808div [data-widgetid='6824'] .buttontable .toprule {
4809    border-top: 0;
4810}
4811div [data-widgetid='6824'] .buttontable td {
4812    padding: 0px;
4813}
4814
4815div [data-widgetid='6825'] .buttontable .toprule {
4816    border-top: 0;
4817}
4818div [data-widgetid='6825'] .buttontable td {
4819    padding: 0px;
4820}
4821
4822div [data-widgetid='6826'] .buttontable .toprule {
4823    border-top: 0;
4824}
4825div [data-widgetid='6826'] .buttontable td {
4826    padding: 0px;
4827}
4828
4829div [data-widgetid='6866'] .buttontable .toprule {
4830    border-top: 0;
4831}
4832div [data-widgetid='6866'] .buttontable td {
4833    padding: 0px;
4834}
4835
4836div [data-widgetid='6867'] .buttontable .toprule {
4837    border-top: 0;
4838}
4839div [data-widgetid='6867'] .buttontable td {
4840    padding: 0px;
4841}
4842
4843div [data-widgetid='6868'] .buttontable .toprule {
4844    border-top: 0;
4845}
4846div [data-widgetid='6868'] .buttontable td {
4847    padding: 0px;
4848}
4849
4850div [data-widgetid='6869'] .buttontable .toprule {
4851    border-top: 0;
4852}
4853div [data-widgetid='6869'] .buttontable td {
4854    padding: 0px;
4855}
4856
4857div [data-widgetid='6870'] .buttontable .toprule {
4858    border-top: 0;
4859}
4860div [data-widgetid='6870'] .buttontable td {
4861    padding: 0px;
4862}
4863
4864div [data-widgetid='6871'] .buttontable .toprule {
4865    border-top: 0;
4866}
4867div [data-widgetid='6871'] .buttontable td {
4868    padding: 0px;
4869}
4870
4871div [data-widgetid='6872'] .buttontable .toprule {
4872    border-top: 0;
4873}
4874div [data-widgetid='6872'] .buttontable td {
4875    padding: 0px;
4876}
4877
4878div [data-widgetid='6873'] .buttontable .toprule {
4879    border-top: 0;
4880}
4881div [data-widgetid='6873'] .buttontable td {
4882    padding: 0px;
4883}
4884
4885div [data-widgetid='6874'] .buttontable .toprule {
4886    border-top: 0;
4887}
4888div [data-widgetid='6874'] .buttontable td {
4889    padding: 0px;
4890}
4891
4892div [data-widgetid='6875'] .buttontable .toprule {
4893    border-top: 0;
4894}
4895div [data-widgetid='6875'] .buttontable td {
4896    padding: 0px;
4897}
4898
4899div [data-widgetid='6876'] .buttontable .toprule {
4900    border-top: 0;
4901}
4902div [data-widgetid='6876'] .buttontable td {
4903    padding: 0px;
4904}
4905
4906div [data-widgetid='6877'] .buttontable .toprule {
4907    border-top: 0;
4908}
4909div [data-widgetid='6877'] .buttontable td {
4910    padding: 0px;
4911}
4912
4913div [data-widgetid='6878'] .buttontable .toprule {
4914    border-top: 0;
4915}
4916div [data-widgetid='6878'] .buttontable td {
4917    padding: 0px;
4918}
4919
4920div [data-widgetid='6879'] .buttontable .toprule {
4921    border-top: 0;
4922}
4923div [data-widgetid='6879'] .buttontable td {
4924    padding: 0px;
4925}
4926
4927div [data-widgetid='6880'] .buttontable .toprule {
4928    border-top: 0;
4929}
4930div [data-widgetid='6880'] .buttontable td {
4931    padding: 0px;
4932}
4933
4934div [data-widgetid='6881'] .buttontable .toprule {
4935    border-top: 0;
4936}
4937div [data-widgetid='6881'] .buttontable td {
4938    padding: 0px;
4939}
4940
4941div [data-widgetid='6882'] .buttontable .toprule {
4942    border-top: 0;
4943}
4944div [data-widgetid='6882'] .buttontable td {
4945    padding: 0px;
4946}
4947
4948div [data-widgetid='6883'] .buttontable .toprule {
4949    border-top: 0;
4950}
4951div [data-widgetid='6883'] .buttontable td {
4952    padding: 0px;
4953}
4954
4955div [data-widgetid='6903'] .buttontable .toprule {
4956    border-top: 0;
4957}
4958div [data-widgetid='6903'] .buttontable td {
4959    padding: 0px;
4960}
4961
4962div [data-widgetid='6904'] .buttontable .toprule {
4963    border-top: 0;
4964}
4965div [data-widgetid='6904'] .buttontable td {
4966    padding: 0px;
4967}
4968
4969div [data-widgetid='6905'] .buttontable .toprule {
4970    border-top: 0;
4971}
4972div [data-widgetid='6905'] .buttontable td {
4973    padding: 0px;
4974}
4975
4976div [data-widgetid='6906'] .buttontable .toprule {
4977    border-top: 0;
4978}
4979div [data-widgetid='6906'] .buttontable td {
4980    padding: 0px;
4981}
4982
4983div [data-widgetid='6907'] .buttontable .toprule {
4984    border-top: 0;
4985}
4986div [data-widgetid='6907'] .buttontable td {
4987    padding: 0px;
4988}
4989
4990div [data-widgetid='6908'] .buttontable .toprule {
4991    border-top: 0;
4992}
4993div [data-widgetid='6908'] .buttontable td {
4994    padding: 0px;
4995}
4996
4997div [data-widgetid='6909'] .buttontable .toprule {
4998    border-top: 0;
4999}
5000div [data-widgetid='6909'] .buttontable td {
5001    padding: 0px;
5002}
5003
5004div [data-widgetid='6910'] .buttontable .toprule {
5005    border-top: 0;
5006}
5007div [data-widgetid='6910'] .buttontable td {
5008    padding: 0px;
5009}
5010
5011div [data-widgetid='6911'] .buttontable .toprule {
5012    border-top: 0;
5013}
5014div [data-widgetid='6911'] .buttontable td {
5015    padding: 0px;
5016}
5017
5018div [data-widgetid='6912'] .buttontable .toprule {
5019    border-top: 0;
5020}
5021div [data-widgetid='6912'] .buttontable td {
5022    padding: 0px;
5023}
5024
5025div [data-widgetid='6913'] .buttontable .toprule {
5026    border-top: 0;
5027}
5028div [data-widgetid='6913'] .buttontable td {
5029    padding: 0px;
5030}
5031
5032div [data-widgetid='6914'] .buttontable .toprule {
5033    border-top: 0;
5034}
5035div [data-widgetid='6914'] .buttontable td {
5036    padding: 0px;
5037}
5038
5039div [data-widgetid='6915'] .buttontable .toprule {
5040    border-top: 0;
5041}
5042div [data-widgetid='6915'] .buttontable td {
5043    padding: 0px;
5044}
5045
5046div [data-widgetid='6916'] .buttontable .toprule {
5047    border-top: 0;
5048}
5049div [data-widgetid='6916'] .buttontable td {
5050    padding: 0px;
5051}
5052
5053div [data-widgetid='6917'] .buttontable .toprule {
5054    border-top: 0;
5055}
5056div [data-widgetid='6917'] .buttontable td {
5057    padding: 0px;
5058}
5059
5060div [data-widgetid='6918'] .buttontable .toprule {
5061    border-top: 0;
5062}
5063div [data-widgetid='6918'] .buttontable td {
5064    padding: 0px;
5065}
5066
5067div [data-widgetid='6919'] .buttontable .toprule {
5068    border-top: 0;
5069}
5070div [data-widgetid='6919'] .buttontable td {
5071    padding: 0px;
5072}
5073
5074div [data-widgetid='6920'] .buttontable .toprule {
5075    border-top: 0;
5076}
5077div [data-widgetid='6920'] .buttontable td {
5078    padding: 0px;
5079}
5080
5081div [data-widgetid='6921'] .buttontable .toprule {
5082    border-top: 0;
5083}
5084div [data-widgetid='6921'] .buttontable td {
5085    padding: 0px;
5086}
5087
5088div [data-widgetid='6922'] .buttontable .toprule {
5089    border-top: 0;
5090}
5091div [data-widgetid='6922'] .buttontable td {
5092    padding: 0px;
5093}
5094
5095div [data-widgetid='6923'] .buttontable .toprule {
5096    border-top: 0;
5097}
5098div [data-widgetid='6923'] .buttontable td {
5099    padding: 0px;
5100}
5101
5102div [data-widgetid='6927'] .buttontable .toprule {
5103    border-top: 0;
5104}
5105div [data-widgetid='6927'] .buttontable td {
5106    padding: 0px;
5107}
5108
5109div [data-widgetid='6928'] .buttontable .toprule {
5110    border-top: 0;
5111}
5112div [data-widgetid='6928'] .buttontable td {
5113    padding: 0px;
5114}
5115
5116div [data-widgetid='6929'] .buttontable .toprule {
5117    border-top: 0;
5118}
5119div [data-widgetid='6929'] .buttontable td {
5120    padding: 0px;
5121}
5122
5123div [data-widgetid='6930'] .buttontable .toprule {
5124    border-top: 0;
5125}
5126div [data-widgetid='6930'] .buttontable td {
5127    padding: 0px;
5128}
5129
5130div [data-widgetid='6931'] .buttontable .toprule {
5131    border-top: 0;
5132}
5133div [data-widgetid='6931'] .buttontable td {
5134    padding: 0px;
5135}
5136
5137div [data-widgetid='6932'] .buttontable .toprule {
5138    border-top: 0;
5139}
5140div [data-widgetid='6932'] .buttontable td {
5141    padding: 0px;
5142}
5143
5144div [data-widgetid='6933'] .buttontable .toprule {
5145    border-top: 0;
5146}
5147div [data-widgetid='6933'] .buttontable td {
5148    padding: 0px;
5149}
5150
5151div [data-widgetid='6934'] .buttontable .toprule {
5152    border-top: 0;
5153}
5154div [data-widgetid='6934'] .buttontable td {
5155    padding: 0px;
5156}
5157
5158div [data-widgetid='6935'] .buttontable .toprule {
5159    border-top: 0;
5160}
5161div [data-widgetid='6935'] .buttontable td {
5162    padding: 0px;
5163}
5164
5165div [data-widgetid='6936'] .buttontable .toprule {
5166    border-top: 0;
5167}
5168div [data-widgetid='6936'] .buttontable td {
5169    padding: 0px;
5170}
5171
5172div [data-widgetid='6937'] .buttontable .toprule {
5173    border-top: 0;
5174}
5175div [data-widgetid='6937'] .buttontable td {
5176    padding: 0px;
5177}
5178
5179div [data-widgetid='6938'] .buttontable .toprule {
5180    border-top: 0;
5181}
5182div [data-widgetid='6938'] .buttontable td {
5183    padding: 0px;
5184}
5185
5186div [data-widgetid='6939'] .buttontable .toprule {
5187    border-top: 0;
5188}
5189div [data-widgetid='6939'] .buttontable td {
5190    padding: 0px;
5191}
5192
5193div [data-widgetid='6940'] .buttontable .toprule {
5194    border-top: 0;
5195}
5196div [data-widgetid='6940'] .buttontable td {
5197    padding: 0px;
5198}
5199
5200div [data-widgetid='6941'] .buttontable .toprule {
5201    border-top: 0;
5202}
5203div [data-widgetid='6941'] .buttontable td {
5204    padding: 0px;
5205}
5206
5207div [data-widgetid='6942'] .buttontable .toprule {
5208    border-top: 0;
5209}
5210div [data-widgetid='6942'] .buttontable td {
5211    padding: 0px;
5212}
5213
5214div [data-widgetid='6943'] .buttontable .toprule {
5215    border-top: 0;
5216}
5217div [data-widgetid='6943'] .buttontable td {
5218    padding: 0px;
5219}
5220
5221div [data-widgetid='6944'] .buttontable .toprule {
5222    border-top: 0;
5223}
5224div [data-widgetid='6944'] .buttontable td {
5225    padding: 0px;
5226}
5227
5228div [data-widgetid='6945'] .buttontable .toprule {
5229    border-top: 0;
5230}
5231div [data-widgetid='6945'] .buttontable td {
5232    padding: 0px;
5233}
5234
5235div [data-widgetid='6946'] .buttontable .toprule {
5236    border-top: 0;
5237}
5238div [data-widgetid='6946'] .buttontable td {
5239    padding: 0px;
5240}
5241
5242div [data-widgetid='6947'] .buttontable .toprule {
5243    border-top: 0;
5244}
5245div [data-widgetid='6947'] .buttontable td {
5246    padding: 0px;
5247}
5248
5249div [data-widgetid='6948'] .buttontable .toprule {
5250    border-top: 0;
5251}
5252div [data-widgetid='6948'] .buttontable td {
5253    padding: 0px;
5254}
5255
5256div [data-widgetid='6949'] .buttontable .toprule {
5257    border-top: 0;
5258}
5259div [data-widgetid='6949'] .buttontable td {
5260    padding: 0px;
5261}
5262
5263div [data-widgetid='6950'] .buttontable .toprule {
5264    border-top: 0;
5265}
5266div [data-widgetid='6950'] .buttontable td {
5267    padding: 0px;
5268}
5269
5270div [data-widgetid='6951'] .buttontable td {
5271    padding: 0px;
5272}
5273div [data-widgetid='6951'] .buttontable .toprule {
5274    border-top: 0;
5275}
5276
5277div [data-widgetid='6952'] .buttontable td {
5278    padding: 0px;
5279}
5280div [data-widgetid='6952'] .buttontable .toprule {
5281    border-top: 0;
5282}
5283
5284div [data-widgetid='6953'] .buttontable td {
5285    padding: 0px;
5286}
5287div [data-widgetid='6953'] .buttontable .toprule {
5288    border-top: 0;
5289}
5290
5291div [data-widgetid='6954'] .buttontable td {
5292    padding: 0px;
5293}
5294div [data-widgetid='6954'] .buttontable .toprule {
5295    border-top: 0;
5296}
5297
5298div [data-widgetid='6956'] .buttontable td {
5299    padding: 0px;
5300}
5301div [data-widgetid='6956'] .buttontable .toprule {
5302    border-top: 0;
5303}
5304
5305div [data-widgetid='7110'] .buttontable td {
5306    padding: 0px;
5307}
5308div [data-widgetid='7110'] .buttontable .toprule {
5309    border-top: 0;
5310}
5311
5312div [data-widgetid='7127'] .buttontable td {
5313    padding: 0px;
5314}
5315div [data-widgetid='7127'] .buttontable .toprule {
5316    border-top: 0;
5317}
5318
5319div[data-widgetid='7144'] .buttontable td {
5320    padding: 0px;
5321}
5322div[data-w
5322idgetid='7144'] .buttontable .toprule {
5323    border-top: 0;
5324    background-color: transparent;
5325}
5326
5327div [data-widgetid='7145'] .buttontable td {
5328    padding: 0px;
5329}
5330div [data-widgetid='7145'] .buttontable .toprule {
5331    border-top: 0;
5332}
5333
5334div [data-widgetid='7149'] .buttontable td {
5335    padding: 0px;
5336}
5337div [data-widgetid='7149'] .buttontable .toprule {
5338    border-top: 0;
5339}
5340
5341div [data-widgetid='7150'] .buttontable td {
5342    padding: 0px;
5343}
5344div [data-widgetid='7150'] .buttontable .toprule {
5345    border-top: 0;
5346}
5347
5348div [data-widgetid='7584'] .buttontable td {
5349    padding: 0px;
5350}
5351div [data-widgetid='7584'] .buttontable .toprule {
5352    border-top: 0;
5353}
5354
5355div [data-widgetid='7585'] .buttontable td {
5356    padding: 0px;
5357}
5358div [data-widgetid='7585'] .buttontable .toprule {
5359    border-top: 0;
5360}
5361
5362div [data-widgetid='8707'] .buttontable td {
5363    padding: 0px;
5364}
5365div [data-widgetid='8707'] .buttontable .toprule {
5366    border-top: 0;
5367}
5368
5369div [data-widgetid='8708'] .buttontable td {
5370    padding: 0px;
5371}
5372div [data-widgetid='8708'] .buttontable .toprule {
5373    border-top: 0;
5374}
5375
5376div [data-widgetid='8709'] .buttontable td {
5377    padding: 0px;
5378}
5379div [data-widgetid='8709'] .buttontable .toprule {
5380    border-top: 0;
5381}
5382
5383div [data-widgetid='8730'] .buttontable .toprule {
5384    border-top: 0;
5385}
5386div [data-widgetid='8730'] .buttontable td {
5387    padding: 0px;
5388}
5389
5390div [data-widgetid='8780'] .buttontable .toprule {
5391    border-top: 0;
5392}
5393div [data-widgetid='8780'] .buttontable td {
5394    padding: 0px;
5395}
5396
5397div [data-widgetid='9236'] .buttontable .toprule {
5398    border-top: 0;
5399}
5400div [data-widgetid='9236'] .buttontable td {
5401    padding: 0px;
5402}
5403
5404div [data-widgetid='9307'] .buttontable .toprule {
5405    border-top: 0;
5406}
5407div [data-widgetid='9307'] .buttontable td {
5408    padding: 0px;
5409}
5410
5411div [data-widgetid='9319'] .buttontable .toprule {
5412    border-top: 0;
5413}
5414div [data-widgetid='9319'] .buttontable td {
5415    padding: 0px;
5416}
5417
5418div [data-widgetid='9348'] .buttontable .toprule {
5419    border-top: 0;
5420}
5421div [data-widgetid='9348'] .buttontable td {
5422    padding: 0px;
5423}
5424
5425div [data-widgetid='9349'] .buttontable .toprule {
5426    border-top: 0;
5427}
5428div [data-widgetid='9349'] .buttontable td {
5429    padding: 0px;
5430}
5431
5432div [data-widgetid='9350'] .buttontable .toprule {
5433    border-top: 0;
5434}
5435div [data-widgetid='9350'] .buttontable td {
5436    padding: 0px;
5437}
5438
5439div [data-widgetid='9351'] .buttontable .toprule {
5440    border-top: 0;
5441}
5442div [data-widgetid='9351'] .buttontable td {
5443    padding: 0px;
5444}
5445
5446div [data-widgetid='9629'] .buttontable .toprule {
5447    border-top: 0;
5448}
5449div [data-widgetid='9629'] .buttontable td {
5450    padding: 0px;
5451}
5452
5453div [data-widgetid='9725'] .buttontable .toprule {
5454    border-top: 0;
5455}
5456div [data-widgetid='9725'] .buttontable td {
5457    padding: 0px;
5458}
5459
5460div [data-widgetid='9791'] .buttontable .toprule {
5461    border-top: 0;
5462}
5463div [data-widgetid='9791'] .buttontable td {
5464    padding: 0px;
5465}
5466
5467div [data-widgetid='9792'] .buttontable .toprule {
5468    border-top: 0;
5469}
5470div [data-widgetid='9792'] .buttontable td {
5471    padding: 0px;
5472}
5473
5474div [data-widgetid='10671'] .buttontable .toprule {
5475    border-top: 0;
5476}
5477div [data-widgetid='10671'] .buttontable td {
5478    padding: 0px;
5479}
5480
5481div [data-widgetid='10731'] .buttontable .toprule {
5482    border-top: 0;
5483}
5484div [data-widgetid='10731'] .buttontable td {
5485    padding: 0px;
5486}
5487
5488div [data-widgetid='10732'] .buttontable .toprule {
5489    border-top: 0;
5490}
5491div [data-widgetid='10732'] .buttontable td {
5492    padding: 0px;
5493}
5494
5495div [data-widgetid='10733'] .buttontable .toprule {
5496    border-top: 0;
5497}
5498div [data-widgetid='10733'] .buttontable td {
5499    padding: 0px;
5500}
5501
5502div [data-widgetid='10734'] .buttontable .toprule {
5503    border-top: 0;
5504}
5505div [data-widgetid='10734'] .buttontable td {
5506    padding: 0px;
5507}
5508
5509div [data-widgetid='10735'] .buttontable .toprule {
5510    border-top: 0;
5511}
5512div [data-widgetid='10735'] .buttontable td {
5513    padding: 0px;
5514}
5515
5516div [data-widgetid='10736'] .buttontable .toprule {
5517    border-top: 0;
5518}
5519div [data-widgetid='10736'] .buttontable td {
5520    padding: 0px;
5521}
5522
5523div [data-widgetid='10737'] .buttontable .toprule {
5524    border-top: 0;
5525}
5526div [data-widgetid='10737'] .buttontable td {
5527    padding: 0px;
5528}
5529
5530div [data-widgetid='10956'] .buttontable .toprule {
5531    border-top: 0;
5532}
5533div [data-widgetid='10956'] .buttontable td {
5534    padding: 0px;
5535}
5536
5537div [data-widgetid='10957'] .buttontable .toprule {
5538    border-top: 0;
5539}
5540div [data-widgetid='10957'] .buttontable td {
5541    padding: 0px;
5542}
5543
5544div [data-widgetid='10958'] .buttontable .toprule {
5545    border-top: 0;
5546}
5547div [data-widgetid='10958'] .buttontable td {
5548    padding: 0px;
5549}
5550
5551div [data-widgetid='10959'] .buttontable .toprule {
5552    border-top: 0;
5553}
5554div [data-widgetid='10959'] .buttontable td {
5555    padding: 0px;
5556}
5557
5558div [data-widgetid='10961'] .buttontable .toprule {
5559    border-top: 0;
5560}
5561div [data-widgetid='10961'] .buttontable td {
5562    padding: 0px;
5563}
5564
5565div [data-widgetid='10962'] .buttontable .toprule {
5566    border-top: 0;
5567}
5568div [data-widgetid='10962'] .buttontable td {
5569    padding: 0px;
5570}
5571
5572div [data-widgetid='10963'] .buttontable .toprule {
5573    border-top: 0;
5574}
5575div [data-widgetid='10963'] .buttontable td {
5576    padding: 0px;
5577}
5578
5579div [data-widgetid='10964'] .buttontable .toprule {
5580    border-top: 0;
5581}
5582div [data-widgetid='10964'] .buttontable td {
5583    padding: 0px;
5584}
5585
5586div [data-widgetid='11001'] .buttontable .toprule {
5587    border-top: 0;
5588}
5589div [data-widgetid='11001'] .buttontable td {
5590    padding: 0px;
5591}
5592
5593div [data-widgetid='11067'] .buttontable .toprule {
5594    border-top: 0;
5595}
5596div [data-widgetid='11067'] .buttontable td {
5597    padding: 0px;
5598}
5599
5600div [data-widgetid='11068'] .buttontable .toprule {
5601    border-top: 0;
5602}
5603div [data-widgetid='11068'] .buttontable td {
5604    padding: 0px;
5605}
5606
5607div [data-widgetid='11100'] .buttontable .toprule {
5608    border-top: 0;
5609}
5610div [data-widgetid='11100'] .buttontable td {
5611    padding: 0px;
5612}
5613
5614div [data-widgetid='11101'] .buttontable .toprule {
5615    border-top: 0;
5616}
5617div [data-widgetid='11101'] .buttontable td {
5618    padding: 0px;
5619}
5620
5621div [data-widgetid='11102'] .buttontable .toprule {
5622    border-top: 0;
5623}
5624div [data-widgetid='11102'] .buttontable td {
5625    padding: 0px;
5626}
5627
5628div [data-widgetid='11103'] .buttontable .toprule {
5629    border-top: 0;
5630}
5631div [data-widgetid='11103'] .buttontable td {
5632    padding: 0px;
5633}
5634
5635div [data-widgetid='11104'] .buttontable .toprule {
5636    border-top: 0;
5637}
5638div [data-widgetid='11104'] .buttontable td {
5639    padding: 0px;
5640}
5641
5642div [data-widgetid='11105'] .buttontable .toprule {
5643    border-top: 0;
5644}
5645div [data-widgetid='11105'] .buttontable td {
5646    padding: 0px;
5647}
5648
5649div [data-widgetid='11106'] .buttontable .toprule {
5650    border-top: 0;
5651}
5652div [data-widgetid='11106'] .buttontable td {
5653    padding: 0px;
5654}
5655
5656div [data-widgetid='11108'] .buttontable .toprule {
5657    border-top: 0;
5658}
5659div [data-widgetid='11108'] .buttontable td {
5660    padding: 0px;
5661}
5662
5663div [data-widgetid='11564'] .buttontable .toprule {
5664    border-top: 0;
5665}
5666div [data-widgetid='11564'] .buttontable td {
5667    padding: 0px;
5668}
5669
5670div [data-widgetid='11565'] .buttontable .toprule {
5671    border-top: 0;
5672}
5673div [data-widgetid='11565'] .buttontable td {
5674    padding: 0px;
5675}
5676
5677div [data-widgetid='11643'] .buttontable .toprule {
5678    border-top: 0;
5679}
5680div [data-widgetid='11643'] .buttontable td {
5681    padding: 0px;
5682}
5683
5684div [data-widgetid='11644'] .buttontable .toprule {
5685    border-top: 0;
5686}
5687div [data-widgetid='11644'] .buttontable td {
5688    padding: 0px;
5689}
5690
5691div [data-widgetid='11645'] .buttontable .toprule {
5692    border-top: 0;
5693}
5694div [data-widgetid='11645'] .buttontable td {
5695    padding: 0px;
5696}
5697
5698div [data-widgetid='11646'] .buttontable .toprule {
5699    border-top: 0;
5700}
5701div [data-widgetid='11646'] .buttontable td {
5702    padding: 0px;
5703}
5704
5705div [data-widgetid='11647'] .buttontable .toprule {
5706    border-top: 0;
5707}
5708div [data-widgetid='11647'] .buttontable td {
5709    padding: 0px;
5710}
5711
5712div [data-widgetid='11648'] .buttontable .toprule {
5713    border-top: 0;
5714}
5715div [data-widgetid='11648'] .buttontable td {
5716    padding: 0px;
5717}
5718
5719div [data-widgetid='12160'] .buttontable .toprule {
5720    border-top: 0;
5721}
5722div [data-widgetid='12160'] .buttontable td {
5723    padding: 0px;
5724}
5725
5726div [data-widgetid='12186'] .buttontable .toprule {
5727    border-top: 0;
5728}
5729div [data-widgetid='12186'] .buttontable td {
5730    padding: 0px;
5731}
5732
5733div [data-widgetid='12187'] .buttontable .toprule {
5734    border-top: 0;
5735}
5736div [data-widgetid='12187'] .buttontable td {
5737    padding: 0px;
5738}
5739
5740div [data-widgetid='12188'] .buttontable .toprule {
5741    border-top: 0;
5742}
5743div [data-widgetid='12188'] .buttontable td {
5744    padding: 0px;
5745}
5746
5747div [data-widgetid='12189'] .buttontable .toprule {
5748    border-top: 0;
5749}
5750div [data-widgetid='12189'] .buttontable td {
5751    padding: 0px;
5752}
5753
5754div [data-widgetid='12391'] .buttontable .toprule {
5755    border-top: 0;
5756}
5757div [data-widgetid='12391'] .buttontable td {
5758    padding: 0px;
5759}
5760
5761div [data-widgetid='12460'] .buttontable .toprule {
5762    border-top: 0;
5763}
5764div [data-widgetid='12460'] .buttontable td {
5765    padding: 0px;
5766}
5767
5768div [data-widgetid='12461'] .buttontable .toprule {
5769    border-top: 0;
5770}
5771div [data-widgetid='12461'] .buttontable td {
5772    padding: 0px;
5773}
5774
5775div [data-widgetid='12620'] .buttontable .toprule {
5776    border-top: 0;
5777}
5778div [data-widgetid='12620'] .buttontable td {
5779    padding: 0px;
5780}
5781
5782div [data-widgetid='13104'] .buttontable .toprule {
5783    border-top: 0;
5784}
5785div [data-widgetid='13104'] .buttontable td {
5786    padding: 0px;
5787}
5788
5789div [data-widgetid='13143'] .buttontable .toprule {
5790    border-top: 0;
5791}
5792div [data-widgetid='13143'] .buttontable td {
5793    padding: 0px;
5794}
5795
5796div [data-widgetid='13274'] .buttontable .toprule {
5797    border-top: 0;
5798}
5799div [data-widgetid='13274'] .buttontable td {
5800    padding: 0px;
5801}
5802
5803div [data-widgetid='13689'] .buttontable .toprule {
5804    border-top: 0;
5805}
5806div [data-widgetid='13689'] .buttontable td {
5807    padding: 0px;
5808}
5809
5810div [data-widgetid='14016'] .buttontable .toprule {
5811    border-top: 0;
5812}
5813div [data-widgetid='14016'] .buttontable td {
5814    padding: 0px;
5815}
5816
5817div [data-widgetid='16548'] .buttontable .toprule {
5818    border-top: 0;
5819}
5820div [data-widgetid='16548'] .buttontable td {
5821    padding: 0px;
5822}
5823
5824div [data-widgetid='16758'] .buttontable .toprule {
5825    border-top: 0;
5826}
5827div [data-widgetid='16758'] .buttontable td {
5828    padding: 0px;
5829}
5830
5831div [data-widgetid='18800'] .buttontable .toprule {
5832    border-top: 0;
5833}
5834div [data-widgetid='18800'] .buttontable td {
5835    padding: 0px;
5836}
5837
5838div [data-widgetid='19036'] .buttontable .toprule {
5839    border-top: 0;
5840}
5841div [data-widgetid='19036'] .buttontable td {
5842    padding: 0px;
5843}
5844
5845div [data-widgetid='21395'] .buttontable .toprule {
5846    border-top: 0;
5847}
5848div [data-widgetid='21395'] .buttontable td {
5849    padding: 0px;
5850}
5851
5852div [data-widgetid='21402'] .buttontable .toprule {
5853    border-top: 0;
5854}
5855div [data-widgetid='21402'] .buttontable td {
5856    padding: 0px;
5857}
5858
5859div [data-widgetid='22003'] .buttontable .toprule {
5860    border-top: 0;
5861}
5862div [data-widgetid='22003'] .buttontable td {
5863    padding: 0px;
5864}
5865
5866div [data-widgetid='22004'] .buttontable .toprule {
5867    border-top: 0;
5868}
5869div [data-widgetid='22004'] .buttontable td {
5870    padding: 0px;
5871}
5872
5873div [data-widgetid='22005'] .buttontable .toprule {
5874    border-top: 0;
5875}
5876div [data-widgetid='22005'] .buttontable td {
5877    padding: 0px;
5878}
5879
5880div [data-widgetid='22326'] .buttontable .toprule {
5881    border-top: 0;
5882}
5883div [data-widgetid='22326'] .buttontable td {
5884    padding: 0px;
5885}
5886
5887div [data-widgetid='22654'] .buttontable .toprule {
5888    border-top: 0;
5889}
5890div [data-widgetid='22654'] .buttontable td {
5891    padding: 0px;
5892}
5893
5894div [data-widgetid='24923'] .buttontable .toprule {
5895    border-top: 0;
5896}
5897div [data-widgetid='24923'] .buttontable td {
5898    padding: 0px;
5899}
5900
5901div [data-widgetid='24927'] .buttontable .toprule {
5902    border-top: 0;
5903}
5904div [data-widgetid='24927'] .buttontable td {
5905    padding: 0px;
5906}
5907
5908div [data-widgetid='25145'] .buttontable .toprule {
5909    border-top: 0;
5910}
5911div [data-widgetid='25145'] .buttontable td {
5912    padding: 0px;
5913}
5914
5915div [data-widgetid='25647'] .buttontable .toprule {
5916    border-top: 0;
5917}
5918div [data-widgetid='25647'] .buttontable td {
5919    padding: 0px;
5920}
5921
5922div [data-widgetid='25648'] .buttontable .toprule {
5923    border-top: 0;
5924}
5925div [data-widgetid='25648'] .buttontable td {
5926    padding: 0px;
5927}
5928
5929div [data-widgetid='25649'] .buttontable .toprule {
5930    border-top: 0;
5931}
5932div [data-widgetid='25649'] .buttontable td {
5933    padding: 0px;
5934}
5935
5936div [data-widgetid='25650'] .buttontable .toprule {
5937    border-top: 0;
5938}
5939div [data-widgetid='25650'] .buttontable td {
5940    padding: 0px;
5941}
5942
5943div [data-widgetid='25651'] .buttontable .toprule {
5944    border-top: 0;
5945}
5946div [data-widgetid='25651'] .buttontable td {
5947    padding: 0px;
5948}
5949
5950div [data-widgetid='25652'] .buttontable .toprule {
5951    border-top: 0;
5952}
5953div [data-widgetid='25652'] .buttontable td {
5954    padding: 0px;
5955}
5956
5957 div [data-widgetid='25653'] .buttontable .toprule {
5958    border-top: 0;
5959}
5960div [data-widgetid='25653'] .buttontable td {
5961    padding: 0px;
5962}
5963
5964div [data-widgetid='25654'] .buttontable .toprule {
5965    border-top: 0;
5966}
5967div [data-widgetid='25654'] .buttontable td {
5968    padding: 0px;
5969}
5970
5971div.widget[data-widgetid='7494'] .amev-event-list{
5972   height: 100%;
5973   width: 100%; 
5974}
5975
5976/* color of active pagination dot in slideshow widget*/
5977.cycle-pager-active {
5978    color: #74bc45;
5979}
5980.slider-pager {
5981}
5982
5983/* HEADER SEARCH WIDGET 
5984
5985#header .search-form {
5986    top: 86px;
5987    right: 10px;
5988    width: 246px;
5989    color: #fff;
5990    background: #9FC93A;
5991    padding: 10px 19px 4px;
5992    position: absolute;
5993}
5994
5995#header .search-form .decor {
5996    top: -10px;
5997    left: -12px;
5998    position: absolute;
5999    width: 304px;
6000    height: 113px;
6001    overflow: hidden;
6002    background: url('https://slcpl.libnet.info/images/tile/slcpl/bg-decor1.png') no-repeat;
6003}
6004#header .search-form fieldset {
6005    width: 100%;
6006    position: relative;
6007}
6008#header form, #header fieldset {
6009    margin: 0;
6010    padding: 0;
6011    border-style: none;
6012}
6013#header .search-form legend {
6014    font-size: 26px;
6015    line-height: 30px;
6016    font-weight: bold;
6017    margin: 0;
6018    padding: 0 0 4px;
6019}
6020*/
6021/*Hide Librarian Help Location*/
6022#event_locations > div:nth-child(7) {display:none;}
6023
6024
6025.amnp-group-picker {
6026	display:none;
6027}
6028
6029/* Custom Reference number label on My Reservations/My Registrations tab */
6030.ammev-login .nav-tabs>li:last-child a:after {
6031  content: " number";
6032}
6033
6034    .nav-tabs>li:not(.active)>a {
6035        background-color: #f4f4f4; /* Grey background color */
6036        color: #4a4a4a; /* Text color */
6037    }
6038
6039
6040
6041.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover
6042{
6043        color: #007934!important; /* Text color */
6044    }
6045
6046.rd-day-next-month, .rd-day-prev-month 
6047{
6048    color: #6e6e6e;
6049}
6050
6051
6052
6053#recording-widget summary:hover #recording-text {
6054  color:#000;
6055}
6056:root {
6057  --legacy-gradient-white: linear-gradient(90deg, #ffffff 0%, #ffffff 33%, #ffffff 66%, #ffffff 100%);
6058  --legacy-gradient-blue: linear-gradient(90deg, #0096d6 0%, #0096d6 33%, #0096d6 66%, #0096d6 100%);
6059  --legacy-gradient-007934: linear-gradient(90deg, #007934 0%, #007934 33%, #007934 66%, #007934 100%);
6060}
6061/*
6062{
6063    "id": "382",
6064    "client_id": "187",
6065    "name": "cms slcpl web theme",
6066    "outer_frame_colour": "#ffffff",
6067    "search_frame_colour": "#ffffff",
6068    "link_weight": "bold",
6069    "widget_border_colour": "#007934",
6070    "widget_border_size": "1",
6071    "widget_border_radius": "0",
6072    "widget_header_colour": "3885",
6073    "widget_header_weight": "bold",
6074    "widget_title_text_colour": "#ffffff",
6075    "widget_subheading_colour": "#2b2b2b",
6076    "widget_body_colour": "#ffffff",
6077    "widget_dividing_rule_colour": "#d9d9d9",
6078    "widget_movable": "0",
6079    "widget_tab_active_text_colour": "#ffffff",
6080    "widget_tab_active_background_colour": "#9fc93a",
6081    "widget_tab_inactive_text_colour": "#ffffff",
6082    "widget_tab_inactive_background_colour": "#698f00",
6083    "tab_border_size": "0",
6084    "tab_frame_colour": "#000000",
6085    "tab_text_colour": "#007934",
6086    "tab_weight": "normal",
6087    "tab_border_radius": "0",
6088    "tab_bar_background_colour": "960",
6089    "tab_background_colour": "960",
6090    "tab_hover_frame_colour": "#000000",
6091    "tab_hover_text_colour": "#000000",
6092    "tab_background_hover_colour": "960",
6093    "button_weight": "normal",
6094    "widget_shadow_colour": "#000000",
6095    "widget_shadow_size": "1",
6096    "widget_shadow_spread": "1",
6097    "widget_shadow_offset": "0",
6098    "widget_border_alpha": "0",
6099    "footer_link_colour": "#ffffff",
6100    "header_logo": "",
6101    "welcome_text": "",
6102    "use_alt_welcome": "0",
6103    "alt_welcome_text": "",
6104    "header_background_colour": "0",
6105    "header_pixel_width": "0",
6106    "header_row_pixel_width": "988",
6107    "body_pixel_width": "998",
6108    "body_row_pixel_width": "998",
6109    "footer_pixel_width": "0",
6110    "footer_row_pixel_width": "998",
6111    "revision": "1008",
6112    "last_update": "2026-05-12 22:12:06",
6113    "updated_by": "1641",
6114    "primary_background_colour": "#ffffff"
6115}
6116*/
6117
6118/* ==============================
6119   SLCPL Theme Color + Style Overrides
6120   Ported from theme 382 (style/382)
6121   to override Bootstrap scaffolding
6122   and Communico defaults.
6123   ============================== */
6124
6125
6126/* ------------------------------
6127   BODY + BASE TYPOGRAPHY
6128   ------------------------------ */
6129body {
6130    font-family: 'Roboto', sans-serif !important;
6131    font-size: 16px !important;
6132    color: #3f3f3f !important;
6133    background-color: #ffffff !important;
6134}
6135
6136
6137/* ------------------------------
6138   GLOBAL LINK COLORS
6139   body a beats Bootstrap's bare
6140   a { color } specificity.
6141   ------------------------------ */
6142body a {
6143    color: #007934 !important;
6144    text-decoration: none !important;
6145    font-weight: bold !important;
6146}
6147
6148body a:hover {
6149    color: #050505 !important;
6150    text-decoration: none !important;
6151}
6152
6153
6154/* ------------------------------
6155   FOOTER LINKS
6156   Grey, not green — matching
6157   the production site exactly.
6158   ------------------------------ */
6159footer#footer a,
6160#cobeggl a {
6161    color: #6e6e6e !important;
6162    font-weight: normal !important;
6163}
6164
6165footer#footer a:hover,
6166#cobeggl a:hover {
6167    color: #000000 !important;
6168}
6169
6170footer#footer {
6171    font-size: 11px !important;
6172}
6173
6174footer#footer p {
6175    font-size: 9px !important;
6176}
6177
6178
6179/* ------------------------------
6180   HEADINGS
6181   ------------------------------ */
6182h1, h2, h3, h4, h5, h6,
6183.heading1, .heading2, .heading3,
6184.heading4, .heading5, .heading6 {
6185    color: #2b2b2b !important;
6186    font-family: 'Arial', sans-serif !important;
6187    font-weight: 400 !important;
6188    text-transform: uppercase !important;
6189    letter-spacing: 0.04em !important;
6190    line-height: 1.3 !important;
6191    margin-top: 0 !important;
6192    margin-bottom: 0 !important;
6193    padding-top: 2px !important;
6194    padding-bottom: 2px !important;
6195}
6196
6197h1, h2, .heading1, .heading2 {
6198    padding-top: 5px !important;
6199    padding-bottom: 5px !important;
6200}
6201
6202h1, .heading1 { font-size: 3.667em !important; font-weight: bold !important; }
6203h2, .heading2 { font-size: 2.667em !important; font-weight: bold !important; }
6204h3, .heading3 { font-size: 1.833em !important; font-weight: bold !important; }
6205h4, .heading4 { font-size: 1.167em !important; font-weight: bold !important; }
6206h5, .heading5 { font-size: 0.917em !important; font-weight: bold !important; text-transform: uppercase !important; }
6207
6208
6209/* ------------------------------
6210   CUSTOM TEXT CLASSES
6211   ------------------------------ */
6212.custom2 {
6213    font-family: 'Arial', sans-serif !important;
6214    font-size: 1.5em !important;
6215    font-weight: 700 !important;
6216    text-transform: uppercase !important;
6217    letter-spacing: 0.04em !important;
6218    word-wrap: break-word !important;
6219    overflow-wrap: break-word !important;
6220}
6221
6222.custom6 {
6223    font-family: 'Arial', sans-serif !important;
6224    font-size: 1.4em !important;
6225    font-weight: 300 !important;
6226    line-height: 1.6 !important;
6227}
6228
6229.headingtext {
6230    font-family: 'Arial', sans-serif !important;
6231    font-weight: 700 !important;
6232    color: #2b2b2b !important;
6233}
6234
6235.bodytext {
6236    color: #3f3f3f !important;
6237}
6238
6239
6240/* ------------------------------
6241   BUTTONS
6242   Blue default, green on hover.
6243   ------------------------------ */
6244.button,
6245.resource_item_header,
6246.button-strip a {
6247    font-family: 'Arial', sans-serif !important;
6248    font-weight: 500 !important;
6249    font-size: 1em !important;
6250    text-transform: uppercase !important;
6251    letter-spacing: 0.04em !important;
6252    text-decoration: none !important;
6253    padding: 8px 30px !important;
6254    border-radius: 10px !important;
6255    background-color: #0096d6 !important;
6256    border: 5px solid #0096d6 !important;
6257    color: #ffffff !important;
6258    margin-bottom: 0.5em !important;
6259}
6260
6261.button:hover,
6262.resource_item_header:hover,
6263.button-strip a:hover,
6264.button_open,
6265.button-strip-active a {
6266    background-color: #007934 !important;
6267    border-color: #007934 !important;
6268    color: #ffffff !important;
6269}
6270
6271.button a,
6272.button-strip a,
6273.button:hover a,
6274.button-strip-active a {
6275    color: #ffffff !important;
6276    text-decoration: none !important;
6277}
6278
6279@media (max-width: 768px) {
6280    .button, .button:hover {
6281        display: block !important;
6282        width: 60% !important;
6283        margin: 5px auto !important;
6284    }
6285}
6286
6287
6288/* ------------------------------
6289   WIDGETS
6290   ------------------------------ */
6291.widget {
6292    border: 1px solid #007934 !important;
6293    background-color: #ffffff !important;
6294    border-radius: 0 !important;
6295    box-shadow: 0px 0px 1px 1px rgba(0,0,0,0) !important;
6296}
6297
6298.widgetheader {
6299    background-color: #007934 !important;
6300    color: #ffffff !important;
6301    font-weight: bold !important;
6302    text-align: center !important;
6303    text-transform: uppercase !important;
6304    padding-right: 10px !important;
6305    border-radius: 0 !important;
6306}
6307
6308.widgetbg {
6309    background-color: #ffffff !important;
6310}
6311
6312.widgetbody p {
6313    margin-top: 0 !important;
6314}
6315
6316.widgetbody h1 {
6317    color: #2b2b2b !important;
6318}
6319
6320.widgetbody hr {
6321    color: #d9d9d9 !important;
6322    background-color: #d9d9d9 !important;
6323    height: 1px !important;
6324    border: none !important;
6325    margin-top: 6px !important;
6326    margin-bottom: 8px !important;
6327}
6328
6329
6330/* ------------------------------
6331   EVENTS LISTING PAGE
6332   ------------------------------ */
6333.events-right > h1,
6334.events-grid > h1 {
6335    font-family: 'Arial', sans-serif !important;
6336    font-size: 3.8em !important;
6337    font-weight: 400 !important;
6338    text-transform: uppercase !important;
6339    letter-spacing: 0.04em !important;
6340    margin-top: 14px !important;
6341    margin-bottom: 14px !important;
6342    padding-bottom: 5px !important;
6343}
6344
6345.events-date-bar {
6346    font-size: 1.6em !important;
6347    font-weight: 600 !important;
6348    margin-bottom: 1em !important;
6349    padding: 10px 0 !important;
6350    border-top: 1px solid #bbbbbb !important;
6351    border-bottom: 1px solid #bbbbbb !important;
6352}
6353
6354.eelisttitle a {
6355    font-family: 'Arial', sans-serif !important;
6356    font-size: 1.2em !important;
6357    font-weight: 600 !important;
6358    letter-spacing: 0.04em !important;
6359    text-transform: uppercase !important;
6360    text-decoration: none !important;
6361    margin-bottom: 0.5em !important;
6362}
6363
6364.amev-event-title a {
6365    font-family: 'Roboto', sans-serif !important;
6366    font-size: inherit !important;
6367    font-weight: 500 !important;
6368    text-transform: uppercase !important;
6369    letter-spacing: 0.02em !important;
6370    text-decoration: none !important;
6371}
6372
6373div.amev-cal-date-title {
6374    font-size: 30px !important;
6375    text-transform: uppercase !important;
6376}
6377
6378
6379/* ------------------------------
6380   TABS
6381   ------------------------------ */
6382.widget_tab,
6383.widget_tab_selected {
6384    background-color: #698f00 !important;
6385    color: #ffffff !important;
6386    cursor: pointer !important;
6387    font-size: 1.083em !important;
6388    padding: 5px !important;
6389    float: left !important;
6390}
6391
6392.widget_tab:hover,
6393.widget_tab_selected {
6394    background-color: #9fc93a !important;
6395    color: #ffffff !important;
6396}
6397
6398.widget_tab_bar {
6399    height: 28px !important;
6400    border-bottom: 1px solid #d9d9d9 !important;
6401}
6402
6403.nav-tabs > li:not(.active) > a {
6404    background-color: #f4f4f4 !important;
6405    color: #4a4a4a !important;
6406}
6407
6408.nav-tabs > li.active > a,
6409.nav-tabs > li.active > a:focus,
6410.nav-tabs > li.active > a:hover {
6411    color: #007934 !important;
6412}
6413
6414
6415/* ------------------------------
6416   DIVIDERS + RULES
6417   ------------------------------ */
6418.toprule {
6419    border-top: 1px solid #d9d9d9 !important;
6420}
6421
6422.bottomrule {
6423    border-bottom: 1px solid #d9d9d9 !important;
6424}
6425
6426.rssFeed .rssRow,
6427.tweet_list li {
6428    border-bottom: 1px solid #d9d9d9 !important;
6429}
6430
6431
6432/* ------------------------------
6433   PAGINATION
6434   ------------------------------ */
6435.pagination > .active > a,
6436.pagination > .active > a:hover {
6437    background-color: #2b2b2b !important;
6438    border-color: #2b2b2b !important;
6439}
6440
6441.pagination > li > a,
6442.pagination > li > a:hover {
6443    color: #2b2b2b !important;
6444}
6445}</style><style data-layer="section">@layer section {
6446@media (max-width: 767px) {
6447	#cocuofpm939mlw {
6448		display: none !important;
6449	}
6450}
6451@media (max-width: 767px) {
6452	#co60vd94cc2q8x {
6453		display: none !important;
6454	}
6455}
6456@media (max-width: 767px) {
6457	#co9pacr8rpcrw4 {
6458		display: none !important;
6459	}
6460}
6461@media (min-width: 1024px) {
6462	#cohz5dy53dx4aq {
6463		display: none !important;
6464	}
6465}
6466@media (min-width: 768px) and (max-width: 1023px) {
6467	#cohz5dy53dx4aq {
6468		display: none !important;
6469	}
6470}
6471@media (min-width: 1024px) {
6472	#coermse2em66lc {
6473		display: none !important;
6474	}
6475}
6476@media (min-width: 768px) and (max-width: 1023px) {
6477	#coermse2em66lc {
6478		display: none !important;
6479	}
6480}
6481@media (max-width: 767px) {
6482	#cox66use3b0znr {
6483		display: none !important;
6484	}
6485}
6486@media (max-width: 767px) {
6487	#codup1r588v73l {
6488		display: none !important;
6489	}
6490}
6491@media (min-width: 1024px) {
6492	#co39jjnzz3q8af {
6493		display: none !important;
6494	}
6495}
6496@media (min-width: 768px) and (max-width: 1023px) {
6497	#co39jjnzz3q8af {
6498		display: none !important;
6499	}
6500}
6501}</style><style data-layer="block">@layer block {
6502#cob60zvv4g7hwv{
6503	align-items: stretch;
6504
6505}
6506#cote8bdxqut2ig{
6507		width: 100%;
6508		align-items: stretch;
6509
6510}
6511#co4vxgwar5hybu{
6512			margin: 5px 5px 0px;
6513			padding: 5px 5px 0px;
6514			position: relative;
6515			border-width: 0px;
6516			border-style: solid;
6517			flex-grow: 1;
6518
6519}
6520@media (max-width: 767px) {
6521	#co4vxgwar5hybu, .co-section-grid > .co-grid-item[data-grid-block-id="co4vxgwar5hybu"] {
6522		display: none !important;
6523	}
6524}
6525#co6l8qy12byd9y{
6526		align-items: stretch;
6527
6528}
6529#cobhk71{
6530			margin: 5px 5px 5px 5px;
6531			padding: 5px;
6532			width: 417px;
6533			flex-grow: 1;
6534
6535}
6536@media (max-width: 767px) {
6537	#cobhk71 {
6538					height: 100%;
6539					width: 100%;
6540					margin: 0px 0px 30px 0px;
6541
6542	}
6543}
6544#cobhk71 > img, #cobhk71 > a > img {
6545	object-fit: fill;
6546}
6547#co0n5w9{
6548			margin: 0px 5px;
6549			padding: 0px 5px;
6550			border-width: 0px;
6551			border-style: solid;
6552			width: 100%;
6553			flex-basis: 48%;
6554
6555}
6556@media (max-width: 767px) {
6557	#co0n5w9, .co-section-grid > .co-grid-item[data-grid-block-id="co0n5w9"] {
6558		display: none !important;
6559	}
6560}
6561#coedes0{
6562			flex-basis: 45%;
6563
6564}
6565#cofrh7k4e5vmgq{
6566		margin: 0px 5px;
6567		padding: 0px 5px;
6568		border-width: 0px;
6569		border-style: solid;
6570		width: 100%;
6571
6572}
6573@media (min-width: 1024px) {
6574	#cofrh7k4e5vmgq, .co-section-grid > .co-grid-item[data-grid-block-id="cofrh7k4e5vmgq"] {
6575		display: none !important;
6576	}
6577}
6578@media (min-width: 768px) and (max-width: 1023px) {
6579	#cofrh7k4e5vmgq, .co-section-grid > .co-grid-item[data-grid-block-id="cofrh7k4e5vmgq"] {
6580		display: none !important;
6581	}
6582}
6583#cojz8dznsy0w08{
6584		background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);
6585		width: 100%;
6586		padding: 0px 0px;
6587		margin: 0px 0px;
6588
6589}
6590.co-section-grid > .co-grid-item[data-grid-block-id="cojz8dznsy0w08"]:hover, .co-section-grid > .co-grid-item[data-grid-block-id="cojz8dznsy0w08"]:focus-within {
6591	position: relative !important;
6592	z-index: 25 !important;
6593}
6594#co4sftn6rdelqn{
6595width: 100%;
6596align-items: stretch;
6597border-width: 0px;
6598border-style: solid;
6599margin: 0px;
6600padding: 0px;
6601
6602}
6603#co2hqjr080eu70{
6604	margin: 5px;
6605	padding: 5px;
6606	border-width: 0px;
6607	border-style: solid;
6608	width: 100%;
6609
6610}
6611#cogx5dzor4to98{
6612	margin: 0px;
6613	padding: 0px;
6614	border-width: 0px;
6615	border-style: solid;
6616	width: 100%;
6617
6618}
6619@media (max-width: 767px) {
6620	#coqivhu, .co-section-grid > .co-grid-item[data-grid-block-id="coqivhu"] {
6621		display: none !important;
6622	}
6623}
6624@media (max-width: 767px) {
6625	#cowp06k, .co-section-grid > .co-grid-item[data-grid-block-id="cowp06k"] {
6626		display: none !important;
6627	}
6628}
6629#cokcn12o9n1nx4{
6630width: 100%;
6631align-items: stretch;
6632
6633}
6634#co3qxqqkimdpcr{
6635	width: 100%;
6636	align-items: stretch;
6637	flex-grow: 1;
6638
6639}
6640#co03wrg4s1gnir{
6641		margin: 0px 0px 0px 0px;
6642		padding: 0px 0px 0px 0px;
6643		position: relative;
6644		border-width: 0px;
6645		border-style: solid;
6646		width: 100%;
6647
6648}
6649#cogggh5vl1eqpo{
6650		margin: 0px 5px 5px;
6651		padding: 0px 5px 5px;
6652		border-width: 0px;
6653		border-style: solid;
6654		width: 100%;
6655
6656}
6657#cow4y8d26iqpox{
6658		margin: 5px 5px 5px 5px;
6659		padding: 0px 0px 0px 0px;
6660		position: relative;
6661		border-width: 0px;
6662		border-style: solid;
6663		width: 100%;
6664
6665}
6666#co3xb0ahb6a5wg{
6667	width: 100%;
6668	align-items: stretch;
6669	border-width: 0px;
6670	border-style: solid;
6671	flex-grow: 1;
6672
6673}
6674#co0upmjkvdtam3{
6675		margin: 5px 5px 5px 5px;
6676		padding: 7px 5px 5px 13px;
6677		position: relative;
6678		border-width: 0px;
6679		border-style: solid;
6680		width: 100%;
6681
6682}
6683#cokfhjs27vlslp{
6684		margin: 5px;
6685		padding: 5px;
6686		border-width: 0px;
6687		border-style: solid;
6688		width: 100%;
6689
6690}
6691#comxnsb2ffuys9{
6692	width: 100%;
6693	align-items: stretch;
6694	border-width: 0px;
6695	border-style: solid;
6696	flex-grow: 1;
6697
6698}
6699#co6bv58oogfqe3{
6700		margin: 5px;
6701		padding: 5px;
6702		border-width: 0px;
6703		border-style: solid;
6704		width: 100%;
6705
6706}
6707#cojxcpv6frbub7{
6708width: 100%;
6709align-items: stretch;
6710border-width: 0px;
6711border-style: solid;
6712
6713}
6714#col2q26h2fohtw{
6715	margin: 5px 5px 0px;
6716	padding: 5px 5px 0px;
6717	position: relative;
6718	border-width: 0px;
6719	border-style: solid;
6720	width: 100%;
6721
6722}
6723#coxh4uj0uixj2q{
6724	width: 100%;
6725	align-items: stretch;
6726
6727}
6728#co6hy2gh9k7ard{
6729width: 100%;
6730align-items: stretch;
6731
6732}
6733
6734@media (max-width: 767px) {
6735	#cov9lsr {
6736			margin: 0px 0px 25px 0px;
6737
6738	}
6739}
6740
6741@media (max-width: 767px) {
6742	#cohnbyk {
6743			margin: 0px 0px 25px 0px;
6744
6745	}
6746}
6747#co7a461jfm1v6v{
6748	margin: 5px;
6749	padding: 5px;
6750	position: relative;
6751	border-width: 0px;
6752	border-style: solid;
6753	width: 100%;
6754
6755}
6756@media (max-width: 767px) {
6757	#co7a461jfm1v6v, .co-section-grid > .co-grid-item[data-grid-block-id="co7a461jfm1v6v"] {
6758		display: none !important;
6759	}
6760}
6761#cojwrfaqqtgeos{
6762	margin: 5px;
6763	padding: 5px;
6764	position: relative;
6765	border-width: 0px;
6766	border-style: solid;
6767	width: 100%;
6768
6769}
6770#cojixu7{
6771	margin: 5px;
6772	padding: 5px;
6773	position: relative;
6774	border-width: 0px;
6775	border-style: solid;
6776	width: 100%;
6777
6778}
6779#cofvx5qjv8yo8k{
6780	margin: 5px;
6781	padding: 5px;
6782	border-width: 0px;
6783	border-style: solid;
6784	width: 100%;
6785
6786}
6787#co5vrl9y6fn7vy{
6788	margin: 0px 5px;
6789	padding: 12px 5px 0px;
6790	position: relative;
6791	border-width: 0px;
6792	border-style: solid;
6793	width: 100%;
6794
6795}
6796#cojpihqudcuyl5{
6797	margin: 0px 5px 5px;
6798	padding: 0px 5px 5px;
6799	border-width: 0px;
6800	border-style: solid;
6801	width: 100%;
6802
6803}
6804#coninrlla5u8iz{
6805width: 100%;
6806align-items: stretch;
6807border-width: 0px;
6808border-style: solid;
6809
6810}
6811#copjpg5br0kf1z{
6812	margin: 5px 5px 0px;
6813	padding: 5px 5px 0px;
6814	position: relative;
6815	border-width: 0px;
6816	border-style: solid;
6817	width: 100%;
6818
6819}
6820#cobexmfytzyoiz{
6821	margin: 0px 5px;
6822	padding: 0px 5px;
6823	border-width: 0px;
6824	border-style: solid;
6825	width: 100%;
6826
6827}
6828#coupu0nicj59q1{
6829margin: 5px 5px 0px;
6830padding: 5px 5px 0px;
6831position: relative;
6832border-width: 0px;
6833border-style: solid;
6834
6835}
6836#co3teef27on79q{
6837margin: 0px 5px 5px;
6838padding: 0px 5px 5px;
6839border-width: 0px;
6840border-style: solid;
6841
6842}
6843#com7gw45ewiaqv{
6844	width: 100%;
6845	align-items: stretch;
6846	border-width: 0px;
6847	border-style: solid;
6848
6849}
6850@media (max-width: 767px) {
6851	#com7gw45ewiaqv, .co-section-grid > .co-grid-item[data-grid-block-id="com7gw45ewiaqv"] {
6852		display: none !important;
6853	}
6854}
6855#co687im187y6rj{
6856	width: 100%;
6857	align-items: stretch;
6858	border-width: 0px;
6859	border-style: solid;
6860
6861}
6862#cokcp5kvteeg9s{
6863		margin: 0px 5px 5px;
6864		padding: 0px 5px 5px;
6865		border-width: 0px;
6866		border-style: solid;
6867		width: 100%;
6868
6869}
6870#covxiqcb0uhf31{
6871		margin: 5px;
6872		padding: 5px;
6873		position: relative;
6874		width: 100%;
6875
6876}
6877#cow7ea4{
6878		margin: 5px;
6879		padding: 5px;
6880		position: relative;
6881		width: 100%;
6882
6883}
6884}</style>
6884<script src="https://elements.communico.co/component-auto-loader.js" type="module" defer="" data-create-head-key="co-auto-loader" data-create-head-fingerprint="h-6607dd0f" data-create-head-source="co-element"></script>
6884<script data-create-head-fingerprint="h-d66abfb4" data-create-head-source="default-script">
6885		(function() {
6886			const NS_KEY = '__coCreateRendererScriptV1';
6887			const MOBILE_QUERY = '(max-width: 767px)';
6888			const MANAGED_CLASS = 'co-mobile-nav-managed';
6889			const CHEVRON_CLASS = 'co-mobile-nav-chevron';
6890			const TOGGLE_CLASS = 'co-mobile-nav-toggle';
6891
6892			const rootNamespace = window[NS_KEY] || {};
6893			rootNamespace.handlers = rootNamespace.handlers || {};
6894			window[NS_KEY] = rootNamespace;
6895
6896			const bindDocumentClick = (key, handler) => {
6897				const previousHandler = rootNamespace.handlers[key];
6898				if (previousHandler) {
6899					document.removeEventListener('click', previousHandler);
6900				}
6901				rootNamespace.handlers[key] = handler;
6902				document.addEventListener('click', handler);
6903			};
6904
6905			const bindDocumentKeydown = (key, handler) => {
6906				const previousHandler = rootNamespace.handlers[key];
6907				if (previousHandler) {
6908					document.removeEventListener('keydown', previousHandler);
6909				}
6910				rootNamespace.handlers[key] = handler;
6911				document.addEventListener('keydown', handler);
6912			};
6913
6914			const bindDocumentFocusout = (key, handler) => {
6915				const previousHandler = rootNamespace.handlers[key];
6916				if (previousHandler) {
6917					document.removeEventListener('focusout', previousHandler);
6918				}
6919				rootNamespace.handlers[key] = handler;
6920				document.addEventListener('focusout', handler);
6921			};
6922
6923			const bindWindowResize = (key, handler) => {
6924				const previousHandler = rootNamespace.handlers[key];
6925				if (previousHandler) {
6926					window.removeEventListener('resize', previousHandler);
6927				}
6928				rootNamespace.handlers[key] = handler;
6929				window.addEventListener('resize', handler);
6930			};
6931
6932			const isMobileView = () => window.matchMedia(MOBILE_QUERY).matches;
6933
6934			const handleToggleClick = (event) => {
6935				const toggleButton = event.target.closest('[data-toggle]');
6936				if (!toggleButton) {
6937					return;
6938				}
6939				const targetSelector = toggleButton.getAttribute('data-toggle');
6940				if (!targetSelector) {
6941					return;
6942				}
6943				const targetToggleClass = toggleButton.getAttribute('data-toggle-class') || 'hidden';
6944				const toggleScope = toggleButton.closest('nav.editor-block-navigation') || document;
6945				const targets = toggleScope.querySelectorAll(targetSelector);
6946				targets.forEach((target) => target.classList.toggle(targetToggleClass));
6947				if (toggleButton.hasAttribute('aria-expanded')) {
6948					const isExpanded = Array.from(targets).some((target) => target.classList.contains(targetToggleClass));
6949					toggleButton.setAttribute('aria-expanded', isExpanded ? 'true' : 'false');
6950				}
6951			};
6952
6953			const handleToggleKeydown = (event) => {
6954				if (event.key !== 'Enter' && event.key !== ' ') {
6955					return;
6956				}
6957				const toggleButton = event.target.closest('[data-toggle][role="button"]');
6958				if (!toggleButton) {
6959					return;
6960				}
6961				event.preventDefault();
6962				toggleButton.click();
6963			};
6964
6965			const handleNavKeydown = (event) => {
6966				if (event.key === 'Escape') {
6967					const openItem = event.target.closest('nav.editor-block-navigation li.has-submenu.is-open');
6968					if (openItem) {
6969						setSubmenuOpenState(openItem, false, { restoreFocus: true });
6970					}
6971					return;
6972				}
6973				if (event.key !== ' ') {
6974					return;
6975				}
6976				const link = event.target.closest('nav.editor-block-navigation a[href]');
6977				if (!link) {
6978					return;
6979				}
6980				event.preventDefault();
6981				link.click();
6982			};
6983
6984			const handleNavSubmenuFocusout = (event) => {
6985				const nextFocused = event.relatedTarget;
6986				// iOS Safari fires focusout with a null relatedTarget during tap
6987				// interactions inside the nav (e.g. tapping a link/toggle blurs the
6988				// previously focused element), even though focus has not meaningfully
6989				// left the nav. Acting on it would collapse the menu before the click
6990				// lands, breaking every submenu tap. Only react to a real focus move to
6991				// a known element; tapping away is handled by the outside-click handler.
6992				if (!nextFocused) {
6993					return;
6994				}
6995				document.querySelectorAll('nav.editor-block-navigation li.has-submenu.is-open').forEach((item) => {
6996					if (item.contains(nextFocused)) {
6997						return;
6998					}
6999					setSubmenuOpenState(item, false);
7000				});
7001
7002				if (!isMobileView()) {
7003					return;
7004				}
7005
7006				const nav = event.target.closest('nav.editor-block-navigation');
7007				if (!nav) {
7008					return;
7009				}
7010				if (nav.contains(nextFocused)) {
7011					return;
7012				}
7013
7014				const navMenu = nav.querySelector(':scope > ul');
7015				if (navMenu && navMenu.classList.contains('active')) {
7016					navMenu.classList.remove('active');
7017					const burgerToggle = nav.querySelector(':scope > .burger-menu[aria-expanded]');
7018					if (burgerToggle) {
7019						burgerToggle.setAttribute('aria-expanded', 'false');
7020					}
7021					getSubmenuItems(nav).forEach((item) => {
7022						setSubmenuOpenState(item, false);
7023					});
7024				}
7025			};
7026
7027			const handleNavOutsideClick = (event) => {
7028				// Mobile only: tapping fully outside any nav collapses the open burger
7029				// menu. This replaces the focusout-based close for touch devices, where
7030				// focusout is no longer trusted to mean "focus left the nav".
7031				if (isMobileView() && !event.target.closest('nav.editor-block-navigation')) {
7032					document.querySelectorAll('nav.editor-block-navigation > ul.active').forEach((navMenu) => {
7033						navMenu.classList.remove('active');
7034						const nav = navMenu.closest('nav.editor-block-navigation');
7035						const burgerToggle = nav && nav.querySelector(':scope > .burger-menu[aria-expanded]');
7036						if (burgerToggle) {
7037							burgerToggle.setAttribute('aria-expanded', 'false');
7038						}
7039					});
7040				}
7041				// All breakpoints: a click outside any open submenu closes open submenus.
7042				// This also covers keyboard-opened submenus on desktop, where clicking
7043				// non-focusable content blurs with a null relatedTarget that the focusout
7044				// handler intentionally ignores.
7045				if (event.target.closest('nav.editor-block-navigation li.has-submenu.is-open')) {
7046					return;
7047				}
7048				document.querySelectorAll('nav.editor-block-navigation li.has-submenu.is-open').forEach((item) => {
7049					setSubmenuOpenState(item, false);
7050				});
7051			};
7052
7053			const getSubmenuItems = (nav) => {
7054				return Array.from(nav.querySelectorAll('li.has-submenu')).filter((item) => {
7055					return Boolean(item.querySelector(':scope > ul'));
7056				});
7057			};
7058
7059			const getSubmenuParts = (item) => {
7060				return {
7061					trigger: item.querySelector(':scope > .' + TOGGLE_CLASS),
7062					submenu: item.querySelector(':scope > ul'),
7063				};
7064			};
7065
7066			const getSubmenuLevelControls = (submenu) => {
7067				return Array.from(submenu.querySelectorAll(':scope > li > a, :scope > li > .' + TOGGLE_CLASS));
7068			};
7069
7070			const setElementTabbable = (element, isTabbable) => {
7071				if (isTabbable) {
7072					if (element.dataset.coNavOriginalTabindex !== undefined) {
7073						element.setAttribute('tabindex', element.dataset.coNavOriginalTabindex);
7074						delete element.dataset.coNavOriginalTabindex;
7075					} else {
7076						element.removeAttribute('tabindex');
7077					}
7078					return;
7079				}
7080				if (!element.hasAttribute('tabindex')) {
7081					element.dataset.coNavOriginalTabindex = '';
7082				} else if (element.dataset.coNavOriginalTabindex === undefined) {
7083					element.dataset.coNavOriginalTabindex = element.getAttribute('tabindex') || '';
7084				}
7085				element.setAttribute('tabindex', '-1');
7086			};
7087
7088			const setSubmenuLevelFocusability = (submenu, isOpen) => {
7089				getSubmenuLevelControls(submenu).forEach((control) => {
7090					setElementTabbable(control, isOpen);
7091				});
7092			};
7093
7094			const getFirstSubmenuControl = (submenu) => {
7095				return submenu.querySelector(':scope > li > a, :scope > li > .' + TOGGLE_CLASS);
7096			};
7097
7098			const setSubmenuOpenState = (item, isOpen, options = {}) => {
7099				const { moveFocus = false, restoreFocus = false } = options;
7100				const { trigger, submenu } = getSubmenuParts(item);
7101				if (!trigger || !submenu) {
7102					return;
7103				}
7104
7105				item.classList.toggle('is-open', isOpen);
7106				trigger.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
7107				submenu.setAttribute('aria-hidden', isOpen ? 'false' : 'true');
7108				setSubmenuLevelFocusability(submenu, isOpen);
7109
7110				if (isMobileView()) {
7111					const openDisplay = 'block';
7112					submenu.style.setProperty('display', isOpen ? openDisplay : 'none', 'important');
7113				} else {
7114					submenu.style.removeProperty('display');
7115				}
7116
7117				const chevron = trigger.querySelector('.' + CHEVRON_CLASS);
7118				if (chevron) {
7119					chevron.style.setProperty('transform', isOpen ? 'rotate(180deg)' : 'rotate(0deg)');
7120				}
7121
7122				if (!isOpen) {
7123					Array.from(submenu.querySelectorAll('li.has-submenu')).forEach((childItem) => {
7124						if (childItem === item) {
7125							return;
7126						}
7127						setSubmenuOpenState(childItem, false);
7128					});
7129					if (restoreFocus) {
7130						trigger.focus();
7131					}
7132					return;
7133				}
7134
7135				if (moveFocus) {
7136					const firstControl = getFirstSubmenuControl(submenu);
7137					if (firstControl) {
7138						firstControl.focus();
7139					}
7140				}
7141			};
7142
7143			const clearSubmenuState = (item) => {
7144				const { trigger, submenu } = getSubmenuParts(item);
7145				item.classList.remove('is-open');
7146				// Also clear the desktop click-mode (openMode = click) state. Otherwise a
7147				// submenu opened on desktop stays stuck open after a resize down to mobile,
7148				// where its '.open' toggle button is hidden and only the mobile system runs.
7149				item.classList.remove('open');
7150				const desktopToggle = item.querySelector(':scope > [data-navigation-submenu-toggle]');
7151				if (desktopToggle) {
7152					desktopToggle.setAttribute('aria-expanded', 'false');
7153				}
7154				const desktopLink = item.querySelector(':scope > a, :scope > .editor-block-navigation__label');
7155				if (desktopLink) {
7156					desktopLink.setAttribute('aria-expanded', 'false');
7157				}
7158				if (submenu) {
7159					submenu.style.removeProperty('display');
7160					submenu.setAttribute('aria-hidden', 'true');
7161					setSubmenuLevelFocusability(submenu, false);
7162				}
7163				if (trigger) {
7164					trigger.setAttribute('aria-expanded', 'false');
7165					const chevron = trigger.querySelector('.' + CHEVRON_CLASS);
7166					if (chevron) {
7167						chevron.style.setProperty('transform', 'rotate(0deg)');
7168					}
7169				}
7170			};
7171
7172			const syncMobileNavState = () => {
7173				const isMobile = isMobileView();
7174				document.querySelectorAll('nav.editor-block-navigation').forEach((nav) => {
7175					const submenuItems = getSubmenuItems(nav);
7176					if (!isMobile) {
7177						nav.classList.remove(MANAGED_CLASS);
7178						submenuItems.forEach((item) => {
7179							clearSubmenuState(item);
7180						});
7181					} else {
7182						nav.classList.add(MANAGED_CLASS);
7183					}
7184					submenuItems.forEach((item) => {
7185						setSubmenuOpenState(item, false);
7186					});
7187				});
7188			};
7189
7190			const isPlaceholderNavHref = (link) => {
7191				const href = (link.getAttribute('href') || '').trim();
7192				// Only an empty or bare '#' href is a placeholder (a pure submenu parent).
7193				// A real in-page anchor like '#section' has a destination and should navigate.
7194				return href === '' || href === '#';
7195			};
7196
7197			const handleNavToggleClick = (event) => {
7198				let item = null;
7199				const toggle = event.target.closest('nav.editor-block-navigation li.has-submenu > .' + TOGGLE_CLASS);
7200				if (toggle) {
7201					event.preventDefault();
7202					item = toggle.closest('li.has-submenu');
7203				} else if (isMobileView()) {
7204					// On mobile the submenu is collapsed, so a tap on a parent item's link
7205					// should open the submenu instead of following a placeholder ('#' / empty)
7206					// href, which would otherwise jump to the top of the current page.
7207					const parentLink = event.target.closest('nav.editor-block-navigation li.has-submenu > a');
7208					if (parentLink && isPlaceholderNavHref(parentLink)) {
7209						event.preventDefault();
7210						item = parentLink.closest('li.has-submenu');
7211					}
7212				}
7213				if (!item) {
7214					return;
7215				}
7216				const submenu = item.querySelector(':scope > ul');
7217				if (!submenu) {
7218					return;
7219				}
7220
7221				const isOpen = item.classList.contains('is-open');
7222				if (!isOpen) {
7223					const parent = item.parentElement;
7224					if (parent) {
7225						Array.from(parent.children).forEach((sibling) => {
7226							if (sibling === item || !sibling.classList || !sibling.classList.contains('has-submenu')) {
7227								return;
7228							}
7229							setSubmenuOpenState(sibling, false);
7230						});
7231					}
7232					setSubmenuOpenState(item, true, { moveFocus: true });
7233					return;
7234				}
7235				setSubmenuOpenState(item, false, { restoreFocus: true });
7236			};
7237
7238			const setDesktopSubmenuOpenState = (item, isOpen) => {
7239				const toggle = item.querySelector(':scope > [data-navigation-submenu-toggle]');
7240				const link = item.querySelector(':scope > a, :scope > .editor-block-navigation__label');
7241				item.classList.toggle('open', isOpen);
7242				if (toggle) {
7243					toggle.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
7244				}
7245				if (link) {
7246					link.setAttribute('aria-haspopup', 'true');
7247					link.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
7248				}
7249			};
7250
7251			const handleNavigationSubmenuToggleClick = (event) => {
7252				const toggle = event.target.closest('[data-navigation-submenu-toggle]');
7253				if (!toggle) {
7254					return;
7255				}
7256				const item = toggle.closest('li.has-submenu');
7257				const nav = toggle.closest('nav.editor-block-navigation');
7258				if (!item || !nav) {
7259					return;
7260				}
7261				event.preventDefault();
7262				event.stopPropagation();
7263				const isOpen = item.classList.contains('open');
7264				const parent = item.parentElement;
7265				if (parent) {
7266					Array.from(parent.children).forEach((sibling) => {
7267						if (sibling === item || !sibling.classList || !sibling.classList.contains('has-submenu')) {
7268							return;
7269						}
7270						setDesktopSubmenuOpenState(sibling, false);
7271					});
7272				}
7273				setDesktopSubmenuOpenState(item, !isOpen);
7274			};
7275
7276			const handleNavigationOutsideClick = (event) => {
7277				document.querySelectorAll('nav.editor-block-navigation li.has-submenu.open').forEach((item) => {
7278					if (item.contains(event.target)) {
7279						return;
7280					}
7281					setDesktopSubmenuOpenState(item, false);
7282				});
7283			};
7284
7285			const handleSkipLinkClick = (event) => {
7286				const link = event.target.closest('.co-skip-links__link');
7287				if (!link) {
7288					return;
7289				}
7290				const href = link.getAttribute('href') || '';
7291				if (href.charAt(0) !== '#') {
7292					return;
7293				}
7294				const target = document.getElementById(href.slice(1));
7295				if (!target) {
7296					return;
7297				}
7298				// Make the destination programmatically focusable only for the moment of
7299				// the jump; a persistent tabindex='-1' in the resting markup trips
7300				// accessibility checkers ("focusable element is not in keyboard tab order").
7301				if (!target.hasAttribute('tabindex')) {
7302					target.setAttribute('tabindex', '-1');
7303					target.addEventListener('blur', () => target.removeAttribute('tabindex'), { once: true });
7304				}
7305				target.focus();
7306			};
7307
7308			bindDocumentClick('skipLinkClick', handleSkipLinkClick);
7309			bindDocumentClick('toggleClick', handleToggleClick);
7310			bindDocumentKeydown('toggleKeydown', handleToggleKeydown);
7311			bindDocumentKeydown('navKeydown', handleNavKeydown);
7312			bindDocumentFocusout('navSubmenuFocusout', handleNavSubmenuFocusout);
7313			bindDocumentClick('navOutsideClick', handleNavOutsideClick);
7314			bindDocumentClick('navToggleClick', handleNavToggleClick);
7315			bindDocumentClick('navigationSubmenuToggleClick', handleNavigationSubmenuToggleClick);
7316			bindDocumentClick('navigationOutsideClick', handleNavigationOutsideClick);
7317			bindWindowResize('mobileNavResize', syncMobileNavState);
7318
7319			if (document.readyState === 'loading') {
7320				if (!rootNamespace.domReadySyncBound) {
7321					rootNamespace.domReadySyncBound = true;
7322					document.addEventListener('DOMContentLoaded', () => {
7323						syncMobileNavState();
7324						rootNamespace.domReadySyncBound = false;
7325					}, { once: true });
7326				}
7327				return;
7328			}
7329
7330			syncMobileNavState();
7331		})();
7332		(function() {
7333			const initialiseStackTabs = () => {
7334				const applyStackLayer = (stackId, layerIndex) => {
7335					if (!stackId) return;
7336					const stack = document.getElementById(stackId);
7337					if (!stack) return;
7338					const layers = Array.from(stack.querySelectorAll('.editor-block-stack-layer'));
7339					if (!layers.length) return;
7340					const targetIndex = Math.min(Math.max(Number(layerIndex) || 0, 0), layers.length - 1);
7341					layers.forEach((layer, index) => {
7342						const isActive = index === targetIndex;
7343						layer.hidden = !isActive;
7344						layer.classList.toggle('is-active', isActive);
7345						layer.classList.toggle('is-hidden', !isActive);
7346						layer.setAttribute('aria-hidden', isActive ? 'false' : 'true');
7347					});
7348					stack.setAttribute('data-active-layer-index', String(targetIndex));
7349					const activeLayer = layers[targetIndex];
7350					stack.setAttribute('data-active-layer-id', activeLayer?.dataset.layerId || '');
7351					const tabs = Array.from(stack.querySelectorAll('.editor-stack-tab'));
7352						tabs.forEach((tab, index) => {
7353							const isActive = index === targetIndex;
7354							tab.classList.toggle('editor-stack-tab--active', isActive);
7355							tab.setAttribute('aria-selected', isActive ? 'true' : 'false');
7356							const baseStyle = (tab.getAttribute('data-tab-base-style') || '').trim();
7357							const activeStyle = (tab.getAttribute('data-tab-active-style') || '').trim();
7358							let combinedStyle = baseStyle;
7359							if (isActive && activeStyle) {
7360								combinedStyle = combinedStyle ? combinedStyle + ' ' + activeStyle : activeStyle;
7361							}
7362							tab.setAttribute('style', combinedStyle);
7363						});
7364				};
7365
7366				const bus = window.eventBus || (function() {
7367					const listeners = {};
7368					return window.eventBus = {
7369						on(event, callback) {
7370							listeners[event] = listeners[event] || [];
7371							listeners[event].push(callback);
7372						},
7373						off(event, callback) {
7374							const arr = listeners[event];
7375							if (!arr) return;
7376							listeners[event] = arr.filter((fn) => fn !== callback);
7377						},
7378						emit(event, payload) {
7379							(listeners[event] || []).forEach((fn) => {
7380								try {
7381									fn(payload);
7382								} catch (error) {
7383									console.error('[stack-tabs]', error);
7384								}
7385							});
7386						},
7387					};
7388				})();
7389
7390				if (!bus.__stackTabsInitialised) {
7391					bus.on('stack-change', (payload) => {
7392						if (!payload || !payload.stackId) return;
7393						applyStackLayer(payload.stackId, payload.layerIndex ?? 0);
7394					});
7395					document.addEventListener('click', (event) => {
7396						const tab = event.target.closest('.editor-stack-tab');
7397						if (!tab) return;
7398						const stack = tab.closest('.editor-block-stack');
7399						if (!stack || !stack.id) return;
7400						const tabs = Array.from(stack.querySelectorAll('.editor-stack-tab'));
7401						const index = Math.max(0, tabs.indexOf(tab));
7402						bus.emit('stack-change', { stackId: stack.id, layerIndex: index });
7403					});
7404					bus.__stackTabsInitialised = true;
7405				}
7406			};
7407			if (document.readyState === 'loading') {
7408				document.addEventListener('DOMContentLoaded', initialiseStackTabs, { once: true });
7409			} else {
7410				initialiseStackTabs();
7411			}
7412		})();
7413	
7414				jQuery(document).ready(function($){
7415  $('#sub-menu').on('change', function () {
7416    var url = $(this).val(); // get selected value
7417    if (url) { // require a URL
7418      window.location = url; // redirect
7419    }
7420    return false;
7421  });
7422});
7423  
7424$(document).ready(function() {
7425
7426       var $rows = $('table tr');
7427       $("#filter").change(function() {
7428
7429           var val = '^(?=.*\\b' + $.trim($(this).val()).split(/\s+/).join('\\b)(?=.*\\b') + ').*$',
7430               reg = RegExp(val, 'i'),
7431               text;
7432           if ($(this).val() !== 'all') {
7433             
7434               $rows.show().filter(function() {
7435                   text = $(this).text().replace(/\s+/g, ' ');
7436                   return !reg.test(text);
7437               }).hide();
7438             
7439           } else {
7440               $rows.show();
7441           }
7442       });
7443   });
7444
7445$('.collapse').on('show.bs.collapse', function () {
7446  $('.collapse.in').collapse('hide');
7447})
7448
7449console.log('script parsed, typeof $:', typeof $);
7450
7451function setCookie(name, value, days) {
7452  var expires = "";
7453  if (days) {
7454    var date = new Date();
7455    date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
7456    expires = "; expires=" + date.toUTCString();
7457  }
7458  document.cookie = name + "=" + (value || "") + expires + "; path=/";
7459}
7460
7461function getCookie(name) {
7462  var nameEQ = name + "=";
7463  var ca = document.cookie.split(';');
7464  for (var i = 0; i < ca.length; i++) {
7465    var c = ca[i];
7466    while (c.charAt(0) == ' ') c = c.substring(1, c.length);
7467    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
7468  }
7469  return null;
7470}
7471
7472$(document).ready(function () {
7473  if (!getCookie('SRC26modalShown')) {
7474    var w = window.innerWidth;
7475    if (w >= 900) {
7476      $('#mySRC26Modal').modal('show');
7477    } else {
7478      $('#mySRC26ModalMobile').modal('show');
7479    }
7480    setCookie('SRC26modalShown', 'true', 7); // Cookie expires in 7 days
7481  }
7482});
7483
7484$(document).ready(function () {
7485  if (!getCookie('modalLandShown')) {
7486    var w = window.innerWidth;
7487    if (w >= 900) {
7488      $('#myLandModal').modal('show');
7489    } else {
7490      $('#myLandModalMobile').modal('show');
7491    }
7492    setCookie('modalLandShown', 'true', 14); // Cookie expires in 14 days
7493  }
7494});
7495
7496$(document).ready(function () {
7497  if (!getCookie('modalPassportShown')) {
7498    var w = window.innerWidth;
7499    if (w >= 900) {
7500      $('#myPassportModal').modal('show');
7501    } else {
7502      $('#myPassportModalMobile').modal('show');
7503    }
7504    setCookie('modalPassportShown', 'true', 1); // Cookie expires in 1 days
7505  }
7506});
7507
7508$(document).ready(function () {
7509  if (!getCookie('modalFoundationShown')) {
7510    var w = window.innerWidth;
7511    if (w >= 900) {
7512      $('#myFoundationModal').modal('show');
7513    } else {
7514      $('#myFoundationModalMobile').modal('show');
7515    }
7516    setCookie('modalFoundationShown', 'true', 7); // Cookie expires in 7 days
7517  }
7518});
7519
7520(function(){
7521  var els = document.querySelectorAll('.prizes-page .pr');
7522
7523  var failsafe = setTimeout(function() {
7524    els.forEach(function(el) { el.classList.add('in'); });
7525  }, 1500);
7526
7527  var obs = new IntersectionObserver(function(entries) {
7528    entries.forEach(function(e) {
7529      if (e.isIntersecting) {
7530        clearTimeout(failsafe);
7531        var d = parseInt(e.target.dataset.d || 0);
7532        setTimeout(function() { e.target.classList.add('in'); }, d);
7533        obs.unobserve(e.target);
7534      }
7535    });
7536  }, { threshold: .05 });
7537
7538  els.forEach(function(el) { obs.observe(el); });
7539
7540  document.querySelectorAll('.pnav a').forEach(function(a) {
7541    a.addEventListener('mousedown', function() {
7542      var id = a.getAttribute('href').slice(1);
7543      var sec = document.getElementById(id);
7544      if (sec) sec.querySelectorAll('.pr').forEach(function(el) { el.classList.add('in'); });
7545    });
7546  });
7547
7548  var secs = document.querySelectorAll('.psec[id]');
7549  var btns = document.querySelectorAll('.pnav a');
7550  var so = new IntersectionObserver(function(entries) {
7551    entries.forEach(function(e) {
7552      if (e.isIntersecting) {
7553        btns.forEach(function(b) { b.classList.remove('on'); });
7554        var b = document.querySelector('.pnav a[href="#' + e.target.id + '"]');
7555        if (b) b.classList.add('on');
7556      }
7557    });
7558  }, { rootMargin: '-35% 0px -35% 0px' });
7559  secs.forEach(function(s) { so.observe(s); });
7560})();
7561
7562  window.addEventListener('message', function() {
7563    var host = document.getElementById('cofrh7k4e5vmgq');
7564    if (host && host.shadowRoot) {
7565      var frame = host.shadowRoot.querySelector('iframe.frame');
7566      if (frame) frame.style.height = '100px';
7567    }
7568  });
7569
7570/* GROW A READER — global scroll-reveal + tooltip behavior */
7571(function () {
7572  function init() {
7573    var sections = document.querySelectorAll('.gar-section');
7574    if ('IntersectionObserver' in window) {
7575      var io = new IntersectionObserver(function (entries) {
7576        entries.forEach(function (entry) {
7577          if (entry.isIntersecting) {
7578            entry.target.classList.add('gar-visible');
7579            io.unobserve(entry.target);
7580          }
7581        });
7582      }, { threshold: 0.12, rootMargin: '0px 0px -60px 0px' });
7583      sections.forEach(function (s) { io.observe(s); });
7584    } else {
7585      sections.forEach(function (s) { s.classList.add('gar-visible'); });
7586    }
7587
7588    // tap-to-open definitions on touch devices
7589    document.querySelectorAll('.gar-term').forEach(function (t) {
7590      t.addEventListener('click', function (e) {
7591        e.stopPropagation();
7592        document.querySelectorAll('.gar-term.gar-open').forEach(function (o) {
7593          if (o !== t) o.classList.remove('gar-open');
7594        });
7595        t.classList.toggle('gar-open');
7596      });
7597    });
7598    document.addEventListener('click', function () {
7599      document.querySelectorAll('.gar-term.gar-open').forEach(function (o) {
7600        o.classList.remove('gar-open');
7601      });
7602    });
7603  }
7604
7605  if (document.readyState === 'loading') {
7606    document.addEventListener('DOMContentLoaded', init);
7607  } else {
7608    init();
7609  }
7610})();
7611				</script>
7611</head><body>
7612			<nav class="co-skip-links" aria-label="Skip links">
7613					<a class="co-skip-links__link" href="#main-content">Skip to main content</a>
7614				</nav>
7615			
7616			<header data-merged-part="header" class="editor-block editor-block-header editor-block-full grid-item-full grid-item-auto" id="header" data-part-block-ids="co0fd56502o5v2">
7617						<section class="editor-block content co-section co-section--column" id="cotyc1sqif8b39" data-type="" data-name="Section" data-layout="column">
7618							
7619							
7620				<div class="co-section-columns" style="--co-section-column-count-default: 1;--co-section-column-count-md: 1;--co-section-column-count-sm: 1" data-content-width="regular">
7621					
7622							
7623						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-wide editor-block-grid editor-block-grid-vertical grid-item-wide grid-item-auto" id="cob60zvv4g7hwv">
7624								
7625								
7626							
7627						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-default editor-block-grid editor-block-grid-horizontal grid-item-default grid-item-auto" id="cote8bdxqut2ig">
7628								
7629								<div id="co4vxgwar5hybu" class="editor-block editor-block-richText editor-block-default left grid-item-default grid-item-auto" data-type="richText" data-name="Rich Text">
7630					<p><span style="color:rgb(255, 255, 255)">.</span></p>
7631				</div>
7632					<div data-type="classicBlock" data-name="Classic Block" class="editor-block editor-block-classicBlock editor-block-default grid-item-default" id="cowzfss">
7633							<div id="google_translate_element"></div>
7634<script type="text/javascript">
7635function googleTranslateElementInit() {
7636  new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
7637}
7638</script>
vendor: 1 bytes, line 7638
7638
7639<script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit" defer="defer"></script>
7639
7640						</div>
7641					
7642							</div>
7643							
7644						
7645							
7646						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-default editor-block-grid editor-block-grid-horizontal grid-item-default grid-item-auto" id="co6l8qy12byd9y">
7647								
7648								<figure data-type="image" data-name="Image" class="editor-block editor-block-image editor-block-default grid-item-default grid-item-auto" data-image-fit="cover" id="cobhk71">
7649				<a href="https://services.slcpl.org/" target="_self">
7650					<img draggable="false" src="https://static.libnet.info/frontend-images/editor/slcpl/logomain.svg" alt="Salt Lake City Public Library">
7651				</a>
7652					
7653				</figure><co-classic-widget data-type="classicWidget" data-name="Classic widget" class="editor-block editor-block-classicWidget editor-block-default grid-item-default grid-item-auto co-element-block" id="co0n5w9" widget-id="20830" location-id="0" theme-id="382" keyword="slcpl"></co-classic-widget><!--?-->
7654							</div>
7655							
7656						<co-classic-widget data-type="classicWidget" data-name="Classic widget" class="editor-block editor-block-classicWidget editor-block-default grid-item-default grid-item-auto co-element-block" id="cofrh7k4e5vmgq" widget-id="20831" location-id="0" theme-id="382" keyword="slcpl"></co-classic-widget><!--?-->
7657					<nav data-type="navigation" data-name="Navigation" class="editor-block-navigation  editor-block editor-block-navigation editor-block-full legacy-nav grid-item-full grid-item-auto" id="cojz8dznsy0w08" data-open-mode="hover">
7658						<div role="button" tabindex="0" class="burger-menu" data-toggle=":scope > ul" data-toggle-class="active" aria-label="Toggle navigation menu" aria-controls="nav-menu-cojz8dznsy0w08" aria-expanded="false">
7659							☰
7660						</div>
7661						<ul id="nav-menu-cojz8dznsy0w08">
7662							
7663			<li style="--co-mobile-nav-item-color: #007934;" class="">
7664				<a href="/home-6127" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
7665							<span class="editor-block-navigation__content">
7666								<span>Home</span>
7667								
7668							</span>
7669						</a>
7670				
7671				
7672				
7673			</li>
7674		
7675			<li style="--co-mobile-nav-item-color: #007934;" class="has-submenu">
7676				<a href="#" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
7677							<span class="editor-block-navigation__content">
7678								<span>MY SLCPL</span>
7679								
7680							</span>
7681						</a>
7682				<button type="button" class="editor-block-navigation__submenu-toggle" aria-expanded="false" aria-label="Toggle MY SLCPL menu" data-navigation-submenu-toggle="">
7683							<span aria-hidden="true">▾</span>
7684						</button>
7685				
7686							<button type="button" class="co-mobile-nav-toggle" aria-label="Toggle submenu for MY SLCPL" aria-haspopup="true" aria-expanded="false" aria-controls="co-nav-submenu-1-1a66f466-7c67-462e-86bd-32bb4612c7e8">
7687								<span class="co-mobile-nav-chevron" aria-hidden="true">▾</span>
7688							</button>
7689						
7690				
7691							<ul id="co-nav-submenu-1-1a66f466-7c67-462e-86bd-32bb4612c7e8" class="submenu-menu flyout-menu" style="--depth: 0;" data-depth="0" data-submenu-style="flyout-menu" aria-hidden="true">
7692								
7693			<li style="--co-mobile-nav-item-color: #007934;" class="">
7694				<a href="https://slcpl.na2.iiivega.com/" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
7695							<span class="editor-block-navigation__content">
7696								<span>Quick Search</span>
7697								
7698							</span>
7699						</a>
7700				
7701				
7702				
7703			</li>
7704		
7705			<li style="--co-mobile-nav-item-color: #007934;" class="">
7706				<a href="https://slcpl.na2.iiivega.com/?openAccount=profile" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
7707							<span class="editor-block-navigation__content">
7708								<span>My Library Card</span>
7709								
7710							</span>
7711						</a>
7712				
7713				
7714				
7715			</li>
7716		
7717			<li style="--co-mobile-nav-item-color: #007934;" class="">
7718				<a href="https://slcpl.na2.iiivega.com/?openAccount=checkouts" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
7719							<span class="editor-block-navigation__content">
7720								<span>Items Checked Out</span>
7721								
7722							</span>
7723						</a>
7724				
7725				
7726				
7727			</li>
7728		
7729			<li style="--co-mobile-nav-item-color: #007934;" class="">
7730				<a href="https://slcpl.na2.iiivega.com/?openAccount=holds" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
7731							<span class="editor-block-navigation__content">
7732								<span>Hold Requests</span>
7733								
7734							</span>
7735						</a>
7736				
7737				
7738				
7739			</li>
7740		
7741			<li style="--co-mobile-nav-item-color: #007934;" class="">
7742				<a href="https://catalog.slcpl.org/default.aspx" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
7743							<span class="editor-block-navigation__content">
7744								<span>Classic Catalog / ILL</span>
7745								
7746							</span>
7747						</a>
7748				
7749				
7750				
7751			</li>
7752		
7753							</ul>
7754					  
7755			</li>
7756		
7757			<li style="--co-mobile-nav-item-color: #007934;" class="has-submenu">
7758				<a href="#" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
7759							<span class="editor-block-navigation__content">
7760								<span>Explore</span>
7761								
7762							</span>
7763						</a>
7764				<button type="button" class="editor-block-navigation__submenu-toggle" aria-expanded="false" aria-label="Toggle Explore menu" data-navigation-submenu-toggle="">
7765							<span aria-hidden="true">▾</span>
7766						</button>
7767				
7768							<button type="button" class="co-mobile-nav-toggle" aria-label="Toggle submenu for Explore" aria-haspopup="true" aria-expanded="false" aria-controls="co-nav-submenu-2-57f2c534-107c-4225-b28c-55f2818be8f4">
7769								<span class="co-mobile-nav-chevron" aria-hidden="true">▾</span>
7770							</button>
7771						
7772				
7773							<ul id="co-nav-submenu-2-57f2c534-107c-4225-b28c-55f2818be8f4" class="submenu-menu flyout-menu" style="--depth: 0;" data-depth="0" data-submenu-style="flyout-menu" aria-hidden="true">
7774								
7775			<li style="--co-mobile-nav-item-color: #007934;" class="has-submenu">
7776				<a href="#" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
7777							<span class="editor-block-navigation__content">
7778								<span>Creative Lab</span>
7779								
7780							</span>
7781						</a>
7782				<button type="button" class="editor-block-navigation__submenu-toggle" aria-expanded="false" aria-label="Toggle Creative Lab menu" data-navigation-submenu-toggle="">
7783							<span aria-hidden="true">▾</span>
7784						</button>
7785				
7786							<button type="button" class="co-mobile-nav-toggle" aria-label="Toggle submenu for Creative Lab" aria-haspopup="true" aria-expanded="false" aria-controls="co-nav-submenu-2-0-c8276cf3-a128-4aef-9e39-678a05675e3a">
7787								<span class="co-mobile-nav-chevron" aria-hidden="true">▾</span>
7788							</button>
7789						
7790				
7791							<ul id="co-nav-submenu-2-0-c8276cf3-a128-4aef-9e39-678a05675e3a" class="submenu-menu flyout-menu" style="--depth: 1;" data-depth="1" data-submenu-style="flyout-menu" aria-hidden="true">
7792								
7793			<li style="--co-mobile-nav-item-color: #007934;" class="">
7794				<a href="https://services.slcpl.org/creativelab" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
7795							<span class="editor-block-navigation__content">
7796								<span>Main Library</span>
7797								
7798							</span>
7799						</a>
7800				
7801				
7802				
7803			</li>
7804		
7805			<li style="--co-mobile-nav-item-color: #007934;" class="">
7806				<a href="https://services.slcpl.org/creativelab-marmalade" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
7807							<span class="editor-block-navigation__content">
7808								<span>Marmalade Branch</span>
7809								
7810							</span>
7811						</a>
7812				
7813				
7814				
7815			</li>
7816		
7817			<li style="" class="">
7818				<a href="https://services.slcpl.org/3DPrinting" style="padding: 8px 16px;">
7819							<span class="editor-block-navigation__content">
7820								<span>3D Printing Services</span>
7821								
7822							</span>
7823						</a>
7824				
7825				
7826				
7827			</li>
7828		
7829			<li style="--co-mobile-nav-item-color: #007934;" class="">
7830				<a href="https://services.slcpl.org/myappointments" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
7831							<span class="editor-block-navigation__content">
7832								<span>My Appointments</span>
7833								
7834							</span>
7835						</a>
7836				
7837				
7838				
7839			</li>
7840		
7841							</ul>
7842					  
7843			</li>
7844		
7845			<li style="--co-mobile-nav-item-color: #007934;" class="">
7846				<a href="https://resources.slcpl.org/digitallibrary" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
7847							<span class="editor-block-navigation__content">
7848								<span>Digital Library</span>
7849								
7850							</span>
7851						</a>
7852				
7853				
7854				
7855			</li>
7856		
7857			<li style="--co-mobile-nav-item-color: #007934;" class="">
7858				<a href="https://resources.slcpl.org/download" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
7859							<span class="editor-block-navigation__content">
7860								<span>Downloadables</span>
7861								
7862							</span>
7863						</a>
7864				
7865				
7866				
7867			</li>
7868		
7869			<li style="--co-mobile-nav-item-color: #007934;" class="">
7870				<a href="https://resources.slcpl.org/ebooks" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
7871							<span class="editor-block-navigation__content">
7872								<span>eBooks</span>
7873								
7874							</span>
7875						</a>
7876				
7877				
7878				
7879			</li>
7880		
7881			<li style="--co-mobile-nav-item-color: #007934;" class="">
7882				<a href="https://services.slcpl.org/theplot" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
7883							<span class="editor-block-navigation__content">
7884								<span>The Plot: Library Garden</span>
7885								
7886							</span>
7887						</a>
7888				
7889				
7890				
7891			</li>
7892		
7893							</ul>
7894					  
7895			</li>
7896		
7897			<li style="--co-mobile-nav-item-color: #007934;" class="has-submenu">
7898				<a href="#" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
7899							<span class="editor-block-navigation__content">
7900								<span>Events</span>
7901								
7902							</span>
7903						</a>
7904				<button type="button" class="editor-block-navigation__submenu-toggle" aria-expanded="false" aria-label="Toggle Events menu" data-navigation-submenu-toggle="">
7905							<span aria-hidden="true">▾</span>
7906						</button>
7907				
7908							<button type="button" class="co-mobile-nav-toggle" aria-label="Toggle submenu for Events" aria-haspopup="true" aria-expanded="false" aria-controls="co-nav-submenu-3-9a15bd65-5618-472d-b38c-a5e8c0087d63">
7909								<span class="co-mobile-nav-chevron" aria-hidden="true">▾</span>
7910							</button>
7911						
7912				
7913							<ul id="co-nav-submenu-3-9a15bd65-5618-472d-b38c-a5e8c0087d63" class="submenu-menu flyout-menu" style="--depth: 0;" data-depth="0" data-submenu-style="flyout-menu" aria-hidden="true">
7914								
7915			<li style="--co-mobile-nav-item-color: #007934;" class="has-submenu">
7916				<a href="https://events.slcpl.org/events?r=days&amp;n=60" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
7917							<span class="editor-block-navigation__content">
7918								<span>Events</span>
7919								
7920							</span>
7921						</a>
7922				<button type="button" class="editor-block-navigation__submenu-toggle" aria-expanded="false" aria-label="Toggle Events menu" data-navigation-submenu-toggle="">
7923							<span aria-hidden="true">▾</span>
7924						</button>
7925				
7926							<button type="button" class="co-mobile-nav-toggle" aria-label="Toggle submenu for Events" aria-haspopup="true" aria-expanded="false" aria-controls="co-nav-submenu-3-0-bb566f7d-82e3-4d3c-b63c-9dbd72ad8e8b">
7927								<span class="co-mobile-nav-chevron" aria-hidden="true">▾</span>
7928							</button>
7929						
7930				
7931							<ul id="co-nav-submenu-3-0-bb566f7d-82e3-4d3c-b63c-9dbd72ad8e8b" class="submenu-menu flyout-menu" style="--depth: 1;" data-depth="1" data-submenu-style="flyout-menu" aria-hidden="true">
7932								
7933			<li style="--co-mobile-nav-item-color: #007934;" class="">
7934				<a href="https://events.slcpl.org/myevents" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
7935							<span class="editor-block-navigation__content">
7936								<span>My Events</span>
7937								
7938							</span>
7939						</a>
7940				
7941				
7942				
7943			</li>
7944		
7945							</ul>
7946					  
7947			</li>
7948		
7949			<li style="--co-mobile-nav-item-color: #007934;" class="">
7950				<a href="#" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
7951							<span class="editor-block-navigation__content">
7952								<span>Discover what's happening with our searchable events calendar.</span>
7953								
7954							</span>
7955						</a>
7956				
7957				
7958				
7959			</li>
7960		
7961			<li style="--co-mobile-nav-item-color: #007934;" class="">
7962				<a href="https://events.slcpl.org/artexhibits" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
7963							<span class="editor-block-navigation__content">
7964								<span>Art Exhibits</span>
7965								
7966							</span>
7967						</a>
7968				
7969				
7970				
7971			</li>
7972		
7973			<li style="--co-mobile-nav-item-color: #007934;" class="">
7974				<a href="#" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
7975							<span class="editor-block-navigation__content">
7976								<span>Find out about art exhibits at City Library branches.</span>
7977								
7978							</span>
7979						</a>
7980				
7981				
7982				
7983			</li>
7984		
7985			<li style="--co-mobile-nav-item-color: #007934;" class="">
7986				<a href="https://rooms.slcpl.org/main-library-event-spaces" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
7987							<span class="editor-block-navigation__content">
7988								<span>Main Library Event Spaces</span>
7989								
7990							</span>
7991						</a>
7992				
7993				
7994				
7995			</li>
7996		
7997			<li style="--co-mobile-nav-item-color: #007934;" class="">
7998				<a href="#" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
7999							<span class="editor-block-navigation__content">
8000								<span>Learn how to reserve rooms and event spaces at the Main Library.</span>
8001								
8002							</span>
8003						</a>
8004				
8005				
8006				
8007			</li>
8008		
8009			<li style="--co-mobile-nav-item-color: #007934;" class="has-submenu">
8010				<a href="https://rooms.slcpl.org/reserve" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
8011							<span class="editor-block-navigation__content">
8012								<span>Request a Meeting Room</span>
8013								
8014							</span>
8015						</a>
8016				<button type="button" class="editor-block-navigation__submenu-toggle" aria-expanded="false" aria-label="Toggle Request a Meeting Room menu" data-navigation-submenu-toggle="">
8017							<span aria-hidden="true">▾</span>
8018						</button>
8019				
8020							<button type="button" class="co-mobile-nav-toggle" aria-label="Toggle submenu for Request a Meeting Room" aria-haspopup="true" aria-expanded="false" aria-controls="co-nav-submenu-3-6-1764ab02-c64f-4215-9660-b52c60e1b6f4">
8021								<span class="co-mobile-nav-chevron" aria-hidden="true">▾</span>
8022							</button>
8023						
8024				
8025							<ul id="co-nav-submenu-3-6-1764ab02-c64f-4215-9660-b52c60e1b6f4" class="submenu-menu flyout-menu" style="--depth: 1;" data-depth="1" data-submenu-style="flyout-menu" aria-hidden="true">
8026								
8027			<li style="--co-mobile-nav-item-color: #007934;" class="">
8028				<a href="https://rooms.slcpl.org/myreservations" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
8029							<span class="editor-block-navigation__content">
8030								<span>My Reservations</span>
8031								
8032							</span>
8033						</a>
8034				
8035				
8036				
8037			</li>
8038		
8039							</ul>
8040					  
8041			</li>
8042		
8043			<li style="--co-mobile-nav-item-color: #007934;" class="">
8044				<a href="#" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
8045							<span class="editor-block-navigation__content">
8046								<span>Reserve a public meeting room at any City Library branch.</span>
8047								
8048							</span>
8049						</a>
8050				
8051				
8052				
8053			</li>
8054		
8055			<li style="--co-mobile-nav-item-color: #007934;" class="">
8056				<a href="https://rooms.slcpl.org/request-a-virtual-meeting-room" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
8057							<span class="editor-block-navigation__content">
8058								<span>Request a Room: Virtual</span>
8059								
8060							</span>
8061						</a>
8062				
8063				
8064				
8065			</li>
8066		
8067			<li style="--co-mobile-nav-item-color: #007934;" class="">
8068				<a href="#" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
8069							<span class="editor-block-navigation__content">
8070								<span>Request a Zoom meeting room.</span>
8071								
8072							</span>
8073						</a>
8074				
8075				
8076				
8077			</li>
8078		
8079							</ul>
8080					  
8081			</li>
8082		
8083			<li style="--co-mobile-nav-item-color: #007934;" class="has-submenu">
8084				<a href="#" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
8085							<span class="editor-block-navigation__content">
8086								<span>For You</span>
8087								
8088							</span>
8089						</a>
8090				<button type="button" class="editor-block-navigation__submenu-toggle" aria-expanded="false" aria-label="Toggle For You menu" data-navigation-submenu-toggle="">
8091							<span aria-hidden="true">▾</span>
8092						</button>
8093				
8094							<button type="button" class="co-mobile-nav-toggle" aria-label="Toggle submenu for For You" aria-haspopup="true" aria-expanded="false" aria-controls="co-nav-submenu-4-78ab5b06-660e-462d-94ae-af42e8463035">
8095								<span class="co-mobile-nav-chevron" aria-hidden="true">▾</span>
8096							</button>
8097						
8098				
8099							<ul id="co-nav-submenu-4-78ab5b06-660e-462d-94ae-af42e8463035" class="submenu-menu flyout-menu" style="--depth: 0;" data-depth="0" data-submenu-style="flyout-menu" aria-hidden="true">
8100								
8101			<li style="--co-mobile-nav-item-color: #007934;" class="">
8102				<a href="https://services.slcpl.org/adults" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
8103							<span class="editor-block-navigation__content">
8104								<span>Adults</span>
8105								
8106							</span>
8107						</a>
8108				
8109				
8110				
8111			</li>
8112		
8113			<li style="--co-mobile-nav-item-color: #007934;" class="">
8114				<a href="#" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
8115							<span class="editor-block-navigation__content">
8116								<span>Find books, music, movies and more in The City Library's collection that would be of interest to adults.</span>
8117								
8118							</span>
8119						</a>
8120				
8121				
8122				
8123			</li>
8124		
8125			<li style="--co-mobile-nav-item-color: #007934;" class="">
8126				<a href="https://services.slcpl.org/teens" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
8127							<span class="editor-block-navigation__content">
8128								<span>Teens</span>
8129								
8130							</span>
8131						</a>
8132				
8133				
8134				
8135			</li>
8136		
8137			<li style="--co-mobile-nav-item-color: #007934;" class="">
8138				<a href="#" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
8139							<span class="editor-block-navigation__content">
8140								<span>Find items and events for Salt Lake City teens.</span>
8141								
8142							</span>
8143						</a>
8144				
8145				
8146				
8147			</li>
8148		
8149			<li style="--co-mobile-nav-item-color: #007934;" class="">
8150				<a href="https://services.slcpl.org/kids" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
8151							<span class="editor-block-navigation__content">
8152								<span>Kids</span>
8153								
8154							</span>
8155						</a>
8156				
8157				
8158				
8159			</li>
8160		
8161			<li style="--co-mobile-nav-item-color: #007934;" class="">
8162				<a href="#" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
8163							<span class="editor-block-navigation__content">
8164								<span>Browse items or events of interest to our youngest patrons.</span>
8165								
8166							</span>
8167						</a>
8168				
8169				
8170				
8171			</li>
8172		
8173							</ul>
8174					  
8175			</li>
8176		
8177			<li style="--co-mobile-nav-item-color: #007934;" class="has-submenu">
8178				<a href="#" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
8179							<span class="editor-block-navigation__content">
8180								<span>Community</span>
8181								
8182							</span>
8183						</a>
8184				<button type="button" class="editor-block-navigation__submenu-toggle" aria-expanded="false" aria-label="Toggle Community menu" data-navigation-submenu-toggle="">
8185							<span aria-hidden="true">▾</span>
8186						</button>
8187				
8188							<button type="button" class="co-mobile-nav-toggle" aria-label="Toggle submenu for Community" aria-haspopup="true" aria-expanded="false" aria-controls="co-nav-submenu-5-ef031692-7f57-4f71-9356-ed0dec7bdac8">
8189								<span class="co-mobile-nav-chevron" aria-hidden="true">▾</span>
8190							</button>
8191						
8192				
8193							<ul id="co-nav-submenu-5-ef031692-7f57-4f71-9356-ed0dec7bdac8" class="submenu-menu flyout-menu" style="--depth: 0;" data-depth="0" data-submenu-style="flyout-menu" aria-hidden="true">
8194								
8195			<li style="--co-mobile-nav-item-color: #007934;" class="">
8196				<a href="https://about.slcpl.org/donate" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
8197							<span class="editor-block-navigation__content">
8198								<span>Donations / Payments</span>
8199								
8200							</span>
8201						</a>
8202				
8203				
8204				
8205			</li>
8206		
8207			<li style="--co-mobile-nav-item-color: #007934;" class="">
8208				<a href="#" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
8209							<span class="editor-block-navigation__content">
8210								<span>Community support enriches tax-based funding and allows us to expand cultural programs and services.</span>
8211								
8212							</span>
8213						</a>
8214				
8215				
8216				
8217			</li>
8218		
8219			<li style="--co-mobile-nav-item-color: #007934;" class="">
8220				<a href="https://slclf.org" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
8221							<span class="editor-block-navigation__content">
8222								<span>The Library Foundation</span>
8223								
8224							</span>
8225						</a>
8226				
8227				
8228				
8229			</li>
8230		
8231			<li style="--co-mobile-nav-item-color: #007934;" class="">
8232				<a href="#" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
8233							<span class="editor-block-navigation__content">
8234								<span>Through robust philanthropic and donor support, the Foundation strengthens Library programs and invests in the Library’s future.</span>
8235								
8236							</span>
8237						</a>
8238				
8239				
8240				
8241			</li>
8242		
8243			<li style="--co-mobile-nav-item-color: #007934;" class="">
8244				<a href="https://slclibraryfriends.org/" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
8245							<span class="editor-block-navigation__content">
8246								<span>Friends of The Library</span>
8247								
8248							</span>
8249						</a>
8250				
8251				
8252				
8253			</li>
8254		
8255			<li style="--co-mobile-nav-item-color: #007934;" class="">
8256				<a href="#" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
8257							<span class="editor-block-navigation__content">
8258								<span>The Library's sister organization, responsible for spearheading fundraising efforts, volunteering, and advocacy.</span>
8259								
8260							</span>
8261						</a>
8262				
8263				
8264				
8265			</li>
8266		
8267							</ul>
8268					  
8269			</li>
8270		
8271			<li style="--co-mobile-nav-item-color: #007934;" class="has-submenu">
8272				<a href="#" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
8273							<span class="editor-block-navigation__content">
8274								<span>About</span>
8275								
8276							</span>
8277						</a>
8278				<button type="button" class="editor-block-navigation__submenu-toggle" aria-expanded="false" aria-label="Toggle About menu" data-navigation-submenu-toggle="">
8279							<span aria-hidden="true">▾</span>
8280						</button>
8281				
8282							<button type="button" class="co-mobile-nav-toggle" aria-label="Toggle submenu for About" aria-haspopup="true" aria-expanded="false" aria-controls="co-nav-submenu-6-bc93df16-b312-40ce-b49b-4ffcf3593c6d">
8283								<span class="co-mobile-nav-chevron" aria-hidden="true">▾</span>
8284							</button>
8285						
8286				
8287							<ul id="co-nav-submenu-6-bc93df16-b312-40ce-b49b-4ffcf3593c6d" class="submenu-menu flyout-menu" style="--depth: 0;" data-depth="0" data-submenu-style="flyout-menu" aria-hidden="true">
8288								
8289			<li style="--co-mobile-nav-item-color: #007934;" class="">
8290				<a href="https://about.slcpl.org/faq" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
8291							<span class="editor-block-navigation__content">
8292								<span>FAQS</span>
8293								
8294							</span>
8295						</a>
8296				
8297				
8298				
8299			</li>
8300		
8301			<li style="--co-mobile-nav-item-color: #007934;" class="">
8302				<a href="#" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
8303							<span class="editor-block-navigation__content">
8304								<span>Answers to common questions about the Library.</span>
8305								
8306							</span>
8307						</a>
8308				
8309				
8310				
8311			</li>
8312		
8313			<li style="--co-mobile-nav-item-color: #007934;" class="">
8314				<a href="https://about.slcpl.org/locations" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
8315							<span class="editor-block-navigation__content">
8316								<span>Locations &amp; Hours</span>
8317								
8318							</span>
8319						</a>
8320				
8321				
8322				
8323			</li>
8324		
8325			<li style="--co-mobile-nav-item-color: #007934;" class="">
8326				<a href="#" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
8327							<span class="editor-block-navigation__content">
8328								<span>Information about City Library locations &amp; hours.</span>
8329								
8330							</span>
8331						</a>
8332				
8333				
8334				
8335			</li>
8336		
8337			<li style="--co-mobile-nav-item-color: #007934;" class="">
8338				<a href="https://about.slcpl.org/contact-us" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
8339							<span class="editor-block-navigation__content">
8340								<span>Contact Us</span>
8341								
8342							</span>
8343						</a>
8344				
8345				
8346				
8347			</li>
8348		
8349			<li style="--co-mobile-nav-item-color: #007934;" class="">
8350				<a href="#" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
8351							<span class="editor-block-navigation__content">
8352								<span>General inquiries, comments, or feedback</span>
8353								
8354							</span>
8355						</a>
8356				
8357				
8358				
8359			</li>
8360		
8361			<li style="--co-mobile-nav-item-color: #007934;" class="">
8362				<a href="https://about.slcpl.org/employment" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
8363							<span class="editor-block-navigation__content">
8364								<span>Careers</span>
8365								
8366							</span>
8367						</a>
8368				
8369				
8370				
8371			</li>
8372		
8373			<li style="--co-mobile-nav-item-color: #007934;" class="">
8374				<a href="#" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
8375							<span class="editor-block-navigation__content">
8376								<span>Work for The City Library!</span>
8377								
8378							</span>
8379						</a>
8380				
8381				
8382				
8383			</li>
8384		
8385			<li style="--co-mobile-nav-item-color: #007934;" class="">
8386				<a href="https://about.slcpl.org/board" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
8387							<span class="editor-block-navigation__content">
8388								<span>Board of Directors</span>
8389								
8390							</span>
8391						</a>
8392				
8393				
8394				
8395			</li>
8396		
8397			<li style="--co-mobile-nav-item-color: #007934;" class="">
8398				<a href="#" style="padding: 5px 15px; font-weight: normal; color: #007934; border-color: #000000; background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);">
8399							<span class="editor-block-navigation__content">
8400								<span>Library Board information, minutes, and recordings.</span>
8401								
8402							</span>
8403						</a>
8404				
8405				
8406				
8407			</li>
8408		
8409							</ul>
8410					  
8411			</li>
8412		
8413						</ul>
8414					</nav>
8415				
8416							</div>
8417							
8418						
8419					
8420				</div>
8421			
8422						</section>
8423					<!--?--></header>
8424			<main id="main-content">
8425						<section class="editor-block content co-section co-section--column" id="cocuofpm939mlw" data-type="" data-name="Section" data-layout="column">
8426							
8427							
8428				<div class="co-section-columns" style="--co-section-column-count-default: 1;--co-section-column-count-md: 1;--co-section-column-count-sm: 1" data-content-width="regular">
8429					
8430							
8431						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-wide editor-block-grid editor-block-grid-vertical grid-item-wide grid-item-auto" id="co4sftn6rdelqn">
8432								
8433								<co-classic-widget data-type="classicWidget" data-name="Classic widget" class="editor-block editor-block-classicWidget editor-block-default grid-item-default grid-item-auto co-element-block" id="coqivhu" widget-id="6842" location-id="null" theme-id="382" keyword="slcpl"></co-classic-widget><!--?-->
8434					<div data-type="classicBlock" data-name="Classic Block" class="editor-block editor-block-classicBlock editor-block-default grid-item-default grid-item-auto" id="cowp06k">
8435							<hr>
8436						</div>
8437					
8438							</div>
8439							
8440						
8441					
8442				</div>
8443			
8444						</section>
8445					
8446						<section class="editor-block content co-section co-section--column" id="co60vd94cc2q8x" data-type="" data-name="Section" data-layout="column">
8447							
8448							
8449				<div class="co-section-columns" style="--co-section-column-count-default: 1;--co-section-column-count-md: 1;--co-section-column-count-sm: 1" data-content-width="regular">
8450					
8451							
8452						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-wide editor-block-grid editor-block-grid-horizontal grid-item-wide grid-item-auto" id="cokcn12o9n1nx4">
8453								
8454								
8455							
8456						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-default editor-block-grid editor-block-grid-vertical grid-item-default grid-item-auto" id="co3qxqqkimdpcr">
8457								
8458								<div id="co03wrg4s1gnir" class="editor-block editor-block-richText editor-block-default left grid-item-default grid-item-auto" data-type="richText" data-name="Rich Text">
8459					<h4><b>GET STARTED</b></h4>
8460				</div><co-classic-widget data-type="classicWidget" data-name="Classic widget" class="editor-block editor-block-classicWidget editor-block-default grid-item-default grid-item-auto co-element-block" id="cogggh5vl1eqpo" widget-id="6852" location-id="0" theme-id="382" keyword="slcpl"></co-classic-widget><!--?--><figure data-type="image" data-name="Image" class="editor-block editor-block-image editor-block-default grid-item-default grid-item-auto" data-image-fit="cover" id="cow4y8d26iqpox">
8461				<a href="https://resources.slcpl.org/digitallibrary" target="_self">
8462					<img draggable="false" src="https://static.libnet.info/frontend-images/tile/slcpl/DigitalLibraryHomeBanner3.png" alt="Explore the Digital Library">
8463				</a>
8464					
8465				</figure>
8466							</div>
8467							
8468						
8469							
8470						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-default editor-block-grid editor-block-grid-vertical grid-item-default grid-item-auto" id="co3xb0ahb6a5wg">
8471								
8472								<figure data-type="image" data-name="Image" class="editor-block editor-block-image editor-block-default grid-item-default grid-item-auto" data-image-fit="cover" id="co0upmjkvdtam3">
8473				<a href="https://resources.slcpl.org/libby" target="_self">
8474					<img draggable="false" src="/frontend-images/tile/slcpl/Service_Promotions/02Libby.jpg" alt="A woman in an orange sweater holds a tablet outdoors, smiling as colorful light radiates from the device against a dark background.">
8475				</a>
8476					
8477				</figure>
8478							</div>
8479							
8480						
8481							
8482						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-default editor-block-grid editor-block-grid-vertical grid-item-default grid-item-auto" id="comxnsb2ffuys9">
8483								
8484								
8485					<div data-type="classicBlock" data-name="Classic Block" class="editor-block editor-block-classicBlock editor-block-default grid-item-default" id="co8jdha">
8486							<p><iframe style="height: 909px; border: none; width: 100%;" scrolling="no" data-widgetid="4457" src="https://slcpl.libnet.info/widget?id=4457&amp;postheight=yes&amp;style=382&amp;bodyonly=0&amp;location=" title="City Library Events Happening Today!"></iframe></p>
8487						</div>
8488					
8489							</div>
8490							
8491						
8492							</div>
8493							
8494						
8495					
8496				</div>
8497			
8498						</section>
8499					
8500						<section class="editor-block content co-section co-section--column" id="co9pacr8rpcrw4" data-type="" data-name="Section" data-layout="column">
8501							
8502							
8503				<div class="co-section-columns" style="--co-section-column-count-default: 1;--co-section-column-count-md: 1;--co-section-column-count-sm: 1" data-content-width="regular">
8504					
8505							
8506						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-wide editor-block-grid editor-block-grid-vertical grid-item-wide grid-item-auto" id="cojxcpv6frbub7">
8507								
8508								
8509					<div data-type="classicBlock" data-name="Classic Block" class="editor-block editor-block-classicBlock editor-block-default grid-item-default grid-item-auto" id="co02ehc">
8510							<hr>
8511						</div>
8512					<div id="col2q26h2fohtw" class="editor-block editor-block-richText editor-block-default left grid-item-default grid-item-auto" data-type="richText" data-name="Rich Text">
8513					<h4><b>Explore resources by age group:</b></h4>
8514				</div>
8515							
8516						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-default editor-block-grid editor-block-grid-horizontal grid-item-default grid-item-auto" id="coxh4uj0uixj2q">
8517								
8518								
8519					<div data-type="classicBlock" data-name="Classic Block" class="editor-block editor-block-classicBlock editor-block-default grid-item-default" id="cohw039">
8520							<figure class="editor-block editor-block-image editor-block-default grid-item-default grid-item-auto"><a href="https://services.slcpl.org/adults" target="_self"> <img class="normal-image" style="width: 100%;" src="https://static.libnet.info/frontend-images/tile/slcpl/ForAdultsHomeBanner2.png"> </a></figure>
8521						</div>
8522					
8523					<div data-type="classicBlock" data-name="Classic Block" class="editor-block editor-block-classicBlock editor-block-default grid-item-default" id="co8z3vz">
8524							<figure class="editor-block editor-block-image editor-block-default grid-item-default grid-item-auto"><a href="https://services.slcpl.org/teens" target="_self"> <img class="normal-image" style="width: 100%;" src="https://static.libnet.info/frontend-images/tile/slcpl/ForTeensHomeBanner2.png"> </a></figure>
8525						</div>
8526					
8527					<div data-type="classicBlock" data-name="Classic Block" class="editor-block editor-block-classicBlock editor-block-default grid-item-default" id="cox9pl2">
8528							<figure class="editor-block editor-block-image editor-block-default grid-item-default grid-item-auto"><a href="https://services.slcpl.org/kids" target="_self"> <img class="normal-image" style="width: 100%;" src="https://static.libnet.info/frontend-images/tile/slcpl/ForKidsHomeBanner2.png"> </a></figure>
8529						</div>
8530					
8531							</div>
8532							
8533						
8534							</div>
8535							
8536						
8537					
8538				</div>
8539			
8540						</section>
8541					
8542						<section class="editor-block content co-section co-section--column" id="cohz5dy53dx4aq" data-type="" data-name="Section" data-layout="column">
8543							
8544							
8545				<div class="co-section-columns" style="--co-section-column-count-default: 1;--co-section-column-count-md: 1;--co-section-column-count-sm: 1" data-content-width="regular">
8546					
8547							
8548						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-wide editor-block-grid editor-block-grid-vertical grid-item-wide grid-item-auto" id="co6hy2gh9k7ard">
8549								
8550								
8551					<div data-type="classicBlock" data-name="Classic Block" class="editor-block editor-block-classicBlock editor-block-default grid-item-default grid-item-auto" id="cov9lsr">
8552							<div class="container">
8553<div class="row">
8554<div class="col-sm-12 hidden-lg hidden-md visible-sm visible-xs">
8554<label id="sub-menu-label" for="sub-menu" class="visually-hidden">To Get Started, select an option:</label><select id="sub-menu" name="sub-menu" aria-labelledby="sub-menu-label">
8555<option selected="selected" disabled="disabled" style="display: none;" hidden="">GET STARTED</option>
8556<option value="https://services.slcpl.org/library-card-application">Get a Library Card Online</option>
8557<option value="https://slcpl.na2.iiivega.com">Search the Catalog</option>
8558<option value="https://slcpl.na2.iiivega.com/?openAccount=profile">Check Your Library Card / Renew Items</option>
8559<option value="https://catalog.slcpl.org/patronaccount/default.aspx">Request or Change Your PIN</option>
8560<option value="https://about.slcpl.org/suggest-an-item-for-purchase">Suggest an Item for Purchase</option>
8561<option value="https://about.slcpl.org/locations">Library Locations and Hours</option>
8562<option value="https://services.slcpl.org/passport">Apply for a U.S. Passport</option>
8563<option value="https://services.slcpl.org/printing">Print a File or Document</option>
8564<option value="https://about.slcpl.org/contact-us">Contact Us</option>
8565<option value="https://about.slcpl.org/faq">How do I . . . ?</option>
8566<option value="https://rooms.slcpl.org/main-library-event-spaces">Main Library Event Spaces</option>
8567<option value="https://rooms.slcpl.org/reserve">Request a Meeting Room</option>
8568<option value="https://services.slcpl.org/author-submissions">Author Submissions</option>
8569<option value="https://about.slcpl.org/partner">Event Partnerships</option>
8570</select></div>
8571</div>
8572</div>
8573						</div>
8574					
8575					<div data-type="classicBlock" data-name="Classic Block" class="editor-block editor-block-classicBlock editor-block-default grid-item-default grid-item-auto" id="cohnbyk">
8576							<hr>
8577						</div>
8578					<figure data-type="image" data-name="Image" class="editor-block editor-block-image editor-block-default grid-item-default grid-item-auto" data-image-fit="cover" id="co7a461jfm1v6v">
8579					<img draggable="false" src="https://static.libnet.info/frontend-images/tile/slcpl/Summer_Reading_Challenge/SRC26_Landing_Page_Header2.png">
8580						
8581					</figure><figure data-type="image" data-name="Image" class="editor-block editor-block-image editor-block-default grid-item-default grid-item-auto" data-image-fit="cover" id="cojwrfaqqtgeos">
8582				<a href="https://resources.slcpl.org/digitallibrary" target="_self">
8583					<img draggable="false" src="https://static.libnet.info/frontend-images/tile/slcpl/DigitalLibraryHomePageBannerMobile2.png" alt="Explore the Digital Library">
8584				</a>
8585					
8586				</figure><co-classic-widget data-type="classicWidget" data-name="Classic widget" class="editor-block editor-block-classicWidget editor-block-default grid-item-default grid-item-auto co-element-block" id="cofvx5qjv8yo8k" widget-id="6854" location-id="0" theme-id="382" keyword="slcpl"></co-classic-widget><!--?--><div id="co5vrl9y6fn7vy" class="editor-block editor-block-richText editor-block-default left grid-item-default grid-item-auto" data-type="richText" data-name="Rich Text">
8587					<h6>Explore resources by age group:</h6>
8588				</div><co-classic-widget data-type="classicWidget" data-name="Classic widget" class="editor-block editor-block-classicWidget editor-block-default grid-item-default grid-item-auto co-element-block" id="cojpihqudcuyl5" widget-id="8730" location-id="0" theme-id="382" keyword="slcpl"></co-classic-widget><!--?-->
8589							</div>
8590							
8591						
8592					
8593				</div>
8594			
8595						</section>
8596					
8597						<section class="editor-block content co-section co-section--column" id="coermse2em66lc" data-type="" data-name="Section" data-layout="column">
8598							
8599							
8600				<div class="co-section-columns" style="--co-section-column-count-default: 1;--co-section-column-count-md: 1;--co-section-column-count-sm: 1" data-content-width="regular">
8601					
8602							
8603						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-wide editor-block-grid editor-block-grid-vertical grid-item-wide grid-item-auto" id="coninrlla5u8iz">
8604								
8605								<div id="copjpg5br0kf1z" class="editor-block editor-block-richText editor-block-default left grid-item-default grid-item-auto" data-type="richText" data-name="Rich Text">
8606					<h4><span style="color:#000000"><a href="https://www.instagram.com/slcpl/"><b>FOLLOW US @SLCPL</b></a></span></h4>
8607				</div><co-classic-widget data-type="classicWidget" data-name="Classic widget" class="editor-block editor-block-classicWidget editor-block-default grid-item-default grid-item-auto co-element-block" id="cobexmfytzyoiz" widget-id="6847" location-id="0" theme-id="382" keyword="slcpl"></co-classic-widget><!--?-->
8608							</div>
8609							
8610						
8611					
8612				</div>
8613			
8614						</section>
8615					
8616						<section class="editor-block content co-section co-section--column" id="cox66use3b0znr" data-type="" data-name="Section" data-layout="column">
8617							
8618							
8619				<div class="co-section-columns" style="--co-section-column-count-default: 1;--co-section-column-count-md: 1;--co-section-column-count-sm: 1" data-content-width="regular">
8620					<div id="coupu0nicj59q1" class="editor-block editor-block-richText editor-block-wide left grid-item-wide grid-item-auto" data-type="richText" data-name="Rich Text">
8621					<h4><span style="color:#000000"><a href="https://www.instagram.com/slcpl/"><b>FOLLOW US @SLCPL</b></a></span></h4>
8622				</div>
8623					
8624				</div>
8625			
8626						</section>
8627					
8628						<section class="editor-block content co-section co-section--column" id="codup1r588v73l" data-type="" data-name="Section" data-layout="column">
8629							
8630							
8631				<div class="co-section-columns" style="--co-section-column-count-default: 1;--co-section-column-count-md: 1;--co-section-column-count-sm: 1" data-content-width="regular">
8632					<co-classic-widget data-type="classicWidget" data-name="Classic widget" class="editor-block editor-block-classicWidget editor-block-wide grid-item-wide grid-item-auto co-element-block" id="co3teef27on79q" widget-id="6846" location-id="0" theme-id="382" keyword="slcpl"></co-classic-widget><!--?-->
8633					
8634				</div>
8635			
8636						</section>
8637					</main>
8638			
8639			<footer data-merged-part="footer" class="editor-block editor-block-footer editor-block-full grid-item-full grid-item-auto" id="footer" data-part-block-ids="coxjkuzak4p9sp">
8640						<section class="editor-block content co-section co-section--column" id="co2e6h7jp0ej2r" data-type="" data-name="Section" data-layout="column">
8641							
8642							
8643				<div class="co-section-columns" style="--co-section-column-count-default: 1;--co-section-column-count-md: 1;--co-section-column-count-sm: 1" data-content-width="regular">
8644					
8645							
8646						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-wide editor-block-grid editor-block-grid-vertical grid-item-wide grid-item-auto" id="com7gw45ewiaqv">
8647								
8648								
8649					<div data-type="classicBlock" data-name="Classic Block" class="editor-block editor-block-classicBlock editor-block-default grid-item-default" id="cobeggl">
8650							<nav>
8651<ul class="social-networks">
8652<li><a href="https://www.facebook.com/slcpl" target="_blank" title="facebook" rel="noopener"><img src="https://slcpl.libnet.info/images/tile/slcpl/btn-facebook1.jpg" alt="facebook" width="17" height="17"></a></li>
8653<li><a href="https://www.instagram.com/slcpl" target="_blank" title="instagram" rel="noopener"><img src="https://slcpl.libnet.info/images/tile/slcpl/btn-instagram.png" alt="instagram" width="17" height="17"></a></li>
8654<li><a href="https://www.youtube.com/@SaltLakeCityPublicLibrary" target="_blank" title="youtube" rel="noopener"><img src="https://slcpl.libnet.info/images/tile/slcpl/btn-youtube3.png" alt="youtube" width="17" height="17"></a></li>
8655<li><a href="https://slcpl.medium.com" target="_blank" title="medium" rel="noopener"><img src="https://slcpl.libnet.info/images/tile/slcpl/btn-medium2.png" alt="medium" width="17" height="17"></a></li>
8656<li><a href="https://www.tiktok.com/@slcpl" target="_blank" title="tiktok" rel="noopener"><img src="https://slcpl.libnet.info/images/tile/slcpl/btn-tiktok.png" alt="tiktok" width="17" height="17"></a></li>
8657</ul>
8658<ul class="footer-links">
8659<li><a target="_blank" href="https://slcpl.na2.iiivega.com" rel="noopener" style="font-weight: normal;">Catalog</a></li>
8660<li><a target="_blank" href="https://catalog.slcpl.org" rel="noopener" style="font-weight: normal;">Classic Catalog / ILL</a></li>
8661<li><a href="https://about.slcpl.org/locations" style="font-weight: normal;">Locations and Hours</a></li>
8662<li><a href="https://about.slcpl.org/faq" style="font-weight: normal;">FAQ</a></li>
8663<li><a href="https://rooms.slcpl.org/reserve" style="font-weight: normal;">Request A Meeting Room</a></li>
8664<li><a href="https://about.slcpl.org/contact-us" style="font-weight: normal;">Contact Us</a></li>
8665<li><a href="https://services.slcpl.org/newsletter-signup" style="font-weight: normal;">Newsletter</a></li>
8666<li><a href="https://about.slcpl.org/privacy-policy" style="font-weight: normal;">Privacy</a></li>
8667<li><a href="https://resources.slcpl.org/app" style="font-weight: normal;">Library App:</a></li>
8668</ul>
8669<ul class="social-networks">
8670<li>&nbsp;</li>
8671<li><a href="https://apps.apple.com/us/app/slc-public-library/id1364574052" target="_blank" title="Ap
8671ple App Store" rel="noopener"><img src="https://slcpl.libnet.info/images/tile/slcpl/appstore1.png" alt="App Store" width="17" height="17"></a></li>
8672<li><a href="https://play.google.com/store/apps/details?id=co.communico.slcpl&amp;hl=en" target="_blank" title="Google Play" rel="noopener"><img src="https://slcpl.libnet.info/images/tile/slcpl/googleplay.png" alt="Google Play" width="17" height="17"></a></li>
8673</ul>
8674</nav>
8675						</div>
8676					
8677					<div data-type="classicBlock" data-name="Classic Block" class="editor-block editor-block-classicBlock editor-block-default grid-item-default grid-item-auto" id="coeekqh">
8678							<p></p>
8679<p>© Copyright 2026 Salt Lake City Public Library. All rights reserved.</p>
8680<p></p>
8681						</div>
8682					
8683							</div>
8684							
8685						
8686					
8687				</div>
8688			
8689						</section>
8690					
8691						<section class="editor-block content co-section co-section--column" id="co39jjnzz3q8af" data-type="" data-name="Section" data-layout="column">
8692							
8693							
8694				<div class="co-section-columns" style="--co-section-column-count-default: 1;--co-section-column-count-md: 1;--co-section-column-count-sm: 1" data-content-width="regular">
8695					
8696							
8697						<div data-type="layout" data-name="Layout" class="editor-block editor-block-layout editor-block-wide editor-block-grid editor-block-grid-vertical grid-item-wide grid-item-auto" id="co687im187y6rj">
8698								
8699								
8700					<div data-type="classicBlock" data-name="Classic Block" class="editor-block editor-block-classicBlock editor-block-default grid-item-default grid-item-auto" id="cow8lvh">
8701							<p></p>
8702<hr>
8703<h4 style="text-align: center; color: #dbdbdb; border-bottom: none;"><span style="color: #6e6e6e;">STAY IN TOUCH</span></h4>
8704<p></p>
8705						</div>
8706					<co-classic-widget data-type="classicWidget" data-name="Classic widget" class="editor-block editor-block-classicWidget editor-block-default grid-item-default grid-item-auto co-element-block" id="cokcp5kvteeg9s" widget-id="4600" location-id="0" theme-id="382" keyword="slcpl"></co-classic-widget><!--?-->
8707					<div data-type="classicBlock" data-name="Classic Block" class="editor-block editor-block-classicBlock editor-block-default grid-item-default grid-item-auto" id="covxiqcb0uhf31">
8708							<div>
8709<h4 style="text-align: center; text-transform: none; color: #1ecad3; border-bottom: none; font-weight: 500;"><span style="color: #6e6e6e;">GET THE LIBRARY APP<br><br></span></h4>
8710</div>
8711<div style="display: flex; justify-content: center;"><a href="https://apps.apple.com/us/app/slc-public-library/id1364574052" target="_blank" rel="noopener"><img src="https://static.libnet.info/frontend-images/tile/slcpl/Super_Summer_Challenge/AppStore.png" class="lazyload" alt="Apple App Store" width="125" height="42"></a> <a href="https://play.google.com/store/apps/details?id=co.communico.slcpl&amp;hl=en" target="_blank" rel="noopener"><img src="https://static.libnet.info/frontend-images/tile/slcpl/Super_Summer_Challenge/GooglePlay1.png" class="lazyload" alt="Google Play" width="141" height="42"></a></div>
8712						</div>
8713					
8714					<div data-type="classicBlock" data-name="Classic Block" class="editor-block editor-block-classicBlock editor-block-default grid-item-default grid-item-auto" id="cow7ea4">
8715							<p></p>
8716<hr><nav>
8717<ul class="footer-links">
8718<li><span style="color: #6e6e6e;"><a target="_blank" href="https://slcpl.na2.iiivega.com" rel="noopener" style="color: #6e6e6e; font-weight: normal;">Catalog</a></span></li>
8719<li><span style="color: #6e6e6e;"><a href="https://events.slcpl.org/events" style="color: #6e6e6e; font-weight: normal;">Events</a></span></li>
8720<li><span style="color: #6e6e6e;"><a href="https://about.slcpl.org/locations" style="color: #6e6e6e; font-weight: normal;">Locations and Hours</a></span></li>
8721<li><span style="color: #6e6e6e;"><a href="https://about.slcpl.org/contact-us" style="color: #6e6e6e; font-weight: normal;">Contact Us</a></span></li>
8722<li><span style="color: #6e6e6e;"><a href="https://services.slcpl.org/newsletter-signup" style="color: #6e6e6e; font-weight: normal;">Newsletter</a></span></li>
8723</ul>
8724</nav>
8725<p></p>
8726						</div>
8727					
8728					<div data-type="classicBlock" data-name="Classic Block" class="editor-block editor-block-classicBlock editor-block-default grid-item-default grid-item-auto" id="cown9wd">
8729							<p></p>
8730<p>© Copyright 2026 Salt Lake City Public Library. All rights reserved.</p>
8731<p></p>
8732						</div>
8733					
8734					<div data-type="classicBlock" data-name="Classic Block" class="editor-block editor-block-classicBlock editor-block-default grid-item-default grid-item-auto" id="co8koto">
8735							<p>
8736<script type="text/javascript">
8737  (function() {
8738    		var se = document.createElement('script'); 
8739  			se.type = 'text/javascript'; 
8740  			se.async = true;
8741    		se.src = '//storage.googleapis.com/uniqueicchat/js/308377fe-a092-431f-a9af-9fd0b84db215.js';
8742    		var done = false;
8743    		se.onload = se.onreadystatechange = function() {
8744      			if (!done&&(!this.readyState||this.readyState==='loaded'||this.readyState==='complete')) {
8745       		 	done = true;
8746       	 		UniqueChat.setCallback('Close', function (chat, online) {
8747						UniqueChat.hideButton();
8748					});
8749
8750				var partUrlToHideButton = [
8751				"/widget?id=",
8752				"/v/assets/",
8753                              		"/v/assets/book/",
8754				];				
8755
8756				var exactUrlToHideButton = [
8757				"https://about.slcpl.org/contact-us",
8758				];
8759				
8760				var url = window.location.href;
8761				console.log(url);
8762				
8763				function hideChatButtonOnThisPage() {
8764					UniqueChat.hideButton();
8765					UniqueChat.setCallback('Close', function (type, status) {
8766						UniqueChat.hideButton();
8767					});
8768				};
8769				
8770				partUrlToHideButton.forEach(function(partUrl) {
8771					if(url.indexOf(partUrl) !== -1){
8772						hideChatButtonOnThisPage();
8773					}
8774				});				
8775
8776				exactUrlToHideButton.forEach(function(exactUrl) {
8777					if(url === exactUrl){
8778						hideChatButtonOnThisPage();
8779					}
8780					});
8781      			}
8782    		};
8783    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(se, s);
8784  })();
8785</script>
8785
8786</p>
8787						</div>
8788					
8789							</div>
8790							
8791						
8792					
8793				</div>
8794			
8795						</section>
8796					<!--?--></footer>
8797		</body></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.