/* 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
  • Olivin's Fine Olive Oils & Vinegars

    Categories

    St. Michaels ShoppingAll St. Michaels ShoppingGifts, Food & WineHome & Accessories

    About Us

    Welcome to Olivins! Certified Extra Virgin Olive Oils and thick Balsamic Reductions from Modena. Over 10 Raw Honey's, Local Honey, Chocolate, Coffee and Simple Syrups.

    Tasting is Believing -- We are a Tasting Room so stop in for a fun tasting experience!

    Come in to taste fine Oliive Oils, Stuffed Olives, Balsamic Vinegar, Wine Vinegar, Honey, Chocolate, Maple Syrup, Simple Syrups, Curd, Bitters and Rosie Parks Balsamic Vinegar, Make sure to shop online or stop in today. We look forward to meeting you!

    Olivins was born early 2013 out of owner, Bill Acosta's passion for the best tastes the world offers. Bill gets excited about sharing these amazing products with customers in the store and out and about. I love to see someones face light up or see them stomp on the ground and say things like ''Get out'' when they taste.. ''I enjoy seeing a taster lick the last drop out of a cup because they love the flavor'' says Bill.

    As a former owner/operator of a health club in PA, Bill also loves healthy products and Olivins delivers when it comes to health benefits. Olivins is unique in the wide variety of products they offer and let you sample. There saying is ''Tasting is believing.'' Bill has many passions including life coach, personal trainer and pilot. Come enjoy a flight on the Olivins airline and become a frequent flyer. As a trainer he will guide you through what excites your taste buds and makes life a little more enjoyable.



    Images

    Gallery Image Olivin's%20Logo.jpg
    Gallery Image 1-IMG_1444%20(2).JPG
    Gallery Image 1-IMG_1431.JPG
    Gallery Image 1-IMG_1435.JPG
    Gallery Image 1-IMG_1432.JPG
    Gallery Image slide2-960x300.jpg
    Gallery Image 1-IMG_1439.JPG
    Gallery Image 1-IMG_1408.JPG
    Gallery Image 1-IMG_1412.JPG
    Gallery Image 1-IMG_1419.JPG
    Gallery Image slide1-960x300.jpg
    Gallery Image 1-IMG_1433.JPG
    Gallery Image 1-IMG_1436.JPG
    Gallery Image 1-slide3-960x300.jpg
    Gallery Image 1-IMG_1437.JPG
    Gallery Image 1-IMG_1438.JPG
    Gallery Image 1-IMG_1440.JPG
    Gallery Image 1-IMG_1441.JPG
    Gallery Image 1-IMG_1443.JPG
    Gallery Image 1-IMG_1444%20(2)_070417-010615.JPG