/* 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
  • The Oaks Waterfront Hotel

    The Oaks Waterfront Hotel

    Categories

    Inns & B&B'sCaterersHotelsLodging In St. MichaelsReception VenuesRehearsal DinnersUnique Venues

    Hours:

    The Oaks Waterfront Hotel is open year-round for your relaxation or special event.

    Driving Directions:

    GPS Address: 25876 Royal Oak Rd Easton, MD 21601

    Take eastbound Route 50 East toward Ocean City. Just past the Easton Airport, turn right onto Easton Parkway (Route 322) and follow the directions.

    About Us

    Experience Our Waterfront Eastern Shore Hotel

    Located on a serene cove off the Chesapeake Bay, just an hour from Annapolis and minutes from St. Michaels, Easton, and Oxford, The Oaks offers spacious guest rooms and exceptional waterfront event venues. Locally owned and managed, The Oaks provides an exclusive yet welcoming retreat where you can relax and feel right at home.

    Whether you're seeking a romantic getaway or an adventure on the Eastern Shore, The Oaks is the perfect destination. Each morning, start your day with a delicious gourmet breakfast to fuel your activities. Relax by the water with a refreshing drink in hand and enjoy the local wildlife. Explore the cove with our complimentary canoes or take a bike ride to the Oxford-Bellevue Ferry. Cool off in our newly renovated swimming pool and play a classic game of shuffleboard. Dine at one of the area's renowned restaurants and enjoy our boutique shopping.

    For ultimate luxury and privacy, our stunning waterfront cottages offer an intimate escape that will satisfy even the most discerning guests.

    Weddings

    The Oaks is the ideal setting for your dream wedding. With a secluded location and stunning surroundings, we can host weddings for up to 250 guests, offering the perfect balance of elegance, privacy, and charm.

    Our team is dedicated to providing exceptional service and hospitality, creating a personalized experience that will delight you and your loved ones. Let us help you create a wedding experience that you'll cherish forever.

    Highlights

    Images

    The Oaks Waterfront Hotel Main Entrance at Dusk
    Complimentary Gourmet Breakfast at The Oaks
    The Oaks Waterfront Hotel Front Lawn
    40' Hinckley Yacht Available for Charter
    The Oaks Waterfront Hotel Waterfront Patio
    The Oaks Waterfront Hotel Grounds
    The Oak Room Dining Area
    The Oaks Waterfront Hotel Lobby
    The Oaks Waterfront Hotel Lobby
    The Oaks Waterfront Hotel Accomodations
    The Oaks Waterfront Hotel Complimentary Bikes
    The Oaks Waterfront Hotel Dock
    The Oak Room Restaurant and Bar
    The Oaks Cottage Bedroom
    The Oaks Waterfront Hotel Main Entrance

  • Building Business. Building Community.