body { background-color: #f1ede6; } .nav-footer .bricks-nav-menu li a { display: flex; align-items: center; } .nav-footer .bricks-nav-menu li a::before { content: "•"; margin-right: 8px; display: inline-block; opacity: 0; transform: translateX(-5px); transition: all 0.3s ease; color: #a48374; font-size: 26px; line-height: 1; } .nav-footer .bricks-nav-menu li a:hover::before { opacity: 1; transform: translateX(0); } .nav-footer .bricks-nav-menu li a:hover { text-shadow: 0.5px 0 0 currentColor, -0.5px 0 0 currentColor; } .nav-link:hover { text-shadow: 0.5px } .brxe-offcanvas .nav-animation { opacity: 0; transform: translateX(100px); font-weight: 300 !important;   transition: opacity 0.6s ease-out, transform 0.6s ease-out; } .brxe-offcanvas.brx-open .nav-animation { opacity: 1; transform: translateX(0); } .brxe-offcanvas .nav-animation:hover { font-weight: 400 !important;  } .brxe-offcanvas.brx-open .brx-nav-nested-items .menu-item:nth-child(1) .nav-animation { transition-delay: 120ms; } .brxe-offcanvas.brx-open .brx-nav-nested-items .menu-item:nth-child(2) .nav-animation { transition-delay: 240ms; } .brxe-offcanvas.brx-open .brx-nav-nested-items .menu-item:nth-child(3) .nav-animation { transition-delay: 360ms; } .brxe-offcanvas.brx-open .brx-nav-nested-items .menu-item:nth-child(4) .nav-animation { transition-delay: 480ms; } .brxe-offcanvas.brx-open .brx-nav-nested-items .menu-item:nth-child(5) .nav-animation { transition-delay: 600ms; } .brxe-offcanvas.brx-open .brx-nav-nested-items .menu-item:nth-child(6) .nav-animation { transition-delay: 720ms; }