:root{--default-fonts:freight-sans-pro,arial,sans-serif;--semibold:600;--light:300;--dark-blue:#003262;--cal-blue:#0075bc;--cal-gold:#d19000;--cal-yellow:#fdb515;--light-yellow:#fecd5f}/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select,textarea{margin:0}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}td:not([align]),th:not([align]){text-align:left}.main-site-header{display:flex;flex-direction:row;justify-content:space-between;padding:2rem 1rem;position:relative;& h1{color:var(--cal-gold);font-size:2.5rem;& .logo{background:url("/static/international/img/UCBerkeley_Logo_Berkeley_Blue_RGB.a156a4b91cd5.svg?93b1a2b5855a") no-repeat center/100%;display:inline-block;height:59px;margin-bottom:-4px;overflow:hidden;text-indent:-999rem;vertical-align:bottom;width:240px}& a{color:var(--cal-gold);font-weight:400;&:hover{text-decoration:none}}}& nav{display:flex;flex-direction:column;justify-content:center;width:40%;& ul{display:flex;flex-direction:row;justify-content:space-around;& li{display:flex;flex-direction:column;justify-content:center;list-style:none;margin:0;max-width:150px;text-align:center;& a{color:var(--dark-blue);font-weight:600;text-transform:uppercase}& .give-link{background-color:var(--cal-yellow);border:1px solid var(--dark-blue);border-radius:5px;padding:10px 30px;&:hover{text-decoration:none}}}}}& .mobile-menu-button{background-color:transparent;border:0;color:var(--dark-blue);display:none;font-size:2rem;padding:0;position:absolute;right:15px;top:0;width:30px}}@media only screen and (max-width:810px){.main-site-header{display:block;& h1{& .logo{display:block}font-size:2rem}& nav{width:100%;& ul{flex-direction:column;& li{max-width:100%;min-height:50px}}& .give-link{margin:0 auto;width:50%}}& .mobile-menu-button{display:block}}}@media only screen and (max-width:475px){.main-site-header{& h1{font-size:1.5rem}}}html{font-size:18px;height:100%}body{background:#fff;color:var(--dark-blue);font-family:var(--default-fonts);font-size:1rem;height:100%;padding:0}input,button,textarea{font-family:var(--default-fonts);font-size:1rem}.errorlist{color:red;& li{list-style:none;margin:0}}p{margin:1rem 0}ul li{list-style:disc;margin-left:1rem}ol li{list-style:decimal;margin-left:1rem}a{color:var(--cal-blue);font-weight:500;text-decoration:none;&:visited{color:var(--cal-blue)}}a:hover{text-decoration:underline}button{cursor:pointer}button:hover,input[type="submit"]{cursor:pointer}blockquote{background-color:var(--light-yellow);margin:1rem 0;padding:15px 15px 15px 30px}.responsive-object{height:0;margin:1rem 0;padding-bottom:56.25%;position:relative;& iframe{height:100%;left:0;position:absolute;top:0;width:100%}}.button{background-color:var(--cal-blue);border:1px solid var(--cal-blue);border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-weight:var(--semibold);padding:12px 30px;text-align:center;text-transform:uppercase;&:hover{text-decoration:none}}.template-404,.template-503{& .main-content{text-align:center;& h2{font-size:2.5rem;font-weight:bold;margin:50px 0}& p{font-size:1.3rem;margin:50px 0}& label{font-weight:bold}}}.social-links{& svg{height:50px;width:50px}}.results{& .region-item{& .social-links{margin-bottom:3px;& a,& span{display:inline-block;height:30px;margin-right:2px;vertical-align:top;width:30px}& svg{height:30px;width:30px}& .email-icon{background-size:30px 30px;height:30px;width:30px}}}}.map-popup{min-height:30px;strong{text-transform:uppercase}& p{margin:10px 0}& a{display:inline-block;height:25px;margin-right:2px;width:25px}& svg{height:25px;width:25px}}.club-pop{background:no-repeat url("/static/international/img/BlueMapMarker.8a5e86d6a981.svg?93b1a2b5855a") 0 -2px;background-size:20px 30px;min-width:max-content;padding-left:27px;padding-right:10px;.club-link{font-weight:var(--semibold);text-transform:uppercase;width:max-content}}.rep-pop{background:no-repeat url("/static/international/img/YellowMapMarker.44022fdf005d.svg?93b1a2b5855a") 0 -2px;background-size:20px 30px;padding-left:27px;padding-right:10px}.main-content{padding:0 1rem}.sort-buttons{font-size:1.3rem;margin:30px auto;text-align:center;.button-link{background-color:#fff;border:2px solid var(--cal-blue);border-radius:30px;color:var(--cal-blue);cursor:pointer;display:inline-block;font-family:proxima-nova,arial,sans-serif;font-size:1.3rem;font-weight:600;margin:0 10px;min-width:250px;padding:15px 30px;text-transform:uppercase;&:hover{text-decoration:none}}.sort-dir{display:none}.selected{background-color:var(--cal-blue);border-color:var(--cal-blue);color:#fff}}.email-icon{background-image:url("/static/international/img/Email.c0dec96eca6c.svg?93b1a2b5855a");background-repeat:no-repeat;display:inline-block;height:50px;text-indent:-999rem;width:50px}#map{min-height:500px;width:100%;& #legend{visibility:visible}}#legend{align-items:center;display:flex;flex-direction:row;gap:20px;padding-bottom:10px;visibility:hidden;img{vertical-align:middle}p{font-size:16px;font-weight:600;margin:0;text-transform:uppercase}}.homepage-main{.intro{margin:50px auto;text-align:center;h2{font-size:2.2rem;font-weight:var(--semibold)}p{font-size:2rem;font-weight:300;line-height:2.7rem}}&.has-results{.intro{display:none}}}.results{margin:50px auto;width:fit-content;& .results-inner{display:flex;flex-flow:row wrap;gap:20px;justify-content:space-between;margin:0 auto;width:80%}& .region-item{min-width:300px;padding:15px 0 15px 15px;width:30%;& h4{font-size:1.3rem;font-weight:var(--semibold);margin-bottom:10px;text-transform:uppercase;& a{font-weight:var(--semibold)}& img{margin-left:-25px;margin-right:2px;vertical-align:bottom;width:23px}}& p{margin:0;text-transform:uppercase}}& .load-more{color:var(--cal-blue);cursor:pointer;flex-basis:100%;font-weight:var(--semibold);text-align:center;text-transform:uppercase;width:100%;& a{font-weight:var(--semibold)}}}.featured-events{background-color:var(--dark-blue);color:#fff;margin-left:-1rem;margin-right:-1rem;padding:40px 50px;& h3{font-size:2.2rem;font-weight:var(--semibold);margin-bottom:30px;text-align:center}& .inner-wrap{display:flex;flex-flow:row nowrap;gap:30px;justify-content:space-evenly;&.two{& .featured-event{flex-direction:column;width:50%;& .featured-event-photo{& img{height:300px;max-width:max-content;width:450px}}}}&.three{& .featured-event{flex-direction:column;width:30%;& .featured-event-photo{text-align:center}.featured-event-body{text-align:center}}}}& .featured-event{display:flex;flex-direction:row;flex-grow:1;gap:20px;& h4{font-size:1.8rem;font-weight:var(--semibold);& a{color:#fff}}& a{color:var(--light-yellow)}& .featured-event-photo{flex-shrink:0;& img{max-height:300px;max-width:300px;width:100%}}& .featured-event-body{font-size:1.3rem}& .event-details-link{text-transform:uppercase}}}.homepage-form{margin:50px auto;padding:30px;& h3{font-size:2rem;font-weight:var(--semibold);text-align:center}& .form-submit{text-align:center}}.form-row{margin:15px 0;& label,& legend{display:block;font-weight:var(--semibold);text-transform:uppercase}& input,& textarea{border:1px solid var(--dark-blue);border-radius:4px;padding:10px;width:100%}& fieldset{border-radius:4px;border-width:0;padding:10px;& div label{align-items:center;display:flex;flex-flow:row nowrap;& input{flex-shrink:1;margin:0 5px;width:auto}}}& input[type="submit"]{width:auto}& .helptext{font-style:italic}& h3{font-size:2rem;font-weight:var(--semibold);margin:1rem auto}&.required{& label::before{color:var(--cal-yellow);content:"*";padding-right:3px}}}.spinner{margin-right:-110px;max-width:max-content;opacity:0;transition:opacity 500ms ease-in;vertical-align:middle}.spinner.htmx-request{opacity:1}.events-listing-page{& .banner{background-color:var(--dark-blue);margin:0 -1rem 50px;padding:50px 0;text-align:center;& h2{color:var(--cal-yellow);font-size:3rem;font-weight:500}}}.region-menu{position:relative;& button{background-color:transparent;border:0;color:var(--dark-blue);font-weight:var(--semibold);position:relative;text-transform:uppercase;&::after{background:center right no-repeat url('data:image/svg+xml,%0A%3Csvg width="14px" height="9px" viewBox="0 0 15 11" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"%3E%3Cg id="Page-1" stroke="%23003262" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill-rule="evenodd"%3E%3Cg id="chevron" transform="translate(-1.000000, 0.000000)" fill="%23f2a900" fill-rule="nonzero"%3E%3Cpath d="M8.163,10.024 C8.244124,10.1276162 8.36840429,10.1881535 8.5,10.1881535 C8.63159571,10.1881535 8.755876,10.1276162 8.837,10.024 L15.861,1.768 C16.0473083,1.53687006 16.0473083,1.20712994 15.861,0.976 C15.779876,0.872383751 15.6555957,0.811846546 15.524,0.811846546 C15.3924043,0.811846546 15.268124,0.872383751 15.187,0.976 L8.163,9.232 L8.837,9.232 L1.813,0.976 C1.731876,0.872383751 1.60759571,0.811846546 1.476,0.811846546 C1.34440429,0.811846546 1.220124,0.872383751 1.139,0.976 C0.952691687,1.20712994 0.952691687,1.53687006 1.139,1.768 L8.163,10.024 Z" id="Path"%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E');background-color:transparent;background-size:10px 10px;content:"";height:10px;position:absolute;right:-12px;top:8px;width:10px}&.opened::after{transform:rotate(180deg)}}& ul{background-color:#fff;padding:5px;position:absolute;width:200px;z-index:100;& li{font-size:0.9rem;font-weight:var(--semibold);list-style:none;margin:5px 0;text-transform:uppercase;& input{margin-right:5px}}}}.event-results{margin:50px auto;& .no-events-msg{justify-content:center}}.events-listing{& menu{align-items:center;display:flex;flex-flow:row nowrap;justify-content:space-between;padding:0}& .sort-buttons{margin:0}& .view-buttons{& button{background-color:transparent;background-position:left 8px;background-repeat:no-repeat;background-size:20px 20px;border:0;color:var(--dark-blue);font-weight:var(--semibold);padding:5px 0;padding-left:25px;text-align:left;text-transform:uppercase;vertical-align:middle;width:150px}& .list-button{background-image:url("/static/international/img/list_view_off_icon.93723583cb40.png?93b1a2b5855a");&.selected{background-image:url("/static/international/img/list_view_icon.4503b41ccb91.png?93b1a2b5855a")}}& .grid-button{background-image:url("/static/international/img/grid_view_off_icon.49e173ec17b4.png?93b1a2b5855a");&.selected{background-image:url("/static/international/img/grid_view_icon.becbefd02493.png?93b1a2b5855a")}}}& li{display:flex;flex-direction:row;font-size:1.3rem;gap:20px;margin:30px 0;& .event-photo-link{flex-shrink:0;width:300px;& img{width:300px}}& .event-body{flex-grow:1}& h4,h3{font-size:1.5rem;font-weight:var(--semibold);& a{color:var(--dark-blue);font-weight:var(--semibold)}}& .event-datetime{font-weight:var(--semibold);text-transform:uppercase;& br{display:none}& .cal-wrap{background-color:transparent;border:0}& img{cursor:pointer;margin-bottom:-2px;width:18px}}& .event-location{font-weight:var(--semibold);text-transform:uppercase}& .event-desc{line-height:2rem}& .event-details-link{text-transform:uppercase}}& .load-more{justify-content:center;text-transform:uppercase;& a{font-weight:var(--semibold)}}& .grid{& ol{display:flex;flex-flow:row wrap;gap:20px;justify-content:center;& li{color:#fff;height:300px;margin:0;position:relative;text-align:center;text-transform:uppercase;width:300px;& a{color:#fff;font-weight:var(--semibold)}& .event-body{background-color:hsla(209deg 100% 19.2% / 0.75);display:flex;flex-direction:column;inset:0;justify-content:center;padding:15px;position:absolute;z-index:1}& .event-datetime{& br{display:block}& .cal-wrap{background-color:#fff;height:15px;position:absolute;right:4px;top:6px;& img{margin-bottom:0;margin-top:-4px;vertical-align:text-top}}}& .event-photo-link{inset:0;position:absolute;z-index:-1}& .event-details-link,& .event-desc{display:none}}& li.load-more{color:var(--dark-blue);flex-basis:100%;height:auto;width:100%}}}}.form-landing-page{& .main-content{& h2{font-size:2.5rem;font-weight:var(--semibold);margin:1rem auto}& h3{font-size:2rem;font-weight:var(--semibold);margin:1rem auto}& p{font-size:1.3rem}align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px}}.template-gallerypage{& h2{font-size:2.4rem;font-weight:var(--semibold);margin:50px auto;text-align:center}}.template-basicpage{& .page-content{margin:0 auto;width:95%;& p,& li{font-size:1.3rem}}& h2{font-size:2rem;font-weight:var(--semibold);margin:1rem 0;text-align:center}& h3{font-size:1.5rem;font-weight:var(--semibold);margin:1rem 0;text-align:center}}@media only screen and (max-width:1045px){.events-listing{& menu{padding:0 0 30px;position:relative;& .region-menu{bottom:0;left:50%;position:absolute;text-align:center;transform:translateX(-50%);& ul{background-color:#fff;padding:5px;transform:translateX(-25%)}& li{text-align:left}}}}.featured-events{& .inner-wrap.two{flex-flow:column nowrap;& .featured-event{flex-direction:column;width:100%;.featured-event-photo{text-align:center}}}}}@media only screen and (max-width:810px){.sort-buttons{& .button-link{margin:10px auto}}.events-listing{& menu{gap:30px;& .sort-buttons{width:50%;& .button-link{font-size:0.9rem;min-width:100%;padding-left:0;padding-right:0}}& .view-buttons{align-items:center;display:flex;flex-direction:column;gap:40px;width:50%}}}.main-content{.featured-events{& .inner-wrap{flex-flow:column nowrap;& .featured-event{flex-direction:column;width:100%}}}}}@media only screen and (max-width:480px){.main-content{.results{& .results-inner{width:90%}& .region-item{width:100%}}.featured-events{& .inner-wrap.two{flex-flow:column nowrap;& .featured-event{.featured-event-photo{img{height:auto;max-width:100%}}}}}}#legend{& p{font-size:12px}}.events-listing{& li{flex-direction:column;margin:50px auto;& .event-photo-link{display:block;margin:0 auto}}& .load-more{text-align:center}}}@media only screen and (max-width:350px){.main-content{padding:0 10px}}.site-footer{background-color:var(--dark-blue);color:#fff;margin-top:50px;min-height:100px;padding:50px 0;position:relative;text-align:center;width:100%;& .scroll-top{bottom:-50px;color:#fecd5f;display:block;font-size:2.2rem;font-weight:var(--semibold);position:fixed;right:30px;transition:bottom 200ms ease-in;z-index:100;&:hover{text-decoration:none}&.show{bottom:20px}}& .footer-links{& p{font-size:1rem;line-height:1.5rem;margin:0;& a{color:var(--cal-yellow);font-weight:var(--semibold);text-transform:uppercase}}}& .content-width{margin:0 auto;max-width:1440px}& a{color:var(--cal-yellow)}& .social-links{& #social-links-menu-label{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}& nav{margin:15px 20px;& li{display:inline-block;margin-left:0}& a{display:block;height:25px;width:20px;& svg{display:block;fill:#fff;height:25px;width:20px}}}}}.footer-links{margin:0 auto 50px}.ucb{font-size:0.75rem;& p{margin:0.5rem 0}& .berkeley-seal{& img{height:80px;margin:1rem auto;max-width:80px;width:80px}}& .berkeley-text{font-size:0.75rem;text-transform:uppercase}& .copyright{font-size:0.75rem}}