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

    Categories

    Inns & B&B'sLodging In St. MichaelsReception Venues

    About Us

    The Victoriana Inn is the ideal location for your special occasion. Our expansive grounds are perfect for your waterside reception, while the Inn is ideal for an elegant gathering indoors. Begin planning your wedding, family reunion, anniversary, business meetings or other memorable event with a phone call to the Victoriana. Whether a romantic getaway for two or an extravagant gala for friends and family we would be proud to help make your event a day to remember.

    Picture yourself on the sunny porch of a gracious Victorian home. Beyond the flowers and broad expanse of lawn, sunlight sparkles on the Chesapeake Bay. You’re in historic St. Michaels, Maryland enjoying the luxury and warm hospitality of our home.

    The Victoriana Inn was built in 1865, then known as “Willow Manse”, by Henry Clay Dodson. H.C Dodson, a U.S. Army officer during the Civil War occupied it as his private residence and office.
    It was purchased by Normand M. Shannahan in 1911 and kept as their family home, it is also known as the “Shannahan House”.
    It remained in the Shannahan estate until 1987 when Janet Bernstein purchased the house and preserved the historic character with major renovations and converted it into a Bed and Breakfast.

    Edmund G. Lind a noted Baltimore architect assisted H.C. Dodson with the design of this second Empire style house. It is situated on a slightly higher rise overlooking Navy Point. Navy Point was the sight of two oyster packing houses and a canning factory, which employed many of the original residents of St. Michaels.

    Highlights

    • Hosting weddings,special events & meetings
    • Pet friendly rooms and property
    • Free Wi Fi through out property and on grounds by the water
    • Private Parking- walking distance to all the attractions
    • Romantic getaways

    Images

    Gallery Image 0E08E3B0-E46C-47D4-A01C-7867CF4D34B2.jpeg
    Gallery Image 96B9A8C5-A5DF-412D-8F3B-73B4B086A8E7.jpeg
    Gallery Image D295CDA1-F5E1-4112-AC71-EBE00153AE0F.jpeg
    Gallery Image AB53D42E-FBB7-435A-895E-D41489078082.jpeg
    Gallery Image E0339DAE-1530-48EE-B478-755A45516CDF.jpeg
    Gallery Image 64E4F487-15E8-4C7D-9A7F-95D2AFE7EBBD.jpeg
    Gallery Image A39157B7-4543-4EAA-A8F7-BDBF455B9599.jpeg
    Gallery Image CFCAD154-532A-4D4E-8F41-764F0C6BA24D.jpeg
    Gallery Image 5EE17E93-7431-484B-A0AD-6F5B8D1968F3.jpeg
    Gallery Image 76994E91-C610-4983-82D1-E2883A0598C7.jpeg
    Gallery Image CC94FEE2-1423-4002-B9D6-292858002294.jpeg
    Gallery Image 4F7C112D-F7AA-4393-B921-8C64AA91C48F.jpeg
    Gallery Image FB3726FF-022B-4A03-BC35-A7C9EB6238C7.jpeg