PageSourceSearch

https://www.visitberkeley.com/

html visitberkeley.com collected 2026-10-03 21:18:24 UTC 172,850 bytes, 3,537 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en-US" class=" ">
3<head>
4	<meta charset="utf-8" />
5	<meta http-equiv="Accept-CH" content="DPR, Viewport-Width, Width" />
6	<meta http-equiv="x-ua-compatible" content="ie=edge" />
7	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
8	<meta name="apple-mobile-web-app-capable" content="yes" />
9	<meta name="referrer" content="always" />	<link rel="mask-icon" href="/safari-favicon.svg" color="#0c5ea8">
10	<link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
11	<link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
12	<link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
13	<link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
14	<link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
15	<link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
16	<link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
17	<link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
18	<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
19	<link rel="icon" type="image/png" sizes="192x192"  href="/android-icon-192x192.png">
20	<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
21	<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
22	<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
23	<link rel="manifest" href="/manifest.json">
24	<meta name="msapplication-TileColor" content="#ffffff">
25	<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
26	<meta name="theme-color" content="#ffffff">
27	<meta name="referrer" content="unsafe-url" />
28
29	<link rel="canonical" href="https://www.visitberkeley.com/" />
30	<meta property="og:url" content="https://www.visitberkeley.com/" />
31  			<title>Visit Berkeley - Official Travel Guide to Berkeley, CA</title>
32
33	<meta property="og:title" content="Visit Berkeley - Official Travel Guide to Berkeley, CA" />
34	<meta name="description" content="Plan your visit to Berkeley, California with our comprehensive travel guide. Learn all about this city near San Francisco including top attractions and restaurants." />
35	<meta property="og:description" content="Plan your visit to Berkeley, California with our comprehensive travel guide. Learn all about this city near San Francisco including top attractions and restaurants." />
36	<meta name="keywords" content="&quot;berkeley&quot; &quot;berkeley california&quot; &quot;berkeley city&quot; &quot;where is berkely ca&quot;" />
37	<meta property="og:site_name" content="Visit Berkeley " />
38	<meta property="og:image" content="https://www.visitberkeley.com/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/2018-Meeting-Guide-Cover_694f32bf0e9ef81016789076834d1a45.jpeg" />
39	<meta name="twitter:card" content="summary_large_image" />
40	<meta property="og:type" content="website" />
41	<style>
42	/* inlined critical css */
43	@charset "UTF-8";
44/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family:sans-serif;line-height:1.15}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;overflow:visible}main{display:block}pre{font-family:monospace,monospace;font-size:1em}a{-webkit-text-decoration-skip:objects;background-color:transparent}a:active,a:hover{outline-width:0}abbr[title]{-webkit-text-decoration:underline dotted;border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}input{overflow:visible}
44[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}details{display:block}summary{display:list-item}menu{display:block}canvas{display:inline-block}[hidden],template{display:none}.foundation-mq{font-family:"small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"}html{box-sizing:border-box;font-size:100%}*,:after,:before{box-sizing:inherit}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#fefefe;color:#0a0a0a;font-family:MuseoSlab-300,Georgia,Times,Times New Roman,serif;font-weight:400;line-height:1.5;margin:0;padding:0}img{-ms-interpolation-mode:bicubic;display:inline-block;height:auto;max-width:100%;vertical-align:middle}textarea{border-radius:0;height:auto;min-height:50px}select{border-radius:0;box-sizing:border-box;width:100%}.map_canvas embed,.map_canvas img,.map_canvas object,.mqa-display embed,.mqa-display img,.mqa-display object{max-width:none!important}button{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;border-radius:0;line-height:1;padding:0}[data-whatinput=mouse] button{outline:0}pre{overflow:auto}.is-visible{display:block!important}.is-hidden{display:none!important}blockquote,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,li,ol,p,pre,td,th,ul{margin:0;padding:0}p{font-size:inherit;line-height:1.6;margin-bottom:1rem;text-rendering:optimizeLegibility}em,i{font-style:italic}b,em,i,strong{line-height:inherit}b,strong{font-weight:700}small{font-size:80%;line-height:inherit}h1,h2,h3,h4,h5,h6{color:inherit;font-family:MuseoSlab-300,Georgia,Times,Times New Roman,serif;font-style:normal;font-weight:700;text-rendering:optimizeLegibility}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#cacaca;line-height:0}h1{font-size:1.5rem}h1,h2{line-height:1.4;margin-bottom:.5rem;margin-top:0}h2{font-size:1.25rem}h3{font-size:1.1875rem}h3,h4{line-height:1.4;margin-bottom:.5rem;margin-top:0}h4{font-size:1.125rem}h5{font-size:1.0625rem}h5,h6{line-height:1.4;margin-bottom:.5rem;margin-top:0}h6{font-size:1rem}@media print,screen and (min-width:40em){h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:1.9375rem}h4{font-size:1.5625rem}h5{font-size:1.25rem}h6{font-size:1rem}}a{color:#007ea8;cursor:pointer;line-height:inherit;text-decoration:underline}a:focus,a:hover{color:#006c90;text-decoration:none}a img,hr{border:0}hr{border-bottom:1px solid #cacaca;clear:both;height:0;margin:1.25rem auto;max-width:75rem}dl,ol,ul{line-height:1.6;list-style-position:outside;margin-bottom:1rem}li{font-size:inherit}ul{list-style-type:disc}ol,ul{margin-left:1.25rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0;margin-left:1.25rem}dl{margin-bottom:1rem}dl dt{font-weight:700;margin-bottom:.3rem}blockquote{border-left:1px solid #cacaca;margin:0 0 1rem;padding:.5625rem 1.25rem 0 1.1875rem}blockquote,blockquote p{line-height:1.6}cite{display:block;font-size:.8125rem}cite:before{content:"— "}abbr{border-bottom:1px dotted #0a0a0a;color:#0a0a0a;
44cursor:help}figure{margin:0}code{border:1px solid #cacaca;font-weight:400;padding:.125rem .3125rem .0625rem}code,kbd{background-color:#e6e6e6;color:#0a0a0a;font-family:Consolas,Liberation Mono,Courier,monospace}kbd{margin:0;padding:.125rem .25rem 0}.subheader{color:#454545;font-weight:400;line-height:1.4;margin-bottom:.5rem;margin-top:.2rem}.lead{font-size:125%;line-height:1.6}.stat{font-size:2.5rem;line-height:1}p+.stat{margin-top:-1rem}.no-bullet{list-style:none;margin-left:0}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}@media print,screen and (min-width:40em){.medium-text-left{text-align:left}.medium-text-right{text-align:right}.medium-text-center{text-align:center}.medium-text-justify{text-align:justify}}@media print,screen and (min-width:64em){.large-text-left{text-align:left}.large-text-right{text-align:right}.large-text-center{text-align:center}.large-text-justify{text-align:justify}}.show-for-print{display:none!important}@media print{*{background:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}.show-for-print{display:block!important}.hide-for-print{display:none!important}table.show-for-print{display:table!important}thead.show-for-print{display:table-header-group!important}tbody.show-for-print{display:table-row-group!important}tr.show-for-print{display:table-row!important}td.show-for-print,th.show-for-print{display:table-cell!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}.ir a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}abbr[title]:after{content:" (" attr(title) ")"}blockquote,pre{border:1px solid #454545;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.print-break-inside{page-break-inside:auto}}.button{-webkit-appearance:none;background-color:#0c5ea8;border:1px solid transparent;border-radius:5px;color:#fefefe;cursor:pointer;display:inline-block;font-size:1rem;line-height:1;margin:0 0 1rem;padding:.9em 1.3em .75em;text-align:center;transition:background-color .25s ease-out,color .25s ease-out;vertical-align:middle}[data-whatinput=mouse] .button{outline:0}.button:focus,.button:hover{background-color:#0a508f;color:#fefefe}.button.tiny{font-size:.7rem}.button.small{font-size:.85rem}.button.large{font-size:1.4rem}.button.expanded{display:block;margin-left:0;margin-right:0;width:100%}.button.primary{background-color:#0c5ea8;color:#fefefe}.button.primary:focus,.button.primary:hover{background-color:#0a4b86;color:#fefefe}.button.secondary{background-color:#ba5b17;color:#fefefe}.button.secondary:focus,.button.secondary:hover{background-color:#954912;color:#fefefe}.button.success{background-color:#43ac6a;color:#0a0a0a}.button.success:focus,.button.success:hover{background-color:#368a55;color:#0a0a0a}.button.warning{background-color:#e38137;color:#0a0a0a}.button.warning:focus,.button.warning:hover{background-color:#c6651c;color:#0a0a0a}.button.alert{background-color:#e3373c;color:#0a0a0a}.button.alert:focus,.button.alert:hover{background-color:#c61c21;color:#0a0a0a}.button.hollow{border:1px solid #0c5ea8;color:#0c5ea8}.button.hollow,.button.hollow:focus,.button.hollow:hover{background-color:transparent}.button.hollow:focus,.button.hollow:hover{border-color:#062f54;color:#062f54}.button.hollow.primary{border:1px solid #0c5ea8;color:#0c5ea8}.button.hollow.primary:focus,.button.hollow.primary:hover{border-color:#062f54;color:#062f54}.button.hollow.secondary{border:1px solid #ba5b17;color:#ba5b17}.button.hollow.secondary:focus,.button.hollow.secondary:hover{border-color:#5d2e0c;color:#5d2e0c}.button.hollow.success{border:1px solid #43ac6a;color:#43ac6a}.button.hollow.success:focus,.button.hollow.success:hover{border-color:#225635;color:#225635}.button.hollow.warning{border:1px solid #e38137;color:#e38137}.button.hollow.warning:focus,.button.hollow.warning:hover{border-color:#7c3f11;color:#7c3f11}.button.hollow.alert{border:1px solid #e3373c;color:#e3373c}.button.hollow.alert:focus,.button.hollow.alert:hover{border-color:#7c1114;color:#7c1114}.button.disabled,.button[disabled]{cursor:not-allowed;opacity:.25}.button.disabled,.button.disabled:focus,.button.disabled:hover,.button[disabled],.button[disabled]:focus,.button[disabled]:hover{background-color:#0c5ea8;color:#fefefe}.button.disabled.primary,.button[disabled].primary{cursor:not-allowed;opacity:.25}.button.disabled.primary,.button.disabled.primary:focus,.button.disabled.primary:hover,.button[disabled].primary,.button[disabled].primary:focus,.button[disabled].primary:hover{background-color:#0c5ea8;color:#fefefe}.button.disabled.secondary,.button[disabled].secondary{cursor:not-allowed;opacity:.25}.button.disabled.secondary,.button.disabled.secondary:focus,.button.disabled.secondary:hover,.button[disabled].secondary,.button[disabled].secondary:focus,.button[disabled].secondary:hover{background-color:#ba5b17;color:#fefefe}.button.disabled.success,.button[disabled].success{cursor:not-allowed;opacity:.25}.button.disabled.success,.button.disabled.success:focus,.button.disabled.success:hover,.button[disabled].success,.button[disabled].success:focus,.button[disabled].success:hover{background-color:#43ac6a;color:#0a0a0a}.button.disabled.warning,.button[disabled].warning{cursor:not-allowed;opacity:.25}.button.disabled.warning,.button.disabled.warning:focus,.button.disabled.warning:hover,.button[disabled].warning,.button[disabled].warning:focus,.button[disabled].warning:hover{background-color:#e38137;color:#0a0a0a}.button.disabled.alert,.button[disabled].alert{cursor:not-allowed;opacity:.25}.button.disabled.alert,.button.disabled.alert:focus,.button.disabled.alert:hover,.button[disabled].alert,.button[disabled].alert:focus,.button[disabled].alert:hover{background-color:#e3373c;color:#0a0a0a}.button.dropdown:after{border-color:#fefefe transparent transparent;border-style:solid inset inset;border-width:.4em .4em 0;content:"";display:block;display:inline-block;float:right;height:0;margin-left:1.3em;position:relative;top:.4em;width:0}.button.dropdown.hollow.primary:after,.button.dropdown.hollow:after{border-top-color:#0c5ea8}.button.dropdown.hollow.secondary:after{border-top-color:#ba5b17}.button.dropdown.hollow.success:after{border-top-color:#43ac6a}.button.dropdown.hollow.warning:after{border-top-color:#e38137}.button.dropdown.hollow.alert:after{border-top-color:#e3373c}.button.arrow-only:after{float:none;margin-left:0;top:-.1em}.menu-icon{height:16px;width:20px}.menu-icon:after{box-shadow:0 7px 0 #fefefe,0 14px 0 #fefefe;height:2px}.menu-icon:hover:after{background:#cacaca;box-shadow:0 7px 0 #cacaca,0 14px 0 #cacaca}.menu-icon.dark{cursor:pointer;display:inline-block;height:16px;position:relative;vertical-align:middle;width:20px}.menu-icon.dark:after{background:#0a0a0a;box-shadow:0 7px 0 #0a0a0a,0 14px 0 #0a0a0a;content:"";display:block;height:2px;left:0;position:absolute;top:0;width:100%}.menu-icon.dark:hover:after{background:#454545;box-shadow:0 7px 0 #454545,0 14px 0 #454545}.hide{display:none!important}.invisible{visibility:hidden}@media screen and (max-width:39.9375em){.hide-for-small-only{display:none!important}}@media screen and (max-width:0em),screen and (min-width:40em){.show-for-small-only{display:none!important}}@media print,screen and (min-width:40em){.hide-for-medium{display:none!important}}@media screen and (max-width:39.9375em){.show-for-medium{display:none!important}}@media screen and (min-width:40em) and (max-width:63.9375em){.hide-for-medium-only{display:none!important}}@media screen and (max-width:39.9375em),screen and (min-width:64em){.show-for-medium-only{display:none!important}}@media print,screen and (min-width:64em){.hide-for-large{display:none!important}}@media screen and (max-width:63.9375em){.show-for-large{display:none!important}}@media screen and (min-width:64em) and (max-width:74.9375em){.hide-for-large-only{display:none!important}}@media screen and (max-width:63.9375em),screen and (min-width:75em){.show-for-large-only{display:none!important}}.show-for-sr,.show-on-focus{clip:rect(0,0,0,0);height:1px;overflow:hidden;position:absolute!important;width:1px}.show-on-focus:active,.show-on-focus:focus{clip:auto;height:auto;overflow:visible;position:static!important;width:auto}.hide-for-portrait,.show-for-landscape{display:block!important}@media screen and (orientation:landscape){.hide-for-portrait,.show-for-landscape{display:block!important}}@media screen and (orientation:portrait){.hide-for-portrait,.show-for-landscape{display:none!important}}.hide-for-landscape,.show-for-portrait{display:none!important}@media screen and (orientation:landscape){.hide-for-landscape,.show-for-portrait{display:none!important}}@media screen and (orientation:portrait){.hide-for-landscape,.show-for-portrait{display:block!important}}.reveal{opacity:0}
44body{background-color:#fefefe;color:#252525;font-size:1.1rem}body.theme-dark{background-color:#010b1a;color:#fefefe}body b,body strong{font-family:MuseoSlab-500,Georgia,Times,Times New Roman,serif;font-weight:700}.row{width:100%}.ie10 .row>*,.ie11 .row>*{-webkit-flex:0 1 auto;flex:0 1 auto;max-width:100%}.ie10 .row>.column,.ie10 .row>.columns,.ie11 .row>.column,.ie11 .row>.columns{-webkit-flex:0 0 100%;flex:0 0 100%}.column,.columns{float:none;position:relative;width:auto}.button{text-decoration:none}[type=checkbox]+label,[type=radio]+label{margin-left:.1rem;margin-right:.5rem}.tabs{background-color:#fefefe;border:none;clear:both}.tabs--details{-webkit-flex-flow:row wrap;-webkit-justify-content:flex-start;flex-flow:row wrap;justify-content:flex-start;margin-bottom:0;margin-top:2rem;width:100%}.tabs--details,.tabs-title{display:-webkit-flex;display:flex}.tabs-title{padding:2px 2px 0}.tabs-title>a{background:#9f9f9f;color:grey;display:block;font-family:MuseoSans-500,Tahoma,Verdana,Segoe,sans-serif;font-size:1rem;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;transition:background,color .5s ease}.tabs-title--details>a{padding:.8rem .8rem .5rem}.tabs-title--details>a:focus,.tabs-title--details>a:hover,.tabs-title--details>a[aria-selected=true]{background:#f0f0f0;color:#0a0a0a}@media screen and (min-width:750px){.tabs-title--details>a{padding:.8rem 1rem .5rem .8rem}}@media screen and (min-width:1024px){.tabs-title--details>a{padding:.8rem 1.2rem .5rem}}.tabs-panel--featured{padding:1rem 0 0}.tabs-panel{padding:2rem 1rem}.tabs-panel .list--multi-column:last-of-type{margin-bottom:0}.tabs-content{border:1px solid hsla(0,0%,83.9%,.5);margin:0 .5rem 1rem}.tabs-content,.tabs-content p{font-size:.9rem;line-height:1.5}.tabs-content .blk{padding:0}@media screen and (min-width:750px){.tabs-content{margin:0 0 1rem}}.tabs-content--details{margin:0 0 1rem}.tabs-content--featured{background-color:transparent;border:none;margin:0}.accordion{margin:1rem auto;max-width:53.125rem}.accordion-title{font-weight:700;padding:1rem .75rem .75rem;text-decoration:none;text-transform:uppercase}.accordion-title h2{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;text-transform:inherit}.accordion-title:before{-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);background-image:url(/svg/angle-right.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:1.5rem;margin-top:-.75rem;transform:rotate(90deg);transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;width:1.5rem}.is-active>.accordion-title:before{-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);content:"";transform:rotate(-90deg)}.accordion-item:first-child .accordion-title{border-top-left-radius:6px;border-top-right-radius:6px}.accordion-item:last-child .accordion-title{border-bottom-left-radius:6px;border-bottom-right-radius:6px}.close-button{line-height:.8;overflow:hidden;padding:0 .5rem;right:0;text-align:center;top:0}.reveal{outline:none;padding:1.75rem 1rem 1rem}.reveal:focus{box-shadow:0 0 4px 1px rgba(69,69,69,.5);outline:0}.reveal--nav{border:none;float:right;max-width:375px;min-height:100%;padding:4rem 3rem 3rem;top:0!important}.reveal--nav .close-button{color:#ba5b17;padding:.5rem 1rem 1rem}.reveal .reveal-buttons .btn{font-size:.8rem;letter-spacing:.025rem;margin-bottom:.5rem;width:100%}.callout{box-shadow:0 0 3px 0 rgba(0,0,0,.2);padding:1rem}h1{font-family:MuseoSlab-300,Georgia,Times,Times New Roman,serif;font-size:30px;line-height:1.25}@media (min-width:576px){h1{font-size:calc(27.77778vw - 130px)}}@media (min-width:648px){h1{font-size:calc(2.65957vw + 32.76596px)}}@media (min-width:1024px){h1{font-size:60px}}h2{font-family:MuseoSans-300,Tahoma,Verdana,Segoe,sans-serif;font-size:19px;text-transform:uppercase}@media (min-width:576px){h2{font-size:calc(6.94444vw - 21px)}}@media (min-width:648px){h2{font-size:calc(1.06383vw + 17.10638px)}}@media (min-width:1024px){h2{font-size:28px}}h3{font-family:MuseoSans-900Italic,Tahoma,Verdana,Segoe,sans-serif;font-size:24px}@media (min-width:576px){h3{font-size:calc(2.77778vw + 8px)}}@media (min-width:648px){h3{font-size:calc(1.06383vw + 19.10638px)}}@media (min-width:1024px){h3{font-size:30px}}h4{font-family:MuseoSans-500,Tahoma,Verdana,Segoe,sans-serif;font-size:20px;font-weight:500;letter-spacing:.025em}@media (min-width:576px){h4{font-size:calc(1.38889vw + 12px)}}@media (min-width:648px){h4{font-size:calc(.26596vw + 19.2766px)}}@media (min-width:1024px){h4{font-size:22px}}h5{font-family:MuseoSlab-300,Georgia,Times,Times New Roman,serif;font-size:14px;line-height:1.2;margin-top:.25rem}@media (min-width:576px){h5{font-size:calc(1.38889vw + 6px)}}@media (min-width:648px){h5{font-size:calc(.26596vw + 13.2766px)}}@media (min-width:1024px){h5{font-size:16px}}h6{font-family:MuseoSans-500,Tahoma,Verdana,Segoe,sans-serif;font-size:19px}@media (min-width:576px){h6{font-size:calc(1.38889vw + 11px)}}@media (min-width:648px){h6{font-size:calc(.26596vw + 18.2766px)}}@media (min-width:1024px){h6{font-size:21px}}h2,h3,h4,h5,h6{text-transform:uppercase}blockquote,blockquote p{color:#454545}.theme-dark blockquote,.theme-dark blockquote p{color:#d6d6d6}blockquote{margin-bottom:1.5rem}cite{color:#454545}.theme-dark cite{color:#d6d6d6}.icon{fill:currentColor;height:1.5rem;vertical-align:middle;width:1.5rem}.btn>.icon{margin-top:-.1rem}.icon--2{height:2rem;width:2rem}.icon--2-5{height:2.5rem;width:2.5rem}
44.icon--1-25{height:1.25rem;width:1.25rem}.icon--3{height:3rem;width:3rem}.icon--4{height:4rem;width:4rem}.icon--4-5{height:4.5rem;width:4.5rem}.icon--sm{height:1rem;width:1rem}.icon--white{fill:#fefefe}.icon--black{fill:#0a0a0a}.icon--gray{fill:#9f9f9f}.icon--blue{fill:#0c5ea8}.icon--blue2{fill:#007ea8}.icon--orange{fill:#ba5b17}.icon--green{fill:#528230}.icon--tiny{height:.75rem;width:.75rem}.icon--v-dots{height:1rem;width:.5rem}.icon--stacked{margin-bottom:.75rem;margin-top:0}.icon--breadcrumb{height:.8rem;margin-right:.5rem;padding-bottom:2px;width:.75rem}.icon--breadcrumbbig{height:1rem;margin-right:.5rem;padding-bottom:2px;width:.93rem}.icon--notopmargin{margin-top:0!important}.icon--back{-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);padding-bottom:0;padding-top:2px;transform:rotate(180deg)}.icon--overlaid{-ms-transform:scale(1) translate(-50%,-50%);-ms-transform-origin:0 0;-webkit-transform:scale(1) translate(-50%,-50%);-webkit-transform-origin:0 0;background-color:rgba(0,0,0,.5);border-radius:50%;fill:#fefefe;height:3rem;left:50%;padding:.15rem .75rem;position:absolute;top:50%;transform:scale(1) translate(-50%,-50%);transform-origin:0 0;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;width:3rem;will-change:transform}a:focus .icon--overlaid,a:hover .icon--overlaid{-ms-transform:scale(1.2) translate(-50%,-50%);-webkit-transform:scale(1.2) translate(-50%,-50%);transform:scale(1.2) translate(-50%,-50%)}.icon-social{position:relative;top:-.025rem;vertical-align:middle;width:1rem}.icon-itin,.icon-social{display:inline-block;fill:currentColor;height:1rem}.icon-itin{vertical-align:bottom;width:1.3rem}.icon-nav{fill:currentColor;height:1.3rem;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;width:1.3rem}.page-search.is-open .icon-nav,.page-search:focus .icon-nav{-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);left:2.5rem;transform:rotate(90deg)}.menu-icon{cursor:pointer;display:inline-block;height:18px;margin:0;position:relative;vertical-align:middle;width:25px}@media screen and (min-width:600px){.menu-icon{display:inline-block;margin:0 .5rem}}.menu-icon:after{content:"";display:block;height:3px;left:0;position:absolute;top:0;transition:box-shadow .5s ease,background .5s ease;width:100%}.menu-icon:active:after,.menu-icon:after,.menu-icon:focus:after,.menu-icon:hover:after{background:#fefefe;box-shadow:0 8px 0 #fefefe,0 16px 0 #fefefe}.area-wrapper{display:block;opacity:0;transition:opacity .5s ease;width:100%}.interiorSite .area-wrapper,.no--slideshow .area-wrapper{padding-top:84px}.area-body{-webkit-flex-flow:row wrap;-webkit-justify-content:center;display:-webkit-flex;display:flex;flex-flow:row wrap;justify-content:center;margin:0 auto;max-width:none;position:relative;width:100%}.area-footer,.area-header{width:100%}.area-primary{-webkit-align-items:center;-webkit-flex-flow:row wrap;-webkit-justify-content:center;align-items:center;display:-webkit-flex;display:flex;flex-flow:row wrap;justify-content:center;padding-bottom:1.2rem;padding-top:1.2rem;width:100%}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.area-primary{margin:0!important}}@media screen and (min-width:769px){.area-primary{padding-bottom:2rem;padding-top:2.4rem}}.area-primary--magazine{max-width:61.875rem}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.area-primary--magazine{margin:0!important}}.content-wrapper--full>.area-primary--magazine{margin:0 auto}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.content-wrapper--full>.area-primary--magazine{margin:0!important}}@media screen and (min-width:1200px){.content-wrapper--full>.area-primary--magazine{padding-right:8.5%}}@media screen and (min-width:1024px){.area-primary--wide{display:-webkit-flex;display:flex;max-width:80rem}}@media screen and (min-width:1024px) and (-ms-high-contrast:active){.area-primary--wide{margin:0!important}}@media screen and (min-width:1024px){.content-wrapper--full>.area-primary--wide{margin:0 auto}}@media screen and (min-width:1024px) and (-ms-high-contrast:active){.content-wrapper--full>.area-primary--wide{margin:0!important}}@media screen and (min-width:1200px){.content-wrapper--full>.area-primary--wide{padding-right:15%}}
44.area-details{grid-column:1/4;grid-row:3;padding:1rem 0}@media screen and (min-width:600px){.area-details{grid-column:2;grid-row:1/3;padding-left:3rem}}@media screen and (min-width:750px){.area-details{grid-column:2}}.area-details--partner{padding:0}.content-wrapper--partner .area-details{-webkit-flex:1 1 100%;-webkit-order:1;flex:1 1 100%;grid-column:1/3;grid-row:1;order:1;padding:1rem 0}@media screen and (min-width:750px){.content-wrapper--partner .area-details{-webkit-flex:1 1 60%;flex:1 1 60%;grid-column:1;grid-row:1}.content-wrapper--partner .area-details--partner{padding:0 4rem 0 0}}.area-contact{grid-row:1;padding:1rem .5rem 0;text-align:center}@media screen and (min-width:600px){.area-contact{grid-column:1;padding:1rem .5rem 0}.area-contact--partner{padding:4rem .5rem 0}}.content-wrapper--partner .area-contact{-webkit-flex:1 1 100%;-webkit-order:2;flex:1 1 100%;grid-row:1;order:2;padding:1rem .5rem 0;text-align:center}@media screen and (min-width:750px){.content-wrapper--partner .area-contact{-webkit-flex:1 1 30%;flex:1 1 30%;grid-column:2;padding:1rem .5rem 0}.content-wrapper--partner .area-contact--partner{padding:0 .5rem}}.area-gutter{grid-column:1/3;grid-row:2;padding-top:1rem;text-align:center}@media screen and (min-width:600px){.area-gutter{grid-column:1;grid-row:2}}@media screen and (min-width:750px){.area-gutter--partner{grid-column:3;grid-row:1;padding:4rem .5rem 1rem}}.area-secondary{-webkit-justify-content:center;display:-webkit-flex;display:flex;justify-content:center;width:100%}.area-secondary--magazine,.area-secondary--wide{-webkit-flex-flow:row nowrap;flex-flow:row nowrap;max-width:none;padding-top:1.2rem}@media screen and (min-width:769px){.area-secondary--magazine,.area-secondary--wide{padding-top:2.4rem}}@media screen and (min-width:1024px){.area-secondary--magazine,.area-secondary--wide{max-width:25rem}}.area-intro{-webkit-flex-flow:column nowrap;display:-webkit-flex;display:flex;flex-flow:column nowrap;max-width:49.375rem;padding:0 1rem;text-align:center;width:100%}.area-intro--magazine,.area-intro--standard{margin:0 auto;text-align:left}@media screen and (min-width:1024px){.area-intro--magazine{margin:0}}@media screen and (min-width:750px){.area-intro--wide{margin:0}}@media screen and (min-width:1024px){.area-intro--wide{max-width:20rem;min-width:15rem;padding:0;text-align:right}}.area-intro--indented{max-width:59.875rem}.content-wrapper{margin:0 auto;max-width:64rem;width:100%}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.content-wrapper{margin:0!important}}.content-wrapper--magazine,.content-wrapper--wide{max-width:82rem}@media screen and (min-width:1024px){.content-wrapper--magazine,.content-wrapper--wide{-webkit-flex-flow:row;display:-webkit-flex;display:flex;flex-flow:row}}@media screen and (min-width:1024px) and (-ms-high-contrast:active){.content-wrapper--magazine,.content-wrapper--wide{margin:0!important}}.content-wrapper--details{padding:0 1rem}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.content-wrapper--details{margin:0!important}}.content-wrapper--full{max-width:64rem}.content-wrapper--event{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(auto,1fr);max-width:61.875rem;padding:0 .5rem}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.content-wrapper--event{margin:0!important}}@media screen and (min-width:600px){.content-wrapper--event{grid-template-columns:220px 1fr}}@media screen and (min-width:750px){.content-wrapper--event{grid-template-columns:300px 1fr;padding:0}}.content-wrapper--partner{-webkit-align-items:flex-start;-webkit-flex-flow:row wrap;-webkit-justify-content:center;align-items:flex-start;display:-webkit-flex;display:flex;flex-flow:row wrap;justify-content:center;margin:0;max-width:80rem;padding:1rem 1rem 0}@media screen and (min-width:750px){.content-wrapper--partner{padding:2rem 1rem 0}@supports (display:grid){.content-wrapper--partner{display:grid;grid-template-columns:minmax(auto,66.666%) minmax(120px,33.333%);grid-template-rows:auto minmax(auto,1fr)}}}@media screen and (min-width:1024px){.content-wrapper--partner{padding:4rem 1rem 0}}.page-header{-webkit-align-items:center;-webkit-flex-direction:row;
44-webkit-justify-content:space-evenly;align-items:center;color:#0c5ea8;display:-webkit-flex;display:flex;flex-direction:row;justify-content:space-evenly;left:0;max-height:84px;padding:.5rem;position:fixed;right:0;top:0;transition:background-color .3s ease;width:100%;will-change:background-color;z-index:10000}@media screen and (min-width:600px){.page-header{-webkit-justify-content:flex-start;justify-content:flex-start;padding:.5rem 1.5rem}}.interiorSite .page-header,.no--slideshow .page-header,.page-header.headroom--not-top{background-color:#0c5ea8}.page-footer{color:#252525}.theme-dark .page-footer{color:#fefefe}.widget{margin:2rem 0;width:100%}@media screen and (min-width:1024px){.widget{margin:3rem 0}}.widget .dir__heading{-webkit-align-items:center;-webkit-flex-flow:column wrap;-webkit-justify-content:center;align-items:center;display:-webkit-flex;display:flex;flex-flow:column wrap;justify-content:center}.widget .dir__heading span{color:#528230}@media screen and (min-width:750px){.widget .dir__heading{padding-bottom:1rem}}.widget .dir__heading:after{background:url(/images/downarrows-dark.png) no-repeat 50%;background-size:contain;content:"";display:inline-block;height:2.75rem;margin:0 .5rem 0 0;opacity:1;vertical-align:middle;width:2.75rem}.theme-dark .widget .dir__heading:after{background-image:url(/images/downarrows-light.png)}.widget__header{-webkit-align-items:center;-webkit-flex-flow:row wrap;-webkit-justify-content:center;align-items:center;display:-webkit-flex;display:flex;flex-flow:row wrap;justify-content:center;max-width:100%;position:relative;width:100%}.widget-wrapper{display:block;margin-left:auto;margin-right:auto;max-width:64rem;padding:.5rem 1rem;width:auto}.widget-wrapper--wide{max-width:100%}.widget-wrapper--slammed{max-width:100%;padding:.5rem 0}.widget-wrapper--wider{max-width:80rem}.page-break{-webkit-flex-flow:row wrap;-webkit-justify-content:center;display:-webkit-flex;display:flex;flex-flow:row wrap;justify-content:center;margin:1rem auto;max-width:49.375rem;padding:0 1rem 1rem;position:relative;text-align:center;width:100%}.page-break:before{border-bottom:1px solid rgba(0,0,0,.4);bottom:2.2rem;content:"";display:block;left:0;position:absolute;width:100%}.page-break__group{-webkit-flex-flow:row wrap;-webkit-justify-content:center;display:-webkit-flex;display:flex;flex-flow:row wrap;justify-content:center;text-align:center;z-index:1}.page-break__heading{color:#666;font-size:.7rem;font-weight:700;line-height:2;text-transform:uppercase;width:100%}.page-break__link{background-color:#fefefe;background-color:#f4f4f4;border-radius:5px;color:#007ea8;font-size:13px;line-height:1.1;margin-right:2px;outline:none;padding:.65rem .75rem;text-decoration:none;transition:background-color .5s ease;will-change:background-color,color}@media (min-width:576px){.page-break__link{font-size:calc(.22321vw + 11.71429px)}}@media (min-width:1024px){.page-break__link{font-size:14px}}.page-break__link:first-child{border-left:none}.page-break__link:active,.page-break__link:focus,.page-break__link:hover{background-color:#fefefe;color:#0c5ea8}.page-break__link:focus{box-shadow:0 0 2px 1px rgba(0,126,168,.5);outline:0;z-index:0}.theme-dark .page-break__link{background-color:#252525}.theme-dark .page-break__link:active,.theme-dark .page-break__link:focus,.theme-dark .page-break__link:hover{background-color:#0a0a0a;color:#007ea8}.itin__counter{display:block;height:2.3rem;left:55px;opacity:0;overflow:hidden;padding:.3rem;position:absolute;text-indent:-9000px;top:auto;visibility:hidden;white-space:nowrap;width:.1px}.itin__counter,.itin__counter.is-showing{transition:width .5s ease,opacity .5s ease}.itin__counter.is-showing{width:2.8rem}.headroom--not-top .itin__counter.is-showing{opacity:1}.interiorSite .itin__counter.is-showing,.no--slideshow .itin__counter.is-showing{opacity:1;visibility:visible}@media screen and (min-width:375px){.itin__counter{left:60px}}@media screen and (min-width:600px){.itin__counter{left:150px}}.itin__count{color:#fefefe;display:block;font-size:.8rem;font-weight:700;left:0;line-height:1rem;padding:.5rem .3rem .34rem;position:absolute;text-align:center;text-indent:0;top:0;width:100%;z-index:1}.itin__link{display:block;height:100%;position:relative;width:100%}.itin__link:after{background:url(/svg/save.png) no-repeat 50%;background:url(/svg/save.svg) no-repeat 50%;background-size:contain;bottom:0;content:"";height:100%;left:0;opacity:.8;position:absolute;right:0;top:0;width:100%;z-index:0}.itin__link.disabled,.itin__link[aria-disabled],.itin__link[disabled]{pointer-events:none}.nav{-webkit-flex-flow:row wrap;display:-webkit-flex;display:flex;flex-flow:row wrap;list-style-type:none;margin:0 auto;max-width:49.375rem;padding:0;position:relative;width:100%}.nav__root{-webkit-order:3;margin:0;order:3}@media screen and (min-width:600px){.nav__root{margin:0 0 0 1rem}}.nav--primary-reveal .nav__item{display:block;position:relative;width:100%}.nav--primary-reveal .nav__link{border-bottom:1px solid #d6d6d6;color:#252525;display:block;font-family:MuseoSans-500,Tahoma,Verdana,Segoe,sans-serif;font-size:1rem;line-height:1;padding:19px 30px 14px 0;text-transform:uppercase;transition:all .5s ease}.nav--primary-reveal .active-menu>.nav__link,.nav--primary-reveal .active-menu>.nav__link+.subnav-toggle .subnav-toggle__icon,.nav--primary-reveal .nav__link:hover,.nav--primary-reveal .nav__link:hover+.subnav-toggle .subnav-toggle__icon{color:#ba5b17}.nav--primary-reveal .subnav-toggle{-ms-transform:rotate(0);-webkit-transform:rotate(0);color:#ba5b17;cursor:pointer;display:block;height:48px;line-height:0;outline:0;overflow:hidden;position:absolute;right:0;text-align:center;top:0;transform:rotate(0);transition:all .5s ease,-webkit-transform .25s linear;transition:transform .25s linear,all .5s ease;transition:transform .25s linear,all .5s ease,-webkit-transform .25s linear;width:45px;will-change:transform}
44.nav--primary-reveal .subnav-toggle .icon{height:14px}.nav--primary-reveal .active-menu .subnav-toggle{-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.nav--primary-reveal .nav--subnav{display:none;margin-top:15px;will-change:height,all}.nav--primary-reveal .nav--subnav .nav__link{border:none;color:#666;font-size:.9rem;line-height:1.1;padding:4px 15px;text-transform:none}.nav--primary-reveal .nav--subnav .nav__link:hover{color:#ba5b17}.nav--secondary-reveal{border-bottom:1px solid #d6d6d6;padding:1.5rem .25rem}.nav--secondary-reveal .nav__item{display:block;position:relative;width:100%}.nav--secondary-reveal .nav__link{color:#929292;display:block;font-family:MuseoSlab-300,Georgia,Times,Times New Roman,serif;font-size:1rem;font-weight:700;letter-spacing:.025rem;line-height:1;padding:7px 10px 7px 0;transition:all .5s ease}.nav--footer{-webkit-justify-content:center;display:-webkit-flex;display:flex;font-size:.9rem;justify-content:center;margin:0 1rem;max-width:40rem}.nav--footer .nav__link{color:#0a0a0a;padding:.25rem .5rem}.nav--footer .nav__link:active,.nav--footer .nav__link:focus,.nav--footer .nav__link:hover{color:#0a0a0a}.theme-dark .nav--footer .nav__link,.theme-dark .nav--footer .nav__link:active,.theme-dark .nav--footer .nav__link:focus,.theme-dark .nav--footer .nav__link:hover{color:#fefefe}@media print{.nav--footer .nav__link:after{display:none}}.nav--footermain{-webkit-justify-content:center;display:-webkit-flex;display:flex;font-family:MuseoSans-500,Tahoma,Verdana,Segoe,sans-serif;font-size:.9rem;justify-content:center;margin:0 .75rem 1rem;max-width:none}.nav--footermain .nav__link{color:#0a0a0a;padding:.25rem .5rem;text-transform:uppercase}.nav--footermain .nav__link:active,.nav--footermain .nav__link:focus,.nav--footermain .nav__link:hover{color:#0a0a0a}.theme-dark .nav--footermain .nav__link,.theme-dark .nav--footermain .nav__link:active,.theme-dark .nav--footermain .nav__link:focus,.theme-dark .nav--footermain .nav__link:hover{color:#fefefe}@media print{.nav--footermain .nav__link:after{display:none}}.nav--social{width:auto}.reveal--nav .nav--social{margin:0}.nav--social .nav__social{display:block;padding:0 .3rem;text-decoration:none}.nav--social .nav__social a{color:#989898;padding:.3rem .2rem}.nav--social .nav__social a:active,.nav--social .nav__social a:focus,.nav--social .nav__social a:hover{color:#7f7f7f}.nav__sub-wrapper{padding:2rem .5rem}.nav__link,.nav a{display:block;padding:.3rem .5rem;text-decoration:none}.nav__link:active,.nav__link:focus,.nav__link:hover,.nav a:active,.nav a:focus,.nav a:hover{color:#0c5ea8}.nav__toggle{-webkit-flex-flow:row nowrap;-webkit-justify-content:space-between;background:#ba5b17;border-radius:5px!important;color:#fefefe;display:block;display:-webkit-flex;display:flex;flex-flow:row nowrap;font-family:MuseoSlab-500,Georgia,Times,Times New Roman,serif;font-weight:700;height:auto;justify-content:space-between;letter-spacing:1px;line-height:1.15;margin:0;max-width:16em;overflow:hidden;padding:.75rem .5rem;text-overflow:ellipsis;text-shadow:1px 1px 1px rgba(0,0,0,.2);transition:background .5s ease,border .5s ease;white-space:nowrap}.nav__toggle:active,.nav__toggle:focus,.nav__toggle:hover{background:#a35014}.nav__toggle .nav__txt{display:none;font-size:1.05rem;margin:0 .5rem;padding-top:2px}@media screen and (min-width:600px){.nav__toggle .nav__txt{display:inline-block}}.nav__logo,.nav__status{display:inline-block;position:relative}.nav__logo{background:url(/images/logo-blue.png) no-repeat 50%;background:url(/images/logo-blue.svg) no-repeat 50%;background-size:contain;height:7rem;margin:.5rem;width:18rem}.nav__logo--header{-webkit-order:2;background:url(/images/logo-white.png) no-repeat 50%;background:url(/images/logo-white.svg) no-repeat 50%;height:4rem;margin:.25rem auto auto;opacity:0;order:2;transition:opacity .3s ease;width:8rem;will-change:opacity}.headroom--not-top .nav__logo--header,.interiorSite .nav__logo--header,.no--slideshow .nav__logo--header{opacity:1}@media screen and (min-width:375px){.nav__logo--header{width:10rem}}.t-breadcrumbs{background-color:#007ea8;display:block;position:relative;width:100%}.t-breadcrumbs .breadcrumb-br,.t-breadcrumbs .breadcrumb-tl{max-height:26px;max-width:32px;opacity:.35;position:absolute}.t-breadcrumbs .breadcrumb-tl{left:0;top:0;z-index:1}.t-breadcrumbs .breadcrumb-br{bottom:0;right:0;z-index:1}.t-breadcrumbs__list{-webkit-flex-flow:row wrap;
44-webkit-justify-content:center;color:#fefefe;display:-webkit-flex;display:flex;flex-flow:row wrap;font-size:.75rem;font-weight:700;justify-content:center;letter-spacing:.025rem;line-height:1.3;list-style-type:none;margin:.65rem auto;max-width:53.125rem;padding:0 1rem}.t-breadcrumbs__item{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;font-family:MuseoSlab-300,Georgia,Times,Times New Roman,serif;padding-top:2px;text-transform:uppercase}.t-breadcrumbs__link{display:block;margin:0 .5rem 0 0}.t-breadcrumbs__link,.t-breadcrumbs__link[aria-current=page]{color:#fefefe;text-decoration:none}.t-breadcrumbs__link:active,.t-breadcrumbs__link:focus,.t-breadcrumbs__link:hover{color:#f1f1f1}.t-sec-nav{margin:1rem 0;padding:0 2rem;position:relative;text-align:center;width:100%}.t-sec-nav,.t-sec-nav__group{display:block;overflow:hidden}.t-sec-nav__group{-webkit-overflow-scrolling:touch;list-style-type:none;margin:.25rem auto;max-width:none;white-space:nowrap}.t-sec-nav__group ::-webkit-scrollbar{display:none}.touchevents .t-sec-nav__group{overflow-x:auto}.t-sec-nav__icon{display:none;fill:#0a0a0a}@media screen and (min-width:1024px){.t-sec-nav__icon{display:block}}.t-sec-nav__item{border:2px solid #929292;display:inline-block;margin:0 .25rem}.t-sec-nav__item:active,.t-sec-nav__item:focus,.t-sec-nav__item:hover{border:2px solid #454545}.t-sec-nav__link{-webkit-align-items:center;-webkit-flex-flow:column wrap;-webkit-justify-content:flex-end;align-items:center;color:#929292;display:-webkit-flex;display:flex;flex-flow:column wrap;font-family:MuseoSans-700,Tahoma,Verdana,Segoe,sans-serif;font-size:.9rem;justify-content:flex-end;line-height:1.2;overflow:hidden;padding:.5rem 1.5rem;position:relative;text-decoration:none;text-transform:uppercase;white-space:nowrap}.t-sec-nav__link:active,.t-sec-nav__link:focus,.t-sec-nav__link:hover{color:#454545}.t-sec-nav__label{display:block;margin-top:.2rem}.t-sec-nav__label.is-active{font-weight:700}.navbar{background-color:#fefefe;margin:0 0 4rem;padding:.5rem 2rem;position:relative;width:100%}.navbar__track{display:-webkit-flex;display:flex;overflow:hidden}.navbar__left,.navbar__right{background-color:#fefefe;bottom:0;cursor:pointer;display:block;position:absolute;top:0;transition:background-color .5s ease;width:2rem;will-change:background-color}.navbar__left:focus,.navbar__left:hover,.navbar__right:focus,.navbar__right:hover{background-color:rgba(10,10,10,.1);color:#0a0a0a}.navbar__left[disabled],.navbar__right[disabled]{display:none}.navbar__left{box-shadow:4px 0 8px rgba(0,0,0,.1);left:0}.navbar__right{box-shadow:-4px 0 8px rgba(0,0,0,.1);right:0}.page-search{-webkit-order:1;margin:0;order:1}@media screen and (min-width:600px){.page-search{-webkit-order:2;order:2}}.page-search__fence{height:100vh;left:0;position:absolute;top:0;width:100vw;z-index:9}.page-search__error{background-color:#fefefe;border-radius:5px;line-height:1.2;margin:.25rem 0;padding:.5rem}.page-search__error .icon{fill:#e3373c;margin-right:.3rem}.page-search__error:empty{display:none}.page-search__container{background-color:#d6d6d6;box-shadow:0 3px 5px 0 rgba(0,0,0,.3);left:0;margin-top:1rem;max-width:18.75rem;padding:1rem 1rem 0;position:absolute;top:auto;width:100%;z-index:10}@media screen and (min-width:600px){.page-search__container{left:auto;right:0}}.page-search__cta{background:rgba(10,10,10,.45);border-radius:50%!important;color:inherit;display:block;font-size:.8rem;outline:none;padding:12px;position:relative;text-align:center;text-transform:uppercase}.page-search__cta>*{display:block}.page-search__cta:active,.page-search__cta:focus,.page-search__cta:hover{color:#ba5b17}.flag--slideshow .headroom--top .page-search__cta:active,.flag--slideshow .headroom--top .page-search__cta:focus,.flag--slideshow .headroom--top .page-search__cta:hover,.flag--slideshow .page-search__cta:active,.flag--slideshow .page-search__cta:focus,.flag--slideshow .page-search__cta:hover,.headroom--not-top .page-search__cta:active,.headroom--not-top .page-search__cta:focus,.headroom--not-top .page-search__cta:hover{color:inherit}.page-search__cta[aria-expanded=true]:after{-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);border-bottom:1.1rem solid #d6d6d6;border-left:1rem solid transparent;border-right:1rem solid transparent;bottom:-1.1rem;content:"";display:block;left:50%;position:absolute;transform:translateX(-50%)}.page-search__hit-list{background-color:#f9f9f9;color:#fefefe;
44left:1rem;position:absolute;right:1rem;top:3.5rem}.page-search__hit-list[hidden]~.page-search__more{display:none}.page-search__hit-list a:focus,.page-search__hit-list a:hover{background-color:#f0f0f0}.page-search__hit-list a:focus{box-shadow:0 0 2px 1px rgba(0,126,168,.5);outline:none;outline:0}.page-search__submit{border:none;margin-top:.5rem}.page-search__row{-ms-transform:scale(.5);-webkit-transform:scale(.5);background-color:rgba(186,91,23,0);margin:0;padding:0;transform:scale(.5);transition:all .5s ease;width:5rem}@media screen and (min-width:600px){.page-search__row{right:0}}.page-search__input{-webkit-appearance:none;border:none;margin:.75rem 0 .25rem;outline:none}.page-search__icon{fill:#fefefe}.page-search__cancel{float:right}.qsearch__item{border:1px solid #9f9f9f;color:#0a0a0a;display:block;font-size:1rem;padding:.5rem;text-align:left;text-decoration:none}.qsearch__item:active,.qsearch__item:hover{border:1px solid #666;text-decoration:underline}.qsearch__title{font-weight:700}.qsearch__subtitle{color:#666;font-weight:700}.wthr__widget{-webkit-align-items:center;-webkit-flex-flow:row;-webkit-justify-content:flex-start;align-items:center;color:#faf0e2;display:none;flex-flow:row;font-size:1.1rem;justify-content:flex-start;margin:.5rem;opacity:0;text-decoration:none;transition:opacity .3s ease;will-change:opacity}.wthr__widget:active,.wthr__widget:focus,.wthr__widget:hover{color:#faf0e2}@media screen and (min-width:600px){.wthr__widget{display:-webkit-flex;display:flex}.headroom--not-top .wthr__widget,.interiorSite .wthr__widget,.no--slideshow .wthr__widget{opacity:1}}@media screen and (min-width:600px){.wthr__widget{margin:.5rem;max-width:12.1875rem;width:100%}}.wthr__measure{color:#fefefe;font-family:MuseoSlab-500,Georgia,Times,Times New Roman,serif;font-size:1.2rem;line-height:1;margin-left:.75rem;margin-top:.3rem;text-transform:uppercase}
45	</style>
46
47	<!-- Custom fonts from myFonts -->
48	<link rel="stylesheet" type="text/css" href="/museo-slab.css"/>
49	<link rel="stylesheet" type="text/css" href="/museo-sans.css"/>
50	
51	<!-- preload the rest of our css -->
52	<noscript id="deferred-styles">
53		<link href="/css/styles.min.css?68291627164cd98d167be2cc1ce5dfd6" rel="stylesheet">
54	</noscript>
55
56	
56<script>
57		//// UPDATE WEBFONT LOADER FOR YOUR FONT SETTINGS //// 
58		// fonts
59		WebFontConfig = {
60			//typekit: { id: 'zzzzzzz' },
61		    google: {
62		      families: ['Taviraj:400,700', 'PT Sans:400,700']
63		    },
64			//monotype: {
65			//	projectId: '11111111-1111-1111-1111-111111111111',
66			//	version: 12345 // (optional, flushes the CDN cache)
67			//}
68		};
69		(function(d) {
70			var wf = d.createElement('script'), s = d.scripts[0];
71			wf.src = 'https://cdnjs.cloudflare.com/ajax/libs/webfont/1.6.28/webfontloader.js';
72			s.parentNode.insertBefore(wf, s);
73		})(document);
74	
75		
76		// modernizr
77		/*! modernizr 3.6.0 (Custom Build) | MIT *
78 * https://modernizr.com/download/?-touchevents-setclasses !*/
79 !function(e,n,t){function o(e,n){return typeof e===n}function s(){var e,n,t,s,a,i,r;for(var l in c)if(c.hasOwnProperty(l)){if(e=[],n=c[l],n.name&&(e.push(n.name.toLowerCase()),n.options&&n.options.aliases&&n.options.aliases.length))for(t=0;t<n.options.aliases.length;t++)e.push(n.options.aliases[t].toLowerCase());for(s=o(n.fn,"function")?n.fn():n.fn,a=0;a<e.length;a++)i=e[a],r=i.split("."),1===r.length?Modernizr[r[0]]=s:(!Modernizr[r[0]]||Modernizr[r[0]]instanceof Boolean||(Modernizr[r[0]]=new Boolean(Modernizr[r[0]])),Modernizr[r[0]][r[1]]=s),f.push((s?"":"no-")+r.join("-"))}}function a(e){var n=u.className,t=Modernizr._config.classPrefix||"";if(p&&(n=n.baseVal),Modernizr._config.enableJSClass){var o=new RegExp("(^|\\s)"+t+"no-js(\\s|$)");n=n.replace(o,"$1"+t+"js$2")}Modernizr._config.enableClasses&&(n+=" "+t+e.join(" "+t),p?u.className.baseVal=n:u.className=n)}function i(){return"function"!=typeof n.createElement?n.createElement(arguments[0]):p?n.createElementNS.call(n,"http://www.w3.org/2000/svg",arguments[0]):n.createElement.apply(n,arguments)}function r(){var e=n.body;return e||(e=i(p?"svg":"body"),e.fake=!0),e}function l(e,t,o,s){var a,l,f,c,d="modernizr",p=i("div"),h=r();if(parseInt(o,10))for(;o--;)f=i("div"),f.id=s?s[o]:d+(o+1),p.appendChild(f);return a=i("style"),a.type="text/css",a.id="s"+d,(h.fake?h:p).appendChild(a),h.appendChild(p),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(n.createTextNode(e)),p.id=d,h.fake&&(h.style.background="",h.style.overflow="hidden",c=u.style.overflow,u.style.overflow="hidden",u.appendChild(h)),l=t(p,e),h.fake?(h.parentNode.removeChild(h),u.style.overflow=c,u.offsetHeight):p.parentNode.removeChild(p),!!l}var f=[],c=[],d={_version:"3.6.0",_config:{classPrefix:"",enableClasses:!0,enableJSClass:!0,usePrefixes:!0},_q:[],on:function(e,n){var t=this;setTimeout(function(){n(t[e])},0)},addTest:function(e,n,t){c.push({name:e,fn:n,options:t})},addAsyncTest:function(e){c.push({name:null,fn:e})}},Modernizr=function(){};Modernizr.prototype=d,Modernizr=new Modernizr;var u=n.documentElement,p="svg"===u.nodeName.toLowerCase(),h=d._config.usePrefixes?" -webkit- -moz- -o- -ms- ".split(" "):["",""];d._prefixes=h;var m=d.testStyles=l;Modernizr.addTest("touchevents",function(){var t;if("ontouchstart"in e||e.DocumentTouch&&n instanceof DocumentTouch)t=!0;else{var o=["@media (",h.join("touch-enabled),("),"heartz",")","{#modernizr{top:9px;position:absolute}}"].join("");m(o,function(e){t=9===e.offsetTop})}return t}),s(),a(f),delete d.addTest,delete d.addAsyncTest;for(var v=0;v<Modernizr._q.length;v++)Modernizr._q[v]();e.Modernizr=Modernizr}(window,document);
80
81		// loadjs
82		loadjs=function(){function n(e,n){if(e){var t=u[e];if(s[e]=n,t)for(;t.length;)t[0](e,n),t.splice(0,1)}}function t(e,n,r,i){var o,s,u=document,f=r.async,a=(r.numRetries||0)+1,h=r.before||c;i=i||0,/(^css!|\.css$)/.test(e)?(o=!0,(s=u.createElement("link")).rel="stylesheet",s.href=e.replace(/^css!/,"")):((s=u.createElement("script")).src=e,s.async=void 0===f||f),!(s.onload=s.onerror=s.onbeforeload=function(c){var u=c.type[0];if(o&&"hideFocus"in s)try{s.sheet.cssText.length||(u="e")}catch(e){u="e"}if("e"==u&&(i+=1)<a)return t(e,n,r,i);n(e,u,c.defaultPrevented)})!==h(e,s)&&u.head.appendChild(s)}function r(e,n,r){var i,c,o=(e=e.push?e:[e]).length,s=o,u=[];for(i=function(e,t,r){if("e"==t&&u.push(e),"b"==t){if(!r)return;u.push(e)}--o||n(u)},c=0;c<s;c++)t(e[c],i,r)}function i(e,t,i){var s,u;if(t&&t.trim&&(s=t),u=(s?i:t)||{},s){if(s in o)throw"LoadJS";o[s]=!0}r(e,function(e){e.length?(u.error||c)(e):(u.success||c)(),n(s,e)},u)}var c=function(){},o={},s={},u={};return i.ready=function(n,t){return function(e,n){var t,r,i,c=[],o=(e=e.push?e:[e]).length,f=o;for(t=function(e,t){t.length&&c.push(e),--f||n(c)};o--;)r=e[o],(i=s[r])?t(r,i):(u[r]=u[r]||[]).push(t)}(n,function(e){e.length?(t.error||c)(e):(t.success||c)()}),i},i.done=function(e){n(e,[])},i.reset=function(){o={},s={},u={}},i.isDefined=function(e){return e in o},i}();
83
84		// our CSRF tokens
85	    window.csrfTokenName = "CRAFT_CSRF_TOKEN";
86	    window.csrfTokenValue = "T8VR4sBDBoqORfyJ_L_4_E00iupQa3pMV8QgmtTF";
87
88		loadjs( '/js/foundation.js', 'jquery' );
89
90		loadjs.ready('jquery', {
91			success: function(){
92				loadjs( "/js/main.js?5e4402c40d022c9be7b595d8d78c9e79", 'site', { 
93					success: function() {
94
95												
96					},
97					error: function(){ console.log('error loading main js') } 
98				});
99			}, error: function(){ console.log('error loading foundation js') }
100        });
101	</script>
101
102
103	
103<script type="text/javascript">
104		function googleTranslateElementInit() {
105			new google.translate.TranslateElement({ pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE,  includedLanguages: 'en,es,zh-TW,de,ja,pt,ko,fr,it,ne,fi,no,ru,th,vi' }, 'google_translate_element');
106		}
107	</script>
107
108	
108<script async type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
108
109
110	    <!-- HEAD ANALYTICS -->
111        <!-- Google Tag Manager -->
112<script>
vendor: 331 bytes, lines 112-116
112(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
113new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
114j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
115'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
116})(window,document,'script','dataLayer','
116GTM-PGH4H33
vendor: 3 bytes, line 116
116');
116</script>
116
117<!-- End Google Tag Manager -->
118
119            <meta name="google-site-verification" content="WtwySxM7RQ8LJYB-Nhrqb2MtTGemBlS8op9Gz2LkPBs" />
120<meta name="msvalidate.01" content="062C427078F5FC20DC9E38A5F8C99F2A" />
121<meta name="facebook-domain-verification" content="rjvlh39clxmdwixsopika36plcqbzr" />
122<script type="application/ld+json">
123      {
124        "@context": "http://schema.org",
125        "@type": "Organization",
126        "name": "Visit Berkeley",
127        "url": "https://www.visitberkeley.com/",
128        "logo": "https://www.visitberkeley.com/images/logo-blue.svg",
129        "SameAs": ["https://www.facebook.com/VisitBerkeley", "https://twitter.com/VisitBerkeley", "https://www.instagram.com/visitberkeley/"]
130      }
131</script>
vendor: 2 bytes, line 131
131
132<script type="application/ld+json">
133    {
134      "@context": "https://schema.org",
135      "@type": "WebSite",
136      "url": "https://www.visitberkeley.com/",
137      "potentialAction": {
138        "@type": "SearchAction",
139        "target": "https://www.visitberkeley.com/search/?CRAFT_CSRF_TOKEN=zNZeYUr57J_0_J5%7Ea8k5AgQ85zsP2RSqrUv6anhq&keywords={search_term_string}",
140        "query-input": "required name=search_term_string"
141      }
142    }
143    </script>
143
144    
145	</head>
146<body role="document" class="theme-dark">
147
148	
148<script type="text/javascript">
149		// Load CSS
150		var loadDeferredStyles = function() {
151			var addStylesNode = document.getElementById("deferred-styles");
152			var replacement = document.createElement("div");
153			replacement.innerHTML = addStylesNode.textContent;
154			document.body.appendChild(replacement)
155			addStylesNode.parentElement.removeChild(addStylesNode);
156		};
157		var raf = window.requestAnimationFrame || window.mozRequestAnimationFrame ||
158			window.webkitRequestAnimationFrame || window.msRequestAnimationFrame;
159		if (raf) raf(function() { window.setTimeout(loadDeferredStyles, 0); });
160		else window.addEventListener('load', loadDeferredStyles);
161	</script>
161
162
163	<!-- TOP BODY ANALYTICS -->
164<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 164-165
164
165<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
165GTM-PGH4H33
vendor: 85 bytes, lines 165-166
165"
166height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
167<!-- End Google Tag Manager (noscript) -->
168
169<!-- Qualaroo for visitberkeley.com -->
170<!-- Paste this code right after the <body> tag on every page of your site. -->
171<script type="text/javascript">
172  var _kiq = _kiq || [];
173  (function(){
174    setTimeout(function(){
175    var d = document, f = d.getElementsByTagName('script')[0], s = d.createElement('script'); s.type = 'text/javascript';
176    s.async = true; s.src = 'https://cl.qualaroo.com/ki.js/54001/huw.js'; f.parentNode.insertBefore(s, f);
177    }, 1);
178  })();
179</script>
179
180
181
182    
183<div class="page-header" id="floating-header">
184
185    <a href="#main" class="show-on-focus">Skip to content</a>
186     
187
188	<a href="https://www.visitberkeley.com/plan-your-trip/weather/" 
189		id="wthr-widget" 
190		class="wthr__widget" 
191    	data-weather-icon-color="#f2dec0"
192		aria-label="Current Weather is clear sky - Read more about weather">
193		<span id="wthr-measure" class="wthr__measure">
194			90<sup class="wthr__deg">&deg;</sup>F
195					</span>
196	</a>
197
198	
198<script>
199	loadjs.ready( ['jquery'], {
200		success: function() {
201			loadjs( '/js/plugins/skycons.js', {
202				success: function(){ 
203
204					$('#wthr-measure').before('<canvas id="weather-icon" class="wthr__icon" width="32" height="32"></canvas>');
205					// animated weather icon
206					var iconColor = $('#wthr-widget').data('weather-icon-color');
207					var skycons = new Skycons({"color": iconColor, "resizeClear": true});
208					// on Android, a nasty hack is needed: {"resizeClear": true}
209					skycons.add( document.getElementById("weather-icon"), 'clear-day' );
210
211					// only run the animation if we're not on a touch device
212					if ($('html').hasClass('no-touchevents')) {
213						skycons.play();
214					}
215				
216                }, error: function(){ console.log('error loading skycons js')}
217			});
218		}
219	});
220	</script>
220
221
222    <div class="itin__counter js-itin-counter" aria-hidden="true" hidden tabindex="-1">
223		<a href="/saved-items/" class="itin__link" aria-hidden="true" tabindex="-1">
224		<span class="itin__count js-itin-count" 
225			aria-hidden="true"			aria-label="You have 0 saved items. Click here to view saved items.">
226			0
227		</span>
228	</a>
229	</div>
230    
231
232    <a href="https://www.visitberkeley.com/" class="nav__logo nav__logo--header"><span class="show-for-sr">Visit Berkeley logo home page</span></a>
233
234    
235
236    
237
238    <form id="page-search" class="page-search js-psearch" method="get" action="/search/">
239    <div role="search">
240        <input type="hidden" name="CRAFT_CSRF_TOKEN" value="T8VR4sBDBoqORfyJ_L_4_E00iupQa3pMV8QgmtTF">
241
242        <button class="page-search__cta" id="page-search-cta" type="button">
243            <svg class="icon page-search__icon" role="presentation">
244                <use xlink:href="/svg/sprite.svg#search"></use>
245            </svg>
246            <span class="show-for-sr">Search</span>
247        </button>
248
249        <div class="page-search__container" id="page-search-container" hidden aria-expanded="false">
250
251            <input type="search" 
252                class="page-search__input js-psearch-input" 
253                id="page-search-input" 
254                name="keywords" 
255                placeholder="Enter search term" 
256                required="required" 
257                autocomplete="off"
258                value="" />
259
260            <p id="page-search-error" class="page-search__error" role="alert" hidden></p>
261
262            <div id="quick-hit-container" hidden class="page-search__hit-list"></div>
263
264            <button id="page-search-submit" type="submit" class="btn page-search__submit btn--short" aria-label="Submit Search">Search</button>
265
266            <button id="page-search-cancel" type="button" class="btn btn--secondary btn--short page-search__cancel">Cancel</button>
267        </div>
268    </div>
269    <div id="page-search-fence" hidden class="page-search__fence"></div>
270</form>
271
272<script type="text/html" id="quick-search-template">
273
274    <a href="{{^sectionID}}/events{{/sectionID}}/{{ uri }}/"
275        data-obj-id="{{ objectID }}" 
276        class="qsearch__item">
277        <div class="qsearch__title">
278            {{{ _highlightResult.title.value }}}
279        </div>
280        <small class="qsearch__subtitle">
281            {{#sectionID}}{{ sectionName }}{{/sectionID}}
282            {{^sectionID}}Events{{/sectionID}}
283        </small>
284    </a>
285
286</script>
286
287
288<script>
289    loadjs.ready( ['jquery'], {
290		success: function() {
291			loadjs( ['/js/plugins/site-search.js','https://cdn.jsdelivr.net/instantsearch.js/1/instantsearch.min.js'], {
292				success: function(){ 
293
294                    var app = new Tempest.SiteSearch();
295
296                    $(function() {
297                        var quickSearch = instantsearch({
298                            appId: 'EYQHJ2IY2M',
299                            apiKey: 'c6d5977cb5cd80c09abfd2a7e5d9e88b',
300                            indexName: 'prod-visit-berkeley',
301                            searchParameters: {
302                                'distinct': true // Only return one of each partner
303                            },
304                            searchFunction: function(helper) {
305                                var searchResults = $('#quick-search-hits');
306                                if (helper.state.query === '') {
307                                    searchResults.hide();
308                                    return;
309                                }
310                                helper.search();
311                                searchResults.show();
312                            }
313                        });
314
315                        quickSearch.addWidget(
316                            instantsearch.widgets.searchBox({
317                                container: '#page-search-input',
318                                placeholder: 'Search the site...'
319                            })
320                        );
321
322
323                        
324                        var noResultsTemplate = '<div class="blk blk--v-padding text-center">No results found matching: <strong>{{query}}</strong>.</div>';
325
326                        quickSearch.addWidget(
327                            instantsearch.widgets.hits({
328                                container: '#quick-hit-container',
329                                hitsPerPage: 5,
330                                templates: {
331                                    empty: noResultsTemplate,
332                                    item: document.getElementById('quick-search-template').innerHTML
333                                }
334                            })
335                        );
336                        
337
338                        quickSearch.start();
339                    });
340
341                }, error: function(){ console.log('error loading instant search js')}
342            });
343        }
344    });
345</script>
345
346    <nav id="navigation" class="nav__root">
347        <div class="nav__status">
348            <button type="button" class="nav__toggle" data-open="main-nav">
349                <span class="nav__txt" aria-hidden="true">MENU</span>
350                <span class="menu-icon"></span>
351                <span class="show-for-sr">Main Navigation</span>
352            </button>
353        </div>
354    </nav>
355</div>
356
357
358
359<div class="reveal reveal--nav" 
360    id="main-nav" 
361    data-reveal 
362    data-animation-in="slide-in-right" 
363    data-animation-out="slide-out-right">
364
365        
366
367            
368        <ul class="nav nav--primary-reveal">
369            
370    
371            <li class="nav__item has-children">
372
373                                    
374                                        
375            <a href="https://www.visitberkeley.com/where-to-stay/" 
376                target="_self" 
377                rel="noopener" 
378                class="nav__link "
379                title="Where to Stay">
380
381                
382                Where to Stay
383            </a>
384
385
386                                                    
387                
388                                    </li>
389                    <li class="nav__item has-children">
390
391                                    
392                                        
393            <a href="https://www.visitberkeley.com/things-to-do/" 
394                target="_self" 
395                rel="noopener" 
396                class="nav__link "
397                title="Things to Do">
398
399                
400                Things to Do
401            </a>
402
403
404                                                    
405                
406                                    <button class="subnav-toggle js-submenu" 
407                        type="button" 
408                        aria-label="Expand Subnavigation" 
409                        aria-expanded="false" 
410                        data-subnav-toggle
411                        aria-controls="submenu-19959">
412                        <svg class="icon subnav-toggle__icon" 
413                            role="presentation">
414                            <use xlink:href="/svg/sprite.svg#breadcrumb-arrow"></use>
415                        </svg>
416                    </button>
417                    
418                    <ul id="submenu-19959" class="nav nav--subnav js-subnav" data-subnav>
419                            
420    
421            <li class="nav__item ">
422
423                                    
424                                        
425            <a href="https://www.visitberkeley.com/things-to-do/world-cup/" 
426                target="_self" 
427                rel="noopener" 
428                class="nav__link "
429                title="Global Games, Berkeley Vibes">
430
431                
432                Global Games, Berkeley Vibes
433            </a>
434
435
436                                            </li>
437                    <li class="nav__item ">
438
439                                    
440                                        
441            <a href="https://www.visitberkeley.com/things-to-do/outdoor-activities/" 
442                target="_self" 
443                rel="noopener" 
444                class="nav__link "
445                title="Outdoor Activities">
446
447                
448                Outdoor Activities
449            </a>
450
451
452                                            </li>
453                    <li class="nav__item ">
454
455                                    
456                                        
457            <a href="https://www.visitberkeley.com/things-to-do/family-fun/" 
458                target="_self" 
459                rel="noopener" 
460                class="nav__link "
461                title="Family Fun">
462
463                
464                Family Fun
465            </a>
466
467
468                                            </li>
469                    <li class="nav__item ">
470
471                                    
472                                        
473            <a href="https://www.visitberkeley.com/things-to-do/sightseeing-tours/" 
474                target="_self" 
475                rel="noopener" 
476                class="nav__link "
477                title="Sightseeing &amp; Tours">
478
479                
480                Sightseeing &amp; Tours
481            </a>
482
483
484                                            </li>
485                    <li class="nav__item ">
486
487                                    
488                                        
489            <a href="https://www.visitberkeley.com/things-to-do/arts-culture/" 
490                target="_self" 
491                rel="noopener" 
492                class="nav__link "
493                title="Arts &amp; Culture">
494
495                
496                Arts &amp; Culture
497            </a>
498
499
500                                            </li>
501                    <li class="nav__item ">
502
503                                    
504                                        
505            <a href="https://www.visitberkeley.com/things-to-do/shopping/" 
506                target="_self" 
507                rel="noopener" 
508                class="nav__link "
509                title="Shopping &amp; Services">
510
511                
512                Shopping &amp; Services
513            </a>
514
515
516                                            </li>
517                    <li class="nav__item ">
518
519                                    
520                                        
521            <a href="https://www.visitberkeley.com/things-to-do/day-trips/" 
522                target="_self" 
523                rel="noopener" 
524                class="nav__link "
525                title="Day Trips">
526
527                
528                Day Trips
529            </a>
530
531
532                                            </li>
533                    <li class="nav__item ">
534
535                                    
536                                        
537            <a href="https://www.visitberkeley.com/things-to-do/berkeley-bucks/" 
538                target="_self" 
539                rel="noopener" 
540                class="nav__link "
541                title="Berkeley Bucks">
542
543                
544                Berkeley Bucks
545            </a>
546
547
548                                            </li>
549                    <li class="nav__item ">
550
551                                    
552                                        
553            <a href="https://www.visitberkeley.com/things-to-do/hola-berkeley/" 
554                target="_self" 
555                rel="noopener" 
556                class="nav__link "
557                title="Berkeley, tu campamento base en el área de la Bahía de San Francisco">
558
559                
560                Berkeley, tu campamento base en el área de la Bahía de San Francisco
561            </a>
562
563
564                                            </li>
565                
566
567                    </ul>
568                                    </li>
569                    <li class="nav__item has-children">
570
571                                    
572                                        
573            <a href="https://www.visitberkeley.com/food-drinks/" 
574                target="_self" 
575                rel="noopener" 
576                class="nav__link "
577                title="Food &amp; Drinks">
578
579                
580                Food &amp; Drinks
581            </a>
582
583
584                                                    
585                
586                                    <button class="subnav-toggle js-submenu" 
587                        type="button" 
588                        aria-label="Expand Subnavigation" 
589                        aria-expanded="false" 
590                        data-subnav-toggle
591                        aria-controls="submenu-19962">
592                        <svg class="icon subnav-toggle__icon" 
593                            role="presentation">
594                            <use xlink:href="/svg/sprite.svg#breadcrumb-arrow"></use>
595                        </svg>
596                    </button>
597                    
598                    <ul id="submenu-19962" class="nav nav--subnav js-subnav" data-subnav>
599                            
600    
601            <li class="nav__item has-children">
602
603                                    
604                                        
605            <a href="https://www.visitberkeley.com/food-drinks/restaurant-week/" 
606                target="_self" 
607                rel="noopener" 
608                class="nav__link "
609                title="Berkeley Restaurant Week 2027">
610
611                
612                Berkeley Restaurant Week 2027
613            </a>
614
615
616                                            </li>
617                    <li class="nav__item ">
618
619                                    
620                                        
621            <a href="https://www.visitberkeley.com/food-drinks/wineries/" 
622                target="_self" 
623                rel="noopener" 
624                class="nav__link "
625                title="Wineries &amp; Wine Shops">
626
627                
628                Wineries &amp; Wine Shops
629            </a>
630
631
632                                            </li>
633                    <li class="nav__item ">
634
635                                    
636                                        
637            <a href="https://www.visitberkeley.com/food-drinks/breweries/" 
638                target="_self" 
639                rel="noopener" 
640                class="nav__link "
641                title="Craft Beer &amp; Bars">
642
643                
644                Craft Beer &amp; Bars
645            </a>
646
647
648                                            </li>
649                    <li class="nav__item ">
650
651                                    
652                                        
653            <a href="https://www.visitberkeley.com/food-drinks/farmers-markets/" 
654                target="_self" 
655                rel="noopener" 
656                class="nav__link "
657                title="Farmers Markets">
658
659                
660                Farmers Markets
661            </a>
662
663
664                                            </li>
665                    <li class="nav__item ">
666
667                                    
668                                        
669            <a href="https://www.visitberkeley.com/food-drinks/coffee-shops/" 
670                target="_self" 
671                rel="noopener" 
672                class="nav__link "
673                title="Coffee &amp; Tea Shops">
674
675                
676                Coffee &amp; Tea Shops
677            </a>
678
679
680                                            </li>
681                    <li class="nav__item ">
682
683                                    
684                                        
685            <a href="https://www.visitberkeley.com/food-drinks/restaurants/" 
686                target="_self" 
687                rel="noopener" 
688                class="nav__link "
689                title="Restaurants &amp; Desserts">
690
691                
692                Restaurants &amp; Desserts
693            </a>
694
695
696                                            </li>
697                
698
699                    </ul>
700                                    </li>
701                    <li class="nav__item has-children">
702
703                                    
704                                        
705            <a href="https://www.visitberkeley.com/events/" 
706                target="_self" 
707                rel="noopener" 
708                class="nav__link "
709                title="Events">
710
711                
712                Events
713            </a>
714
715
716                                                    
717                
718                                    <button class="subnav-toggle js-submenu" 
719                        type="button" 
720                        aria-label="Expand Subnavigation" 
721                        aria-expanded="false" 
722                        data-subnav-toggle
723                        aria-controls="submenu-19963">
724                        <svg class="icon subnav-toggle__icon" 
725                            role="presentation">
726                            <use xlink:href="/svg/sprite.svg#breadcrumb-arrow"></use>
727                        </svg>
728                    </button>
729                    
730                    <ul id="submenu-19963" class="nav nav--subnav js-subnav" data-subnav>
731                            
732    
733            <li class="nav__item has-children">
734
735                                    
736                                        
737            <a href="https://www.visitberkeley.com/events/berkeley-festivals-and-annual-events/" 
738                target="_self" 
739                rel="noopener" 
740                class="nav__link "
741                title="Berkeley Festivals &amp; Annual Events">
742
743                
744                Berkeley Festivals &amp; Annual Events
745            </a>
746
747
748                                            </li>
749                
750
751                    </ul>
752                                    </li>
753                    <li class="nav__item has-children">
754
755                                    
756                                        
757            <a href="https://www.visitberkeley.com/maps-neighborhoods/" 
758                target="_self" 
759                rel="noopener" 
760                class="nav__link "
761                title="Maps &amp; Neighborhoods">
762
763                
764                Maps &amp; Neighborhoods
765            </a>
766
767
768                                                    
769                
770                                    <button class="subnav-toggle js-submenu" 
771                        type="button" 
772                        aria-label="Expand Subnavigation" 
773                        aria-expanded="false" 
774                        data-subnav-toggle
775                        aria-controls="submenu-19965">
776                        <svg class="icon subnav-toggle__icon" 
777                            role="presentation">
778                            <use xlink:href="/svg/sprite.svg#breadcrumb-arrow"></use>
779                        </svg>
780                    </button>
781                    
782                    <ul id="submenu-19965" class="nav nav--subnav js-subnav" data-subnav>
783                            
784    
785            <li class="nav__item ">
786
787                                    
788                                        
789            <a href="https://www.visitberkeley.com/maps-neighborhoods/telegraph-avenue/" 
790                target="_self" 
791                rel="noopener" 
792                class="nav__link "
793                title="Telegraph Avenue District">
794
795                
796                Telegraph Avenue District
797            </a>
798
799
800                                            </li>
801                    <li class="nav__item ">
802
803                                    
804                                        
805            <a href="https://www.visitberkeley.com/maps-neighborhoods/fourth-street/" 
806                target="_self" 
807                rel="noopener" 
808                class="nav__link "
809                title="Fourth Street">
810
811                
812                Fourth Street
813            </a>
814
815
816                                            </li>
817                    <li class="nav__item ">
818
819                                    
820                                        
821            <a href="https://www.visitberkeley.com/maps-neighborhoods/downtown/" 
822                target="_self" 
823                rel="noopener" 
824                class="nav__link "
825                title="Downtown">
826
827                
828                Downtown
829            </a>
830
831
832                                            </li>
833                    <li class="nav__item ">
834
835                                    
836                                        
837            <a href="https://www.visitberkeley.com/maps-neighborhoods/north-shattuck/" 
838                target="_self" 
839                rel="noopener" 
840                class="nav__link "
841                title="North Shattuck">
842
843                
844                North Shattuck
845            </a>
846
847
848                                            </li>
849                    <li class="nav__item ">
850
851                                    
852                                        
853            <a href="https://www.visitberkeley.com/maps-neighborhoods/elmwood-college-avenue/" 
854                target="_self" 
855                rel="noopener" 
856                class="nav__link "
857                title="Elmwood District">
858
859                
860                Elmwood District
861            </a>
862
863
864                                            </li>
865                    <li class="nav__item ">
866
867                                    
868                                        
869            <a href="https://www.visitberkeley.com/maps-neighborhoods/solano-avenue/" 
870                target="_self" 
871                rel="noopener" 
872                class="nav__link "
873                title="Solano Avenue">
874
875                
876                Solano Avenue
877            </a>
878
879
880                                            </li>
881                    <li class="nav__item ">
882
883                                    
884                                        
885            <a href="https://www.visitberkeley.com/maps-neighborhoods/lorin-district/" 
886                target="_self" 
887                rel="noopener" 
888                class="nav__link "
889                title="Lorin District">
890
891                
892                Lorin District
893            </a>
894
895
896                                            </li>
897                    <li class="nav__item ">
898
899                                    
900                                        
901            <a href="https://www.visitberkeley.com/maps-neighborhoods/uc-berkeley/" 
902                target="_self" 
903                rel="noopener" 
904                class="nav__link "
905                title="UC Berkeley">
906
907                
908                UC Berkeley
909            </a>
910
911
912                                            </li>
913                    <li class="nav__item ">
914
915                                    
916                                        
917            <a href="https://www.visitberkeley.com/maps-neighborhoods/gilman-district/" 
918                target="_self" 
919                rel="noopener" 
920                class="nav__link "
921                title="Gilman District">
922
923                
924                Gilman District
925            </a>
926
927
928                                            </li>
929                    <li class="nav__item ">
930
931                                    
932                                        
933            <a href="https://www.visitberkeley.com/maps-neighborhoods/west-berkeley-design-loop/" 
934                target="_self" 
935                rel="noopener" 
936                class="nav__link "
937                title="West Berkeley Design Loop">
938
939                
940                West Berkeley Design Loop
941            </a>
942
943
944                                            </li>
945                    <li class="nav__item has-children">
946
947                                    
948                                        
949            <a href="https://www.visitberkeley.com/maps-neighborhoods/tilden-park/" 
950                target="_self" 
951                rel="noopener" 
952                class="nav__link "
953                title="Charles Lee Tilden Regional Park">
954
955                
956                Charles Lee Tilden Regional Park
957            </a>
958
959
960                                            </li>
961                    <li class="nav__item ">
962
963                                    
964                                        
965            <a href="https://www.visitberkeley.com/maps-neighborhoods/berkeley-marina/" 
966                target="_self" 
967                rel="noopener" 
968                class="nav__link "
969                title="Berkeley Waterfront">
970
971                
972                Berkeley Waterfront
973            </a>
974
975
976                                            </li>
977                    <li class="nav__item ">
978
979                                    
980                                        
981            <a href="https://www.visitberkeley.com/maps-neighborhoods/university-avenue/" 
982                target="_self" 
983                rel="noopener" 
984                class="nav__link "
985                title="University Avenue">
986
987                
988                University Avenue
989            </a>
990
991
992                                            </li>
993                
994
995                    </ul>
996                                    </li>
997                    <li class="nav__item has-children">
998
999                                    
1000                                        
1001            <a href="https://www.visitberkeley.com/meetings-events/" 
1002                target="_self" 
1003                rel="noopener" 
1004                class="nav__link "
1005                title="Meetings &amp; Weddings">
1006
1007                
1008                Meetings &amp; Weddings
1009            </a>
1010
1011
1012                                                    
1013                
1014                                    <button class="subnav-toggle js-submenu" 
1015                        type="button" 
1016                        aria-label="Expand Subnavigation" 
1017                        aria-expanded="false" 
1018                        data-subnav-toggle
1019                        aria-controls="submenu-19967">
1020                        <svg class="icon subnav-toggle__icon" 
1021                            role="presentation">
1022                            <use xlink:href="/svg/sprite.svg#breadcrumb-arrow"></use>
1023                        </svg>
1024                    </button>
1025                    
1026                    <ul id="submenu-19967" class="nav nav--subnav js-subnav" data-subnav>
1027                            
1028    
1029            <li class="nav__item ">
1030
1031                                    
1032                                        
1033            <a href="https://www.visitberkeley.com/meetings-events/meeting-events-venues/" 
1034                target="_self" 
1035                rel="noopener" 
1036                class="nav__link "
1037                title="Meeting &amp; Event Venues">
1038
1039                
1040                Meeting &amp; Event Venues
1041            </a>
1042
1043
1044                                            </li>
1045                    <li class="nav__item has-children">
1046
1047                                    
1048                                        
1049            <a href="https://www.visitberkeley.com/meetings-events/submit-rfp/" 
1050                target="_self" 
1051                rel="noopener" 
1052                class="nav__link "
1053                title="Submit RFP">
1054
1055                
1056                Submit RFP
1057            </a>
1058
1059
1060                                            </li>
1061                    <li class="nav__item ">
1062
1063                                    
1064                                        
1065            <a href="https://www.visitberkeley.com/meetings-events/weddings/" 
1066                target="_self" 
1067                rel="noopener" 
1068                class="nav__link "
1069                title="Weddings &amp; Receptions">
1070
1071                
1072                Weddings &amp; Receptions
1073            </a>
1074
1075
1076                                            </li>
1077                    <li class="nav__item ">
1078
1079                                    
1080                                        
1081            <a href="https://www.visitberkeley.com/meetings-events/private-dining/" 
1082                target="_self" 
1083                rel="noopener" 
1084                class="nav__link "
1085                title="Private Dining">
1086
1087                
1088                Private Dining
1089            </a>
1090
1091
1092                                            </li>
1093                    <li class="nav__item ">
1094
1095                                    
1096                                        
1097            <a href="https://www.visitberkeley.com/meetings-events/local-catering/" 
1098                target="_self" 
1099                rel="noopener" 
1100                class="nav__link "
1101                title="Local Catering">
1102
1103                
1104                Local Catering
1105            </a>
1106
1107
1108                                            </li>
1109                    <li class="nav__item ">
1110
1111                                    
1112                                        
1113            <a href="https://www.visitberkeley.com/meetings-events/team-building/" 
1114                target="_self" 
1115                rel="noopener" 
1116                class="nav__link "
1117                title="Team Building">
1118
1119                
1120                Team Building
1121            </a>
1122
1123
1124                                            </li>
1125                
1126
1127                    </ul>
1128                                    </li>
1129                    <li class="nav__item has-children">
1130
1131                                    
1132                                        
1133            <a href="https://www.visitberkeley.com/plan-your-trip/" 
1134                target="_self" 
1135                rel="noopener" 
1136                class="nav__link "
1137                title="Plan Your Trip">
1138
1139                
1140                Plan Your Trip
1141            </a>
1142
1143
1144                                                    
1145                
1146                                    <button class="subnav-toggle js-submenu" 
1147                        type="button" 
1148                        aria-label="Expand Subnavigation" 
1149                        aria-expanded="false" 
1150                        data-subnav-toggle
1151                        aria-controls="submenu-19966">
1152                        <svg class="icon subnav-toggle__icon" 
1153                            role="presentation">
1154                            <use xlink:href="/svg/sprite.svg#breadcrumb-arrow"></use>
1155                        </svg>
1156                    </button>
1157                    
1158                    <ul id="submenu-19966" class="nav nav--subnav js-subnav" data-subnav>
1159                            
1160    
1161            <li class="nav__item ">
1162
1163                                    
1164                                        
1165            <a href="https://www.visitberkeley.com/plan-your-trip/ike-kiosks/" 
1166                target="_self" 
1167                rel="noopener" 
1168                class="nav__link "
1169                title="IKE Interactive Kiosks">
1170
1171                
1172                IKE Interactive Kiosks
1173            </a>
1174
1175
1176                                            </li>
1177                    <li class="nav__item ">
1178
1179                               
1179     
1180                                        
1181            <a href="https://www.visitberkeley.com/plan-your-trip/visitor-center/" 
1182                target="_self" 
1183                rel="noopener" 
1184                class="nav__link "
1185                title="Visitor Center">
1186
1187                
1188                Visitor Center
1189            </a>
1190
1191
1192                                            </li>
1193                    <li class="nav__item has-children">
1194
1195                                    
1196                                        
1197            <a href="https://www.visitberkeley.com/plan-your-trip/visitor-guide-request/" 
1198                target="_self" 
1199                rel="noopener" 
1200                class="nav__link "
1201                title="FREE! Official Berkeley Destination Guide">
1202
1203                
1204                FREE! Official Berkeley Destination Guide
1205            </a>
1206
1207
1208                                            </li>
1209                    <li class="nav__item ">
1210
1211                                    
1212                                        
1213            <a href="https://www.visitberkeley.com/plan-your-trip/getting-to-berkeley/" 
1214                target="_self" 
1215                rel="noopener" 
1216                class="nav__link "
1217                title="Getting to Berkeley">
1218
1219                
1220                Getting to Berkeley
1221            </a>
1222
1223
1224                                            </li>
1225                    <li class="nav__item ">
1226
1227                                    
1228                                        
1229            <a href="https://www.visitberkeley.com/plan-your-trip/transportation/" 
1230                target="_self" 
1231                rel="noopener" 
1232                class="nav__link "
1233                title="Transportation">
1234
1235                
1236                Transportation
1237            </a>
1238
1239
1240                                            </li>
1241                    <li class="nav__item has-children">
1242
1243                                    
1244                                        
1245            <a href="https://www.visitberkeley.com/plan-your-trip/faqs/" 
1246                target="_self" 
1247                rel="noopener" 
1248                class="nav__link "
1249                title="FAQs">
1250
1251                
1252                FAQs
1253            </a>
1254
1255
1256                                            </li>
1257                    <li class="nav__item ">
1258
1259                                    
1260                                        
1261            <a href="https://www.visitberkeley.com/plan-your-trip/weather/" 
1262                target="_self" 
1263                rel="noopener" 
1264                class="nav__link "
1265                title="Weather &amp; Average Temperatures">
1266
1267                
1268                Weather &amp; Average Temperatures
1269            </a>
1270
1271
1272                                            </li>
1273                    <li class="nav__item ">
1274
1275                                    
1276                                        
1277            <a href="https://www.visitberkeley.com/plan-your-trip/visitor-services/" 
1278                target="_self" 
1279                rel="noopener" 
1280                class="nav__link "
1281                title="Visitor Services">
1282
1283                
1284                Visitor Services
1285            </a>
1286
1287
1288                                            </li>
1289                    <li class="nav__item has-children">
1290
1291                                    
1292                                        
1293            <a href="https://www.visitberkeley.com/plan-your-trip/email-signup/" 
1294                target="_self" 
1295                rel="noopener" 
1296                class="nav__link "
1297                title="Highlights, Sites &amp; Bites">
1298
1299                
1300                Highlights, Sites &amp; Bites
1301            </a>
1302
1303
1304                                            </li>
1305                    <li class="nav__item has-children">
1306
1307                                    
1308                                        
1309            <a href="https://www.visitberkeley.com/plan-your-trip/itineraries/" 
1310                target="_self" 
1311                rel="noopener" 
1312                class="nav__link "
1313                title="Itineraries">
1314
1315                
1316                Itineraries
1317            </a>
1318
1319
1320                                            </li>
1321                
1322
1323                    </ul>
1324                                    </li>
1325                    <li class="nav__item ">
1326
1327                                    
1328                                        
1329            <a href="https://www.visitberkeley.com/cal-bears/" 
1330                target="_self" 
1331                rel="noopener" 
1332                class="nav__link "
1333                title="UC Berkeley/Cal Bears">
1334
1335                
1336                UC Berkeley/Cal Bears
1337            </a>
1338
1339
1340                                            </li>
1341                    <li class="nav__item has-children">
1342
1343                                    
1344                                        
1345            <a href="https://www.visitberkeley.com/about/" 
1346                target="_self" 
1347                rel="noopener" 
1348                class="nav__link "
1349                title="About">
1350
1351                
1352                About
1353            </a>
1354
1355
1356                                                    
1357                
1358                                    <button class="subnav-toggle js-submenu" 
1359                        type="button" 
1360                        aria-label="Expand Subnavigation" 
1361                        aria-expanded="false" 
1362                        data-subnav-toggle
1363                        aria-controls="submenu-19971">
1364                        <svg class="icon subnav-toggle__icon" 
1365                            role="presentation">
1366                            <use xlink:href="/svg/sprite.svg#breadcrumb-arrow"></use>
1367                        </svg>
1368                    </button>
1369                    
1370                    <ul id="submenu-19971" class="nav nav--subnav js-subnav" data-subnav>
1371                            
1372    
1373            <li class="nav__item ">
1374
1375                                    
1376                                        
1377            <a href="https://www.visitberkeley.com/about/staff/" 
1378                target="_self" 
1379                rel="noopener" 
1380                class="nav__link "
1381                title="Visit Berkeley Team">
1382
1383                
1384                Visit Berkeley Team
1385            </a>
1386
1387
1388                                            </li>
1389                    <li class="nav__item ">
1390
1391                                    
1392                                                        
1393            <a href="/things-to-do/berkeley-bucks/" 
1394                target="_self" 
1395                rel="noopener" 
1396                class="nav__link "
1397                title="Berkeley Bucks">
1398
1399                
1400                Berkeley Bucks
1401            </a>
1402
1403
1404                                            </li>
1405                    <li class="nav__item ">
1406
1407                                    
1408                                                        
1409            <a href="https://www.visitberkeley.com/partners/" 
1410                target="_self" 
1411                rel="noopener" 
1412                class="nav__link "
1413                title="Partners">
1414
1415                
1416                Partners
1417            </a>
1418
1419
1420                                            </li>
1421                    <li class="nav__item ">
1422
1423                                    
1424                                                        
1425            <a href="/media-press/" 
1426                target="_self" 
1427                rel="noopener" 
1428                class="nav__link "
1429                title="Media &amp; Press">
1430
1431                
1432                Media &amp; Press
1433            </a>
1434
1435
1436                                            </li>
1437                    <li class="nav__item ">
1438
1439                                    
1440                                                        
1441            <a href="/film/" 
1442                target="_self" 
1443                rel="noopener" 
1444                class="nav__link "
1445                title="Film">
1446
1447                
1448                Film
1449            </a>
1450
1451
1452                                            </li>
1453                
1454
1455                    </ul>
1456                                    </li>
1457                
1458
1459    </ul>
1460
1461    
1462    <ul class="nav nav--secondary-reveal">
1463            
1464    
1465        
1466
1467    </ul>
1468    
1469
1470     	
1471
1472<div class="social-links">
1473<ul class="nav nav--social text-center">
1474        <li class="nav__social">
1475        <a target="_blank" href="https://www.facebook.com/VisitBerkeley" aria-label="Facebook">
1476            <svg class="icon icon--1-25 ">
1477                <use xlink:href="/svg/sprite.svg#facebook"></use>
1478            </svg>
1479        </a>
1480    </li>
1481        
1482        <li class="nav__social">
1483        <a target="_blank" href="https://x.com/VisitBerkeley" aria-label="Twitter">
1484            <svg class="icon icon--1-25 ">
1485                <use xlink:href="/svg/sprite.svg#twitter"></use>
1486            </svg>
1487        </a>
1488    </li>
1489        
1490    
1491        <li class="nav__social">
1492        <a target="_blank" href="https://www.instagram.com/visitberkeley" aria-label="Instagram">
1493            <svg class="icon icon--1-25 ">
1494                <use xlink:href="/svg/sprite.svg#instagram"></use>
1495            </svg>
1496        </a>
1497    </li>
1498    
1499    
1500    
1501        <li class="nav__social">
1502        <a target="_blank" href="https://www.tripadvisor.com/Tourism-g32066-Berkeley_California-Vacations.html" aria-label="Trip Advisor">
1503            <svg class="icon icon--1-25 ">
1504                <use xlink:href="/svg/sprite.svg#tripadvisor"></use>
1505            </svg>
1506        </a>
1507    </li>
1508       
1509        
1510</ul>
1511</div>
1512
1513
1514    <div class="reveal-buttons">
1515        <a href="/plan-your-trip/visitor-guide-request/" class="btn small bt
1515n--secondary btn--hasicon" title="Visitors Guide">
1516            <span>Visitors Guide</span>
1517            <svg class="icon icon--2 icon--white" 
1518                role="presentation">
1519                <use xlink:href="/svg/sprite.svg#visitor-guide"></use>
1520            </svg>
1521        </a>
1522        <a href="/plan-your-trip/email-signup/" class="btn small btn--primary btn--hasicon" title="Newsletter Signup">
1523            <span>Newsletter Signup</span>
1524            <svg class="icon icon--2  icon--white" 
1525                role="presentation">
1526                <use xlink:href="/svg/sprite.svg#mail"></use>
1527            </svg>
1528        </a>
1529        <a href="/plan-your-trip/visitor-center/" class="btn  small btn--tieriary  btn--hasicon" title="Visitors Center">
1530            <span>Visitor Center</span>
1531            <svg class="icon icon--2  icon--white" 
1532                role="presentation">
1533                <use xlink:href="/svg/sprite.svg#visitor-center"></use>
1534            </svg>
1535        </a>
1536        <a href="/blog/" class="btn small btn--quaternary btn--hasicon" title="Blog">
1537            <span>Blog</span>
1538            <svg class="icon icon--2  icon--white" 
1539                role="presentation">
1540                <use xlink:href="/svg/sprite.svg#blog"></use>
1541            </svg>
1542        </a>
1543    </div>
1544
1545    
1546    <!-- Close button -->
1547    <button class="close-button" aria-label="close navigation" type="button" data-close>
1548        <span aria-hidden="true">&times;</span>
1549    </button>
1550</div>
1551	    
1552    <div class="area-wrapper" data-dms-root>
1553                <header class="area-header" role="banner">
1554
1555                                                
1556	
1557			
1558		<div class="slides owl-carousel js-slideshow-wrapper home" id="hero-vid-fullscreen">
1559
1560							 
1561				
1562																
1563								
1564								
1565								
1566				<div class="slides__item"
1567																	data-src-xl="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/CHK_2026-lr-2_d8e03d16c04a5e04cda24c7a4957ca3e.jpg"
1568						data-src-lg="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/CHK_2026-lr-2_dc759624eca1ece261be1025dde27b33.jpg"
1569						data-src-md="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/CHK_2026-lr-2_2d7501fc6ce2cf2ca3fb0b26bc2660ca.jpg"
1570						data-src-sm="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/CHK_2026-lr-2_09686b9bd3a074873d8e23d4f3b38ae5.jpg"
1571											data-type="image" >
1572						
1573															<div class="overlay"></div>
1574					<a href="https://www.visitberkeley.com/" class="overlay-logo" title="Home"><span class="show-for-sr">Home</span></a>
1575					
1576					
1577										<svg class="chevron-overlay" width="1920" height="80" viewBox="0 0 1920 80" preserveAspectRatio="xMidYMax meet">
1578						<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/svg/sprite.svg#chevron"></use>
1579					</svg>
1580					<span class="chevron-scroll" title="Scroll">Scroll</span>
1581										
1582										<div class="slides__caption-wrap">
1583						<div class="slides__caption">
1584
1585																								<h6 class="slides__title no-more">
1586										Fall in Berkeley!
1587									</h6>
1588								
1589																	<p class="slides__summary">
1590																					People From Around the World Come to Berkeley for Acclaimed Restaurants, Arts, Culture &amp; Shops
1591										
1592										
1593									</p>
1594																			<a href="https://www.visitberkeley.com/where-to-stay/" 
1595											target="_self" rel="noopener"
1596											class="btn btn--secondary btn--more">
1597											Where to Stay
1598										</a>
1599																								
1600								
1601																					
1602						</div>
1603					</div>
1604				</div>
1605			
1606		</div>
1607
1608		
1608<script>
1609		loadjs.ready( ['site'], {
1610			success: function() {
1611				loadjs( [
1612						'/js/plugins/owl.carousel.js','/js/plugins/videoPlayer.js'
1613					], {
1614					success: function() {
1615
1616						var $owl = $('#hero-vid-fullscreen');
1617						var players = [];
1618						var currPlayer;
1619						var $fullScreenBtn = $owl.find('[data-video-fullscreen]');
1620						var translating = false; //slide moving/in transition
1621						var autoplay = false;
1622						
1623						//http://owlcarousel2.github.io/OwlCarousel2/ (v 2.2.0)
1624						var settings = {
1625							navText: [
1626									'<svg class="icon icon--2-5" role="presentation"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/svg/sprite.svg#left-arrow"></use></svg>',
1627									'<svg class="icon icon--2-5" role="presentation"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/svg/sprite.svg#right-arrow"></use></svg>'
1628									],
1629							nav : true,
1630							items: 1,
1631							rewind: true,
1632							autoplay : autoplay, //autoplay set as variable: default = true
1633							autoplayTimeout: 7000,
1634							animateOut: 'fadeOut',
1635							mouseDrag: false,
1636							touchDrag: false,
1637							pullDrag: false,
1638							dots: false,
1639							onChanged : updateItem,
1640							onInitialized : updateItem,
1641							onTranslate : function(){ translating = true; },
1642							onTranslated : function(){ translating = false; }
1643						};	
1644
1645						//load/init owl with settings
1646						$owl.owlCarousel(settings);
1647
1648						/*
1649						*  OWL callbacks
1650						*/
1651
1652						//load background image
1653						function setImage($item){
1654							var width = $(window).width();
1655							var size = width > 1400 ? 'xl' : width > 1024 ? 'lg' : width > 640 ? 'md' : 'sm';
1656							var src = $item.data('src-'+size);
1657							
1658							//used to detect when the image has loaded
1659							$('<img/>').attr('src', src).load(function() {
1660								$(this).remove(); // prevent memory leaks
1661								// be sure to use quotes in url() to avoid issues with parenthese in the image file name
1662								$item.css("background-image", "url('"+src+"')").addClass("is-loaded");
1663							});
1664						}
1665						
1666						//update item : set image, load video
1667						function updateItem(event){
1668							
1669							//fullscreen mode: stop autoplay (used for when screen is resized)
1670							if($owl.hasClass('fullscreen-video'))
1671								$owl.trigger('stop.owl.autoplay');
1672								
1673							//pause current video
1674							if(	currPlayer != undefined)
1675								currPlayer.pauseVideo();
1676							
1677							//current item/slide	
1678							var index = event.item.index;
1679							var $item = $owl.find(".owl-item:eq("+index+") [data-type]");
1680
1681							var $allLinks = $owl.find("a");
1682							$allLinks.prop("tabindex", "-1");
1683							
1684							var $itemLinks = $item.find("a");
1685							$itemLinks.prop("tabindex", "0");
1686							
1687							if($item !== undefined && $item.length){
1688								var type = $item.data('type');
1689								
1690								//set video
1691								if(type === 'youtube'){
1692									//mobile video
1693																			setVideo($item);
1694																	}
1695								//set image
1696								else
1697									setImage($item); 
1698							}
1699						}//end updateItem
1700						
1701						//setup video for desktop
1702						function setVideo($item){
1703							var hasVideo = $item ? true : false;
1704							
1705							//setup videos
1706							if(hasVideo){
1707								
1708								var videoID = $item.data('videoid'); //youtube video id
1709								var key = $item.data('video-key'); //index/key - not needed now but if we plan on using mutiple video sliders we will need this
1710								var player = players[key];
1711
1712								//create player if it hasn't been created
1713								if(videoID != undefined && player == undefined){
1714									//stop autoplay while video is loading
1715									$owl.trigger('stop.owl.autoplay');
1716									
1717									var tempPlayer = $('#slide-vid-'+key).videoPlayer({
1718										videoId: videoID,
1719										videoWrapperId: 'slide-video-wrapper-'+key,
1720										onComplete: function() {
1721											$item.addClass('is-loaded');
1722										},
1723										onVideoLoaded: function() {
1724											if(autoplay === true)
1725												$owl.trigger('play.owl.autoplay'); //video loaded start autoplay
1726										}
1727									});
1728									
1729									//create new player
1730									var temp = tempPlayer.data('plugin_videoPlayer');
1731									players[key] = temp //add to player array
1732									currPlayer = temp; //update current player
1733								}
1734								//player already within array. Play video
1735								else if(player != undefined){
1736									currPlayer = player; //update current player
1737									currPlayer.playVideo(); //play video
1738								}
1739							}	
1740						} //end setVideo
1741
1742						//mobile video: trigger owl for single click play
1743						function setMobileVideo($item){
1744							if($item.length){
1745								$item.addClass('is-loaded mobile-video');
1746								$item.find('.owl-video-play-icon').trigger('click');
1747							}
1748						}
1749						
1750						// Scroll Stopped event.
1751						$.fn.scrollStopped = function (callback) {
1752							var $this = $(this), self = this;
1753							$this.scroll(function () {
1754								if ($this.data('scrollTimeout')) {
1755										clearTimeout($this.data('scrollTimeout'));
1756								}
1757								$this.data('scrollTimeout', setTimeout(callback, 250, self));
1758							});
1759						};
1760						//on scroll events
1761						$(window).on('scroll', function () {
1762							if(currPlayer != undefined){
1763								currPlayer.pauseVideo(true);
1764							}
1765						});
1766						//stopp scroll
1767						$(window).scrollStopped(function () {
1768							if(currPlayer != undefined){
1769								var status = currPlayer.getPlayStatus();
1770								if (!status){
1771									currPlayer.playVideo();
1772								}
1773							}
1774						}); // end scrolling events
1775
1776						//fullscreen button click
1777						$fullScreenBtn.on('click', function(){	
1778							//only activate if slide transitions are complete.
1779							//- don't allow activation while slide is fading out and moving to next slide.
1780							if(!translating){
1781
1782								$owl.toggleClass('fullscreen-video');
1783								$(this).find('.icon use').attr('xlink:href', '/svg/sprite.svg#enlarge');
1784								//fullscreen open: stop autoplay
1785								
1786								if($owl.hasClass('fullscreen-video')){
1787									$owl.trigger('stop.owl.autoplay');
1788									$(this).find('.icon use').attr('xlink:href', '/svg/sprite.svg#shrink');
1789								}
1790								//fullscreen closed: start autoplay
1791								else if (autoplay === true)
1792									$owl.trigger('play.owl.autoplay');
1793							}
1794						}); //end fullscreen click
1795					}	
1796				});
1797			}
1798		});
1799		</script>
1799
1800		
1801	
1802                                                                
1803<div class="widget-wrapper widget">
1804		<div class="widget__header"><h6 class="dir__heading rez">Book a Room </h6></div>
1805	
1806	<div id="RootRezWidget"></div>
1807</div>
1808<script>
1809    (function (window, document) {
1810        let loader = function () {
1811            let s = document.createElement("script"), t = document.getElementsByTagName("script")[0];
1812            s.id = "rootrezScript";
1813            s.src = 'https://assets.rootrez.com/book-your-stay/1.2/widget.min.js';
1814            s.setAttribute("data-default_checkin", "");
1815            s.setAttribute("data-default_checkout", "");
1816            s.setAttribute("data-min_checkin","");
1817            s.setAttribute("data-publisher_key","VB-934aa2309e62d249dc76f84c0875cd02bf515a9f");
1818            s.setAttribute("data-max_checkout","");
1819            s.setAttribute("data-submission_url","https://stay.visitberkeley.com/search");
1820            s.setAttribute("data-title_text","");
1821            s.setAttribute("data-tagline_text", "                                  ");
1822            s.setAttribute("data-value_add_code", "");
1823            s.setAttribute("data-api_url", "https://svc.rootrez.com");
1824            s.setAttribute("data-locale", "en-us");  //Default: en-us. Also available: fr-ca
1825            s.setAttribute("data-results_in_new_tab", false);
1826            s.setAttribute("data-features", "");
1827            s.setAttribute("data-referrals", "none");
1828            s.setAttribute("data-prop_types", "");
1829            s.setAttribute("data-areas", "");
1830            t.parentNode.insertBefore(s, t);
1831        };
1832        window.addEventListener ? window.addEventListener("load", loader, false) : window.attachEvent("onload", loader);
1833    })(window, document);
1834</script>
1834
1835                            
1836        </header>
1837
1838        <section class="area-body">
1839
1840	        
1841    
1842
1843    
1844                        
1845                        
1846
1847
1848
1849
1850
1851
1852
1853
1854
1855            
1856                                                                
1857                                                    
1858                    
1859                                                
1860
1861            <div class="content-wrapper content-wrapper--full">
1862                <main class="area-primary area-primary--magazine" id="main">
1863
1864                                            <div class="area-intro area-intro--magazine  ">
1865                            <header class="blk__head">
1866                                                                <p class="blk__summary">Welcome to Berkeley</p>
1867                                
1868                                
1869                                <h1 class="blk__heading blk__heading--magazine">Beacon by the Bay</h1>
1870                            </header>
1871                        </div>
1872
1873                        <div class="blk blk--magazine from-wysiwyg ">
1874    
1875    
1876                    
1876<script>
vendor: 331 bytes, lines 1876-1880
1876(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
1877new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
1878j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
1879'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
1880})(window,document,'script','dataLayer','
1880GTM-KNJRM59
vendor: 3 bytes, line 1880
1880');
1880</script>
1880
1881<p><noscript>&lt;iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KNJRM59" &lt;br=""&gt;height="0" width="0" style="display:none;visibility:hidden"&gt;&lt;/iframe&gt;</noscript></p>
1882<p>Set by sparkling San Francisco Bay, Berkeley is a spirited Northern California city. Discover a mix of counterculture roots and vibrant diversity, bursting with delicious restaurants, thriving arts, and a uniquely energetic college town vibe.</p>
1883<p>Free speech and flower power are woven into the city's legacy. Today, Berkeley is a foodie paradise, live music hub, and theater haven. Immerse yourself in a genuine (some might <em>even</em> say quirky, in a good way) atmosphere all its own. </p>
1884<p>Everyone is welcome here. So come, explore Berkeley's unique neighborhoods, parks, and shops, discover your own Berkeley beat, and be a part of this ever-changing and engaging story.</p>
1885    							
1886	    
1887
1888<figure class=" card--figure small-12 medium-6 card--side columns">
1889        <a href="https://www.visitberkeley.com/plan-your-trip/visitor-guide-request/" class="card__link" >
1890    
1891                    <img class="card__img lazyload" 
1892                src="data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27480%27%20height%3D%27270%27%20style%3D%27background%3A%23565959%27%2F%3E"  
1893                alt="a family listens to a tour guide as the guide points to a tree in Berkeley"
1894                data-src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/0_DSC08035web_5e4f8da7e3ab3afc65d0f46d42614d22.jpeg" 
1895                 
1896                >
1897        
1898        </a>
1899    
1900        <figcaption class="card__caption"><p>You have discovered the ultimate guide to things to do in Berkeley, CA! Inside, discover everything you need to plan your vacation to the Bay. </p></figcaption>
1901    
1902        <a href="https://www.visitberkeley.com/plan-your-trip/visitor-guide-request/" class="btn btn--hollow" >
1903        Destination Guide
1904    </a>
1905    </figure>
1906    
1907
1908<figure class=" card--figure small-12 medium-6 card--side columns">
1909        <a href="https://www.visitberkeley.com/things-to-do/" class="card__link" >
1910    
1911                    <img class="card__img lazyload" 
1912                src="data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27480%27%20height%3D%27270%27%20style%3D%27background%3A%23565959%27%2F%3E"  
1913                alt="Berkeley Kite Festival attendees, mostly children, run in the grass beneath blue skies as multicolored kites fly overhead."
1914                data-src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/Berkeley-Kite-Festival_5e4f8da7e3ab3afc65d0f46d42614d22.jpg" 
1915                 
1916                >
1917        
1918        </a>
1919    
1920        <figcaption class="card__caption"><p>Berkeley brims with authentic experiences and activities to engage, expand, entertain, enthrall - sometimes even all of the above. </p></figcaption>
1921    
1922        <a href="https://www.visitberkeley.com/things-to-do/" class="btn btn--hollow" >
1923        Explore now
1924    </a>
1925    </figure>
1926    
1927            <div class="row">
1928                </div>
1929    </div>
1930                    
1931                
1932                </main>
1933
1934                                            </div>
1935
1936            
1937
1938            
1939
1940            
1941        </section>
1942
1943        <footer class="area-footer">
1944                                                
1945
1946
1947<section class="widget-wrapper widget-wrapper--wider widget">
1948
1949    <div class="widget__header">
1950		<h6 class="dir__heading">Travel Ideas &amp; Tips</h6>
1951    </div>
1952    
1953    <div class="dir dir--centered dir--nopadding">
1954            
1955		
1956
1957
1958<article class="card card--tall card--tallblog js-dir-item">
1959        
1960    <div class="card__header">    
1961        <a href="https://www.visitberkeley.com/blog/guide-to-a-car-free-weekend-in-berkeley/" 
1962            class="card__link " 
1963            data-type="name">
1964            <img
1965            alt="Guide to a Car-Free Weekend in Berkeley"
1966            src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/BART_newtrains_56bfde7f52d140017103090101252ed6.jpg"
1967            data-src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/BART_newtrains_6d5f12bc068e95fcf1426fb1931f0
1967d2c.jpg"
1968            class="lazyload card__img" />
1969        </a>
1970    </div>
1971   
1972    
1973
1974    <div class="card__body">
1975        
1976        <h4 class="card__title">
1977            <a href="https://www.visitberkeley.com/blog/guide-to-a-car-free-weekend-in-berkeley/" 
1978                class="card__link" >Guide to a Car-Free Weekend in Berkeley</a>
1979        </h4>
1980
1981                <p>With a wealth of public transportation options and compact, walkable neighborhoods, Berkeley is an easy destination to explore...</p>
1982            </div>
1983</article>
1984            
1985		
1986
1987
1988<article class="card card--tall card--tallblog js-dir-item">
1989        
1990    <div class="card__header">    
1991        <a href="https://www.visitberkeley.com/blog/unique-event-venues-for-every-occasion/" 
1992            class="card__link " 
1993            data-type="name">
1994            <img
1995            alt="Unique Event Venues for Every Occasion"
1996            src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/David-Brower-Center_56bfde7f52d140017103090101252ed6.png"
1997            data-src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/David-Brower-Center_6d5f12bc068e95fcf1426fb1931f0d2c.png"
1998            class="lazyload card__img" />
1999        </a>
2000    </div>
2001   
2002    
2003
2004    <div class="card__body">
2005        
2006        <h4 class="card__title">
2007            <a href="https://www.visitberkeley.com/blog/unique-event-venues-for-every-occasion/" 
2008                class="card__link" >Unique Event Venues for Every Occasion</a>
2009        </h4>
2010
2011                <p>Known for its dynamic culture, creative spark, and richly diverse community, Berkeley showcases vibrant spirit, unwavering...</p>
2012            </div>
2013</article>
2014            
2015		
2016
2017
2018<article class="card card--tall card--tallblog js-dir-item">
2019        
2020    <div class="card__header">    
2021        <a href="https://www.visitberkeley.com/blog/let-the-festivities-commence/" 
2022            class="card__link " 
2023            data-type="name">
2024            <img
2025            alt="Let the Festivities Commence!"
2026            src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/Untitled-design-12_56bfde7f52d140017103090101252ed6.png"
2027            data-src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/Untitled-design-12_6d5f12bc068e95fcf1426fb1931f0d2c.png"
2028            class="lazyload card__img" />
2029        </a>
2030    </div>
2031   
2032    
2033
2034    <div class="card__body">
2035        
2036        <h4 class="card__title">
2037            <a href="https://www.visitberkeley.com/blog/let-the-festivities-commence/" 
2038                class="card__link" >Let the Festivities Commence!</a>
2039        </h4>
2040
2041                <p>As UC Berkeley prepares for its annual commencement celebrations, families and friends will gather to honor their graduates’...</p>
2042            </div>
2043</article>
2044    	</div>
2045	<div class="centered-btn">
2046		
2047		<a href="/blog/" class="btn btn--hollow" title="Read All Blogs">Read All Blogs</a>
2048		
2049	</div>
2050
2051</section>
2052
2053                                                                        
2054
2055        <section class="hood-map widget">
2056
2057                                                                            
2058            <button type="button" 
2059                class="hood-map__point map_color1 " 
2060                aria-label="Open Downtown tooltip"
2061                title="" 
2062                data-tippy-point
2063                data-title="Downtown" 
2064                data-url="https://www.visitberkeley.com/maps-neighborhoods/downtown/"
2065                data-img="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/main-images/Downtown_Berk_jumpers_2dd773863d5909ed384ba1013c24d3a6.jpg"
2066                style="left: 58.5%; top:49.8%;">
2067                                <span>Downtown</span>
2068            </button>
2069
2070            
2071            
2072                                                                            
2073            <button type="button" 
2074                class="hood-map__point map_color2 " 
2075                aria-label="Open Elmwood District tooltip"
2076                title="" 
2077                data-tippy-point
2078                data-title="Elmwood District" 
2079                data-url="https://www.visitberkeley.com/maps-neighborhoods/elmwood-college-avenue/"
2080                data-img="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/Culture/Elmwoodmovietheatre_2dd773863d5909ed384ba1013c24d3a6.jpg"
2081                style="left: 74.4%; top:83.5%;">
2082                                <span>Elmwood District</span>
2083            </button>
2084
2085            
2086            
2087                                                                            
2088            <button type="button" 
2089                class="hood-map__point map_color3 " 
2090                aria-label="Open Fourth Street tooltip"
2091                title="" 
2092                data-tippy-point
2093                data-title="Fourth Street" 
2094                data-url="https://www.visitberkeley.com/maps-neighborhoods/fourth-street/"
2095                data-img="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/main-images/FourthStreet_art_2dd773863d5909ed384ba1013c24d3a6.jpg"
2096                style="left: 33%; top:44.1%;">
2097                                <span>Fourth Street</span>
2098            </button>
2099
2100            
2101            
2102                                                                            
2103            <button type="button" 
2104                class="hood-map__point map_color4 " 
2105                aria-label="Open Gilman District tooltip"
2106                title="" 
2107                data-tippy-point
2108                data-title="Gilman District" 
2109                data-url="https://www.visitberkeley.com/maps-neighborhoods/gilman-district/"
2110                data-img="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/old-site-images/Gilman_2dd773863d5909ed384ba1013c24d3a6.jpg"
2111                style="left: 37%; top:27.7%;">
2112                                <span>Gilman District</span>
2113            </button>
2114
2115            
2116            
2117                                                                            
2118            <button type="button" 
2119                class="hood-map__point map_color5 " 
2120                aria-label="Open UC Berkeley tooltip"
2121                title="" 
2122                data-tippy-point
2123                data-title="UC Berkeley" 
2124                data-url="https://www.visitberkeley.com/maps-neighborhoods/uc-berkeley/"
2125                data-img="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/UC-Berkeley/CalDay_2dd773863d5909ed384ba1013c24d3a6.jpg"
2126                style="left: 81.6%; top:45.5%;">
2127                                <span>UC Berkeley</span>
2128            </button>
2129
2130            
2131            
2132                                                                            
2133            <button type="button" 
2134                class="hood-map__point map_color6 " 
2135                aria-label="Open North Shattuck tooltip"
2136                title="" 
2137                data-tippy-point
2138                data-title="North Shattuck" 
2139                data-url="https://www.visitberkeley.com/maps-neighborhoods/north-shattuck/"
2140                data-img="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/old-site-images/GourmetGhettomural-1_2dd773863d5909ed384ba1013c24d3a6.jpg"
2141                style="left: 60.2%; top:33.6%;">
2142                                <span>North Shattuck</span>
2143            </button>
2144
2145            
2146            
2147                                                                            
2148            <button type="button" 
2149                class="hood-map__point map_color7 " 
2150                aria-label="Open Solano Avenue tooltip"
2151                title="" 
2152                data-tippy-point
2153                data-title="Solano Avenue" 
2154                data-url="https://www.visitberkeley.com/maps-neighborhoods/solano-avenue/"
2155                data-img="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/main-images/solano-stroll-by-Oaks-theatre_2dd773863d5909ed384ba1013c24d3a6.jpg"
2156                style="left: 59.5%; top:13.3%;">
2157                                <span>Solano Avenue</span>
2158            </button>
2159
2160            
2161            
2162                                                                            
2163            <button type="button" 
2164                class="hood-map__point map_color8 " 
2165                aria-label="Open Telegraph Avenue District tooltip"
2166                title="" 
2167                data-tippy-point
2168                data-title="Telegraph Avenue District" 
2169                data-url="https://www.visitberkeley.com/maps-neighborhoods/telegraph-avenue/"
2170                data-img="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/main-images/telegraph_Panorama_2dd773863d5909ed384ba1013c24d3a6.jpg"
2171                style="left: 69%; top:62.4%;">
2172                                <span>Telegraph Avenue District</span>
2173            </button>
2174
2175            
2176            
2177                                                                            
2178            <button type="button" 
2179                class="hood-map__point map_color9 " 
2180                aria-label="Open Lorin District tooltip"
2181                title="" 
2182                data-tippy-point
2183                data-title="Lorin District" 
2184                data-url="https://www.visitberkeley.com/maps-neighborhoods/lorin-district/"
2185                data-img="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/main-images/Lorin_farmersmkt_strawberries_2dd773863d5909ed384ba1013c24d3a6.jpg"
2186                style="left: 59%; top:75.6%;">
2187                                <span>Lorin District</span>
2188            </button>
2189
2190            
2191                                        
2192                                                                            
2193            <button type="button" 
2194                class="hood-map__point map_color1 " 
2195                aria-label="Open Charles Lee Tilden Regional Park tooltip"
2196                title="" 
2197                data-tippy-point
2198                data-title="Charles Lee Tilden Regional Park" 
2199                data-url="https://www.visitberkeley.com/maps-neighborhoods/tilden-park/"
2200                data-img="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/Tilden_benches_tree_2dd773863d5909ed384ba1013c24d3a6.jpg"
2201                style="left: 84.4%; top:11.8%;">
2202                                <span>Charles Lee Tilden Regional Park</span>
2203            </button>
2204
2205            
2206            
2207                                                                            
2208            <button type="button" 
2209                class="hood-map__point map_color2 " 
2210                aria-label="Open Berkeley Waterfront tooltip"
2211                title="" 
2212                data-tippy-point
2213                data-title="Berkeley Waterfront" 
2214                data-url="https://www.visitberkeley.com/maps-neighborhoods/berkeley-marina/"
2215                data-img="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/Berkeley-Marina-Glenn-Ramit_2dd773863d5909ed384ba1013c24d3a6.jpg"
2216                style="left: 26%; top:38%;">
2217                                <span>Berkeley Waterfront</span>
2218            </button>
2219
2220            
2221            
2222                                                                            
2223            <button type="button" 
2224                class="hood-map__point map_color3 " 
2225                aria-label="Open University Avenue tooltip"
2226                title="" 
2227                data-tippy-point
2228                data-title="University Avenue" 
2229                data-url="https://www.visitberkeley.com/maps-neighborhoods/university-avenue/"
2230                data-img="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/UAA_2dd773863d5909ed384ba1013c24d3a6.jpg"
2231                style="left: 50%; top:43.5%;">
2232                                <span>University Avenue</span>
2233            </button>
2234
2235            
2236            
2237        
2238        <div hidden id="hood-map-info"></div>
2239
2240        <div class="hood-map__list">
2241            <h3>NEIGHBORHOODS</h3>
2242            <ul class="list list--map">
2243                                            <li>
2244                    <a href="https://www.visitberkeley.com/maps-neighborhoods/downtown/" class="" title="Downtown">
2245                        <span>Downtown</span>
2246                        <svg class="icon icon--breadcrumbbig icon--notopmargin" role="presentation">
2247                            <use xlink:href="/svg/sprite.svg#breadcrumb-arrow"></use>
2248                        </svg>
2249                    </a>
2250                </li>
2251                                            <li>
2252                    <a href="https://www.visitberkeley.com/maps-neighborhoods/elmwood-college-avenue/" class="" title="Elmwood District">
2253                        <span>Elmwood District</span>
2254                        <svg class="icon icon--breadcrumbbig icon--notopmargin" role="presentation">
2255                            <use xlink:href="/svg/sprite.svg#breadcrumb-arrow"></use>
2256                        </svg>
2257                    </a>
2258                </li>
2259                                            <li>
2260                    <a href="https://www.visitberkeley.com/maps-neighborhoods/fourth-street/" class="" title="Fourth Street">
2261                        <span>Fourth Street</span>
2262                        <svg class="icon icon--breadcrumbbig icon--notopmargin" role="presentation">
2263                            <use xlink:href="/svg/sprite.svg#breadcrumb-arrow"></use>
2264                        </svg>
2265                    </a>
2266                </li>
2267                                            <li>
2268                    <a href="https://www.visitberkeley.com/maps-neighborhoods/gilman-district/" class="" title="Gilman District">
2269                        <span>Gilman District</span>
2270                        <svg class="icon icon--breadcrumbbig icon--notopmargin" role="presentation">
2271                            <use xlink:href="/svg/sprite.svg#breadcrumb-arrow"></use>
2272                        </svg>
2273                    </a>
2274                </li>
2275                                            <li>
2276                    <a href="https://www.visitberkeley.com/maps-neighborhoods/uc-berkeley/" class="" title="UC Berkeley">
2277                        <span>UC Berkeley</span>
2278                        <svg class="icon icon--breadcrumbbig icon--notopmargin" role="presentation">
2279                            <use xlink:href="/svg/sprite.svg#breadcrumb-arrow"></use>
2280                        </svg>
2281                    </a>
2282                </li>
2283                                            <li>
2284                    <a href="https://www.visitberkeley.com/maps-neighborhoods/north-shattuck/" class="" title="North Shattuck">
2285                        <span>North Shattuck</span>
2286                        <svg class="icon icon--breadcrumbbig icon--notopmargin" role="presentation">
2287                            <use xlink:href="/svg/sprite.svg#breadcrumb-arrow"></use>
2288                        </svg>
2289                    </a>
2290                </li>
2291                                            <li>
2292                    <a href="https://www.visitberkeley.com/maps-neighborhoods/solano-avenue/" class="" title="Solano Avenue">
2293                        <span>Solano Avenue</span>
2294                        <svg class="icon icon--breadcrumbbig icon--notopmargin" role="presentation">
2295                            <use xlink:href="/svg/sprite.svg#breadcrumb-arrow"></use>
2296                        </svg>
2297                    </a>
2298                </li>
2299                                            <li>
2300                    <a href="https://www.visitberkeley.com/maps-neighborhoods/telegraph-avenue/" class="" title="Telegraph Avenue District">
2301                        <span>Telegraph Avenue District</span>
2302                        <svg class="icon icon--breadcrumbbig icon--notopmargin" role="presentation">
2303                            <use xlink:href="/svg/sprite.svg#breadcrumb-arrow"></use>
2304                        </svg>
2305                    </a>
2306                </li>
2307                                            <li>
2308                    <a href="https://www.visitberkeley.com/maps-neighborhoods/lorin-district/" class="" title="Lorin District">
2309                        <span>Lorin District</span>
2310                        <svg class="icon icon--breadcrumbbig icon--notopmargin" role="presentation">
2311                            <use xlink:href="/svg/sprite.svg#breadcrumb-arrow"></use>
2312                        </svg>
2313                    </a>
2314                </li>
2315                                            <li>
2316                    <a href="https://www.visitberkeley.com/maps-neighborhoods/tilden-park/" class="" title="Charles Lee Tilden Regional Park">
2317                        <span>Charles Lee Tilden Regional Park</span>
2318                        <svg class="icon icon--breadcrumbbig icon--notopmargin" role="presentation">
2319                            <use xlink:href="/svg/sprite.svg#breadcrumb-arrow"></use>
2320                        </svg>
2321                    </a>
2322                </li>
2323                                            <li>
2324                    <a href="https://www.visitberkeley.com/maps-neighborhoods/berkeley-marina/" class="" title="Berkeley Waterfront">
2325                        <span>Berkeley Waterfront</span>
2326                        <svg class="icon icon--breadcrumbbig icon--notopmargin" role="presentation">
2327                            <use xlink:href="/svg/sprite.svg#breadcrumb-arrow"></use>
2328                        </svg>
2329                    </a>
2330                </li>
2331                                            <li>
2332                    <a href="https://www.visitberkeley.com/maps-neighborhoods/university-avenue/" class="" title="University Avenue">
2333                        <span>University Avenue</span>
2334                        <svg class="icon icon--breadcrumbbig icon--notopmargin" role="presentation">
2335                            <use xlink:href="/svg/sprite.svg#breadcrumb-arrow"></use>
2336                        </svg>
2337                    </a>
2338                </li>
2339                        </ul>
2340        </div>
2341
2342    </section>
2343
2344    
2344<script>		
2345        loadjs( '/js/plugins/tippy.js', {
2346            success: function() {
2347
2348                var doc = document.querySelector('html');
2349
2350                var tips = tippy('[data-tippy-point]', {
2351                    animation: 'shift-toward',
2352                    placement: 'right',
2353                    trigger: 'click',
2354                    interactive: true,
2355                    arrow: true,
2356                    html: '#hood-map-info',
2357                    onShow() {
2358                        var tip = this._tippy.reference;    // the map point
2359                        var content = this.querySelector('.tippy-content'); // the tool tip content
2360                        content.innerHTML = '<div class="card__header"><img src="'+tip.dataset.img+'"/></div><div class="card__body"><h4>'+tip.dataset.title+'</h4><a href="'+tip.dataset.url+'" class="btn btn--small btn--secondary">Read More</a></div>';
2361                        content.setAttribute('aria-label', `${tip.dataset.title} tooltip`)
2362                        
2363                        let closeButton = document.createElement('button')
2364                        closeButton.classList.add('close-button')
2365                        closeButton.setAttribute('aria-label', `close ${tip.dataset.title} tooltip`);
2366
2367                        content.querySelector('.card__body').append(closeButton)
2368
2369                        closeButton.addEventListener('click', () => {this._tippy.hide()})
2370
2371                    },
2372                    onShown() {
2373                        doc.classList.add('map-tip-open');
2374                    },
2375                    onHidden() {
2376                        doc.classList.remove('map-tip-open');
2377                    }
2378                });
2379
2380            }, error: function() { console.log('error loading tippy js') }
2381        });
2382    </script>
2382
2383                                                                    	
2384		
2385	<div class="widget">
2386
2387	
2388	<section class="mashup">
2389		<div class="mashup__grid">
2390		
2391														
2392														
2393										
2394																						
2395					<figure class="mashup__item mashup__item--size2">
2396						<div class="mashup__overlay"></div>
2397
2398						<img class="mashup__img lazyload" 
2399                src="data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27500%27%20height%3D%27665%27%20style%3D%27background%3A%23565959%27%2F%3E"  
2400                alt="Close-up of the bed in a Graduate Berkeley hotel room"
2401                data-src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/GrduateBerkeley_room_web_fb0bd8b2e88525481d1a25aba0675210.jpg" 
2402                 
2403                >
2404
2405						<figcaption class="mashup__caption">
2406
2407													<a href="https://www.visitberkeley.com/where-to-stay/"
2408								title="Where to Stay"
2409								class="mashup__link">
2410														<h3>
2411									Where to Stay
2412								</h3>
2413																	<span>Stay in Berkeley by the San Francisco Bay</span>
2414															</a>
2415						</figcaption>
2416
2417					</figure>
2418
2419																
2420														
2421										
2422																						
2423					<figure class="mashup__item mashup__item--size1">
2424						<div class="mashup__overlay"></div>
2425
2426						<img class="mashup__img lazyload" 
2427                src="data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27500%27%20height%3D%27500%27%20style%3D%27background%3A%23565959%27%2F%3E"  
2428                alt="Artis Coffee Berkeley"
2429                data-src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/Food-Drink/Artis_Coffee_eef0b53e6f52e393752e49a8ad966901.jpg" 
2430                 
2431                >
2432
2433						<figcaption class="mashup__caption">
2434
2435													<a href="https://www.visitberkeley.com/plan-your-trip/"
2436								title="Plan Your Trip"
2437								class="mashup__link">
2438														<h3>
2439									Plan Your Trip
2440								</h3>
2441																	<span>All the tools you will need for planning your trip to Berkeley, CA. Maps,...</span>
2442															</a>
2443						</figcaption>
2444
2445					</figure>
2446
2447																
2448														
2449										
2450																						
2451					<figure class="mashup__item mashup__item--size4">
2452						<div class="mashup__overlay"></div>
2453
2454						<img class="mashup__img lazyload" 
2455                src="data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27500%27%20height%3D%271335%27%20style%3D%27background%3A%23565959%27%2F%3E"  
2456                alt="Dancer jumping in a studio"
2457                data-src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/Culture/Dancer_4911f8a3f93e29954e8b7a379e433fb1.jpg" 
2458                 
2459                >
2460
2461						<figcaption class="mashup__caption">
2462
2463													<a href="https://www.visitberkeley.com/things-to-do/arts-culture/"
2464								title="Arts &amp; Culture"
2465								class="mashup__link">
2466														<h3>
2467									Arts &amp; Culture
2468								</h3>
2469																	<span>Explore Berkeley's arts, culture, and museums</span>
2470															</a>
2471						</figcaption>
2472
2473					</figure>
2474
2475																
2476														
2477										
2478																						
2479					<figure class="mashup__item mashup__item--size3">
2480						<div class="mashup__overlay"></div>
2481
2482						<img class="mashup__img lazyload" 
2483                src="data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27500%27%20height%3D%27835%27%20style%3D%27background%3A%23565959%27%2F%3E"  
2484                alt="The View From Charter Hill Hike In Berkeley while sitting on Big C Swing"
2485                data-src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/main-images/Big-C-Swing_6011e36a569ddffcf7276ea834c4a32a.jpg" 
2486                 
2487                >
2488
2489						<figcaption class="mashup__caption">
2490
2491													<a href="https://www.visitberkeley.com/things-to-do/outdoor-activities/"
2492								title="Outdoor Activities"
2493								class="mashup__link">
2494														<h3>
2495									Outdoor Activities
2496								</h3>
2497																	<span>Berkeley outdoor activities and things to do.</span>
2498															</a>
2499						</figcaption>
2500
2501					</figure>
2502
2503																
2504														
2505										
2506																						
2507					<figure class="mashup__item mashup__item--size2">
2508						<div class="mashup__overlay"></div>
2509
2510						<img class="mashup__img lazyload" 
2511                src="data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27500%27%20height%3D%27665%27%20style%3D%27background%3A%23565959%27%2F%3E"  
2512                alt="Telegraph Ave Summer Of Love Street scene downtown Berkley CA"
2513                data-src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/main-images/Telegraph_Summer-
2513of-Love_streetscene_fb0bd8b2e88525481d1a25aba0675210.jpg" 
2514                 
2515                >
2516
2517						<figcaption class="mashup__caption">
2518
2519													<a href="https://www.visitberkeley.com/events/"
2520								title="Events"
2521								class="mashup__link">
2522														<h3>
2523									Events
2524								</h3>
2525																	<span>Events and Festivals in Berkeley, Ca</span>
2526															</a>
2527						</figcaption>
2528
2529					</figure>
2530
2531									
2532		</div>
2533	</section>
2534
2535	</div>
2536
2537			
2538	                                                                    
2539    
2540    <section class="widget-wrapper widget-wrapper--wider widget">
2541
2542        <div class="widget__header">
2543            <h6 class="dir__heading">Featured Content</h6>
2544        </div>
2545        
2546        <div class="dir dir--centered dir--nopadding">
2547                    
2548        
2549
2550
2551<article class="card card--tall js-dir-item">
2552        
2553    <div class="card__header">
2554            
2555        <a href="https://www.visitberkeley.com/plan-your-trip/visitor-guide-request/" 
2556            class="card__link " 
2557            data-type="name">
2558            <img
2559            alt="FREE! Official Berkeley Destination Guide"
2560            src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/2025_Berkeley_cover-copy-900x700_0f6151034629170c22fa8961b4efd9f4.jpg"
2561            data-src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/2025_Berkeley_cover-copy-900x700_31b719d515776ceccfc7588213d4f981.jpg"
2562                        class="lazyload card__img" />
2563        </a>
2564    </div>
2565   
2566    
2567
2568    <div class="card__body">
2569        <img class="breadcrumb-tl" src="/images/nav/breadcrumb-tl.png" alt="for layout purposes only" aria-hidden="true">
2570		<img class="breadcrumb-br" src="/images/nav/breadcrumb-br.png" alt="for layout purposes only" aria-hidden="true">
2571        <h4 class="card__title">
2572            <a href="https://www.visitberkeley.com/plan-your-trip/visitor-guide-request/" 
2573                class="card__link" >FREE! Official Berkeley Destination Guide</a>
2574        </h4>
2575
2576            </div>
2577</article>
2578                    
2579        
2580
2581
2582<article class="card card--tall js-dir-item">
2583        
2584    <div class="card__header">
2585            
2586        <a href="https://www.visitberkeley.com/where-to-stay/" 
2587            class="card__link " 
2588            data-type="name">
2589            <img
2590            alt="Where to Stay"
2591            src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/GrduateBerkeley_room_web_0f6151034629170c22fa8961b4efd9f4.jpg"
2592            data-src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/GrduateBerkeley_room_web_31b719d515776ceccfc7588213d4f981.jpg"
2593                        class="lazyload card__img" />
2594        </a>
2595    </div>
2596   
2597    
2598
2599    <div class="card__body">
2600        <img class="breadcrumb-tl" src="/images/nav/breadcrumb-tl.png" alt="for layout purposes only" aria-hidden="true">
2601		<img class="breadcrumb-br" src="/images/nav/breadcrumb-br.png" alt="for layout purposes only" aria-hidden="true">
2602        <h4 class="card__title">
2603            <a href="https://www.visitberkeley.com/where-to-stay/" 
2604                class="card__link" >Where to Stay</a>
2605        </h4>
2606
2607                <p>Stay in Berkeley by the San Francisco Bay</p>
2608            </div>
2609</article>
2610                    
2611        
2612
2613
2614<article class="card card--tall js-dir-item">
2615        
2616    <div class="card__header">
2617            
2618        <a href="https://www.visitberkeley.com/things-to-do/" 
2619            class="card__link " 
2620            data-type="name">
2621            <img
2622            alt="Explore"
2623            src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/Culture/BAMPFA_concert_0f6151034629170c22fa8961b4efd9f4.jpg"
2624            data-src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/Culture/BAMPFA_concert_31b719d515776ceccfc7588213d4f981.jpg"
2625                        class="lazyload card__img" />
2626        </a>
2627    </div>
2628   
2629    
2630
2631    <div class="card__body">
2632        <img class="breadcrumb-tl" src="/images/nav/breadcrumb-tl.png" alt="for layout purposes only" aria-hidden="true">
2633		<img class="breadcrumb-br" src="/images/nav/breadcrumb-br.png" alt="for layout purposes only" aria-hidden="true">
2634        <h4 class="card__title">
2635            <a href="https://www.visitberkeley.com/things-to-do/" 
2636                class="card__link" >Explore</a>
2637        </h4>
2638
2639                <p>Things to do in Berkeley & the Bay Area</p>
2640            </div>
2641</article>
2642                </div>
2643
2644    </section>
2645
2646                                                                    	
2647		
2648						
2649															
2650			
2651
2652	
2653		<section class="feed__footer-wrap js-footer-scroller" data-event-slider="true">
2654
2655			<div class="feed feed--scroller">
2656				<div class="owl-carousel owl-theme feed__container">
2657
2658				
2659															
2660					<a href="https://www.visitberkeley.com/events/live-djs-at-the-breakroom/" class="feed__link">
2661						<div class="feed__item feed__item--scroller">
2662								
2663							
2664		
2665							<img class="feed__img lazyload" 
2666                src="data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27120%27%20height%3D%2792%27%20style%3D%27background%3A%23565959%27%2F%3E"  
2667                alt=""
2668                data-src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/DSC_0063_838796f55fa6bdeaa54295c
26685210e2674.jpeg" 
2669                 
2670                >
2671
2672							<div class="feed__caption-wrap">
2673								
2674								<h4 class="feed__title">
2675									LIVE Djs at the Breakroom
2676								</h4> 
2677								
2678							</div>
2679
2680							<div class="cal-date__container cal-date__container--scroller">
2681								<div class="cal-date">
2682									<span class="cal-date__year">2026</span>
2683									<span class="cal-date__date">3</span>
2684									<span class="cal-date__month">Oct</span>
2685								</div><!-- .event-date -->
2686							</div>
2687
2688						</div>
2689					</a>
2690						
2691				
2692															
2693					<a href="https://www.visitberkeley.com/events/garden-tours/" class="feed__link">
2694						<div class="feed__item feed__item--scroller">
2695								
2696							
2697		
2698							<img class="feed__img lazyload" 
2699                src="data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27120%27%20height%3D%2792%27%20style%3D%27background%3A%23565959%27%2F%3E"  
2700                alt=""
2701                data-src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/Screenshot-2025-02-03-at-2.22.54-PM_838796f55fa6bdeaa54295c5210e2674.png" 
2702                 
2703                >
2704
2705							<div class="feed__caption-wrap">
2706								
2707								<h4 class="feed__title">
2708									Regional Parks Botanic Garden Tours
2709								</h4> 
2710								
2711							</div>
2712
2713							<div class="cal-date__container cal-date__container--scroller">
2714								<div class="cal-date">
2715									<span class="cal-date__year">2026</span>
2716									<span class="cal-date__date">3</span>
2717									<span class="cal-date__month">Oct</span>
2718								</div><!-- .event-date -->
2719							</div>
2720
2721						</div>
2722					</a>
2723						
2724				
2725															
2726					<a href="https://www.visitberkeley.com/events/garden-tours/" class="feed__link">
2727						<div class="feed__item feed__item--scroller">
2728								
2729							
2730		
2731							<img class="feed__img lazyload" 
2732                src="data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27120%27%20height%3D%2792%27%20style%3D%27background%3A%23565959%27%2F%3E"  
2733                alt=""
2734                data-src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/Screenshot-2025-02-03-at-2.22.54-PM_838796f55fa6bdeaa54295c5210e2674.png" 
2735                 
2736                >
2737
2738							<div class="feed__caption-wrap">
2739								
2740								<h4 class="feed__title">
2741									Regional Parks Botanic Garden Tours
2742								</h4> 
2743								
2744							</div>
2745
2746							<div class="cal-date__container cal-date__container--scroller">
2747								<div class="cal-date">
2748									<span class="cal-date__year">2026</span>
2749									<span class="cal-date__date">4</span>
2750									<span class="cal-date__month">Oct</span>
2751								</div><!-- .event-date -->
2752							</div>
2753
2754						</div>
2755					</a>
2756						
2757				
2758															
2759					<a href="https://www.visitberkeley.com/events/margarita-mondays-8-ball-tournament/" class="feed__link">
2760						<div class="feed__item feed__item--scroller">
2761								
2762							
2763		
2764							<img class="feed__img lazyload" 
2765                src="data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27120%27%20height%3D%2792%27%20style%3D%27background%3A%23565959%27%2F%3E"  
2766                alt=""
2767                data-src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/470575117_122186775068188813_1686238914459243370_n_838796f55fa6bdeaa54295c5210e2674.jpg" 
2768                 
2769                >
2770
2771							<div class="feed__caption-wrap">
2772								
2773								<h4 class="feed__title">
2774									Margarita Mondays & 8-Ball Tournament
2775								</h4> 
2776								
2777							</div>
2778
2779							<div class="cal-date__container cal-date__container--scroller">
2780								<div class="cal-date">
2781									<span class="cal-date__year">2026</span>
2782									<span class="cal-date__date">5</span>
2783									<span class="cal-date__month">Oct</span>
2784								</div><!-- .event-date -->
2785							</div>
2786
2787						</div>
2788					</a>
2789						
2790				
2791															
2792					<a href="https://www.visitberkeley.com/events/wednesday-jam-sessions-pool-league/" class="feed__link">
2793						<div class="feed__item feed__item--scroller">
2794								
2795							
2796		
2797							<img class="feed__img lazyload" 
2798                src="data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27120%27%20height%3D%2792%27%20style%3D%27background%3A%23565959%27%2F%3E"  
2799                alt=""
2800                data-src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/DSC_0869_838796f55fa6bdeaa54295c
28005210e2674.jpeg" 
2801                 
2802                >
2803
2804							<div class="feed__caption-wrap">
2805								
2806								<h4 class="feed__title">
2807									Wednesday Jam Sessions & Pool League
2808								</h4> 
2809								
2810							</div>
2811
2812							<div class="cal-date__container cal-date__container--scroller">
2813								<div class="cal-date">
2814									<span class="cal-date__year">2026</span>
2815									<span class="cal-date__date">7</span>
2816									<span class="cal-date__month">Oct</span>
2817								</div><!-- .event-date -->
2818							</div>
2819
2820						</div>
2821					</a>
2822						
2823				
2824															
2825					<a href="https://www.visitberkeley.com/events/live-djs-at-the-breakroom/" class="feed__link">
2826						<div class="feed__item feed__item--scroller">
2827								
2828							
2829		
2830							<img class="feed__img lazyload" 
2831                src="data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27120%27%20height%3D%2792%27%20style%3D%27background%3A%23565959%27%2F%3E"  
2832                alt=""
2833                data-src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/DSC_0063_838796f55fa6bdeaa54295c5210e2674.jpeg" 
2834                 
2835                >
2836
2837							<div class="feed__caption-wrap">
2838								
2839								<h4 class="feed__title">
2840									LIVE Djs at the Breakroom
2841								</h4> 
2842								
2843							</div>
2844
2845							<div class="cal-date__container cal-date__container--scroller">
2846								<div class="cal-date">
2847									<span class="cal-date__year">2026</span>
2848									<span class="cal-date__date">9</span>
2849									<span class="cal-date__month">Oct</span>
2850								</div><!-- .event-date -->
2851							</div>
2852
2853						</div>
2854					</a>
2855						
2856				
2857															
2858					<a href="https://www.visitberkeley.com/events/celebrate-the-freight-gala/" class="feed__link">
2859						<div class="feed__item feed__item--scroller">
2860								
2861							
2862		
2863							<img class="feed__img lazyload" 
2864                src="data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27120%27%20height%3D%2792%27%20style%3D%27background%3A%23565959%27%2F%3E"  
2865                alt=""
2866                data-src="/imager/files_idss_com/C199/1f57a345-7024-4894-b69c-14d1bd0703ef_838796f55fa6bdeaa54295c5210e2674.jpg" 
2867                 
2868                >
2869
2870							<div class="feed__caption-wrap">
2871								
2872								<h4 class="feed__title">
2873									Celebrate The Freight Gala
2874								</h4> 
2875								
2876							</div>
2877
2878							<div class="cal-date__container cal-date__container--scroller">
2879								<div class="cal-date">
2880									<span class="cal-date__year">2026</span>
2881									<span class="cal-date__date">9</span>
2882									<span class="cal-date__month">Oct</span>
2883								</div><!-- .event-date -->
2884							</div>
2885
2886						</div>
2887					</a>
2888						
2889				
2890															
2891					<a href="https://www.visitberkeley.com/events/homecoming-cal-vs-virginia-tech/" class="feed__link">
2892						<div class="feed__item feed__item--scroller">
2893								
2894							
2895		
2896							<img class="feed__img lazyload" 
2897                src="data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27120%27%20height%3D%2792%27%20style%3D%27background%3A%23565959%27%2F%3E"  
2898                alt=""
2899                data-src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/cal-football-photo-2_838796f55fa6bdeaa54295c5210e2674.jpg" 
2900                 
2901                >
2902
2903							<div class="feed__caption-wrap">
2904								
2905								<h4 class="feed__title">
2906									Homecoming : Cal vs Virginia Tech
2907								</h4> 
2908								
2909							</div>
2910
2911							<div class="cal-date__container cal-date__container--scroller">
2912								<div class="cal-date">
2913									<span class="cal-date__year">2026</span>
2914									<span class="cal-date__date">10</span>
2915									<span class="cal-date__month">Oct</span>
2916								</div><!-- .event-date -->
2917							</div>
2918
2919						</div>
2920					</a>
2921						
2922				
2923															
2924					<a href="https://www.visitberkeley.com/events/live-djs-at-the-breakroom/" class="feed__link">
2925						<div class="feed__item feed__item--scroller">
2926								
2927							
2928		
2929							<img class="feed__img lazyload" 
2930                src="data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27120%27%20height%3D%2792%27%20style%3D%27background%3A%23565959%27%2F%3E"  
2931                alt=""
2932                data-src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/DSC_0063_838796f55fa6bdeaa54295c
29325210e2674.jpeg" 
2933                 
2934                >
2935
2936							<div class="feed__caption-wrap">
2937								
2938								<h4 class="feed__title">
2939									LIVE Djs at the Breakroom
2940								</h4> 
2941								
2942							</div>
2943
2944							<div class="cal-date__container cal-date__container--scroller">
2945								<div class="cal-date">
2946									<span class="cal-date__year">2026</span>
2947									<span class="cal-date__date">10</span>
2948									<span class="cal-date__month">Oct</span>
2949								</div><!-- .event-date -->
2950							</div>
2951
2952						</div>
2953					</a>
2954						
2955				
2956															
2957					<a href="https://www.visitberkeley.com/events/garden-tours/" class="feed__link">
2958						<div class="feed__item feed__item--scroller">
2959								
2960							
2961		
2962							<img class="feed__img lazyload" 
2963                src="data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27120%27%20height%3D%2792%27%20style%3D%27background%3A%23565959%27%2F%3E"  
2964                alt=""
2965                data-src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/Screenshot-2025-02-03-at-2.22.54-PM_838796f55fa6bdeaa54295c5210e2674.png" 
2966                 
2967                >
2968
2969							<div class="feed__caption-wrap">
2970								
2971								<h4 class="feed__title">
2972									Regional Parks Botanic Garden Tours
2973								</h4> 
2974								
2975							</div>
2976
2977							<div class="cal-date__container cal-date__container--scroller">
2978								<div class="cal-date">
2979									<span class="cal-date__year">2026</span>
2980									<span class="cal-date__date">10</span>
2981									<span class="cal-date__month">Oct</span>
2982								</div><!-- .event-date -->
2983							</div>
2984
2985						</div>
2986					</a>
2987						
2988				
2989				</div>
2990			</div>
2991		</section>
2992
2993		
2993<script>
2994			loadjs.ready( ['site'], {
2995				success: function() {
2996
2997					loadjs( '/js/plugins/owl.carousel.js', {
2998						success: function() {
2999						
3000							$(function() {
3001								
3002								var $root = $('[data-event-slider]');
3003								var headjsSelector = 'data-event-slider';
3004
3005								if ( !$('.js-footer-scroller').hasClass('headroom') ) {
3006									var myScroller = document.querySelector("["+headjsSelector+"]");
3007									var scrollerMQ = '(min-width: 648px)';
3008									var headroom_scroller = new Headroom(myScroller);
3009
3010									if (window.matchMedia) {   // do we have matchMedia support?
3011										var mediaQuery = window.matchMedia(scrollerMQ);
3012
3013										if (window.matchMedia(scrollerMQ).matches) {  // load headroom if this is a wide viewport 
3014											headroom_scroller.init();
3015										} else {    // otherwise, listen if the viewport changes
3016											mediaQuery.addListener(triggerHeadspace);
3017										}
3018
3019										function triggerHeadspace(mediaQuery) {
3020											// only init if it hasn't been done already
3021											if ( !$("#"+headjsSelector).hasClass('headroom') ) {
3022												headroom_scroller.init();
3023											}
3024										}
3025									} else {    // we assume they're using a large screen and won't check resize
3026										headroom_scroller.init();
3027									}
3028								}
3029								
3030								//owl slider js 
3031								var $slider = $root.find('.owl-carousel');
3032									
3033								var settings = {
3034										nav: true,
3035										dots: false,
3036										navText : ['‹', '›'],
3037										lazyLoad: true,
3038										responsive:{ 
3039											0:{ items:1 },
3040											640:{ items:2 },
3041											1300:{ items: 3 },
3042											1600:{ items: 4 }
3043										}
3044									};
3045								
3046								//load owl slider with events
3047								$slider.owlCarousel(settings);
3048							});
3049
3050						}, 
3051						error: function(){ console.log('error loading owl carousel js') }
3052					});
3053					
3054				}
3055			});
3056		</script>
3056
3057		
3058	                                                                
3059
3060	<section class="widget-wrapper widget-wrapper--slammed widget">
3061
3062		
3063					
3064			
3064<script id="cr__init-cea8bcdc77a25a74" src="https://embed.crowdriff.com/js/init?hash=cea8bcdc77a25a74" async></script>
3064
3065
3066			
3067		
3068	</section>
3069	
3070                                    </footer>
3071
3072            </div>
3073
3074
3075    
3076<footer class="page-footer">
3077	
3078
3079	<div class="page-footer__content">
3080		<div class="content-wrapper text-center">
3081			<a href="/" class="nav__logo"></a>
3082
3083			<p class="footer-address">
3084				2030 Addison Street<br>Berkeley, California 94704<br>U.S.
3085                1-510-549-7040
3086			</p>
3087
3088			
3089
3090			<div class="page-footer__extras">
3091
3092										
3093				
3094				<ul class="nav nav--footermain">
3095			
3096										    
3097    
3098            <li class="nav__item has-children">
3099
3100                                    
3101                                        
3102            <a href="https://www.visitberkeley.com/where-to-stay/" 
3103                target="_self" 
3104                rel="noopener" 
3105                class="nav__link "
3106                title="Where to Stay">
3107
3108                
3109                Where to Stay
3110            </a>
3111
3112
3113                                            </li>
3114                    <li class="nav__item has-children">
3115
3116                                    
3117                                        
3118            <a href="https://www.visitberkeley.com/things-to-do/" 
3119                target="_self" 
3120                rel="noopener" 
3121                class="nav__link "
3122                title="Things to Do">
3123
3124                
3125                Things to Do
3126            </a>
3127
3128
3129                                            </li>
3130                    <li class="nav__item has-children">
3131
3132                                    
3133                                        
3134            <a href="https://www.visitberkeley.com/food-drinks/" 
3135                target="_self" 
3136                rel="noopener" 
3137                class="nav__link "
3138                title="Food &amp; Drinks">
3139
3140                
3141                Food &amp; Drinks
3142            </a>
3143
3144
3145                                            </li>
3146                    <li class="nav__item has-children">
3147
3148                                    
3149                                        
3150            <a href="https://www.visitberkeley.com/events/" 
3151                target="_self" 
3152                rel="noopener" 
3153                class="nav__link "
3154                title="Events">
3155
3156                
3157                Events
3158            </a>
3159
3160
3161                                            </li>
3162                    <li class="nav__item has-children">
3163
3164                                    
3165                                        
3166            <a href="https://www.visitberkeley.com/maps-neighborhoods/" 
3167                target="_self" 
3168                rel="noopener" 
3169                class="nav__link "
3170                title="Maps &amp; Neighborhoods">
3171
3172                
3173                Maps &amp; Neighborhoods
3174            </a>
3175
3176
3177                                            </li>
3178                    <li class="nav__item has-children">
3179
3180                                    
3181                                        
3182            <a href="https://www.visitberkeley.com/meetings-events/" 
3183                target="_self" 
3184                rel="noopener" 
3185                class="nav__link "
3186                title="Meetings &amp; Weddings">
3187
3188                
3189                Meetings &amp; Weddings
3190            </a>
3191
3192
3193                                            </li>
3194                    <li class="nav__item has-children">
3195
3196                                    
3197                                        
3198            <a href="https://www.visitberkeley.com/plan-your-trip/" 
3199                target="_self" 
3200                rel="noopener" 
3201                class="nav__link "
3202                title="Plan Your Trip">
3203
3204                
3205                Plan Your Trip
3206            </a>
3207
3208
3209                                            </li>
3210                    <li class="nav__item ">
3211
3212                                    
3213                                        
3214            <a href="https://www.visitberkeley.com/cal-bears/" 
3215                target="_self" 
3216                rel="noopener" 
3217                class="nav__link "
3218                title="UC Berkeley/Cal Bears">
3219
3220                
3221                UC Berkeley/Cal Bears
3222            </a>
3223
3224
3225                                            </li>
3226                    <li class="nav__item has-children">
3227
3228                                    
3229                                        
3230            <a href="https://www.visitberkeley.com/about/" 
3231                target="_self" 
3232                rel="noopener" 
3233                class="nav__link "
3234                title="About">
3235
3236                
3237                About
3238            </a>
3239
3240
3241                                            </li>
3242                
3243
3244					
3245				</ul>
3246
3247				<ul class="nav nav--footer">
3248			
3249										    
3250    
3251            <li class="nav__item has-children">
3252
3253                                    
3254                                        
3255            <a href="https://www.visitberkeley.com/about/" 
3256                target="_self" 
3257                rel="noopener" 
3258                class="nav__link "
3259                title="About">
3260
3261                
3262                About
3263            </a>
3264
3265
3266                                            </li>
3267                    <li class="nav__item" aria-hidden="true"><span class="nav__link">/</span></li>
3268                    <li class="nav__item has-children">
3269
3270                                    
3271                                        
3272            <a href="https://www.visitberkeley.com/partners/" 
3273                target="_self" 
3274                rel="noopener" 
3275                class="nav__link "
3276                title="Visit Berkeley Partner Resources">
3277
3278                
3279                Visit Berkeley Partner Resources
3280            </a>
3281
3282
3283                                            </li>
3284                    <li class="nav__item" aria-hidden="true"><span class="nav__link">/</span></li>
3285                    <li class="nav__item has-children">
3286
3287                                    
3288                                        
3289            <a href="https://www.visitberkeley.com/media-press/" 
3290                target="_self" 
3291                rel="noopener" 
3292                class="nav__link "
3293                title="Media &amp; Press">
3294
3295                
3296                Media &amp; Press
3297            </a>
3298
3299
3300                                            </li>
3301                    <li class="nav__item" aria-hidden="true"><span class="nav__link">/</span></li>
3302                    <li class="nav__item ">
3303
3304                                    
3305                                        
3306            <a href="https://www.visitberkeley.com/blog/" 
3307                target="_self" 
3308                rel="noopener" 
3309                class="nav__link "
3310                title="Blog">
3311
3312                
3313                Blog
3314            </a>
3315
3316
3317                                            </li>
3318                    <li class="nav__item" aria-hidden="true"><span class="nav__link">/</span></li>
3319                    <li class="nav__item ">
3320
3321                                    
3322                                        
3323            <a href="https://www.visitberkeley.com/privacy-policy/" 
3324                target="_self" 
3325                rel="noopener" 
3326                class="nav__link "
3327                title="Privacy Policy">
3328
3329                
3330                Privacy Policy
3331            </a>
3332
3333
3334                                            </li>
3335                    <li class="nav__item" aria-hidden="true"><span class="nav__link">/</span></li>
3336                    <li class="nav__item ">
3337
3338                                    
3339                                                        
3340            <a href="/sitemap/" 
3341                target="_self" 
3342                rel="noopener" 
3343                class="nav__link "
3344                title="Sitemap">
3345
3346                
3347                Sitemap
3348            </a>
3349
3350
3351                                            </li>
3352                
3353
3354					
3355									</ul>
3356			
3357			
3358		
3359			</div>
3360
3361			<div id="google_translate_element" class="google__translate text-center"></div>
3362
3363			
3364		</div>
3365	</div>
3366
3367	
3368	
3369
3370		<div class="footer-forms">
3371			
3372
3373					
3374			
3375						<div class="forms-child-wrapper guide">
3376				
3377				<img class="breadcrumb-tl" src="/images/nav/breadcrumb-tl.png" alt="for layout purposes only" aria-hidden="true" />
3378				<img class="breadcrumb-br" src="/images/nav/breadcrumb-br.png" alt="for layout purposes only" aria-hidden="true"  />
3379				
3380				<div class="forms-child footer-vguide">
3381					
3382					
3383
3384											<img src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/Screenshot-2026-02-26-at-11.42.56-AM_d6cc78a12eaabc7985938959c2055b2e.png" class="vguide
3384-image" />
3385										
3386					<h4>VISITORS GUIDE</h4>
3387
3388										<p>Inside You&#039;ll Discover Everything You Need To Plan Your Vacation To Berkeley, CA.</p>
3389					
3390					<a class="btn btn--tieriary" href="/plan-your-trip/visitor-guide-request/" title="Get the Guide!">Get the Guide!</a>
3391									</div>
3392			</div>
3393					
3394								
3395						<div class="forms-child-wrapper news">
3396
3397				<img class="breadcrumb-tl" src="/images/nav/breadcrumb-tl.png" alt="for layout purposes only" aria-hidden="true" />
3398				<img class="breadcrumb-br" src="/images/nav/breadcrumb-br.png" alt="for layout purposes only" aria-hidden="true"  />
3399
3400				<div class="forms-child footer-newsletter">
3401					
3402					
3403											<img src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/Masthead-Screen-Shot_d6cc78a12eaabc7985938959c2055b2e.jpg" class="vguide-image" />
3404										
3405					<h4>GET THE INSIDE SCOOP</h4>
3406
3407										<p>Highlights, Sites &amp; Bites Is A Free Monthly E-Newsletter That Is Your Local Resource For What&#039;s New To See, Do, Taste And Tour In Berkeley, California</p>
3408					
3409										<form action="/plan-your-trip/email-signup/" method="GET" class="form-newsletter">
3410						
3411						<input type="email" name="email" placeholder="EMAIL ADDRESS" aria-label="Email Address" />
3412						<button type="submit" class="newsSubmit" name="submitBtn" aria-label="Submit" value="">
3413							<span>
3414								<svg class="icon" role="presentation"><use xlink:href="/svg/sprite.svg#right-arrow"></use></svg>
3415							</span>
3416						</button>
3417					</form>
3418									</div>
3419			</div>
3420						</div>
3421
3422	
3422<script>		
3423		loadjs.ready( ['site'], {
3424			success: function() {
3425
3426				// Matching of heights
3427				$('.forms-child-wrapper, .match-height').matchHeight();
3428
3429				
3430			}
3431		});
3432	</script>
3432
3433		
3434	 	
3435
3436<div class="social-links">
3437<ul class="nav nav--social text-center">
3438        <li class="nav__social">
3439        <a target="_blank" href="https://www.facebook.com/VisitBerkeley" aria-label="Facebook">
3440            <svg class="icon icon--1-25 ">
3441                <use xlink:href="/svg/sprite.svg#facebook"></use>
3442            </svg>
3443        </a>
3444    </li>
3445        
3446        <li class="nav__social">
3447        <a target="_blank" href="https://x.com/VisitBerkeley" aria-label="Twitter">
3448            <svg class="icon icon--1-25 ">
3449                <use xlink:href="/svg/sprite.svg#twitter"></use>
3450            </svg>
3451        </a>
3452    </li>
3453        
3454    
3455        <li class="nav__social">
3456        <a target="_blank" href="https://www.instagram.com/visitberkeley" aria-label="Instagram">
3457            <svg class="icon icon--1-25 ">
3458                <use xlink:href="/svg/sprite.svg#instagram"></use>
3459            </svg>
3460        </a>
3461    </li>
3462    
3463    
3464    
3465        <li class="nav__social">
3466        <a target="_blank" href="https://www.tripadvisor.com/Tourism-g32066-Berkeley_California-Vacations.html" aria-label="Trip Advisor">
3467            <svg class="icon icon--1-25 ">
3468                <use xlink:href="/svg/sprite.svg#tripadvisor"></use>
3469            </svg>
3470        </a>
3471    </li>
3472       
3473        
3474</ul>
3475</div>
3476
3477	
3478</footer>
3479
3480	
3481    <div data-cookie-consent
3482         class="t-c-msg t-c-msg--cookieconsent is-showing"
3483         role="dialog"
3484         aria-live="polite"
3485         hidden
3486    >
3487                <p class="text--left">
3488            This website uses cookies to enhance your user experience on our website.
3489                        <a href="/privacy-policy/">Learn More</a>
3490                    </p>
3491        
3492        <button data-cookie-consent-close class="btn btn--link" type="button">Accept</button>
3493    </div>
3494
3495    
3495<script>
3496	loadjs.ready('jquery', {
3497		success: function() {
3498            const cookieConsentKey = 'seen-cookie-consent';
3499
3500            class CookieConsent {
3501                constructor(cookieConsentEl) {
3502                    if (localStorage && localStorage.getItem(cookieConsentKey)) {
3503                        cookieConsentEl.hidden = true;
3504                    } else {
3505                        cookieConsentEl.hidden = false;
3506
3507                        const closeButton = cookieConsentEl.querySelector('[data-cookie-consent-close]');
3508
3509                        closeButton.addEventListener('click', function (e) {
3510                            e.preventDefault();
3511                            localStorage.setItem(cookieConsentKey, 'yes');
3512                            cookieConsentEl.hidden = true;
3513                        });
3514                    }
3515                }
3516            }
3517
3518            const cookieConsentEl = document.querySelector(
3519                '[data-cookie-consent]'
3520            );
3521
3522            if (cookieConsentEl) {
3523                const cookieInstance = new CookieConsent(cookieConsentEl);
3524            }
3525        },
3526        error: function() { console.log('error jquery js') }
3527    });
3528    </script>
3528
3529
3530	
3531	<!-- BOTTOM BODY ANALYTICS -->
3532
3533
3534	
3535	
3536</body>
3537</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.