| 1 |
.eel-offcanvas.modern{width:100%}.eel-offcanvas:not(.modern){position:fixed;top:0;right:0;width:380px;height:100%;background:#fff;transform:translateX(100%);transition:transform .3s ease;z-index:999999;padding:60px 25px 40px 40px;overflow-y:auto}.eel-offcanvas:not(.modern).eel-offcanvas-left{left:0;right:auto;transform:translateX(-100%)}.eel-offcanvas.modern{position:fixed;background:#fff;top:0;left:0;right:0;bottom:0;height:100%;z-index:999999;padding:60px 100px 40px 40px;overflow-y:auto;visibility:hidden;opacity:0;transition:all .5s cubic-bezier(0.77, 0, 0.175, 1)}body.eel-offcanvas-active .eel-offcanvas.modern{visibility:visible;opacity:1}body.logged-in .eel-offcanvas{padding:80px 25px 40px 40px}body.logged-in .eel-offcanvas .eel-nav-menu-icon{top:50px}body.logged-in .eel-offcanvas{padding:80px 25px 40px 40px}body.logged-in .eel-offcanvas .eel-nav-menu-icon{top:50px}body.eel-offcanvas-active .eel-offcanvas:not(.modern){transform:translateX(0)}body.eel-offcanvas-active::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:99999}.eel-offcanvas-close{position:absolute;top:20px;right:25px;font-size:25px;border-radius:100%;border:none;cursor:pointer;color:#000;z-index:1;padding:0;display:grid;place-content:center;margin:0 auto}.eel-offcanvas-close svg{height:1em;fill:currentColor}.eel-offcanvas-toggle-text{cursor:pointer;display:flex;align-items:center}.eel-offcanvas-toggle-text svg{width:20px;height:20px}.eel-offcanvas-toggle-text .eel-icon-text{margin-right:6px;font-style:normal}.eel-modern-close-toggle,.modern.eel-offcanvas-wrapper label{position:relative;width:36px;height:36px;cursor:pointer}.eel-modern-close-toggle span,.modern.eel-offcanvas-wrapper label span{position:absolute;width:100%;height:2px;background:#000;display:block;left:0;transition:.3s ease-in-out}.eel-modern-close-toggle span:nth-of-type(1),.modern.eel-offcanvas-wrapper label span:nth-of-type(1){top:27%}.eel-modern-close-toggle span:nth-of-type(2),.modern.eel-offcanvas-wrapper label span:nth-of-type(2){top:50%}.eel-modern-close-toggle span:nth-of-type(3),.modern.eel-offcanvas-wrapper label span:nth-of-type(3){bottom:22%}.eel-offcanvas.eel-blur-effect{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}body.eel-offcanvas-active .eel-modern-close-toggle span,body.eel-offcanvas-active .modern.eel-offcanvas-wrapper label span{transition:transform .6s cubic-bezier(0.77, 0, 0.175, 1) .4s,opacity .3s ease .4s}body.eel-offcanvas-active .eel-modern-close-toggle span:nth-of-type(1),body.eel-offcanvas-active .modern.eel-offcanvas-wrapper label span:nth-of-type(1){transform:rotate(45deg) translateY(-50%);top:50%;transition-delay:.8s}body.eel-offcanvas-active .eel-modern-close-toggle span:nth-of-type(2),body.eel-offcanvas-active .modern.eel-offcanvas-wrapper label span:nth-of-type(2){transform:scale(0);opacity:0;transition-delay:.6s}body.eel-offcanvas-active .eel-modern-close-toggle span:nth-of-type(3),body.eel-offcanvas-active .modern.eel-offcanvas-wrapper label span:nth-of-type(3){transform:rotate(-45deg) translateY(50%);bottom:50%;transition-delay:.8s}.eel-offcanvas.modern .eel-offcanvas-panel{height:100%;display:grid;align-items:center}.eel-modern-close{top:50%;transform:translateY(-50%);cursor:pointer}.eel-offcanvas.modern .eel-offcanvas-content{transform:translateY(60px);opacity:0;transition:transform .8s cubic-bezier(0.77, 0, 0.175, 1),opacity .5s ease}body.eel-offcanvas-active .eel-offcanvas.modern .eel-offcanvas-content{transform:translateY(0);opacity:1}.eel-icon-menu-wrap{position:relative;width:26px;height:12px;cursor:pointer}.eel-icon-menu-wrap *{transition:all ease-in .5s}.eel-icon-menu{content:"";display:block;position:absolute;top:0;width:100%;border-bottom:solid 2px #000}.eel-icon-menu-wrap:hover em{width:70%}.eel-icon-menu-wrap em:nth-child(2){top:auto;bottom:0;right:0}@media screen and (max-width: 991px){.eel-modern-close{top:40px;transform:translateY(0);cursor:pointer}.eel-offcanvas.modern .eel-offcanvas-panel{display:block}} |
