.floating-menu-mobile {
    position: fixed;
    z-index: 10;
    bottom: 0;
    background-color: #881716
}

#menu-1-7971e5,
.elementor,
.instagram-feed .slick-slide {
    position: relative
}

.elementor-20 .elementor-element.elementor-element-34c9f591 .menu-item.current-menu-item a.hfe-menu-item {
    font-weight: 700 !important
}

.floating-menu-mobile .e-con-inner,
.hfe-nav-menu-icon {
    padding: 0
}

.logo--container {
    height: 56px;
    padding: 0
}

.braz--submenu,
.braz--submenu-mobile {
    display: none
}

.braz--submenu .hfe-menu-toggle .fa::before {
    content: url('/wp-content/uploads/2024/04/astor-menu-arrow.svg') !important
}

.submenuArrowActive {
    rotate: 180deg
}

.braz--submenu-mobile .hfe-menu-toggle .fa::before {
    content: url('/wp-content/uploads/2024/04/Vector-1-1.svg') !important
}

.menu-mobile .hfe-menu-toggle .fa::before,
.submenu-close,
.submenu-close-button:before {
    display: none !important
}

.braz--submenu-mobile .hfe-nav-menu li.menu-item {
    position: initial !important;
    width: 100%
}

.braz--submenu-mobile .hfe-layout-horizontal {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.braz--submenu-mobile .hfe-menu-item {
    color: #fff !important
}

.braz--submenu-mobile .hfe-layout-horizontal .hfe-nav-menu {
    justify-content: space-between !important;
    align-items: center;
    width: 100%;
    flex-wrap: nowrap !important;
    position: relative
}

.braz--submenu-mobile .menu-item a.hfe-menu-item {
    width: 100%;
    justify-content: center
}

.braz--submenu-mobile .hfe-layout-horizontal .hfe-nav-menu:before {
    content: '';
    position: absolute;
    width: 2px;
    height: 100%;
    background: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.braz--submenu-mobile .hfe-layout-horizontal .hfe-nav-menu__layout-horizontal {
    width: 100%
}

.braz--submenu .sub-menu {
    width: 320px !important;
    left: -100px !important;
    padding: 24px 16px !important
}

.braz--submenu-mobile .sub-menu {
    top: -255px !important;
    width: 100vw !important;
    height: 100vh !important;
    left: -10px !important;
    padding: 1rem !important;
    background-color: #000 !important;
    z-index: 999
}

.braz--submenu-mobile {
    width: 100%
}

.braz--submenu-mobile .sub-menu a.hfe-sub-menu-item,
.elementor-20 .braz--submenu .sub-menu a.hfe-sub-menu-item {
    padding: .5rem 0 !important;
    text-align: center;
    display: block;
    min-height: 30px;
    background-color: #fff;
    border-radius: 4px;
    margin-top: .875rem;
    color: #000 !important;
    font-weight: 700 !important
}

.braz--submenu-mobile .sub-menu a.hfe-sub-menu-item span i,
.elementor-20 .braz--submenu .sub-menu a.hfe-sub-menu-item span i {
    display: none
}

.braz--submenu #menu-item-2169:before,
.braz--submenu #menu-item-2172:before,
.braz--submenu #menu-item-3388:before,
.braz--submenu-mobile #menu-item-2169:before,
.braz--submenu-mobile #menu-item-2568:before,
.braz--submenu-mobile #menu-item-2571:before,
.selected-house-text {
    content: "Selecione um de nossos cardápios:";
    color: #fff;
    font-family: "Neutra Text", Sans-Serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 21px
}

.btn-submit,
.newsletter-container h6 {
    font-weight: 700;
    text-transform: uppercase
}

.braz--submenu #menu-item-2172:before,
.braz--submenu-mobile #menu-item-2571:before {
    content: "Reserve em uma de nossas casas:"
}

.braz--submenu #menu-item-3388:before {
    content: "Faça seu evento em uma de nossas casas:"
}

.braz--submenu .menu-item {
    border: none !important
}

.braz--submenu #menu-1-34c9f591>li>.sub-menu {
    display: none;
    visibility: visible !important;
    transition: .5s
}

.braz--submenu #menu-1-34c9f591>li>.showFirstSubmenu,
.info-safe {
    display: block
}

#menu-item-2168 .sub-menu,
#menu-item-2169 .sub-menu,
#menu-item-2170 .sub-menu,
#menu-item-2171 .sub-menu,
#menu-item-2172 .sub-menu,
#menu-item-2173 .sub-menu,
#menu-item-3388 .sub-menu,
#menu-item-3389 .sub-menu,
#menu-item-3390 .sub-menu {
    display: none;
    left: 0 !important;
    top: 0 !important
}

#menu-item-2568 .sub-menu,
#menu-item-2569 .sub-menu,
#menu-item-2570 .sub-menu,
#menu-item-2571 .sub-menu,
#menu-item-2572 .sub-menu,
#menu-item-2573 .sub-menu {
    top: -5px !important;
    left: 0 !important
}

#menu-1-7971e5:after {
    content: '';
    width: 2px;
    background-color: #fff
}

.submenu-back-button {
    color: #630000;
    text-decoration: none;
    font-size: 1rem;
    position: absolute;
    top: 10px;
    right: 1rem
}

.submenu-back-button:before,
.submenu-close-button:after {
    content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.2793 4.94L7.2193 8L10.2793 11.06L9.33263 12L5.33263 8L9.33263 4L10.2793 4.94Z" fill="%23fff"/></svg>');
    top: 2px;
    left: -15px
}

.submenu-close-button:after {
    content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.47788 5.20833L10.5616 9.33036V10.4167H9.4854L5.40166 6.29464L1.31792 10.4167H0.241699V9.33036L4.32544 5.20833L0.241699 1.08631V0H1.31792L5.40166 4.12202L9.4854 0H10.5616V1.08631L6.47788 5.20833Z" fill="%23fff"/></svg>')
}

.elementor.elementor-20 {
    position: fixed;
    background-color: #fff;
    width: 100%
}

.floating-whatsapp-btn {
    max-width: 64px !important;
    position: fixed;
    right: 1rem;
    z-index: 9;
    bottom: 6rem
}

.header--braz_mobile {
    max-height: 70px
}

.mobile-menu-container .hfe-nav-menu-icon svg {
    width: 34px !important;
    height: 26px !important
}

.braz-logo--mobile {
    height: 40px
}

.menu-mobile {
    transform: translatex(100%);
    transition: .5s
}

.menu--open-slide {
    left: 100%;
    z-index: 999;
    transform: translatex(0) !important
}

.menu--open-slide:after {
    content: "";
    background: url('/wp-content/uploads/2024/04/astor-menu-mobile-grafismo.png') bottom/contain no-repeat;
    position: absolute;
    right: 0;
    bottom: 80px;
    width: 100%;
    height: 30px
}

.menu--close-slide {
    transform: translatex(100%)
}

.menu-toggle {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="35" height="26" viewBox="0 0 35 26" fill="none"><path d="M0 26V21.6667H34.6667V26H0ZM0 15.1667V10.8333H34.6667V15.1667H0ZM0 4.33333V0H34.6667V4.33333H0Z" fill="%23fff"></path></svg>') no-repeat;
    height: 30px;
    border: none;
    border-radius: 0;
    transition: none;
    outline: 0 !important
}

.menu--open {
    background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.66857 8L16 14.3314V16H14.3314L8 9.66857L1.66857 16H0V14.3314L6.33143 8L0 1.66857V0H1.66857L8 6.33143L14.3314 0H16V1.66857L9.66857 8Z" fill="%23fff"/></svg>') no-repeat;
    height: 23px
}

button:focus,
button:hover {
    background-color: transparent
}

.elementor-element.elementor-element-811b064 .menu-item a.hfe-menu-item {
    padding-top: 16px !important;
    padding-bottom: 16px !important
}

.newsletter-container {
    font-family: "Neutra Text", Sans-Serif
}

.newsletter-container h6 {
    color: #000;
    font-size: 1.25rem;
    margin: 0
}

.newsletter-container span {
    color: #000;
    font-size: .75rem
}

.newsletter-container input {
    height: 50px;
    padding: 1rem;
    outline: 0;
    border-radius: 15px;
    border: none;
    width: 100%
}

.newsletter-container input::placeholder {
    color: #000
}

.newsletter-container form {
    display: flex;
    gap: 1rem;
    margin-top: .875rem
}

.input-email {
    max-width: 290px
}

.btn-submit,
.input-birthday,
.input-name {
    width: 256px
}

.input-container {
    position: relative;
    width: 100%
}

.news-error-message {
    position: absolute;
    font-size: .75rem;
    bottom: -1.7rem;
    margin: 0;
    left: 0;
    color: #fff
}

.btn-submit {
    border: none;
    background-color: #881716;
    color: #fff;
    font-size: 1.25rem;
    margin-bottom: 8px;
    line-height: 4px;
    height: 100%;
    border-radius: 15px
}

.btn-submit:focus,
.btn-submit:hover {
    background-color: #5f1110;
    color: #fff;
    outline: 0
}

.info-safe {
    text-align: center
}

.success-container {
    display: none;
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
    font-family: Switzer, Sans-Serif
}

.success-container strong {
    font-weight: 600
}

.success-container h3 {
    font-size: 1.25rem;
    font-weight: 600
}

@media (max-width:1024px) {

    #menu-1-3803a50e .menu-item:nth-child(2)::after,
    #menu-1-3803a50e .menu-item:nth-child(4)::after,
    #menu-item-12176,
    #menu-item-27 {
        display: none
    }

    #menu-1-811b064 .menu-item .hfe-menu-item:after {
        content: '';
        opacity: 1;
        bottom: 0;
        background-color: #fff;
        height: 1px;
        width: 177px;
        display: block
    }

    #menu-item-41 .hfe-menu-item:after {
        display: none !important
    }

    .header--menu-open {
        background-color: #f1e1cf;
        transition: none
    }

    .newsletter-container form {
        flex-direction: column;
        gap: 1.5rem
    }

    .newsletter-container input {
        width: 100%;
        height: 40px;
        border-radius: 10px
    }

    .elementor-newsletter-container {
        padding: 0 1.25rem
    }

    .elementor-newsletter-container .e-con-inner {
        padding: 1.25rem 0
    }

    .input-email {
        max-width: unset
    }

    .btn-submit {
        width: 100%;
        min-height: 40px;
        border-radius: 10px;
        font-size: 1rem
    }

    .success-container {
        min-height: 344px
    }

    .news-error-message {
        bottom: -1.3rem
    }

    .elementor-188 .elementor-element.elementor-element-374ed8dd .menu-item.current-menu-item a.hfe-menu-item {
        padding: 0 0 .8rem !important
    }

    .elementor-188 .elementor-element.elementor-element-374ed8dd .menu-item.current-menu-item:last-child a.hfe-menu-item,
    .elementor-188 .elementor-element.elementor-element-3803a50e .menu-item.current-menu-item a.hfe-menu-item {
        padding: 0 !important
    }

    #menu-item-247,
    #menu-item-248,
    #menu-item-249 {
        display: flex;
        align-items: center
    }

    #menu-1-3803a50e .menu-item::after {
        content: "●";
        font-size: .5rem;
        margin: 0 12px;
        color: #1c1c1c
    }

    .elementor-12 .elementor-element.elementor-element-b92d9c0.e-con,
    .elementor-12 .elementor-element.elementor-element-bdfd81b.e-con {
        width: auto
    }

    #menu-1-3803a50e #menu-item-246 {
        display: flex;
        align-items: center;
        justify-content: center
    }

    #menu-1-3803a50e {
        max-width: 250px
    }

    .elementor-shape-rounded .elementor-icon.elementor-social-icon {
        width: 25px !important;
        height: 25px !important
    }
}

@media(min-width:1024px) {
    .newsletter-container input {
        border: 1px solid #000
    }
}

.instagram-feed {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px
}

.instagram-feed img,
.instagram-feed video {
    max-width: 380px;
    min-width: 380px;
    max-height: 329px;
    object-fit: cover;
    border-radius: 4px
}

.instagram-feed .ig-post-info {
    width: 100%;
    position: absolute;
    top: 0;
    height: 100%;
    background: linear-gradient(360deg, #000 0, rgba(43, 13, 15, .344697) 65.53%, rgba(65, 20, 22, 0) 100%);
    display: none;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-family: "Source sans Pro", sans-serif;
    gap: 10px;
    font-weight: 400;
    font-size: 20px
}

@media (min-width:768px) {
    .header--braz {
        height: 56px
    }

    .current-menu-item a:after {
        max-width: 60%;
        left: 50% !important;
        transform: translate(-50%) !important
    }

    .hfe-nav-menu .sub-menu li.menu-item {
        position: initial !important
    }

    .floating-whatsapp-btn {
        right: 5rem
    }

    .instagram-feed .slick-slide {
        margin: 0 3px
    }
}

.instagram-feed .slick-list {
    max-width: 1160px
}

.instagram-feed .slick-dots {
    bottom: -35px;
    border: 1px solid #fff
}

.instagram-feed .slick-dots .slick-active button,
.instagram-feed .slick-dots li button:hover {
    background-color: #fff
}

@media (max-width:768px) {
    .elementor.elementor-20 {
        top: 0
    }

    .instagram-feed {
        flex-wrap: wrap;
        max-width: 300px;
        gap: 4px
    }

    .manifest-background-img {
        min-height: 223px
    }
}

.footer-bottom {
    height: 22px
}