St. Michaels Brewfest | Events | Recreation - St. Michaels Tourism Events Calendar - St. Michaels Tourism, MD

/* Import Fonts */ @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;1,400&display=swap'); /* Headings with Playfair Display Bold Italic and Colors */ h1, h2, .site-title, .section-heading { font-family: 'Playfair Display', serif; font-style: italic; font-weight: 700; /* Bold italic variant */ color: #1B3F59; /* Deep navy for sophistication */ line-height: 1.2; margin-bottom: 20px; /* Adds breathing room below */ } h3, .subheading { font-family: 'Montserrat', sans-serif; font-style: italic; color: #4C749F; /* Mid-blue for subtle contrast */ font-weight: 400; } /* Body Text and Links */ body, p, .content-text, .event-description { font-family: 'Montserrat', sans-serif; font-weight: 400; color: #1B3F59; /* Consistent navy for text */ font-size: 16px; /* Slightly larger for modern accessibility */ line-height: 1.6; /* Improves readability */ } a, .read-more { color: #4C749F; /* Accent blue for links */ text-decoration: none; transition: color 0.3s ease; /* Subtle hover for engagement */ } a:hover, .read-more:hover { color: #ABBAC6; /* Lighter gray-blue for interaction */ } /* Side Buffers and Layout */ body { background-color: #F5EFE7; /* Beige from palette for warm, inviting base */ } .main-container, .page-wrapper, .gz-content, .wrapper, .container, .container-fluid { max-width: 1200px; /* Caps width for modern centering */ margin: 0 auto; /* Centers content horizontally */ padding: 0 40px; /* Adds 40px buffer on left/right sides */ } @media (max-width: 768px) { .main-container, .page-wrapper, .gz-content, .wrapper, .container, .container-fluid { padding: 0 20px; /* Smaller buffer on mobile for usability */ } } /* Hero Banner and Images */ .hero-banner, .banner-image, .slider-area, .cms-flexslider { /* For marina photo section */ position: relative; overflow: hidden; border-radius: 8px; /* Soft corners for modern appeal */ box-shadow: 0 4px 12px rgba(27, 63, 89, 0.1); /* Light shadow using #1B3F59 tint */ margin-bottom: 40px; /* Space below for flow */ } /* Events Section */ .events-grid, .event-card, .upcoming-event-area { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; /* Space between cards */ background-color: #D9D2C9; /* Light neutral from palette for subtle sectioning */ padding: 20px; border-radius: 8px; } .event-card:hover { transform: scale(1.05); /* Gentle zoom on hover */ transition: transform 0.3s ease; } /* Navigation Menu */ nav ul, .menu-items, .navbar-nav { display: flex; justify-content: center; gap: 20px; background-color: #F5EFE7; /* Beige for seamless blend */ } nav a, .navbar-nav a { color: #1B3F59; font-family: 'Montserrat', sans-serif; font-style: italic; text-transform: uppercase; padding: 10px 15px; border-radius: 4px; transition: background-color 0.3s ease; } nav a:hover, .navbar-nav a:hover { background-color: #ABBAC6; /* Gray-blue hover for interactivity */ color: #F5EFE7; } /* Parallax Effect for Hero Section (Add class="hero-parallax" to your slider div in CMS) */ .hero-parallax { position: relative; height: 60vh; /* Adjust height as needed */ overflow: hidden; perspective: 1px; /* Enables 3D space for parallax */ background-color: #F5EFE7; /* Fallback */ } .hero-parallax::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('https://chambermaster.blob.core.windows.net/userfiles/UserFiles/chambers/9114/CMS/196A5198-w1600.jpg'); /* Use your hero image URL; update for rotation if needed */ background-size: cover; background-position: center; transform: translateZ(-1px) scale(2); /* Parallax depth: moves slower */ z-index: -1; } /* Overlay Button for Engagement (Add inside hero div) */ .parallax-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 15px 30px; background-color: #4C749F; /* Accent blue */ color: #F5EFE7; font-family: 'Montserrat', sans-serif; font-style: italic; text-transform: uppercase; border: none; border-radius: 4px; cursor: pointer; transition: transform 0.3s ease, background-color 0.3s ease; z-index: 1; /* Above parallax layer */ } .parallax-button:hover { transform: translate(-50%, -50%) scale(1.05); /* Subtle zoom */ background-color: #1B3F59; /* Darker on hover */ } /* Disable Parallax on Mobile for Performance */ @media (max-width: 768px) { .hero-parallax::before { transform: none; /* Flat on mobile */ } } Business Name

Your Business Name

St. Michaels Brewfest

Categories

EventsRecreation
St. Michael MD 21663

Visit Website

Hours:

Saturday following Memorial Day 12 - 5 pm

Driving Directions:

http://stmichaelsbrewfest.files.wordpress.com/2014/02/brewfest-map.png
About Us

Brewfest will feature over 70 beers including one-off's, seasonals, collaborations and casks from local, regional & national breweries. This will all take place at three locations within easy walking distance in the heart of St Michaels. Events will take place at the Old Mill behind Eastern Shore Brewing Co, Foxy's Harbor Grille and The Crab Claw Restaurant..

Go to : http://www.missiontix.com/events/product/24928/stmichaels-Brewfest to purchase tickets. This event will most likely sell out.
Highlights

We will feature over 45 Craft Beers
From amazing breweries
CLICK HERE TO BUY TICKETS
Brought to you by Eastern Shore Brewing, Foxy's Harbor Grille
The Crab Claw Restaurant and The Town Dock Restaurant
Images

Share

Print Email Facebook Twitter LinkedIn Pinterest

Tell a Friend