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=""berkeley" "berkeley california" "berkeley city" "where is berkely ca"" /> 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">°</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 & Tours"> 478 479 480 Sightseeing & 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 & Culture"> 494 495 496 Arts & 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 & Services"> 510 511 512 Shopping & 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 & Drinks"> 578 579 580 Food & 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 & Wine Shops"> 626 627 628 Wineries & 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 & Bars"> 642 643 644 Craft Beer & 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 & Tea Shops"> 674 675 676 Coffee & 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 & Desserts"> 690 691 692 Restaurants & 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 & Annual Events"> 742 743 744 Berkeley Festivals & 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 & Neighborhoods"> 762 763 764 Maps & 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 & Weddings"> 1006 1007 1008 Meetings & 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 & Event Venues"> 1038 1039 1040 Meeting & 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 & Receptions"> 1070 1071 1072 Weddings & 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 & Average Temperatures"> 1266 1267 1268 Weather & 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 & Bites"> 1298 1299 1300 Highlights, Sites & 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 & Press"> 1446 1447 1448 Media & 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">×</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 & 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><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KNJRM59" <br="">height="0" width="0" style="display:none;visibility:hidden"></iframe></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 & 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 & Culture" 2481 class="mashup__link"> 2482 <h3> 2483 Arts & 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 & Drinks"> 3155 3156 3157 Food & 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 & Neighborhoods"> 3187 3188 3189 Maps & 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 & Weddings"> 3203 3204 3205 Meetings & 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 & Press"> 3310 3311 3312 Media & 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'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 & Bites Is A Free Monthly E-Newsletter That Is Your Local Resource For What'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.