/** * 2007-2014 PrestaShop * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@prestashop.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade PrestaShop to newer * versions in the future. If you wish to customize PrestaShop for your * needs please refer to http://www.prestashop.com for more information. * * @author PrestaShop SA * @copyright 2007-2014 PrestaShop SA * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) * International Registered Trademark & Property of PrestaShop SA * * Don't forget to prefix your containers with your own identifier * to avoid any conflicts with others containers. */ img { max-width:100%; } /* menu desktop */ .avaorg-menu-vertical img { width:100%; } @media (max-width: 991px){ .avaorg-menu-vertical .hidden-mobile{ display:none; } } #_desktop_verticalmenu .avaorg-menu-vertical { position:relative; /* z-index:2; */ } .avaorg-menu-vertical .img_desktop{ overflow:hidden; display:block; position:relative; } .avaorg-menu-vertical img { width:100%; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; } .avaorg-menu-vertical img:hover { -moz-transform: scale(1.05) rotate(0.05deg); -ms-transform: scale(1.05) rotate(0.05deg); -o-transform: scale(1.05) rotate(0.05deg); -webkit-transform: scale(1.05) rotate(0.05deg); transform: scale(1.05) rotate(0.05deg); -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; } #_desktop_verticalmenu .avaorg-menu-vertical .title_vertical { cursor:pointer; margin: 0; display: flex; align-items: center; } #_desktop_verticalmenu .avaorg-menu-vertical .menu-content { display: none; width: 100%; background: var(--palette9); box-shadow: none; position: absolute; top: 100%; left: 0; padding:0; min-width:100%; border:1px solid var(--color-border); } @media (max-width:1199px) { #_desktop_verticalmenu .avaorg-menu-vertical .menu-content { min-width:225px; } } /* Menu item */ #_desktop_verticalmenu .avaorg-menu-vertical .menu-content .menu-item .menu-dropdown{ height: 1px; overflow: hidden; } #_desktop_verticalmenu .avaorg-menu-vertical .menu-content .menu-item:hover > .menu-dropdown{ height: auto; overflow: visible; } #_desktop_verticalmenu .avaorg-menu-vertical .menu-content .menu-item { display:block; position:relative; /* padding:0 20px; */ } .avaorg-menu-vertical .menu-content .menu-item > a { position: relative; overflow: hidden; word-wrap: break-word; padding: 12px 20px; border-bottom:1px solid var(--color-border); display: flex; align-items: center; } #_desktop_verticalmenu .avaorg-menu-vertical .menu-content .menu-item:last-child > a { border-bottom:none; } #_desktop_verticalmenu .avaorg-menu-vertical .menu-content .menu-item > a:hover { -webkit-transition: color 300ms linear; -moz-transition: color 300ms linear; -ms-transition: color 300ms linear; -o-transition: color 300ms linear; transition: color 300ms linear; } #_desktop_verticalmenu .avaorg-menu-vertical .menu-content .menu-item > a span.icon-ava { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); font-size: 1.1rem; } #_desktop_verticalmenu .avaorg-menu-vertical .menu-content .menu-item > a .img-icon{ margin-right: 5px; display: inline-block; vertical-align: middle; width:auto; } #_desktop_verticalmenu .avaorg-menu-vertical .menu-content .menu-item > a i{ display: inline-block; vertical-align: middle; font-size: 12px; font-weight: 400; } #_desktop_verticalmenu .avaorg-menu-vertical .menu-content .menu-item > a .icon_sub { position:absolute; right:0; top:50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #_desktop_verticalmenu .avaorg-menu-vertical .menu-content .menu-item .view_more i { margin-right:5px; font-size:16px; } /* end menu item */ /* Submenu */ #_desktop_verticalmenu .avaorg-menu-vertical .menu-content .menu-dropdown{ position: absolute; z-index:9; visibility: hidden; opacity: 0; text-align: left; top:0; left:100%; padding:0; } #_desktop_verticalmenu .avaorg-menu-vertical .menu-content .menu-dropdown .popup_vertical { box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.1); background: var(--palette9); /* padding: 30px; */ display:inline-block; } #_desktop_verticalmenu .avaorg-menu-vertical .menu-content .menu-dropdown .popup_vertical > .avaorg-menu-row.row { margin: 0; } #_desktop_verticalmenu .avaorg-menu-vertical .menu-content .menu-item:hover > .menu-dropdown,#_desktop_verticalmenu .avaorg-menu-vertical .menu-content .menu-item > .cat-drop-menu > li:hover > .cat-drop-menu{ opacity: 1; visibility: visible; transition: all 300ms ease 0s; } /* slidedown menu */ #_desktop_verticalmenu .avaorg-menu-vertical .menu-content .menu-item > .menu_slidedown,#_desktop_verticalmenu .avaorg-menu-vertical .menu-content .menu-item > .menu_slidedown.cat-drop-menu li > .menu-dropdown{ opacity: 0; visibility: hidden; -o-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-75deg); -o-transform: rotateX(-75deg); -moz-transform: rotateX(-75deg); -webkit-transform: rotateX(-75deg); } #_desktop_verticalmenu .avaorg-menu-vertical .menu-content .menu-item:hover > .menu_slidedown,#_desktop_verticalmenu .avaorg-menu-vertical .menu-content .menu-item > .menu_slidedown.cat-drop-menu li:hover > .menu-dropdown{ opacity: 1; visibility: visible; transform: rotateX(0deg); -o-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -o-transition: -o-transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; } /*end slidedown menu */ /* slideup menu */ #_desktop_verticalmenu .avaorg-menu-vertical .menu-content .menu-item > .menu_slideup,#_desktop_verticalmenu .avaorg-menu-vertical .menu-content .menu-item > .menu_slideup.cat-drop-menu li > .menu-dropdown{ opacity: 0; visibility: hidden; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } #_desktop_verticalmenu .avaorg-menu-vertical .menu-content .menu-item:hover > .menu_slideup,#_desktop_verticalmenu .avaorg-menu-vertical .menu-content .menu-item > .menu_slideup.cat-drop-menu li:hover > .menu-dropdown{ opacity: 1; visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -o-transition: -o-transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; } /*end slideup menu */ /* Rotate menu */ #_desktop_verticalmenu .avaorg-menu-vertical .menu-content .menu-item > .menu_slideleft,#_desktop_verticalmenu .avaorg-menu-vertical .menu-content .menu-item > .menu_slideleft.cat-drop-menu li > .menu-dropdown{ opacity: 0; visibility: hidden; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; -webkit-transform: translateX(0px) skewX(7deg); -moz-transform: translateX(40px) skewX(7deg); -ms-transform: translateX(40px) skewX(7deg); -o-transform: translateX(40px) skewX(7deg); transform: translateX(40px) skewX(7deg); -o-transition: -o-transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; } #_desktop_verticalmenu .avaorg-menu-vertical .menu-content .menu-item:hover > .menu_slideleft,#_desktop_verticalmenu .avaorg-menu-vertical .menu-content .menu-item > .menu_slideleft.cat-drop-menu li:hover > .menu-dropdown{ opacity: 1; visibility: visible; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); } #_desktop_verticalmenu .avaorg-menu-vertical .menu-content .menu-item .menu-dropdown .avaorg-menu-col { padding: 30px; } #_desktop_verticalmenu .avaorg-menu-vertical .icon-drop-mobile { display: none; } #_desktop_verticalmenu .avaorg-menu-vertical .menu-content .menu-dropdown .submenu-item > a, #_desktop_verticalmenu .avaorg-menu-vertical .menu-content .menu-item .column_title { font-weight:var(--font-semibold); display: block; margin-bottom: 10px; font-size: 17px; } #_desktop_verticalmenu .avaorg-menu-vertical .menu-content .menu-item .title-center > .column_title { /* #_mobile_verticalmenu .avaorg-menu-vertical .menu-content .menu-item .title-center > .column_title { */ margin-bottom: 25px; text-align: center; } #_desktop_verticalmenu .avaorg-menu-vertical .menu-content .menu-dropdown .submenu-item .category-sub-menu a { line-height: 2.2; display:block; } /* end subiteam */ /* end Submenu */ /* Fly out */ #_desktop_verticalmenu .avaorg-menu-vertical .menu-content .menu-item .menu-dropdown.cat-drop-menu { padding: 0 20px; width: 260px; border:1px solid #ebebeb; background:#fff; } #_desktop_verticalmenu .avaorg-menu-vertical .menu-content .menu-item .menu-dropdown.cat-drop-menu li { position: relative; padding: 10px 0; line-height:26px; border-bottom:1px solid #ebebeb; position:relative; display:block; } #_desktop_verticalmenu .avaorg-menu-vertical .menu-content .menu-item .menu-dropdown.cat-drop-menu li:last-child { border-bottom:none; } #_desktop_verticalmenu .avaorg-menu-vertical .menu-content .menu-item .menu-dropdown.cat-drop-menu li a{ display: block; } #_desktop_verticalmenu .avaorg-menu-vertical .menu-content .menu-item > .menu-dropdown.cat-drop-menu li > .menu-dropdown { left: 100%; top: -1px; } #_desktop_verticalmenu .avaorg-menu-vertical .menu-content .menu-item > .menu-dropdown.cat-drop-menu li:hover > .menu-dropdown { opacity: 1; visibility: visible; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } /* end Flyout */ #_desktop_verticalmenu .avaorg-menu-vertical .multirows.swiper-wrapper { display: flex; flex-wrap: wrap; } #_desktop_verticalmenu .avaorg-menu-vertical .multirows .swiper-slide { width: calc(100% / var(--vertical-slides-per-view, 2)); /* Auto-adjusts based on slidesPerView */ box-sizing: border-box; } #_desktop_verticalmenu .avaorg-menu-vertical .menu-content .menu-dropdown .ul-column.column_dropdown_vega .submenu-item { margin-bottom: 0; } #_desktop_verticalmenu .avaorg-menu-vertical .menu-content .menu-dropdown .column_dropdown_vega .submenu-item > a { font-size: inherit; font-weight: inherit; } .main-menu .avaorg-menu-vertical .menu-content .menu-item .menu-dropdown .ul-column .submenu-item { margin-bottom: 1.875rem; overflow: hidden; } .main-menu .avaorg-menu-vertical .menu-content .menu-item .menu-dropdown .ul-column .submenu-item:last-child { margin-bottom: 0; } /* end menu desktop */ /* mobile */ #_mobile_verticalmenu.mobile-menu ul.ul-column { padding-inline: 15px; } #_mobile_verticalmenu .menu-content .avaorg-sub-menu,#_mobile_verticalmenu .menu-content .avaorg-sub-menu .avaorg-menu-col, #_mobile_verticalmenu .menu-content .avaorg-sub-menu .avaorg-menu-row{ float:none; display:inline-block; width:100% !important; padding:0; } #_mobile_verticalmenu .menu-content .avaorg-menu-row { margin:0; } #_mobile_verticalmenu .avaorg-menu-vertical .menu-item { position:relative; display:block; } #_mobile_verticalmenu .avaorg-menu-vertical li{ position:relative; } #_mobile_verticalmenu .avaorg-menu-vertical .menu-item .icon-drop-mobile i{ text-align: center; position: absolute; right: 0; top: 0; font-size: 18px; color: var(--palette3); width: 3.4375rem; height: 2.5rem; line-height: 2.5rem; cursor: pointer; } #_mobile_verticalmenu .menu-content .menu-dropdown, #_mobile_verticalmenu .menu-content .category-sub-menu, #_mobile_verticalmenu .menu-content .ul-column.column_dropdown_vega{ display:none; } #_mobile_verticalmenu .avaorg-menu-vertical .open_menu i.add { display:none; } #_mobile_verticalmenu .avaorg-menu-vertical .menu-item img { width:100%; } #_mobile_verticalmenu .avaorg-menu-vertical .menu-item img.img-icon { width:auto; } #_mobile_verticalmenu .avaorg-menu-vertical .menu-item .html-block { padding:5px 30px; } #_mobile_verticalmenu .menu-swiper:not(.swiper-container-initialized) { display: none; }