/* 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
  • Parsonage Inn

    Categories

    Lodging In St. MichaelsInns & B&B's

    About Us

    Nestled in the National Historic District and charming colonial seaport of St. Michaels Maryland, this unique brick Victorian (c. 1883) is just across the street from the Chesapeake Bay Maritime Museum entrance. We are a few blocks or walking distance from the harbor and most restaurants or shops it town.

    Our Historic 1883 Victorian B&B provides Queen and King brass beds, full breakfast, gracious hospitality and fair prices. Afternoon tea and light refreshments. Walk to shops, Maritime Museum and restaurants; off-street parking. Mobil Travel Guide recommended Inn. We are one of Trip Advisor's top rated Inns in the St. Michaels National Historic District! We offer specials throughout the year so please call us or go to our web site www.Parsonage-Inn.com for more information, photos, and to check room availability or make reservations online!

    Our cofee service with freshly baked muffins or pastry starts around 8 AM in the morning with a full hot breakfast served in our dining room around 9 AM or at either 8:30 AM or 9:30 AM for two seatings when we have more than 5 rooms occupied . . just check with the innkeeper. If you have any dietary restrictions . . please let us know in advance . . you can place a note in the comment field when booking online. In the afternoons starting around 4 PM, we put out cookies or cake with tea service in the parlor . . in the hotter months, we also put out lemonade or iced tea.

    We have discounted tickets for the winery and maritime museum. In the summer, our guests have pool access at our sister inn just 1/2 mile away.

    Images

    Gallery Image 1parsinn-front.jpg
    Gallery Image 2room-1.jpg
    Gallery Image 3dining.jpg
    Gallery Image 5bike-couple-ferry.jpg
    Gallery Image 7afternoontea-3%20(1).jpg
    Gallery Image 6pars-Pool.jpg
    Gallery Image 8stMike_harbor%20(1).jpg
    Gallery Image 1s.jpg
    Gallery Image 2room-1_251113-104940.jpg
    Gallery Image 3s.jpg
    Gallery Image 4s.jpg
    Gallery Image 5s.jpg
    Gallery Image 6s.jpg
    Gallery Image 7s.jpg
    Gallery Image 8s.jpg
    Gallery Image 9s.jpg
    Gallery Image Parsonage-1.jpg