PageSourceSearch

https://www.visitberkeley.com/

html visitberkeley.com collected 2026-09-25 18:38:15 UTC 173,440 bytes, 3,553 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 = "JKHkHbiVVSqjuqiba\x7ElrMiTSYpSkCpDAvH9f8Ai9";
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 scattered clouds - Read more about weather">
193		<span id="wthr-measure" class="wthr__measure">
194			68<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"), 'partly-cloudy-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="JKHkHbiVVSqjuqiba~lrMiTSYpSkCpDAvH9f8Ai9">
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/berkeley-tourism-improvement-district/" 
1378                target="_self" 
1379                rel="noopener" 
1380                class="nav__link "
1381                title="Berkeley Tourism Improvement District">
1382
1383                
1384                Berkeley Tourism Improvement District
1385            </a>
1386
1387
1388                                            </li>
1389                    <li class="nav__item ">
1390
1391                                    
1392                                        
1393            <a href="https://www.visitberkeley.com/about/staff/" 
1394                target="_self" 
1395                rel="noopener" 
1396                class="nav__link "
1397                title="Visit Berkeley Team">
1398
1399                
1400                Visit Berkeley Team
1401            </a>
1402
1403
1404                                            </li>
1405                    <li class="nav__item ">
1406
1407                                    
1408                                                        
1409            <a href="/things-to-do/berkeley-bucks/" 
1410                target="_self" 
1411                rel="noopener" 
1412                class="nav__link "
1413                title="Berkeley Bucks">
1414
1415                
1416                Berkeley Bucks
1417            </a>
1418
1419
1420                                            </li>
1421                    <li class="nav__item ">
1422
1423                                    
1424                                                        
1425            <a href="https://www.visitberkeley.com/partners/" 
1426                target="_self" 
1427                rel="noopener" 
1428                class="nav__link "
1429                title="Partners">
1430
1431                
1432                Partners
1433            </a>
1434
1435
1436                                            </li>
1437                    <li class="nav__item ">
1438
1439                                    
1440                                                        
1441            <a href="/media-press/" 
1442                target="_self" 
1443                rel="noopener" 
1444                class="nav__link "
1445                title="Media &amp; Press">
1446
1447                
1448                Media &amp; Press
1449            </a>
1450
1451
1452                                            </li>
1453                    <li class="nav__item ">
1454
1455                                    
1456                                                        
1457            <a href="/film/" 
1458                target="_self" 
1459                rel="noopener" 
1460                class="nav__link "
1461                title="Film">
1462
1463                
1464                Film
1465            </a>
1466
1467
1468                                            </li>
1469                
1470
1471                    </ul>
1472                                    </li>
1473                
1474
1475    </ul>
1476
1477    
1478    <ul class="nav nav--secondary-reveal">
1479            
1480    
1481        
1482
1483    </ul>
1484    
1485
1486     	
1487
1488<div class="social-links">
1489<ul class="nav nav--social text-center">
1490        <li class="nav__social">
1491        <a target="_blank" href="https://www.facebook.com/VisitBerkeley" aria-label="Facebook">
1492            <svg class="icon icon--1-25 ">
1493                <use xlink:href="/svg/sprite.svg#facebook"></use>
1494            </svg>
1495        </a>
1496    </li>
1497        
1498        <li class="nav__social">
1499        <a target="_blank" href="https://x.com/VisitBerkeley" aria-label="Twitter">
1500            <svg class="icon icon--1-25 ">
1501                <use xlink:href="/svg/sprite.svg#twitter"></use>
1502            </svg>
1503        </a>
1504    </li>
1505        
1506    
1507        <li class="nav__social">
1508        <a target="_blank" href="https://www.instagram.com/visitberkeley" aria-label="Instagram">
1509            <svg class="icon icon--1-25 ">
1510                <use xlink:href="/svg/sprite.svg#instagram"></use>
1511            </svg>
1512        </a>
1513    </li>
1514    
1515    
1516    
1517        <li class="nav__social">
1518        <a target="_blank" href="https://www.tripadvisor.com/Tourism-g32066-Berkeley_California-Vacations.html" aria-label="Trip Advisor">
1519            <svg class="icon icon--1-25 ">
1520                <use xlink:href="/svg/sprite.svg#tripadvisor"></use>
1521            </svg>
1522        </a>
1523    </li>
1524       
1525        
1526</ul>
1527</div>
1528
1529
1530    <div class="reveal-buttons">
1531        <a href="/plan-your-trip/visitor-guide-request/" class="btn small bt
1531n--secondary btn--hasicon" title="Visitors Guide">
1532            <span>Visitors Guide</span>
1533            <svg class="icon icon--2 icon--white" 
1534                role="presentation">
1535                <use xlink:href="/svg/sprite.svg#visitor-guide"></use>
1536            </svg>
1537        </a>
1538        <a href="/plan-your-trip/email-signup/" class="btn small btn--primary btn--hasicon" title="Newsletter Signup">
1539            <span>Newsletter Signup</span>
1540            <svg class="icon icon--2  icon--white" 
1541                role="presentation">
1542                <use xlink:href="/svg/sprite.svg#mail"></use>
1543            </svg>
1544        </a>
1545        <a href="/plan-your-trip/visitor-center/" class="btn  small btn--tieriary  btn--hasicon" title="Visitors Center">
1546            <span>Visitor Center</span>
1547            <svg class="icon icon--2  icon--white" 
1548                role="presentation">
1549                <use xlink:href="/svg/sprite.svg#visitor-center"></use>
1550            </svg>
1551        </a>
1552        <a href="/blog/" class="btn small btn--quaternary btn--hasicon" title="Blog">
1553            <span>Blog</span>
1554            <svg class="icon icon--2  icon--white" 
1555                role="presentation">
1556                <use xlink:href="/svg/sprite.svg#blog"></use>
1557            </svg>
1558        </a>
1559    </div>
1560
1561    
1562    <!-- Close button -->
1563    <button class="close-button" aria-label="close navigation" type="button" data-close>
1564        <span aria-hidden="true">&times;</span>
1565    </button>
1566</div>
1567	    
1568    <div class="area-wrapper" data-dms-root>
1569                <header class="area-header" role="banner">
1570
1571                                                
1572	
1573			
1574		<div class="slides owl-carousel js-slideshow-wrapper home" id="hero-vid-fullscreen">
1575
1576							 
1577				
1578																
1579								
1580								
1581								
1582				<div class="slides__item"
1583																	data-src-xl="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/CHK_2026-lr-2_d8e03d16c04a5e04cda24c7a4957ca3e.jpg"
1584						data-src-lg="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/CHK_2026-lr-2_dc759624eca1ece261be1025dde27b33.jpg"
1585						data-src-md="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/CHK_2026-lr-2_2d7501fc6ce2cf2ca3fb0b26bc2660ca.jpg"
1586						data-src-sm="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/CHK_2026-lr-2_09686b9bd3a074873d8e23d4f3b38ae5.jpg"
1587											data-type="image" >
1588						
1589															<div class="overlay"></div>
1590					<a href="https://www.visitberkeley.com/" class="overlay-logo" title="Home"><span class="show-for-sr">Home</span></a>
1591					
1592					
1593										<svg class="chevron-overlay" width="1920" height="80" viewBox="0 0 1920 80" preserveAspectRatio="xMidYMax meet">
1594						<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/svg/sprite.svg#chevron"></use>
1595					</svg>
1596					<span class="chevron-scroll" title="Scroll">Scroll</span>
1597										
1598										<div class="slides__caption-wrap">
1599						<div class="slides__caption">
1600
1601																								<h6 class="slides__title no-more">
1602										Berkeley is Cool
1603									</h6>
1604								
1605																	<p class="slides__summary">
1606																					People From Around the World Come to Berkeley for Acclaimed Restaurants, Arts, Culture &amp; Shops
1607										
1608										
1609									</p>
1610																			<a href="https://www.visitberkeley.com/blog/berkeley-is-cool/" 
1611											target="_self" rel="noopener"
1612											class="btn btn--secondary btn--more">
1613											Learn More
1614										</a>
1615																								
1616								
1617																					
1618						</div>
1619					</div>
1620				</div>
1621			
1622		</div>
1623
1624		
1624<script>
1625		loadjs.ready( ['site'], {
1626			success: function() {
1627				loadjs( [
1628						'/js/plugins/owl.carousel.js','/js/plugins/videoPlayer.js'
1629					], {
1630					success: function() {
1631
1632						var $owl = $('#hero-vid-fullscreen');
1633						var players = [];
1634						var currPlayer;
1635						var $fullScreenBtn = $owl.find('[data-video-fullscreen]');
1636						var translating = false; //slide moving/in transition
1637						var autoplay = false;
1638						
1639						//http://owlcarousel2.github.io/OwlCarousel2/ (v 2.2.0)
1640						var settings = {
1641							navText: [
1642									'<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>',
1643									'<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>'
1644									],
1645							nav : true,
1646							items: 1,
1647							rewind: true,
1648							autoplay : autoplay, //autoplay set as variable: default = true
1649							autoplayTimeout: 7000,
1650							animateOut: 'fadeOut',
1651							mouseDrag: false,
1652							touchDrag: false,
1653							pullDrag: false,
1654							dots: false,
1655							onChanged : updateItem,
1656							onInitialized : updateItem,
1657							onTranslate : function(){ translating = true; },
1658							onTranslated : function(){ translating = false; }
1659						};	
1660
1661						//load/init owl with settings
1662						$owl.owlCarousel(settings);
1663
1664						/*
1665						*  OWL callbacks
1666						*/
1667
1668						//load background image
1669						function setImage($item){
1670							var width = $(window).width();
1671							var size = width > 1400 ? 'xl' : width > 1024 ? 'lg' : width > 640 ? 'md' : 'sm';
1672							var src = $item.data('src-'+size);
1673							
1674							//used to detect when the image has loaded
1675							$('<img/>').attr('src', src).load(function() {
1676								$(this).remove(); // prevent memory leaks
1677								// be sure to use quotes in url() to avoid issues with parenthese in the image file name
1678								$item.css("background-image", "url('"+src+"')").addClass("is-loaded");
1679							});
1680						}
1681						
1682						//update item : set image, load video
1683						function updateItem(event){
1684							
1685							//fullscreen mode: stop autoplay (used for when screen is resized)
1686							if($owl.hasClass('fullscreen-video'))
1687								$owl.trigger('stop.owl.autoplay');
1688								
1689							//pause current video
1690							if(	currPlayer != undefined)
1691								currPlayer.pauseVideo();
1692							
1693							//current item/slide	
1694							var index = event.item.index;
1695							var $item = $owl.find(".owl-item:eq("+index+") [data-type]");
1696
1697							var $allLinks = $owl.find("a");
1698							$allLinks.prop("tabindex", "-1");
1699							
1700							var $itemLinks = $item.find("a");
1701							$itemLinks.prop("tabindex", "0");
1702							
1703							if($item !== undefined && $item.length){
1704								var type = $item.data('type');
1705								
1706								//set video
1707								if(type === 'youtube'){
1708									//mobile video
1709																			setVideo($item);
1710																	}
1711								//set image
1712								else
1713									setImage($item); 
1714							}
1715						}//end updateItem
1716						
1717						//setup video for desktop
1718						function setVideo($item){
1719							var hasVideo = $item ? true : false;
1720							
1721							//setup videos
1722							if(hasVideo){
1723								
1724								var videoID = $item.data('videoid'); //youtube video id
1725								var key = $item.data('video-key'); //index/key - not needed now but if we plan on using mutiple video sliders we will need this
1726								var player = players[key];
1727
1728								//create player if it hasn't been created
1729								if(videoID != undefined && player == undefined){
1730									//stop autoplay while video is loading
1731									$owl.trigger('stop.owl.autoplay');
1732									
1733									var tempPlayer = $('#slide-vid-'+key).videoPlayer({
1734										videoId: videoID,
1735										videoWrapperId: 'slide-video-wrapper-'+key,
1736										onComplete: function() {
1737											$item.addClass('is-loaded');
1738										},
1739										onVideoLoaded: function() {
1740											if(autoplay === true)
1741												$owl.trigger('play.owl.autoplay'); //video loaded start autoplay
1742										}
1743									});
1744									
1745									//create new player
1746									var temp = tempPlayer.data('plugin_videoPlayer');
1747									players[key] = temp //add to player array
1748									currPlayer = temp; //update current player
1749								}
1750								//player already within array. Play video
1751								else if(player != undefined){
1752									currPlayer = player; //update current player
1753									currPlayer.playVideo(); //play video
1754								}
1755							}	
1756						} //end setVideo
1757
1758						//mobile video: trigger owl for single click play
1759						function setMobileVideo($item){
1760							if($item.length){
1761								$item.addClass('is-loaded mobile-video');
1762								$item.find('.owl-video-play-icon').trigger('click');
1763							}
1764						}
1765						
1766						// Scroll Stopped event.
1767						$.fn.scrollStopped = function (callback) {
1768							var $this = $(this), self = this;
1769							$this.scroll(function () {
1770								if ($this.data('scrollTimeout')) {
1771										clearTimeout($this.data('scrollTimeout'));
1772								}
1773								$this.data('scrollTimeout', setTimeout(callback, 250, self));
1774							});
1775						};
1776						//on scroll events
1777						$(window).on('scroll', function () {
1778							if(currPlayer != undefined){
1779								currPlayer.pauseVideo(true);
1780							}
1781						});
1782						//stopp scroll
1783						$(window).scrollStopped(function () {
1784							if(currPlayer != undefined){
1785								var status = currPlayer.getPlayStatus();
1786								if (!status){
1787									currPlayer.playVideo();
1788								}
1789							}
1790						}); // end scrolling events
1791
1792						//fullscreen button click
1793						$fullScreenBtn.on('click', function(){	
1794							//only activate if slide transitions are complete.
1795							//- don't allow activation while slide is fading out and moving to next slide.
1796							if(!translating){
1797
1798								$owl.toggleClass('fullscreen-video');
1799								$(this).find('.icon use').attr('xlink:href', '/svg/sprite.svg#enlarge');
1800								//fullscreen open: stop autoplay
1801								
1802								if($owl.hasClass('fullscreen-video')){
1803									$owl.trigger('stop.owl.autoplay');
1804									$(this).find('.icon use').attr('xlink:href', '/svg/sprite.svg#shrink');
1805								}
1806								//fullscreen closed: start autoplay
1807								else if (autoplay === true)
1808									$owl.trigger('play.owl.autoplay');
1809							}
1810						}); //end fullscreen click
1811					}	
1812				});
1813			}
1814		});
1815		</script>
1815
1816		
1817	
1818                                                                
1819<div class="widget-wrapper widget">
1820		<div class="widget__header"><h6 class="dir__heading rez">Book a Room </h6></div>
1821	
1822	<div id="RootRezWidget"></div>
1823</div>
1824<script>
1825    (function (window, document) {
1826        let loader = function () {
1827            let s = document.createElement("script"), t = document.getElementsByTagName("script")[0];
1828            s.id = "rootrezScript";
1829            s.src = 'https://assets.rootrez.com/book-your-stay/1.2/widget.min.js';
1830            s.setAttribute("data-default_checkin", "");
1831            s.setAttribute("data-default_checkout", "");
1832            s.setAttribute("data-min_checkin","");
1833            s.setAttribute("data-publisher_key","VB-934aa2309e62d249dc76f84c0875cd02bf515a9f");
1834            s.setAttribute("data-max_checkout","");
1835            s.setAttribute("data-submission_url","https://stay.visitberkeley.com/search");
1836            s.setAttribute("data-title_text","");
1837            s.setAttribute("data-tagline_text", "                                  ");
1838            s.setAttribute("data-value_add_code", "");
1839            s.setAttribute("data-api_url", "https://svc.rootrez.com");
1840            s.setAttribute("data-locale", "en-us");  //Default: en-us. Also available: fr-ca
1841            s.setAttribute("data-results_in_new_tab", false);
1842            s.setAttribute("data-features", "");
1843            s.setAttribute("data-referrals", "none");
1844            s.setAttribute("data-prop_types", "");
1845            s.setAttribute("data-areas", "");
1846            t.parentNode.insertBefore(s, t);
1847        };
1848        window.addEventListener ? window.addEventListener("load", loader, false) : window.attachEvent("onload", loader);
1849    })(window, document);
1850</script>
1850
1851                            
1852        </header>
1853
1854        <section class="area-body">
1855
1856	        
1857    
1858
1859    
1860                        
1861                        
1862
1863
1864
1865
1866
1867
1868
1869
1870
1871            
1872                                                                
1873                                                    
1874                    
1875                                                
1876
1877            <div class="content-wrapper content-wrapper--full">
1878                <main class="area-primary area-primary--magazine" id="main">
1879
1880                                            <div class="area-intro area-intro--magazine  ">
1881                            <header class="blk__head">
1882                                                                <p class="blk__summary">Welcome to Berkeley</p>
1883                                
1884                                
1885                                <h1 class="blk__heading blk__heading--magazine">Beacon by the Bay</h1>
1886                            </header>
1887                        </div>
1888
1889                        <div class="blk blk--magazine from-wysiwyg ">
1890    
1891    
1892                    
1892<script>
vendor: 331 bytes, lines 1892-1896
1892(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
1893new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
1894j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
1895'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
1896})(window,document,'script','dataLayer','
1896GTM-KNJRM59
vendor: 3 bytes, line 1896
1896');
1896</script>
1896
1897<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>
1898<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>
1899<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>
1900<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>
1901    							
1902	    
1903
1904<figure class=" card--figure small-12 medium-6 card--side columns">
1905        <a href="https://www.visitberkeley.com/plan-your-trip/visitor-guide-request/" class="card__link" >
1906    
1907                    <img class="card__img lazyload" 
1908                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"  
1909                alt="a family listens to a tour guide as the guide points to a tree in Berkeley"
1910                data-src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/0_DSC08035web_5e4f8da7e3ab3afc65d0f46d42614d22.jpeg" 
1911                 
1912                >
1913        
1914        </a>
1915    
1916        <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>
1917    
1918        <a href="https://www.visitberkeley.com/plan-your-trip/visitor-guide-request/" class="btn btn--hollow" >
1919        Destination Guide
1920    </a>
1921    </figure>
1922    
1923
1924<figure class=" card--figure small-12 medium-6 card--side columns">
1925        <a href="https://www.visitberkeley.com/things-to-do/" class="card__link" >
1926    
1927                    <img class="card__img lazyload" 
1928                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"  
1929                alt="Berkeley Kite Festival attendees, mostly children, run in the grass beneath blue skies as multicolored kites fly overhead."
1930                data-src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/Berkeley-Kite-Festival_5e4f8da7e3ab3afc65d0f46d42614d22.jpg" 
1931                 
1932                >
1933        
1934        </a>
1935    
1936        <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>
1937    
1938        <a href="https://www.visitberkeley.com/things-to-do/" class="btn btn--hollow" >
1939        Explore now
1940    </a>
1941    </figure>
1942    
1943            <div class="row">
1944                </div>
1945    </div>
1946                    
1947                
1948                </main>
1949
1950                                            </div>
1951
1952            
1953
1954            
1955
1956            
1957        </section>
1958
1959        <footer class="area-footer">
1960                                                
1961
1962
1963<section class="widget-wrapper widget-wrapper--wider widget">
1964
1965    <div class="widget__header">
1966		<h6 class="dir__heading">Travel Ideas &amp; Tips</h6>
1967    </div>
1968    
1969    <div class="dir dir--centered dir--nopadding">
1970            
1971		
1972
1973
1974<article class="card card--tall card--tallblog js-dir-item">
1975        
1976    <div class="card__header">    
1977        <a href="https://www.visitberkeley.com/blog/guide-to-a-car-free-weekend-in-berkeley/" 
1978            class="card__link " 
1979            data-type="name">
1980            <img
1981            alt="Guide to a Car-Free Weekend in Berkeley"
1982            src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/BART_newtrains_56bfde7f52d140017103090101252ed6.jpg"
1983            data-src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/BART_newtrains_6d5f12bc068e95fcf1426fb1931f0
1983d2c.jpg"
1984            class="lazyload card__img" />
1985        </a>
1986    </div>
1987   
1988    
1989
1990    <div class="card__body">
1991        
1992        <h4 class="card__title">
1993            <a href="https://www.visitberkeley.com/blog/guide-to-a-car-free-weekend-in-berkeley/" 
1994                class="card__link" >Guide to a Car-Free Weekend in Berkeley</a>
1995        </h4>
1996
1997                <p>With a wealth of public transportation options and compact, walkable neighborhoods, Berkeley is an easy destination to explore...</p>
1998            </div>
1999</article>
2000            
2001		
2002
2003
2004<article class="card card--tall card--tallblog js-dir-item">
2005        
2006    <div class="card__header">    
2007        <a href="https://www.visitberkeley.com/blog/unique-event-venues-for-every-occasion/" 
2008            class="card__link " 
2009            data-type="name">
2010            <img
2011            alt="Unique Event Venues for Every Occasion"
2012            src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/David-Brower-Center_56bfde7f52d140017103090101252ed6.png"
2013            data-src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/David-Brower-Center_6d5f12bc068e95fcf1426fb1931f0d2c.png"
2014            class="lazyload card__img" />
2015        </a>
2016    </div>
2017   
2018    
2019
2020    <div class="card__body">
2021        
2022        <h4 class="card__title">
2023            <a href="https://www.visitberkeley.com/blog/unique-event-venues-for-every-occasion/" 
2024                class="card__link" >Unique Event Venues for Every Occasion</a>
2025        </h4>
2026
2027                <p>Known for its dynamic culture, creative spark, and richly diverse community, Berkeley showcases vibrant spirit, unwavering...</p>
2028            </div>
2029</article>
2030            
2031		
2032
2033
2034<article class="card card--tall card--tallblog js-dir-item">
2035        
2036    <div class="card__header">    
2037        <a href="https://www.visitberkeley.com/blog/let-the-festivities-commence/" 
2038            class="card__link " 
2039            data-type="name">
2040            <img
2041            alt="Let the Festivities Commence!"
2042            src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/Untitled-design-12_56bfde7f52d140017103090101252ed6.png"
2043            data-src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/Untitled-design-12_6d5f12bc068e95fcf1426fb1931f0d2c.png"
2044            class="lazyload card__img" />
2045        </a>
2046    </div>
2047   
2048    
2049
2050    <div class="card__body">
2051        
2052        <h4 class="card__title">
2053            <a href="https://www.visitberkeley.com/blog/let-the-festivities-commence/" 
2054                class="card__link" >Let the Festivities Commence!</a>
2055        </h4>
2056
2057                <p>As UC Berkeley prepares for its annual commencement celebrations, families and friends will gather to honor their graduates’...</p>
2058            </div>
2059</article>
2060    	</div>
2061	<div class="centered-btn">
2062		
2063		<a href="/blog/" class="btn btn--hollow" title="Read All Blogs">Read All Blogs</a>
2064		
2065	</div>
2066
2067</section>
2068
2069                                                                        
2070
2071        <section class="hood-map widget">
2072
2073                                                                            
2074            <button type="button" 
2075                class="hood-map__point map_color1 " 
2076                aria-label="Open Downtown tooltip"
2077                title="" 
2078                data-tippy-point
2079                data-title="Downtown" 
2080                data-url="https://www.visitberkeley.com/maps-neighborhoods/downtown/"
2081                data-img="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/main-images/Downtown_Berk_jumpers_2dd773863d5909ed384ba1013c24d3a6.jpg"
2082                style="left: 58.5%; top:49.8%;">
2083                                <span>Downtown</span>
2084            </button>
2085
2086            
2087            
2088                                                                            
2089            <button type="button" 
2090                class="hood-map__point map_color2 " 
2091                aria-label="Open Elmwood District tooltip"
2092                title="" 
2093                data-tippy-point
2094                data-title="Elmwood District" 
2095                data-url="https://www.visitberkeley.com/maps-neighborhoods/elmwood-college-avenue/"
2096                data-img="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/Culture/Elmwoodmovietheatre_2dd773863d5909ed384ba1013c24d3a6.jpg"
2097                style="left: 74.4%; top:83.5%;">
2098                                <span>Elmwood District</span>
2099            </button>
2100
2101            
2102            
2103                                                                            
2104            <button type="button" 
2105                class="hood-map__point map_color3 " 
2106                aria-label="Open Fourth Street tooltip"
2107                title="" 
2108                data-tippy-point
2109                data-title="Fourth Street" 
2110                data-url="https://www.visitberkeley.com/maps-neighborhoods/fourth-street/"
2111                data-img="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/main-images/FourthStreet_art_2dd773863d5909ed384ba1013c24d3a6.jpg"
2112                style="left: 33%; top:44.1%;">
2113                                <span>Fourth Street</span>
2114            </button>
2115
2116            
2117            
2118                                                                            
2119            <button type="button" 
2120                class="hood-map__point map_color4 " 
2121                aria-label="Open Gilman District tooltip"
2122                title="" 
2123                data-tippy-point
2124                data-title="Gilman District" 
2125                data-url="https://www.visitberkeley.com/maps-neighborhoods/gilman-district/"
2126                data-img="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/old-site-images/Gilman_2dd773863d5909ed384ba1013c24d3a6.jpg"
2127                style="left: 37%; top:27.7%;">
2128                                <span>Gilman District</span>
2129            </button>
2130
2131            
2132            
2133                                                                            
2134            <button type="button" 
2135                class="hood-map__point map_color5 " 
2136                aria-label="Open UC Berkeley tooltip"
2137                title="" 
2138                data-tippy-point
2139                data-title="UC Berkeley" 
2140                data-url="https://www.visitberkeley.com/maps-neighborhoods/uc-berkeley/"
2141                data-img="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/UC-Berkeley/CalDay_2dd773863d5909ed384ba1013c24d3a6.jpg"
2142                style="left: 81.6%; top:45.5%;">
2143                                <span>UC Berkeley</span>
2144            </button>
2145
2146            
2147            
2148                                                                            
2149            <button type="button" 
2150                class="hood-map__point map_color6 " 
2151                aria-label="Open North Shattuck tooltip"
2152                title="" 
2153                data-tippy-point
2154                data-title="North Shattuck" 
2155                data-url="https://www.visitberkeley.com/maps-neighborhoods/north-shattuck/"
2156                data-img="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/old-site-images/GourmetGhettomural-1_2dd773863d5909ed384ba1013c24d3a6.jpg"
2157                style="left: 60.2%; top:33.6%;">
2158                                <span>North Shattuck</span>
2159            </button>
2160
2161            
2162            
2163                                                                            
2164            <button type="button" 
2165                class="hood-map__point map_color7 " 
2166                aria-label="Open Solano Avenue tooltip"
2167                title="" 
2168                data-tippy-point
2169                data-title="Solano Avenue" 
2170                data-url="https://www.visitberkeley.com/maps-neighborhoods/solano-avenue/"
2171                data-img="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/main-images/solano-stroll-by-Oaks-theatre_2dd773863d5909ed384ba1013c24d3a6.jpg"
2172                style="left: 59.5%; top:13.3%;">
2173                                <span>Solano Avenue</span>
2174            </button>
2175
2176            
2177            
2178                                                                            
2179            <button type="button" 
2180                class="hood-map__point map_color8 " 
2181                aria-label="Open Telegraph Avenue District tooltip"
2182                title="" 
2183                data-tippy-point
2184                data-title="Telegraph Avenue District" 
2185                data-url="https://www.visitberkeley.com/maps-neighborhoods/telegraph-avenue/"
2186                data-img="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/main-images/telegraph_Panorama_2dd773863d5909ed384ba1013c24d3a6.jpg"
2187                style="left: 69%; top:62.4%;">
2188                                <span>Telegraph Avenue District</span>
2189            </button>
2190
2191            
2192            
2193                                                                            
2194            <button type="button" 
2195                class="hood-map__point map_color9 " 
2196                aria-label="Open Lorin District tooltip"
2197                title="" 
2198                data-tippy-point
2199                data-title="Lorin District" 
2200                data-url="https://www.visitberkeley.com/maps-neighborhoods/lorin-district/"
2201                data-img="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/main-images/Lorin_farmersmkt_strawberries_2dd773863d5909ed384ba1013c24d3a6.jpg"
2202                style="left: 59%; top:75.6%;">
2203                                <span>Lorin District</span>
2204            </button>
2205
2206            
2207                                        
2208                                                                            
2209            <button type="button" 
2210                class="hood-map__point map_color1 " 
2211                aria-label="Open Charles Lee Tilden Regional Park tooltip"
2212                title="" 
2213                data-tippy-point
2214                data-title="Charles Lee Tilden Regional Park" 
2215                data-url="https://www.visitberkeley.com/maps-neighborhoods/tilden-park/"
2216                data-img="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/Tilden_benches_tree_2dd773863d5909ed384ba1013c24d3a6.jpg"
2217                style="left: 84.4%; top:11.8%;">
2218                                <span>Charles Lee Tilden Regional Park</span>
2219            </button>
2220
2221            
2222            
2223                                                                            
2224            <button type="button" 
2225                class="hood-map__point map_color2 " 
2226                aria-label="Open Berkeley Waterfront tooltip"
2227                title="" 
2228                data-tippy-point
2229                data-title="Berkeley Waterfront" 
2230                data-url="https://www.visitberkeley.com/maps-neighborhoods/berkeley-marina/"
2231                data-img="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/Berkeley-Marina-Glenn-Ramit_2dd773863d5909ed384ba1013c24d3a6.jpg"
2232                style="left: 26%; top:38%;">
2233                                <span>Berkeley Waterfront</span>
2234            </button>
2235
2236            
2237            
2238                                                                            
2239            <button type="button" 
2240                class="hood-map__point map_color3 " 
2241                aria-label="Open University Avenue tooltip"
2242                title="" 
2243                data-tippy-point
2244                data-title="University Avenue" 
2245                data-url="https://www.visitberkeley.com/maps-neighborhoods/university-avenue/"
2246                data-img="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/UAA_2dd773863d5909ed384ba1013c24d3a6.jpg"
2247                style="left: 50%; top:43.5%;">
2248                                <span>University Avenue</span>
2249            </button>
2250
2251            
2252            
2253        
2254        <div hidden id="hood-map-info"></div>
2255
2256        <div class="hood-map__list">
2257            <h3>NEIGHBORHOODS</h3>
2258            <ul class="list list--map">
2259                                            <li>
2260                    <a href="https://www.visitberkeley.com/maps-neighborhoods/downtown/" class="" title="Downtown">
2261                        <span>Downtown</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/elmwood-college-avenue/" class="" title="Elmwood District">
2269                        <span>Elmwood 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/fourth-street/" class="" title="Fourth Street">
2277                        <span>Fourth Street</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/gilman-district/" class="" title="Gilman District">
2285                        <span>Gilman District</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/uc-berkeley/" class="" title="UC Berkeley">
2293                        <span>UC Berkeley</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/north-shattuck/" class="" title="North Shattuck">
2301                        <span>North Shattuck</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/solano-avenue/" class="" title="Solano Avenue">
2309                        <span>Solano Avenue</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/telegraph-avenue/" class="" title="Telegraph Avenue District">
2317                        <span>Telegraph Avenue District</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/lorin-district/" class="" title="Lorin District">
2325                        <span>Lorin District</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/tilden-park/" class="" title="Charles Lee Tilden Regional Park">
2333                        <span>Charles Lee Tilden Regional Park</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                                            <li>
2340                    <a href="https://www.visitberkeley.com/maps-neighborhoods/berkeley-marina/" class="" title="Berkeley Waterfront">
2341                        <span>Berkeley Waterfront</span>
2342                        <svg class="icon icon--breadcrumbbig icon--notopmargin" role="presentation">
2343                            <use xlink:href="/svg/sprite.svg#breadcrumb-arrow"></use>
2344                        </svg>
2345                    </a>
2346                </li>
2347                                            <li>
2348                    <a href="https://www.visitberkeley.com/maps-neighborhoods/university-avenue/" class="" title="University Avenue">
2349                        <span>University Avenue</span>
2350                        <svg class="icon icon--breadcrumbbig icon--notopmargin" role="presentation">
2351                            <use xlink:href="/svg/sprite.svg#breadcrumb-arrow"></use>
2352                        </svg>
2353                    </a>
2354                </li>
2355                        </ul>
2356        </div>
2357
2358    </section>
2359
2360    
2360<script>		
2361        loadjs( '/js/plugins/tippy.js', {
2362            success: function() {
2363
2364                var doc = document.querySelector('html');
2365
2366                var tips = tippy('[data-tippy-point]', {
2367                    animation: 'shift-toward',
2368                    placement: 'right',
2369                    trigger: 'click',
2370                    interactive: true,
2371                    arrow: true,
2372                    html: '#hood-map-info',
2373                    onShow() {
2374                        var tip = this._tippy.reference;    // the map point
2375                        var content = this.querySelector('.tippy-content'); // the tool tip content
2376                        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>';
2377                        content.setAttribute('aria-label', `${tip.dataset.title} tooltip`)
2378                        
2379                        let closeButton = document.createElement('button')
2380                        closeButton.classList.add('close-button')
2381                        closeButton.setAttribute('aria-label', `close ${tip.dataset.title} tooltip`);
2382
2383                        content.querySelector('.card__body').append(closeButton)
2384
2385                        closeButton.addEventListener('click', () => {this._tippy.hide()})
2386
2387                    },
2388                    onShown() {
2389                        doc.classList.add('map-tip-open');
2390                    },
2391                    onHidden() {
2392                        doc.classList.remove('map-tip-open');
2393                    }
2394                });
2395
2396            }, error: function() { console.log('error loading tippy js') }
2397        });
2398    </script>
2398
2399                                                                    	
2400		
2401	<div class="widget">
2402
2403	
2404	<section class="mashup">
2405		<div class="mashup__grid">
2406		
2407														
2408														
2409										
2410																						
2411					<figure class="mashup__item mashup__item--size2">
2412						<div class="mashup__overlay"></div>
2413
2414						<img class="mashup__img lazyload" 
2415                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"  
2416                alt="Close-up of the bed in a Graduate Berkeley hotel room"
2417                data-src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/GrduateBerkeley_room_web_fb0bd8b2e88525481d1a25aba0675210.jpg" 
2418                 
2419                >
2420
2421						<figcaption class="mashup__caption">
2422
2423													<a href="https://www.visitberkeley.com/where-to-stay/"
2424								title="Where to Stay"
2425								class="mashup__link">
2426														<h3>
2427									Where to Stay
2428								</h3>
2429																	<span>Stay in Berkeley by the San Francisco Bay</span>
2430															</a>
2431						</figcaption>
2432
2433					</figure>
2434
2435																
2436														
2437										
2438																						
2439					<figure class="mashup__item mashup__item--size1">
2440						<div class="mashup__overlay"></div>
2441
2442						<img class="mashup__img lazyload" 
2443                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"  
2444                alt="Artis Coffee Berkeley"
2445                data-src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/Food-Drink/Artis_Coffee_eef0b53e6f52e393752e49a8ad966901.jpg" 
2446                 
2447                >
2448
2449						<figcaption class="mashup__caption">
2450
2451													<a href="https://www.visitberkeley.com/plan-your-trip/"
2452								title="Plan Your Trip"
2453								class="mashup__link">
2454														<h3>
2455									Plan Your Trip
2456								</h3>
2457																	<span>All the tools you will need for planning your trip to Berkeley, CA. Maps,...</span>
2458															</a>
2459						</figcaption>
2460
2461					</figure>
2462
2463																
2464														
2465										
2466																						
2467					<figure class="mashup__item mashup__item--size4">
2468						<div class="mashup__overlay"></div>
2469
2470						<img class="mashup__img lazyload" 
2471                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"  
2472                alt="Dancer jumping in a studio"
2473                data-src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/Culture/Dancer_4911f8a3f93e29954e8b7a379e433fb1.jpg" 
2474                 
2475                >
2476
2477						<figcaption class="mashup__caption">
2478
2479													<a href="https://www.visitberkeley.com/things-to-do/arts-culture/"
2480								title="Arts &amp; Culture"
2481								class="mashup__link">
2482														<h3>
2483									Arts &amp; Culture
2484								</h3>
2485																	<span>Explore Berkeley's arts, culture, and museums</span>
2486															</a>
2487						</figcaption>
2488
2489					</figure>
2490
2491																
2492														
2493										
2494																						
2495					<figure class="mashup__item mashup__item--size3">
2496						<div class="mashup__overlay"></div>
2497
2498						<img class="mashup__img lazyload" 
2499                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"  
2500                alt="The View From Charter Hill Hike In Berkeley while sitting on Big C Swing"
2501                data-src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/main-images/Big-C-Swing_6011e36a569ddffcf7276ea834c4a32a.jpg" 
2502                 
2503                >
2504
2505						<figcaption class="mashup__caption">
2506
2507													<a href="https://www.visitberkeley.com/things-to-do/outdoor-activities/"
2508								title="Outdoor Activities"
2509								class="mashup__link">
2510														<h3>
2511									Outdoor Activities
2512								</h3>
2513																	<span>Berkeley outdoor activities and things to do.</span>
2514															</a>
2515						</figcaption>
2516
2517					</figure>
2518
2519																
2520														
2521										
2522																						
2523					<figure class="mashup__item mashup__item--size2">
2524						<div class="mashup__overlay"></div>
2525
2526						<img class="mashup__img lazyload" 
2527                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"  
2528                alt="Telegraph Ave Summer Of Love Street scene downtown Berkley CA"
2529                data-src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/main-images/Telegraph_Summer-
2529of-Love_streetscene_fb0bd8b2e88525481d1a25aba0675210.jpg" 
2530                 
2531                >
2532
2533						<figcaption class="mashup__caption">
2534
2535													<a href="https://www.visitberkeley.com/events/"
2536								title="Events"
2537								class="mashup__link">
2538														<h3>
2539									Events
2540								</h3>
2541																	<span>Events and Festivals in Berkeley, Ca</span>
2542															</a>
2543						</figcaption>
2544
2545					</figure>
2546
2547									
2548		</div>
2549	</section>
2550
2551	</div>
2552
2553			
2554	                                                                    
2555    
2556    <section class="widget-wrapper widget-wrapper--wider widget">
2557
2558        <div class="widget__header">
2559            <h6 class="dir__heading">Featured Content</h6>
2560        </div>
2561        
2562        <div class="dir dir--centered dir--nopadding">
2563                    
2564        
2565
2566
2567<article class="card card--tall js-dir-item">
2568        
2569    <div class="card__header">
2570            
2571        <a href="https://www.visitberkeley.com/plan-your-trip/visitor-guide-request/" 
2572            class="card__link " 
2573            data-type="name">
2574            <img
2575            alt="FREE! Official Berkeley Destination Guide"
2576            src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/2025_Berkeley_cover-copy-900x700_0f6151034629170c22fa8961b4efd9f4.jpg"
2577            data-src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/2025_Berkeley_cover-copy-900x700_31b719d515776ceccfc7588213d4f981.jpg"
2578                        class="lazyload card__img" />
2579        </a>
2580    </div>
2581   
2582    
2583
2584    <div class="card__body">
2585        <img class="breadcrumb-tl" src="/images/nav/breadcrumb-tl.png" alt="for layout purposes only" aria-hidden="true">
2586		<img class="breadcrumb-br" src="/images/nav/breadcrumb-br.png" alt="for layout purposes only" aria-hidden="true">
2587        <h4 class="card__title">
2588            <a href="https://www.visitberkeley.com/plan-your-trip/visitor-guide-request/" 
2589                class="card__link" >FREE! Official Berkeley Destination Guide</a>
2590        </h4>
2591
2592            </div>
2593</article>
2594                    
2595        
2596
2597
2598<article class="card card--tall js-dir-item">
2599        
2600    <div class="card__header">
2601            
2602        <a href="https://www.visitberkeley.com/where-to-stay/" 
2603            class="card__link " 
2604            data-type="name">
2605            <img
2606            alt="Where to Stay"
2607            src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/GrduateBerkeley_room_web_0f6151034629170c22fa8961b4efd9f4.jpg"
2608            data-src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/GrduateBerkeley_room_web_31b719d515776ceccfc7588213d4f981.jpg"
2609                        class="lazyload card__img" />
2610        </a>
2611    </div>
2612   
2613    
2614
2615    <div class="card__body">
2616        <img class="breadcrumb-tl" src="/images/nav/breadcrumb-tl.png" alt="for layout purposes only" aria-hidden="true">
2617		<img class="breadcrumb-br" src="/images/nav/breadcrumb-br.png" alt="for layout purposes only" aria-hidden="true">
2618        <h4 class="card__title">
2619            <a href="https://www.visitberkeley.com/where-to-stay/" 
2620                class="card__link" >Where to Stay</a>
2621        </h4>
2622
2623                <p>Stay in Berkeley by the San Francisco Bay</p>
2624            </div>
2625</article>
2626                    
2627        
2628
2629
2630<article class="card card--tall js-dir-item">
2631        
2632    <div class="card__header">
2633            
2634        <a href="https://www.visitberkeley.com/things-to-do/" 
2635            class="card__link " 
2636            data-type="name">
2637            <img
2638            alt="Explore"
2639            src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/Culture/BAMPFA_concert_0f6151034629170c22fa8961b4efd9f4.jpg"
2640            data-src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/Culture/BAMPFA_concert_31b719d515776ceccfc7588213d4f981.jpg"
2641                        class="lazyload card__img" />
2642        </a>
2643    </div>
2644   
2645    
2646
2647    <div class="card__body">
2648        <img class="breadcrumb-tl" src="/images/nav/breadcrumb-tl.png" alt="for layout purposes only" aria-hidden="true">
2649		<img class="breadcrumb-br" src="/images/nav/breadcrumb-br.png" alt="for layout purposes only" aria-hidden="true">
2650        <h4 class="card__title">
2651            <a href="https://www.visitberkeley.com/things-to-do/" 
2652                class="card__link" >Explore</a>
2653        </h4>
2654
2655                <p>Things to do in Berkeley & the Bay Area</p>
2656            </div>
2657</article>
2658                </div>
2659
2660    </section>
2661
2662                                                                    	
2663		
2664						
2665															
2666			
2667
2668	
2669		<section class="feed__footer-wrap js-footer-scroller" data-event-slider="true">
2670
2671			<div class="feed feed--scroller">
2672				<div class="owl-carousel owl-theme feed__container">
2673
2674				
2675															
2676					<a href="https://www.visitberkeley.com/events/live-djs-at-the-breakroom/" class="feed__link">
2677						<div class="feed__item feed__item--scroller">
2678								
2679							
2680		
2681							<img class="feed__img lazyload" 
2682                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"  
2683                alt=""
2684                data-src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/DSC_0063_838796f55fa6bdeaa54295c
26845210e2674.jpeg" 
2685                 
2686                >
2687
2688							<div class="feed__caption-wrap">
2689								
2690								<h4 class="feed__title">
2691									LIVE Djs at the Breakroom
2692								</h4> 
2693								
2694							</div>
2695
2696							<div class="cal-date__container cal-date__container--scroller">
2697								<div class="cal-date">
2698									<span class="cal-date__year">2026</span>
2699									<span class="cal-date__date">25</span>
2700									<span class="cal-date__month">Sep</span>
2701								</div><!-- .event-date -->
2702							</div>
2703
2704						</div>
2705					</a>
2706						
2707				
2708															
2709					<a href="https://www.visitberkeley.com/events/gold-out-aapi-appreciation-cal-vs-clemson/" class="feed__link">
2710						<div class="feed__item feed__item--scroller">
2711								
2712							
2713		
2714							<img class="feed__img lazyload" 
2715                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"  
2716                alt=""
2717                data-src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/cal-football-2_838796f55fa6bdeaa54295c5210e2674.jpg" 
2718                 
2719                >
2720
2721							<div class="feed__caption-wrap">
2722								
2723								<h4 class="feed__title">
2724									Gold Out & AAPI Appreciation. : Cal vs Clemson
2725								</h4> 
2726								
2727							</div>
2728
2729							<div class="cal-date__container cal-date__container--scroller">
2730								<div class="cal-date">
2731									<span class="cal-date__year">2026</span>
2732									<span class="cal-date__date">25</span>
2733									<span class="cal-date__month">Sep</span>
2734								</div><!-- .event-date -->
2735							</div>
2736
2737						</div>
2738					</a>
2739						
2740				
2741															
2742					<a href="https://www.visitberkeley.com/events/live-djs-at-the-breakroom/" class="feed__link">
2743						<div class="feed__item feed__item--scroller">
2744								
2745							
2746		
2747							<img class="feed__img lazyload" 
2748                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"  
2749                alt=""
2750                data-src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/DSC_0063_838796f55fa6bdeaa54295c5210e2674.jpeg" 
2751                 
2752                >
2753
2754							<div class="feed__caption-wrap">
2755								
2756								<h4 class="feed__title">
2757									LIVE Djs at the Breakroom
2758								</h4> 
2759								
2760							</div>
2761
2762							<div class="cal-date__container cal-date__container--scroller">
2763								<div class="cal-date">
2764									<span class="cal-date__year">2026</span>
2765									<span class="cal-date__date">26</span>
2766									<span class="cal-date__month">Sep</span>
2767								</div><!-- .event-date -->
2768							</div>
2769
2770						</div>
2771					</a>
2772						
2773				
2774															
2775					<a href="https://www.visitberkeley.com/events/garden-tours/" class="feed__link">
2776						<div class="feed__item feed__item--scroller">
2777								
2778							
2779		
2780							<img class="feed__img lazyload" 
2781                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"  
2782                alt=""
2783                data-src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/Screenshot-2025-02-03-at-2.22.54-PM_838796f55fa6bdeaa54295c5210e2674.png" 
2784                 
2785                >
2786
2787							<div class="feed__caption-wrap">
2788								
2789								<h4 class="feed__title">
2790									Regional Parks Botanic Garden Tours
2791								</h4> 
2792								
2793							</div>
2794
2795							<div class="cal-date__container cal-date__container--scroller">
2796								<div class="cal-date">
2797									<span class="cal-date__year">2026</span>
2798									<span class="cal-date__date">26</span>
2799									<span class="cal-date__month">Sep</span>
2800								</div><!-- .event-date -->
2801							</div>
2802
2803						</div>
2804					</a>
2805						
2806				
2807															
2808					<a href="https://www.visitberkeley.com/events/painting-day-on-fourth-street/" class="feed__link">
2809						<div class="feed__item feed__item--scroller">
2810								
2811							
2812		
2813							<img class="feed__img lazyload" 
2814                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"  
2815                alt=""
2816                data-src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/Screenshot-2026-09-10-at-3.32.34-PM_838796f55fa6bdeaa54295c
28165210e2674.png" 
2817                 
2818                >
2819
2820							<div class="feed__caption-wrap">
2821								
2822								<h4 class="feed__title">
2823									Painting Day on Fourth Street
2824								</h4> 
2825								
2826							</div>
2827
2828							<div class="cal-date__container cal-date__container--scroller">
2829								<div class="cal-date">
2830									<span class="cal-date__year">2026</span>
2831									<span class="cal-date__date">26</span>
2832									<span class="cal-date__month">Sep</span>
2833								</div><!-- .event-date -->
2834							</div>
2835
2836						</div>
2837					</a>
2838						
2839				
2840															
2841					<a href="https://www.visitberkeley.com/events/trivia-night-roses-on-adeline/" class="feed__link">
2842						<div class="feed__item feed__item--scroller">
2843								
2844							
2845		
2846							<img class="feed__img lazyload" 
2847                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"  
2848                alt=""
2849                data-src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/roses-on-adeline-trivia-night_838796f55fa6bdeaa54295c5210e2674.png" 
2850                 
2851                >
2852
2853							<div class="feed__caption-wrap">
2854								
2855								<h4 class="feed__title">
2856									Trivia Night @ Rose's on Adeline
2857								</h4> 
2858								
2859							</div>
2860
2861							<div class="cal-date__container cal-date__container--scroller">
2862								<div class="cal-date">
2863									<span class="cal-date__year">2026</span>
2864									<span class="cal-date__date">27</span>
2865									<span class="cal-date__month">Sep</span>
2866								</div><!-- .event-date -->
2867							</div>
2868
2869						</div>
2870					</a>
2871						
2872				
2873															
2874					<a href="https://www.visitberkeley.com/events/garden-tours/" class="feed__link">
2875						<div class="feed__item feed__item--scroller">
2876								
2877							
2878		
2879							<img class="feed__img lazyload" 
2880                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"  
2881                alt=""
2882                data-src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/Screenshot-2025-02-03-at-2.22.54-PM_838796f55fa6bdeaa54295c5210e2674.png" 
2883                 
2884                >
2885
2886							<div class="feed__caption-wrap">
2887								
2888								<h4 class="feed__title">
2889									Regional Parks Botanic Garden Tours
2890								</h4> 
2891								
2892							</div>
2893
2894							<div class="cal-date__container cal-date__container--scroller">
2895								<div class="cal-date">
2896									<span class="cal-date__year">2026</span>
2897									<span class="cal-date__date">27</span>
2898									<span class="cal-date__month">Sep</span>
2899								</div><!-- .event-date -->
2900							</div>
2901
2902						</div>
2903					</a>
2904						
2905				
2906															
2907					<a href="https://www.visitberkeley.com/events/margarita-mondays-8-ball-tournament/" class="feed__link">
2908						<div class="feed__item feed__item--scroller">
2909								
2910							
2911		
2912							<img class="feed__img lazyload" 
2913                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"  
2914                alt=""
2915                data-src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/470575117_122186775068188813_1686238914459243370_n_838796f55fa6bdeaa54295c5210e2674.jpg" 
2916                 
2917                >
2918
2919							<div class="feed__caption-wrap">
2920								
2921								<h4 class="feed__title">
2922									Margarita Mondays & 8-Ball Tournament
2923								</h4> 
2924								
2925							</div>
2926
2927							<div class="cal-date__container cal-date__container--scroller">
2928								<div class="cal-date">
2929									<span class="cal-date__year">2026</span>
2930									<span class="cal-date__date">28</span>
2931									<span class="cal-date__month">Sep</span>
2932								</div><!-- .event-date -->
2933							</div>
2934
2935						</div>
2936					</a>
2937						
2938				
2939															
2940					<a href="https://www.visitberkeley.com/events/wednesday-jam-sessions-pool-league/" class="feed__link">
2941						<div class="feed__item feed__item--scroller">
2942								
2943							
2944		
2945							<img class="feed__img lazyload" 
2946                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"  
2947                alt=""
2948                data-src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/DSC_0869_838796f55fa6bdeaa54295c
29485210e2674.jpeg" 
2949                 
2950                >
2951
2952							<div class="feed__caption-wrap">
2953								
2954								<h4 class="feed__title">
2955									Wednesday Jam Sessions & Pool League
2956								</h4> 
2957								
2958							</div>
2959
2960							<div class="cal-date__container cal-date__container--scroller">
2961								<div class="cal-date">
2962									<span class="cal-date__year">2026</span>
2963									<span class="cal-date__date">30</span>
2964									<span class="cal-date__month">Sep</span>
2965								</div><!-- .event-date -->
2966							</div>
2967
2968						</div>
2969					</a>
2970						
2971				
2972															
2973					<a href="https://www.visitberkeley.com/events/jack-johnson/" class="feed__link">
2974						<div class="feed__item feed__item--scroller">
2975								
2976							
2977		
2978							<img class="feed__img lazyload" 
2979                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"  
2980                alt=""
2981                data-src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/1024_JackJohnson_838796f55fa6bdeaa54295c5210e2674.jpg" 
2982                 
2983                >
2984
2985							<div class="feed__caption-wrap">
2986								
2987								<h4 class="feed__title">
2988									JACK JOHNSON
2989								</h4> 
2990								
2991							</div>
2992
2993							<div class="cal-date__container cal-date__container--scroller">
2994								<div class="cal-date">
2995									<span class="cal-date__year">2026</span>
2996									<span class="cal-date__date">30</span>
2997									<span class="cal-date__month">Sep</span>
2998								</div><!-- .event-date -->
2999							</div>
3000
3001						</div>
3002					</a>
3003						
3004				
3005				</div>
3006			</div>
3007		</section>
3008
3009		
3009<script>
3010			loadjs.ready( ['site'], {
3011				success: function() {
3012
3013					loadjs( '/js/plugins/owl.carousel.js', {
3014						success: function() {
3015						
3016							$(function() {
3017								
3018								var $root = $('[data-event-slider]');
3019								var headjsSelector = 'data-event-slider';
3020
3021								if ( !$('.js-footer-scroller').hasClass('headroom') ) {
3022									var myScroller = document.querySelector("["+headjsSelector+"]");
3023									var scrollerMQ = '(min-width: 648px)';
3024									var headroom_scroller = new Headroom(myScroller);
3025
3026									if (window.matchMedia) {   // do we have matchMedia support?
3027										var mediaQuery = window.matchMedia(scrollerMQ);
3028
3029										if (window.matchMedia(scrollerMQ).matches) {  // load headroom if this is a wide viewport 
3030											headroom_scroller.init();
3031										} else {    // otherwise, listen if the viewport changes
3032											mediaQuery.addListener(triggerHeadspace);
3033										}
3034
3035										function triggerHeadspace(mediaQuery) {
3036											// only init if it hasn't been done already
3037											if ( !$("#"+headjsSelector).hasClass('headroom') ) {
3038												headroom_scroller.init();
3039											}
3040										}
3041									} else {    // we assume they're using a large screen and won't check resize
3042										headroom_scroller.init();
3043									}
3044								}
3045								
3046								//owl slider js 
3047								var $slider = $root.find('.owl-carousel');
3048									
3049								var settings = {
3050										nav: true,
3051										dots: false,
3052										navText : ['‹', '›'],
3053										lazyLoad: true,
3054										responsive:{ 
3055											0:{ items:1 },
3056											640:{ items:2 },
3057											1300:{ items: 3 },
3058											1600:{ items: 4 }
3059										}
3060									};
3061								
3062								//load owl slider with events
3063								$slider.owlCarousel(settings);
3064							});
3065
3066						}, 
3067						error: function(){ console.log('error loading owl carousel js') }
3068					});
3069					
3070				}
3071			});
3072		</script>
3072
3073		
3074	                                                                
3075
3076	<section class="widget-wrapper widget-wrapper--slammed widget">
3077
3078		
3079					
3080			
3080<script id="cr__init-cea8bcdc77a25a74" src="https://embed.crowdriff.com/js/init?hash=cea8bcdc77a25a74" async></script>
3080
3081
3082			
3083		
3084	</section>
3085	
3086                                    </footer>
3087
3088            </div>
3089
3090
3091    
3092<footer class="page-footer">
3093	
3094
3095	<div class="page-footer__content">
3096		<div class="content-wrapper text-center">
3097			<a href="/" class="nav__logo"></a>
3098
3099			<p class="footer-address">
3100				2030 Addison Street<br>Berkeley, California 94704<br>U.S.
3101                1-510-549-7040
3102			</p>
3103
3104			
3105
3106			<div class="page-footer__extras">
3107
3108										
3109				
3110				<ul class="nav nav--footermain">
3111			
3112										    
3113    
3114            <li class="nav__item has-children">
3115
3116                                    
3117                                        
3118            <a href="https://www.visitberkeley.com/where-to-stay/" 
3119                target="_self" 
3120                rel="noopener" 
3121                class="nav__link "
3122                title="Where to Stay">
3123
3124                
3125                Where to Stay
3126            </a>
3127
3128
3129                                            </li>
3130                    <li class="nav__item has-children">
3131
3132                                    
3133                                        
3134            <a href="https://www.visitberkeley.com/things-to-do/" 
3135                target="_self" 
3136                rel="noopener" 
3137                class="nav__link "
3138                title="Things to Do">
3139
3140                
3141                Things to Do
3142            </a>
3143
3144
3145                                            </li>
3146                    <li class="nav__item has-children">
3147
3148                                    
3149                                        
3150            <a href="https://www.visitberkeley.com/food-drinks/" 
3151                target="_self" 
3152                rel="noopener" 
3153                class="nav__link "
3154                title="Food &amp; Drinks">
3155
3156                
3157                Food &amp; Drinks
3158            </a>
3159
3160
3161                                            </li>
3162                    <li class="nav__item has-children">
3163
3164                                    
3165                                        
3166            <a href="https://www.visitberkeley.com/events/" 
3167                target="_self" 
3168                rel="noopener" 
3169                class="nav__link "
3170                title="Events">
3171
3172                
3173                Events
3174            </a>
3175
3176
3177                                            </li>
3178                    <li class="nav__item has-children">
3179
3180                                    
3181                                        
3182            <a href="https://www.visitberkeley.com/maps-neighborhoods/" 
3183                target="_self" 
3184                rel="noopener" 
3185                class="nav__link "
3186                title="Maps &amp; Neighborhoods">
3187
3188                
3189                Maps &amp; Neighborhoods
3190            </a>
3191
3192
3193                                            </li>
3194                    <li class="nav__item has-children">
3195
3196                                    
3197                                        
3198            <a href="https://www.visitberkeley.com/meetings-events/" 
3199                target="_self" 
3200                rel="noopener" 
3201                class="nav__link "
3202                title="Meetings &amp; Weddings">
3203
3204                
3205                Meetings &amp; Weddings
3206            </a>
3207
3208
3209                                            </li>
3210                    <li class="nav__item has-children">
3211
3212                                    
3213                                        
3214            <a href="https://www.visitberkeley.com/plan-your-trip/" 
3215                target="_self" 
3216                rel="noopener" 
3217                class="nav__link "
3218                title="Plan Your Trip">
3219
3220                
3221                Plan Your Trip
3222            </a>
3223
3224
3225                                            </li>
3226                    <li class="nav__item ">
3227
3228                                    
3229                                        
3230            <a href="https://www.visitberkeley.com/cal-bears/" 
3231                target="_self" 
3232                rel="noopener" 
3233                class="nav__link "
3234                title="UC Berkeley/Cal Bears">
3235
3236                
3237                UC Berkeley/Cal Bears
3238            </a>
3239
3240
3241                                            </li>
3242                    <li class="nav__item has-children">
3243
3244                                    
3245                                        
3246            <a href="https://www.visitberkeley.com/about/" 
3247                target="_self" 
3248                rel="noopener" 
3249                class="nav__link "
3250                title="About">
3251
3252                
3253                About
3254            </a>
3255
3256
3257                                            </li>
3258                
3259
3260					
3261				</ul>
3262
3263				<ul class="nav nav--footer">
3264			
3265										    
3266    
3267            <li class="nav__item has-children">
3268
3269                                    
3270                                        
3271            <a href="https://www.visitberkeley.com/about/" 
3272                target="_self" 
3273                rel="noopener" 
3274                class="nav__link "
3275                title="About">
3276
3277                
3278                About
3279            </a>
3280
3281
3282                                            </li>
3283                    <li class="nav__item" aria-hidden="true"><span class="nav__link">/</span></li>
3284                    <li class="nav__item has-children">
3285
3286                                    
3287                                        
3288            <a href="https://www.visitberkeley.com/partners/" 
3289                target="_self" 
3290                rel="noopener" 
3291                class="nav__link "
3292                title="Visit Berkeley Partner Resources">
3293
3294                
3295                Visit Berkeley Partner Resources
3296            </a>
3297
3298
3299                                            </li>
3300                    <li class="nav__item" aria-hidden="true"><span class="nav__link">/</span></li>
3301                    <li class="nav__item has-children">
3302
3303                                    
3304                                        
3305            <a href="https://www.visitberkeley.com/media-press/" 
3306                target="_self" 
3307                rel="noopener" 
3308                class="nav__link "
3309                title="Media &amp; Press">
3310
3311                
3312                Media &amp; Press
3313            </a>
3314
3315
3316                                            </li>
3317                    <li class="nav__item" aria-hidden="true"><span class="nav__link">/</span></li>
3318                    <li class="nav__item ">
3319
3320                                    
3321                                        
3322            <a href="https://www.visitberkeley.com/blog/" 
3323                target="_self" 
3324                rel="noopener" 
3325                class="nav__link "
3326                title="Blog">
3327
3328                
3329                Blog
3330            </a>
3331
3332
3333                                            </li>
3334                    <li class="nav__item" aria-hidden="true"><span class="nav__link">/</span></li>
3335                    <li class="nav__item ">
3336
3337                                    
3338                                        
3339            <a href="https://www.visitberkeley.com/privacy-policy/" 
3340                target="_self" 
3341                rel="noopener" 
3342                class="nav__link "
3343                title="Privacy Policy">
3344
3345                
3346                Privacy Policy
3347            </a>
3348
3349
3350                                            </li>
3351                    <li class="nav__item" aria-hidden="true"><span class="nav__link">/</span></li>
3352                    <li class="nav__item ">
3353
3354                                    
3355                                                        
3356            <a href="/sitemap/" 
3357                target="_self" 
3358                rel="noopener" 
3359                class="nav__link "
3360                title="Sitemap">
3361
3362                
3363                Sitemap
3364            </a>
3365
3366
3367                                            </li>
3368                
3369
3370					
3371									</ul>
3372			
3373			
3374		
3375			</div>
3376
3377			<div id="google_translate_element" class="google__translate text-center"></div>
3378
3379			
3380		</div>
3381	</div>
3382
3383	
3384	
3385
3386		<div class="footer-forms">
3387			
3388
3389					
3390			
3391						<div class="forms-child-wrapper guide">
3392				
3393				<img class="breadcrumb-tl" src="/images/nav/breadcrumb-tl.png" alt="for layout purposes only" aria-hidden="true" />
3394				<img class="breadcrumb-br" src="/images/nav/breadcrumb-br.png" alt="for layout purposes only" aria-hidden="true"  />
3395				
3396				<div class="forms-child footer-vguide">
3397					
3398					
3399
3400											<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
3400-image" />
3401										
3402					<h4>VISITORS GUIDE</h4>
3403
3404										<p>Inside You&#039;ll Discover Everything You Need To Plan Your Vacation To Berkeley, CA.</p>
3405					
3406					<a class="btn btn--tieriary" href="/plan-your-trip/visitor-guide-request/" title="Get the Guide!">Get the Guide!</a>
3407									</div>
3408			</div>
3409					
3410								
3411						<div class="forms-child-wrapper news">
3412
3413				<img class="breadcrumb-tl" src="/images/nav/breadcrumb-tl.png" alt="for layout purposes only" aria-hidden="true" />
3414				<img class="breadcrumb-br" src="/images/nav/breadcrumb-br.png" alt="for layout purposes only" aria-hidden="true"  />
3415
3416				<div class="forms-child footer-newsletter">
3417					
3418					
3419											<img src="/imager/s3-us-west-1_amazonaws_com/visit-berkeley/CMS/Masthead-Screen-Shot_d6cc78a12eaabc7985938959c2055b2e.jpg" class="vguide-image" />
3420										
3421					<h4>GET THE INSIDE SCOOP</h4>
3422
3423										<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>
3424					
3425										<form action="/plan-your-trip/email-signup/" method="GET" class="form-newsletter">
3426						
3427						<input type="email" name="email" placeholder="EMAIL ADDRESS" aria-label="Email Address" />
3428						<button type="submit" class="newsSubmit" name="submitBtn" aria-label="Submit" value="">
3429							<span>
3430								<svg class="icon" role="presentation"><use xlink:href="/svg/sprite.svg#right-arrow"></use></svg>
3431							</span>
3432						</button>
3433					</form>
3434									</div>
3435			</div>
3436						</div>
3437
3438	
3438<script>		
3439		loadjs.ready( ['site'], {
3440			success: function() {
3441
3442				// Matching of heights
3443				$('.forms-child-wrapper, .match-height').matchHeight();
3444
3445				
3446			}
3447		});
3448	</script>
3448
3449		
3450	 	
3451
3452<div class="social-links">
3453<ul class="nav nav--social text-center">
3454        <li class="nav__social">
3455        <a target="_blank" href="https://www.facebook.com/VisitBerkeley" aria-label="Facebook">
3456            <svg class="icon icon--1-25 ">
3457                <use xlink:href="/svg/sprite.svg#facebook"></use>
3458            </svg>
3459        </a>
3460    </li>
3461        
3462        <li class="nav__social">
3463        <a target="_blank" href="https://x.com/VisitBerkeley" aria-label="Twitter">
3464            <svg class="icon icon--1-25 ">
3465                <use xlink:href="/svg/sprite.svg#twitter"></use>
3466            </svg>
3467        </a>
3468    </li>
3469        
3470    
3471        <li class="nav__social">
3472        <a target="_blank" href="https://www.instagram.com/visitberkeley" aria-label="Instagram">
3473            <svg class="icon icon--1-25 ">
3474                <use xlink:href="/svg/sprite.svg#instagram"></use>
3475            </svg>
3476        </a>
3477    </li>
3478    
3479    
3480    
3481        <li class="nav__social">
3482        <a target="_blank" href="https://www.tripadvisor.com/Tourism-g32066-Berkeley_California-Vacations.html" aria-label="Trip Advisor">
3483            <svg class="icon icon--1-25 ">
3484                <use xlink:href="/svg/sprite.svg#tripadvisor"></use>
3485            </svg>
3486        </a>
3487    </li>
3488       
3489        
3490</ul>
3491</div>
3492
3493	
3494</footer>
3495
3496	
3497    <div data-cookie-consent
3498         class="t-c-msg t-c-msg--cookieconsent is-showing"
3499         role="dialog"
3500         aria-live="polite"
3501         hidden
3502    >
3503                <p class="text--left">
3504            This website uses cookies to enhance your user experience on our website.
3505                        <a href="/privacy-policy/">Learn More</a>
3506                    </p>
3507        
3508        <button data-cookie-consent-close class="btn btn--link" type="button">Accept</button>
3509    </div>
3510
3511    
3511<script>
3512	loadjs.ready('jquery', {
3513		success: function() {
3514            const cookieConsentKey = 'seen-cookie-consent';
3515
3516            class CookieConsent {
3517                constructor(cookieConsentEl) {
3518                    if (localStorage && localStorage.getItem(cookieConsentKey)) {
3519                        cookieConsentEl.hidden = true;
3520                    } else {
3521                        cookieConsentEl.hidden = false;
3522
3523                        const closeButton = cookieConsentEl.querySelector('[data-cookie-consent-close]');
3524
3525                        closeButton.addEventListener('click', function (e) {
3526                            e.preventDefault();
3527                            localStorage.setItem(cookieConsentKey, 'yes');
3528                            cookieConsentEl.hidden = true;
3529                        });
3530                    }
3531                }
3532            }
3533
3534            const cookieConsentEl = document.querySelector(
3535                '[data-cookie-consent]'
3536            );
3537
3538            if (cookieConsentEl) {
3539                const cookieInstance = new CookieConsent(cookieConsentEl);
3540            }
3541        },
3542        error: function() { console.log('error jquery js') }
3543    });
3544    </script>
3544
3545
3546	
3547	<!-- BOTTOM BODY ANALYTICS -->
3548
3549
3550	
3551	
3552</body>
3553</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.