/*!
  Atom, by Koding Themes
  componenet-navigation.css
  https://kodingthemes.com
*/body.show-sidebar-main .js-menu-toggle-home .open-menu-hamburger{display:none}.open-menu-hamburger,.close-menu-hamburger{width:44px;height:44px;display:flex;overflow:hidden;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-radius:100%;background-color:var(--icon-background)}.close-menu-hamburger{display:none}body.show-sidebar-main .js-menu-toggle-home .close-menu-hamburger{display:block}.sidebar-menu-full-width .sidebar-menu{display:grid;grid-template-columns:28% 28% 28%}.sidebar-menu-columns{overflow-y:auto;height:100vh;background-color:var(--color-black)}.sidebar-menu-full-width .sidebar-menu ul li a{font-family:var(--font-stack-header);font-style:var(--font-style-header);font-weight:var(--font-weight-header);color:var(--color-body-text);display:flex;justify-content:space-between;align-items:center;width:100%;flex-grow:1;font-size:2rem;line-height:1em;letter-spacing:.09375rem;padding:5px 0;margin:10px 0}ul.sidebar-mega-menu-list{list-style-type:none;padding:0 10px 0 40px}ul.sidebar-mega-menu-list li{margin-bottom:0;display:flex;align-items:center;justify-content:space-between;opacity:1}ul.sidebar-mega-menu-list li span.dropdown-toggle{cursor:pointer;padding:11px}@keyframes fadeInAnimation{0%{opacity:0}80%{opacity:0}to{opacity:1}}.active-sidebar-nav-column .sidebar-menu-back{animation:fadeInAnimation ease .5s;opacity:1}ul.sidebar-mega-menu-list li .dropdown-toggle{background-color:var(--icon-background);border-radius:100%;padding:7px 7px 8px 9px!important}ul.sidebar-mega-menu-list li .dropdown-toggle:hover{background-color:var(--icon-background-hover);color:var(--icon-font-hover)}ul.sidebar-mega-menu-list li .dropdown-toggle:after{transform:rotate(270deg);width:20px;height:13px}.sidebar-menu-columns.sidebar-menu-columns-parent ul li a{color:var(--color-body-text)}.sidebar-menu-columns.sidebar-menu-columns-parent ul li{opacity:1}ul.sidebar-mega-menu-list li a:hover,li.active-sidebar-menu-item a{text-decoration:underline!important;text-underline-offset:.2rem!important}.sidebar-menu-columns.sidebar-menu-columns-parent{background:var(--color-menu-bg)}.sidebar-menu-columns.sidebar-menu-columns-child{background:var(--color-body-bg)}.sidebar-menu-columns.sidebar-menu-columns-grandchild{background:var(--color-menu-bg)}.sidebar-menu-columns.sidebar-menu-columns-child,.sidebar-menu-columns.sidebar-menu-columns-grandchild{width:0%;transition:width .1s ease-in-out,visibility .1s ease-in-out}body.show-sidebar-main div#aside_main.sidebar-menu-full-width{background-color:#000000b3;transform:translateZ(0);opacity:1;visibility:visible;transition:opacity .2s ease;z-index:9999999}div#aside_main.sidebar-menu-full-width{left:120px;width:100%;transform:translate3d(calc(-100% - 120px),0,0);opacity:0;visibility:hidden;transition:opacity .3s,transform .1ms;background-color:#000000b3}.sidebar-menu-back,.sidebar-menu-full-width .close-menu{display:none}.sidebar-menu-back{color:var(--color-body-text);opacity:0;padding:4px;font-size:20px;align-items:center;width:100%;margin-bottom:10px;font-weight:var(--font-weight-header)}.sidebar-menu-back span.dropdown-toggle:after{color:var(--color-body-text);transform:rotate(90deg);filter:invert(1);width:20px;height:11px}span.sidebar-menu-back-btn{color:var(--color-body-text);margin-left:5px}.sidebar-menu-columns-parent{width:0}body.show-sidebar-main .sidebar-menu-columns-parent{width:100%}@media screen and (max-width: 1023px){.sidebar-menu-full-width .sidebar-menu{display:block;max-width:80%!important;position:relative}div#aside_main.sidebar-menu-full-width{left:0}.sidebar-menu-columns{position:absolute}.sidebar-menu-columns.sidebar-menu-columns-parent{width:100%}.active-sidebar-nav-column .sidebar-menu-back{display:block}.sidebar-menu-full-width .close-menu{display:block;background-color:var(--icon-background);border-radius:100%}.show-sidebar-main .menu-popup-background{left:unset}}@media screen and (max-width: 767px){body.show-sidebar-main div#aside_main.sidebar-menu-full-width{transform:translate(0)!important}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-navigation.css.map */