Facebook
Twitter
Instagram
2018 FESTIVAL BREWERIES
About
HISTORY
SPONSORSHIP
VOLUNTEER
MEDIA
CONTACTS
2018 EVENTS
KICKOFF PARTY
VCBW FESTIVAL
CITYWIDE VENUES
CITYWIDE EVENTS
FESTIVAL
TICKETS
MUSIC
FOOD
BEER
GOOD TIMES
2018 SITE MAP
BREWERIES
BEST OF FEST
2018 OFFICIAL BEER
STOCKLIST
2018 PARTNERS
NEWS
About
Festival
Breweries
Official Beer
News
Partners
BEST OF FEST
CONTACT
Homer St Cafe and Bar
There are no upcoming event listings for this venue yet - please check back soon!
/* ----------------------------------------- */ /* View: Venue Events - start */ /* ----------------------------------------- */ /* Events css */ .event-location{ display: inline-block; } .event-price{ display: inline-block; } .event-buy-tickets{ display: inline-block; } /* single line items for event details controls */ div.event-list-controls > div { display: inline-block; margin-bottom: 20px; } div.event-list-controls div.event-list-control-details { text-align: right; } div.event-list-controls div.event-list-control-details { text-align: center; width: 25%; } div.event-list-controls div.event-list-control-expand { text-align: center; width: 25%; } /* hide event details by default until they are expanded */ div.event-list-event-details{ display: none; } .venue-event-list li{ border-bottom: 1px dotted #7a3e46; margin: 20px; padding: 0 10px 10px 10px; } .venue-event-list ul{ list-style-type: none; } .event-field-title h3 { text-transform: uppercase; margin-top: 0px; } .event-field-date h3 { margin-top: 0px; } /* remove the margin for mobile menus (320-400px) @media screen and (max-width: 400px) { .event-box { padding:4px; margin-left:2px; margin-right:2px; } }*/ /* remove the padding for mobile menus (320-400px) @media screen and (max-width: 400px) { div#events div.fullwidth-box { padding: 5px !important; } }*/ /* float logo on mobile (320-400px) @media screen and (max-width: 400px) { div#events div.event-logo .alignright{ float:left; } }*/ @media screen and (max-width: 400px) { div#events div.event-title { clear:both; } } .event-title { text-transform: uppercase; color: #f58142; font-size: 200%; margin-top: 10px; margin-bottom: 10px; } .event-date-time { color: #f6a535; } .event-location-name { color: #f58142; font-size: 150%; } .event-price { color: #7a3e46; font-size: 200%; float:right; } .event-description { border-top: 1px solid #fff; border-bottom: 1px solid #fff; margin-top: 10px; margin-bottom: 10px; clear:both; } .event-buy-tickets-link { background-color: #fff; border-radius: 5px; padding: 10px 10px 10px 10px; color: #333333; border-top: 2px solid #CCCCCC; border-right: 2px solid #333333; border-bottom: 2px solid #333333; border-left: 2px solid #CCCCCC; max-width: 500px; } .event-buy-tickets { float:right; margin-left: 20px; } ul.events-list { padding: 0; list-style-type: none; } /* adjust anchor links with class="anchor" for top margin. @see http://stackoverflow.com/questions/11501025/div-anchors-scrolling-too-far/20358308#20358308 */ a.anchor{display: block; position: relative; top: -50px; visibility: hidden;} div.event-day-marker { text-align: center; padding: 10px; background-color: #7a3e46; margin-top: 20px; } .event-day-marker h2 { color: #fff !important; padding-top: 25px; } span.share-button-facebook button { padding:6px 6px 6px 6px; color: #fff; background-color: #3b5998; border-style: none; font-size: 13px; font-weight: 500; border-radius: 4px; } button.share-button-facebook:hover { background-color: #4267b2; } /* ----------------------------------------- */ /* View: Venue Events - end */ /* ----------------------------------------- */