/* 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
Tour of Homes
The houses in town are within walking distance of each other, which gives visitors a great opportunity to stroll through town and soak up the historic atmosphere. Most of the homes, built in the 18th and 19th centuries, had at one time been the residences of watermen and seafarers. Many of these homes have since been restored, expanded, and adapted to today’s life style.
The countryside homes are located just outside of town, often situated on expansive waterfront settings. These houses should not be missed, as they employ exquisite architectural details and are creatively set amidst the Eastern Shore landscape.
Visitors reach the country homes via professional licensed shuttle bus service, which is included in the price of the ticket. The buses leave from the Middle School parking lot on Seymour Ave. Buses will begin departing after the parade, with the last bus departing at 4:00 pm on Saturday and 3:30 pm on Sunday.
One of the highlights of the Christmas in St. Michaels weekend is the Tour of Homes. In one of the longest running home tours in Maryland, both historic homes in the village and some very special countryside homes are featured. Tickets are limited. See below for further details.
Your ticket provides:
One time admission to all tour homes
Transportation to the countryside homes
A detailed tour guide booklet with lots of local information and complete descriptions of each home on the tour along with other major landmarks in St. Michaels
Admission to the Chesapeake Bay Maritime Museum both Saturday and Sunday
Admission to the Classic Motor Museum both Saturday and Sunday
Tour of Homes
Date and Time
Sunday Dec 15, 2024 11:00 AM - 4:00 PM EST
Saturday, December 14, 2024
11:00am-5:00pm
Sunday, December 15, 2024
11:00am-4:00pm
Fees/Admission
$35 thru Friday, Dec. 13, 2024 (online until Noon Wednesday 12/11, Friday 12-3 in Marketplace, in shops til closing) $40 during Christmas in St. Michaels weekend