/* _content/PWXWEB/Views/Home/Catalogue.cshtml.rz.scp.css */
.first-section[b-hp48efdtsy] {
    position: relative;
    overflow: hidden;
    height: 100vh;
    display: flex;
    align-items: center;
    padding: 0 5%;
    color: #fff;
}

    .first-section[b-hp48efdtsy]::before {
        content: "";
        position: fixed; /* key */
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), url('images/bg/catalogue-bg.webp') no-repeat center 80%; /* adjust here */
        background-size:cover;
        transform: scaleX(-1);
        z-index: -1;
        pointer-events: none; /* allow clicks through */
        filter: brightness(0.7); /* optional darken */
    }

.hero-text-block[b-hp48efdtsy] {
    max-width: 700px;
    z-index: 2;
    animation: fadeIn-b-hp48efdtsy 1.5s ease-in-out;
}

.hero-subtitle[b-hp48efdtsy] {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 25px;
    color: #f5f5f5;
}

.hero-title[b-hp48efdtsy] {
    font-family: 'Oregon LDO Regular', serif;
    font-size: 72px;
    line-height: 1.1;
    margin-bottom: 35px;
    color: #fff;
}

.hero-button[b-hp48efdtsy] {
    position: relative;
    display: inline-block;
    font-family: 'Helvetica Neue', sans-serif;
    font-size: 16px;
    padding: 16px 36px;
    border: 2px solid #fff;
    color: #fff;
    text-decoration: none;
    overflow: hidden; /* key to hide pseudo-element overflow */
    z-index: 1;
    transition: color 0.3s ease, border-color 0.3s ease;
}

    .hero-button[b-hp48efdtsy]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgb(var(--bs-warning-rgb));
        z-index: -1;
        transform: scaleX(0);
        transform-origin: left center;
        transition: transform 0.4s ease;
    }

    .hero-button:hover[b-hp48efdtsy] {
        color: #000;
        border-color: rgb(var(--bs-warning-rgb));
    }

        .hero-button:hover[b-hp48efdtsy]::before {
            transform: scaleX(1);
        }


@keyframes fadeIn-b-hp48efdtsy {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Mobile Responsive */
@media (max-width: 991px) {
    .hero-title[b-hp48efdtsy] {
        font-size: 48px;
    }

    .hero-subtitle[b-hp48efdtsy] {
        font-size: 14px;
        letter-spacing: 1.5px;
    }

    .hero-button[b-hp48efdtsy] {
        font-size: 14px;
        padding: 14px 28px;
    }
}

@media (max-width: 575px) {
    .first-section[b-hp48efdtsy] {
        padding: 0 10%;
        justify-content: center;
        text-align: center;
    }

    .hero-text-block[b-hp48efdtsy] {
        max-width: 100%;
    }

    .hero-title[b-hp48efdtsy] {
        font-size: 38px;
    }

    .hero-subtitle[b-hp48efdtsy] {
        font-size: 12px;
        letter-spacing: 1px;
    }

    .hero-button[b-hp48efdtsy] {
        font-size: 12px;
        padding: 12px 24px;
    }
}

.burgandy-cs[b-hp48efdtsy] {
    font-family: 'Playfair Display', serif;
}
/* _content/PWXWEB/Views/Home/Entrade.cshtml.rz.scp.css */
.first-section[b-ll7yg6s13y] {
    position: relative;
    overflow: hidden;
    height: 100vh;
    display: flex;
    align-items: center;
    padding: 0 5%;
    color: #fff;
}

    .first-section[b-ll7yg6s13y]::before {
        content: "";
        position: absolute; /* key */
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), url('images/bg/BONDDINNER.png') no-repeat center 80%; /* adjust here */
        background-size: cover;
        z-index: -1;
        pointer-events: none; /* allow clicks through */
    }

.hero-text-block[b-ll7yg6s13y] {
    max-width: 700px;
    z-index: 2;
    animation: fadeIn-b-ll7yg6s13y 1.5s ease-in-out;
}

.hero-subtitle[b-ll7yg6s13y] {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 25px;
    color: #f5f5f5;
}

.hero-title[b-ll7yg6s13y] {
    font-family: 'Oregon LDO Regular', serif;
    font-size: 72px;
    line-height: 1.1;
    margin-bottom: 35px;
    color: #fff;
}

.hero-button[b-ll7yg6s13y] {
    position: relative;
    display: inline-block;
    font-family: 'Helvetica Neue', sans-serif;
    font-size: 16px;
    padding: 16px 36px;
    border: 2px solid #fff;
    color: #fff;
    text-decoration: none;
    overflow: hidden; /* key to hide pseudo-element overflow */
    z-index: 1;
    transition: color 0.3s ease, border-color 0.3s ease;
}

    .hero-button[b-ll7yg6s13y]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgb(var(--bs-warning-rgb));
        z-index: -1;
        transform: scaleX(0);
        transform-origin: left center;
        transition: transform 0.4s ease;
    }

    .hero-button:hover[b-ll7yg6s13y] {
        color: #000;
        border-color: rgb(var(--bs-warning-rgb));
    }

        .hero-button:hover[b-ll7yg6s13y]::before {
            transform: scaleX(1);
        }


@keyframes fadeIn-b-ll7yg6s13y {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Mobile Responsive */
@media (max-width: 991px) {
    .hero-title[b-ll7yg6s13y] {
        font-size: 48px;
    }

    .hero-subtitle[b-ll7yg6s13y] {
        font-size: 14px;
        letter-spacing: 1.5px;
    }

    .hero-button[b-ll7yg6s13y] {
        font-size: 14px;
        padding: 14px 28px;
    }
}

@media (max-width: 575px) {
    .first-section[b-ll7yg6s13y] {
        padding: 0 10%;
        justify-content: center;
        text-align: center;
    }

    .hero-text-block[b-ll7yg6s13y] {
        max-width: 100%;
    }

    .hero-title[b-ll7yg6s13y] {
        font-size: 38px;
    }

    .hero-subtitle[b-ll7yg6s13y] {
        font-size: 12px;
        letter-spacing: 1px;
    }

    .hero-button[b-ll7yg6s13y] {
        font-size: 12px;
        padding: 12px 24px;
    }
}

.burgandy-cs[b-ll7yg6s13y] {
    font-family: 'Playfair Display', serif;
}

/* The main section container */
.hero-section[b-ll7yg6s13y] {
    position: relative; /* Essential for positioning the carousel */
    height: 50vh; /* Set height to half the viewport height, as requested */
    width: 100%;
    overflow: hidden; /* Ensures nothing spills out */
}

/* The Owl Carousel container */
.hero-background-carousel[b-ll7yg6s13y] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Individual slides within the carousel */
.hero-slide[b-ll7yg6s13y] {
    width: 100%;
    height: 50vh; /* Each slide must also have the same height */
    background-size: cover; /* This makes the image cover the entire area */
    background-position: center center; /* Center the image */
    background-repeat: no-repeat;
}



/* Events Section Styling */

.events-section[b-ll7yg6s13y] {
    background-image: url('images/bg/enbg.png');
    /* UPDATED: Changed background-size to contain the whole image */
    background-size: cover;
    background-position: center;
    /* REMOVED: background-attachment: fixed to allow scrolling */
    /* ADDED: background-repeat to prevent tiling */
    background-repeat: no-repeat;
    padding: 5rem 2rem;
    position: relative;
    color: #e0e0e0;
}



.container[b-ll7yg6s13y] {
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.section-title[b-ll7yg6s13y] {
    font-family: 'Oregon LDO Book Regular', serif;
    font-size: 2.5rem;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 4rem;
    color: #ffffff;
}

.event-item[b-ll7yg6s13y] {
    display: flex;
    align-items: center;
    gap: 3rem;
    margin-bottom: 4rem;
}

/* UPDATED: Defined a fixed size for the image container */
.event-item-image[b-ll7yg6s13y] {
    flex-shrink: 0;
    width: 300px;
    height: 450px; /* Set a fixed height */
    overflow: hidden; /* Hide parts of the image that don't fit */
}

    /* UPDATED: Made the image cover the fixed-size container */
    .event-item-image img[b-ll7yg6s13y] {
        width: 100%;
        height: 100%;
        object-fit: cover; /* Ensures the image covers the area without distortion */
        display: block;
    }

.event-item-content[b-ll7yg6s13y] {
    font-size: 0.95rem;
    line-height: 1.7;
    font-weight: 300;
    font-family: 'Avenir', sans-serif;
}

    .event-item-content p[b-ll7yg6s13y] {
        margin-top: 0;
        margin-bottom: 1.5rem;
    }

.event-button[b-ll7yg6s13y] {
    display: inline-block;
    padding: 14px 35px;
    border-radius: 50px;
    border: 1px solid #c5c5c5;
    background-color: transparent;
    color: #e0e0e0;
    /* REMOVED font-family */
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.9rem;
    letter-spacing: 1.5px;
    transition: background-color 0.3s ease, color 0.3s ease, transform 0.2s ease;
    cursor: pointer;
}

    .event-button:hover[b-ll7yg6s13y] {
        background-color: #ffffff;
        color: #1a1a1a;
        transform: scale(1.05);
    }

@media (max-width: 768px) {
    .events-section[b-ll7yg6s13y] {
        padding: 3rem 1rem;
    }

    .section-title[b-ll7yg6s13y] {
        font-size: 1.8rem;
        margin-bottom: 3rem;
    }

    .event-item[b-ll7yg6s13y] {
        flex-direction: column;
        text-align: center;
        gap: 1.5rem;
    }

    .event-item-image[b-ll7yg6s13y] {
        width: 100%;
        max-width: 300px;
        /* Adjust height for mobile if needed, or it will keep the 450px height */
        height: auto; /* Let height be automatic on mobile for better aspect ratio */
    }

        .event-item-image img[b-ll7yg6s13y] {
            height: auto;
        }
}
/* _content/PWXWEB/Views/Home/Index.cshtml.rz.scp.css */
.hero-carousel-section[b-v01423rx1a] {
    position: relative;
    overflow: hidden;
    height: 100vh;
    display: flex;
    align-items: center;
    padding: 0 5%;
    color: #fff;
}

/* --- Owl Carousel Customization --- */
.owl-carousel[b-v01423rx1a] {
    position: absolute; /* Changed to fixed to act as a true background */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Set to -1 to be behind all other content */
}

    .owl-carousel .item[b-v01423rx1a] {
        height: 100vh;
        width: 100%;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .owl-carousel .owl-stage-outer[b-v01423rx1a],
    .owl-carousel .owl-stage[b-v01423rx1a],
    .owl-carousel .owl-item[b-v01423rx1a] {
        height: 100%;
    }

/* Hide the default navigation arrows and dots */
.owl-nav[b-v01423rx1a], .owl-dots[b-v01423rx1a] {
    display: none;
}

/* --- Hero Text Styling (from your original code) --- */
.hero-text-block[b-v01423rx1a] {
    max-width: 700px;
    z-index: 2; /* In front of the carousel */
    animation: fadeIn-b-v01423rx1a 1.5s ease-in-out;
    position: relative; /* Ensure it respects the parent's padding */
}

.hero-subtitle[b-v01423rx1a] {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 25px;
    color: #f5f5f5;
}

.hero-title[b-v01423rx1a] {
    /* Assuming 'Oregon LDO Regular' is loaded in your project */
    font-family: 'Oregon LDO', serif;
    font-size: 72px;
    line-height: 1.1;
    margin-bottom: 35px;
    color: #fff;
}

.burgandy-cs[b-v01423rx1a] {
    /* Assuming 'Playfair Display' is loaded in your project */
    font-family: 'Playfair Display', serif;
}

.hero-button[b-v01423rx1a] {
    position: relative;
    display: inline-block;
    font-family: 'Helvetica Neue', sans-serif;
    font-size: 16px;
    padding: 16px 36px;
    border: 2px solid #fff;
    color: #fff;
    text-decoration: none;
    overflow: hidden;
    z-index: 1;
    transition: color 0.3s ease, border-color 0.3s ease;
}

    .hero-button[b-v01423rx1a]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /* Assuming --bs-warning-rgb is defined, otherwise using a fallback */
        background-color: #ffc107;
        z-index: -1;
        transform: scaleX(0);
        transform-origin: left center;
        transition: transform 0.4s ease;
    }

    .hero-button:hover[b-v01423rx1a] {
        color: #000;
        border-color: #ffc107;
    }

        .hero-button:hover[b-v01423rx1a]::before {
            transform: scaleX(1);
        }

@keyframes fadeIn-b-v01423rx1a {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* --- Responsive Adjustments --- */
@media (max-width: 991px) {
    .hero-title[b-v01423rx1a] {
        font-size: 48px;
    }

    .hero-subtitle[b-v01423rx1a] {
        font-size: 14px;
        letter-spacing: 1.5px;
    }

    .hero-button[b-v01423rx1a] {
        font-size: 14px;
        padding: 14px 28px;
    }
}

@media (max-width: 575px) {
    .hero-carousel-section[b-v01423rx1a] {
        padding: 0 10%;
        justify-content: center;
        text-align: center;
    }

    .hero-text-block[b-v01423rx1a] {
        max-width: 100%;
    }

    .hero-title[b-v01423rx1a] {
        font-size: 38px;
    }

    .hero-subtitle[b-v01423rx1a] {
        font-size: 12px;
        letter-spacing: 1px;
    }

    .hero-button[b-v01423rx1a] {
        font-size: 12px;
        padding: 12px 24px;
    }
}

/* Responsive Image Box */
.image-box[b-v01423rx1a] {
    width: 80%; /* Responsive: 80% of column */
    max-width: 600px; /* Optional: max size */
    aspect-ratio: 1 / 1; /* Keep square box! */
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

    .image-box img[b-v01423rx1a] {
        width: 100%;
        height: 100%;
        object-fit: cover; /* fill box */
    }

.right-content .btn-link[b-v01423rx1a] {
    color: #ffffff;
    text-decoration: underline;
}

.right-content .text-primary[b-v01423rx1a] {
    color: #007bff !important;
}

.section-distinction[b-v01423rx1a] {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%), #ffffff;
    color: #000;
    padding: 5rem 0;
}
@media (min-width: 992px) {
    section#fullbled > div:first-child[b-v01423rx1a] {
        flex-basis: 50% !important;
        height: 500px !important;
    }

    section#fullbled > div:last-child[b-v01423rx1a] {
        flex-basis: 50% !important;
    }
}
/* _content/PWXWEB/Views/Home/Producers.cshtml.rz.scp.css */
.first-section[b-6nnodw1dru] {
    position: relative;
    overflow: hidden;
    height: 100vh;
    display: flex;
    align-items: center;
    padding: 0 5%;
    color: #fff;
}

    .first-section[b-6nnodw1dru]::before {
        content: "";
        position: absolute; /* key */
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), url('images/bg/producers-bg.webp') no-repeat center center;
        background-size: cover;
        transform: scaleX(-1);
        z-index: -1;
        pointer-events: none; /* allow clicks through */
  
    }

.hero-text-block[b-6nnodw1dru] {
    max-width: 700px;
    z-index: 2;
    animation: fadeIn-b-6nnodw1dru 1.5s ease-in-out;
}

.hero-subtitle[b-6nnodw1dru] {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 25px;
    color: #f5f5f5;
}

.hero-title[b-6nnodw1dru] {
    font-family: 'Oregon LDO Regular', serif;
    font-size: 72px;
    line-height: 1.1;
    margin-bottom: 35px;
    color: #fff;
}

.hero-button[b-6nnodw1dru] {
    position: relative;
    display: inline-block;
    font-family: 'Helvetica Neue', sans-serif;
    font-size: 16px;
    padding: 16px 36px;
    border: 2px solid #fff;
    color: #fff;
    text-decoration: none;
    overflow: hidden; /* key to hide pseudo-element overflow */
    z-index: 1;
    transition: color 0.3s ease, border-color 0.3s ease;
}

    .hero-button[b-6nnodw1dru]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgb(var(--bs-warning-rgb));
        z-index: -1;
        transform: scaleX(0);
        transform-origin: left center;
        transition: transform 0.4s ease;
    }

    .hero-button:hover[b-6nnodw1dru] {
        color: #000;
        border-color: rgb(var(--bs-warning-rgb));
    }

        .hero-button:hover[b-6nnodw1dru]::before {
            transform: scaleX(1);
        }


@keyframes fadeIn-b-6nnodw1dru {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Mobile Responsive */
@media (max-width: 991px) {
    .hero-title[b-6nnodw1dru] {
        font-size: 48px;
    }

    .hero-subtitle[b-6nnodw1dru] {
        font-size: 14px;
        letter-spacing: 1.5px;
    }

    .hero-button[b-6nnodw1dru] {
        font-size: 14px;
        padding: 14px 28px;
    }
}

@media (max-width: 575px) {
    .first-section[b-6nnodw1dru] {
        padding: 0 10%;
        justify-content: center;
        text-align: center;
    }

    .hero-text-block[b-6nnodw1dru] {
        max-width: 100%;
    }

    .hero-title[b-6nnodw1dru] {
        font-size: 38px;
    }

    .hero-subtitle[b-6nnodw1dru] {
        font-size: 12px;
        letter-spacing: 1px;
    }

    .hero-button[b-6nnodw1dru] {
        font-size: 12px;
        padding: 12px 24px;
    }
}

.burgandy-cs[b-6nnodw1dru] {
    font-family: 'Playfair Display', serif;
}

.map-showcase-section[b-6nnodw1dru] {
    background-color: #3f0d0d;
    padding: 5rem 0;
    position: relative;
    overflow: hidden;
}

/* --- Map Item Styling --- */
.map-item[b-6nnodw1dru] {
    text-align: center;
    cursor: pointer;
    padding: 1rem;
}

.map-image-wrapper[b-6nnodw1dru] {
    /* Adjusted size to better fit 4 items */
    width: 300px;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}

.map-item img[b-6nnodw1dru] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.4));
    transition: transform 0.4s ease-out, filter 0.4s ease-out;
}

/* --- Animations & Active State --- */
.map-item:hover img[b-6nnodw1dru] {
    transform: translateY(-10px) scale(1.05);
}

/* Re-introduced click-based active state with a softer glow */
.map-item.active img[b-6nnodw1dru] {
    filter: drop-shadow(0 0 15px rgba(255, 255, 255, 0.5)) drop-shadow(0 10px 8px rgba(0, 0, 0, 0.6));
    transform: translateY(-10px) scale(1.05);
}

/* --- Owl Carousel Custom Navigation --- */
.owl-nav[b-6nnodw1dru] {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    pointer-events: none; /* Let clicks pass through */
}

    .owl-nav button.owl-prev[b-6nnodw1dru],
    .owl-nav button.owl-next[b-6nnodw1dru] {
        pointer-events: all; /* Make buttons clickable */
        background: none !important;
        border: none !important;
        color: rgba(255, 255, 255, 0.7) !important;
        font-size: 2.5rem !important;
        margin: 0 2rem !important;
        transition: color 0.3s ease, transform 0.3s ease !important;
    }

        .owl-nav button.owl-prev:hover[b-6nnodw1dru],
        .owl-nav button.owl-next:hover[b-6nnodw1dru] {
            color: white !important;
            transform: scale(1.2);
        }

/* Hide default dots */
.owl-dots[b-6nnodw1dru] {
    display: none;
}


/* Responsive adjustments */
@media (max-width: 1200px) {
    .map-image-wrapper[b-6nnodw1dru] {
        /* Size for 3 items on tablet */
        width: 280px;
        height: 280px;
    }
}

@media (max-width: 768px) {
    .map-showcase-section[b-6nnodw1dru] {
        padding: 4rem 0;
    }

    .map-image-wrapper[b-6nnodw1dru] {
        /* Size for 1 item on mobile */
        width: 250px;
        height: 250px;
    }

    .owl-nav button.owl-prev[b-6nnodw1dru],
    .owl-nav button.owl-next[b-6nnodw1dru] {
        margin: 0 1rem !important;
        font-size: 2rem !important;
    }
}





.wine-region-section[b-6nnodw1dru] {
    padding: 5rem 0;
    position: relative;
    /* Set the background image directly on the section */
    /* IMPORTANT: Replace with the correct path to your image */
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.region-content[b-6nnodw1dru] {
    position: relative;
    z-index: 2; /* Ensures content is above the background if needed */
}

.region-map-icon[b-6nnodw1dru] {
    max-width: 100px;
    margin-bottom: 1.5rem;
}

.region-title[b-6nnodw1dru] {
    letter-spacing: 3px;
    font-weight: bold;
    font-size: 1.8rem;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.region-description[b-6nnodw1dru] {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    font-size: 0.95rem;
    line-height: 1.7;
    color: #5c4d45;
    margin-bottom: 4rem;
}

.producers-title[b-6nnodw1dru] {
    letter-spacing: 4px;
    font-weight: bold;
    font-size: 1.5rem;
    text-transform: uppercase;
    margin-bottom: 3rem;
    position: relative;
    display: inline-block;
}



.producer-list[b-6nnodw1dru] {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .producer-list li[b-6nnodw1dru] {
        font-size: 0.9rem;
        margin-bottom: 0.75rem;
        color: #5c4d45;
        text-transform: uppercase;
    }

.producers-title[b-6nnodw1dru], .region-title[b-6nnodw1dru] {
    font-family: 'Oregon LDO Book Regular', serif;
    color: #3f0d0d;
    font-size: 30px;
    font-weight:300;
}

/*
         * Custom Styles for the Mendoza Wine Region Section
         * These styles are now scoped specifically to the .mendoza-section
         * to avoid conflicts with other page elements.
         */

.mendoza-section[b-6nnodw1dru] {
    padding: 5rem 0;
    position: relative;
    background-color: #CFCFCF; /* Solid background color for the section */
    overflow: hidden; /* Ensures pseudo-elements don't spill out */
}

    /* Faded background image using a pseudo-element and a CSS variable */
    .mendoza-section[b-6nnodw1dru]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        /* The background image is now set by the --bg-image variable from the HTML */
        background-image: var(--bg-image);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        opacity: 0.1; /* Reduced opacity to make the background much more subtle */
        z-index: 1;
    }

    .mendoza-section .region-content[b-6nnodw1dru] {
        position: relative;
        z-index: 2; /* Ensures content is on top of the faded background */
    }

    .mendoza-section .region-title[b-6nnodw1dru] {
        letter-spacing: 3px;
        font-weight: bold;
        font-size: 1.8rem;
        text-transform: uppercase;
        margin-bottom: 1rem;
    }

    .mendoza-section .region-description[b-6nnodw1dru] {
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
        font-size: 0.95rem;
        line-height: 1.7;
        color: #5c4d45;
        margin-bottom: 4rem;
    }

    .mendoza-section .producers-title[b-6nnodw1dru] {
        letter-spacing: 4px;
        font-weight: bold;
        font-size: 1.5rem;
        text-transform: uppercase;
        margin-bottom: 3rem;
        position: relative;
        display: inline-block;
    }


    .mendoza-section .producer-list[b-6nnodw1dru] {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .mendoza-section .producer-list li[b-6nnodw1dru] {
            font-size: 0.9rem;
            margin-bottom: 0.75rem;
            color: #5c4d45;
            text-transform: uppercase;
        }


/* _content/PWXWEB/Views/Shared/_Layout.cshtml.rz.scp.css */
/* Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

/*a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

a {
  color: #0077cc;
}

.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
}*/
/* _content/PWXWEB/Views/Shared/_TopNav.cshtml.rz.scp.css */
header[b-si31ytu0eq] {
    position: sticky;
    top: 0;
    z-index: 1000;
}