/* _content/DevonWebSite/Components/Layout/MainLayout.razor.rz.scp.css */
/* Main layout container */
.page[b-cmvz5qc9ya] {
    position: relative;
    display: flex;
    flex-direction: column; /* Always vertical now */
    min-height: 100vh;
}

/* The main content area should fill the remaining space */
main[b-cmvz5qc9ya] {
    flex: 1;
}

/* Optional: tweak article padding on wider screens */
@media (min-width: 641px) {
    article.content[b-cmvz5qc9ya] {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
}

/* Keep the Blazor error UI as-is */
#blazor-error-ui[b-cmvz5qc9ya] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-cmvz5qc9ya] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/DevonWebSite/Components/Layout/NavMenu.razor.rz.scp.css */
/* Top navbar container */
.top-row[b-79dmhsgx16] {
    min-height: 3.5rem;
}

/* Brand text */
.navbar-brand[b-79dmhsgx16] {
    font-size: 1.1rem;
    font-weight: 500;
    color: #212529;
}

    /* Ensure brand stays dark even when link states change */
    .navbar-brand:link[b-79dmhsgx16],
    .navbar-brand:visited[b-79dmhsgx16],
    .navbar-brand:hover[b-79dmhsgx16],
    .navbar-brand:active[b-79dmhsgx16] {
        color: #212529;
    }

/* Nav links in the top bar */
.navbar-nav .nav-link[b-79dmhsgx16] {
    font-size: 0.95rem;
    color: #343a40;
}

/* Add more space between menu items on wider screens */
@media (min-width: 576px) {
    .navbar-nav .nav-item[b-79dmhsgx16] {
        margin: 0 2.5rem; /* adjust this value to taste */
    }
}

/* Hover state */
.navbar-nav .nav-link:hover[b-79dmhsgx16] {
    color: #0d6efd;
    background-color: rgba(0, 0, 0, 0.03);
    border-radius: 0.25rem;
}

/* Active route highlighting */
.navbar-nav .nav-link.active[b-79dmhsgx16] {
    color: #0d6efd;
    font-weight: 600;
}

/* Optional: tweak navbar toggler icon on light background */
.navbar-light .navbar-toggler[b-79dmhsgx16] {
    border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon[b-79dmhsgx16] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}