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&
23family=Archivo:wght@700;800&family=Mulish:wght@400;700;800&family=Roboto:wght@400;500&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&family=Jost:wght@700;900&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&ev=PageView&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&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 & 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 & 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&postheight=yes&style=382&bodyonly=0&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> </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&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&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.