html.navbar-grid__active {
    --navbar-grid-offset: 30px
}

@media screen and (min-width: 768px) {
    html.navbar-grid__active {
        --navbar-grid-offset: 0px
    }
}

.navbar-grid__grid {
    background-color: #fdf8f5;
    display: grid;
    grid-template-columns: 1fr;
    align-items: start
}

@media screen and (min-width: 768px) {
    .navbar-grid__grid {
        grid-template-columns: 300px 1fr
    }
}

@media screen and (min-width: 1280px) {
    .navbar-grid__grid {
        grid-template-columns: 360px 1fr
    }
}

.navbar-grid__navbar {
    background-color: #1e1e1e00;
    border-top: 1px solid var(--color-gray-900);
    color: #000;
    min-width: 0;
    padding: var(--grid-col-gutter);
    position: sticky;
    top: calc(var(--header-height) + var(--wp-admin-bar-height));
    z-index: 22;
   
    font-size: 19px;
    
    font-weight: 900;
    box-shadow: 0 10px 30px 0 rgba(66, 50, 50, .1);
    padding: 20px;
}

@media screen and (min-width: 768px) {
    .navbar-grid__navbar {
        border-top: 0;
        
    }
}

@media screen and (min-width: 768px) {
    .navbar-grid__navbar>*+* {
        margin-top: 20px
    }
}

.navbar-grid__navbar .btn {
    width: 100%
}

.navbar-grid__navbar a {
    color: inherit;
    text-decoration: none
}

.navbar-grid__navbar a:hover {
    color: inherit
}

.navbar-grid__navbar-header {
    display: none
}

@media screen and (min-width: 768px) {
    .navbar-grid__navbar-header {
        display: block
    }
}

@media(max-height: 740px) {
    .navbar-grid__navbar-header {
        display: none
    }
}

.navbar-grid__content {
    min-width: 0;
    margin: 0 auto;
    height: 100%;
    width: 100%;
    max-width: 1020px;
    padding: var(--grid-section-gutter) var(--grid-col-gutter)
}

.navbar-grid__content .section::before {
    display: none !important
}

@media screen and (min-width: 768px) {
    .navbar-grid__navbar-content {
        border-top: 1px solid var(--color-gray-900)
    }

    .navbar-grid__navbar-content>.btn {
        display: block
    }
}

.navbar-grid__navbar-content>*+* {
    margin-top: 20px
}

@media screen and (max-width: 767px) {
    .navbar-grid__navbar-content>* {
        display: none
    }
}

@media(max-height: 740px) {
    .navbar-grid__navbar-content {
        border-top: 0;
        margin-top: 0
    }
}

.navbar-grid__navbar-content .navbar-grid__nav {
    display: block;
    margin-right: calc(-1*var(--grid-col-gutter));
    margin-left: calc(-1*var(--grid-col-gutter))
}

.navbar-grid__navbar-content .navbar-grid__nav ul {
    display: flex;
    overflow: auto;
    padding: 0 var(--grid-col-gutter);
    position: relative;
    white-space: nowrap;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.navbar-grid__navbar-content .navbar-grid__nav ul::-webkit-scrollbar {
    display: none
}

@media screen and (min-width: 768px) {
    .navbar-grid__navbar-content .navbar-grid__nav ul {
        display: block
    }
}

.navbar-grid__navbar-tag {
    background-color: var(--color-white);
    border-radius: var(--border-radius-xsmall);
    color: var(--color-bunker);
    display: inline-block;
    line-height: 1.091;
    padding: 5px 10px
}

.navbar-grid__navbar-tag+* {
    margin-top: 15px
}

@media screen and (min-width: 768px) {
    .navbar-grid__nav {
        margin-top: 30px;
        margin-bottom: 30px
    }
}

@media(max-height: 740px) {
    .navbar-grid__nav {
        margin-top: 0
    }
}

.navbar-grid__nav ul {
    list-style: none;
    padding-left: 0
}

.navbar-grid__nav li+li {
    margin-left: 20px
}

@media screen and (min-width: 768px) {
    .navbar-grid__nav li+li {
        margin-left: 0;
        margin-top: 25px
    }
}

.navbar-grid__nav a {
    display: block
}

@media screen and (min-width: 768px) {
    .navbar-grid__nav a {
        background-position: center right;
        background-repeat: no-repeat;
        background-size: 8px;
        padding-right: 20px;
        font-size: 16px;
    }

    .navbar-grid__nav a.active {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='11' viewBox='0 0 7 11' fill='none'%3E%3Cpath d='M1 1.34839L5 5.34839L0.999999 9.34839' stroke='#bb832b' stroke-width='2'/%3E%3C/svg%3E")
    }
}

.navbar-grid__nav-item-map {
    display: none
}

@media screen and (min-width: 768px) {
    .navbar-grid__nav-item-map {
        display: initial
    }
}

.navbar-grid__nav-item-map+li {
    margin-left: 0 !important
}

.navbar-grid__nav-tag {
    color: var(--color-tan);
    margin-bottom: 6px;
    display: none
}

@media screen and (min-width: 768px) {
    .navbar-grid__nav-tag {
        display: block
    }
}

.navbar-grid .consultant-cta {
    display: none
}

@media screen and (min-width: 768px) {
    .navbar-grid .consultant-cta {
        display: flex
    }
}

.navbar-grid__modal .modal__content {
    width: 100%;
    max-width: 98ch;
    padding: 0
}

@media screen and (min-width: 1024px) {
    .navbar-grid__modal .modal__content {
        max-width: 88ch
    }
}

.navbar-grid__modal .modal__content-wrap {
    border-radius: var(--border-radius-small)
}

.navbar-grid__modal .modal__close-button button {
    color: var(--color-white)
}

.navbar-grid .sticky-cta {
    align-items: normal;
    -moz-column-gap: 15px;
    column-gap: 15px
}