.prk_mega_menu{ position: relative; flex-basis: 0; flex-grow: 1; max-width: 100%; display: flex; width: 95%; } .prk_mega_menu > li{ z-index: 2; display: inline-block; transition: 0.2s all; } .prk_mega_menu:not(.hover_menu_item) > li:first-child a{ padding-right: 0; } .prk_mega_menu{ position: relative; } .prk_mega_menu > .prk-bor-line{ position: absolute; bottom: 0; height: 2px; width: 0; opacity: 0; pointer-events: none; transition: width .26s ease, left .26s ease, right .26s ease, opacity .18s ease; } .prk_mega_menu > li.clasic_menu:not(.has-elementor-mega-menu){ position:relative; } .prk_mega_menu > li.menu-item-has-children > a:after{ content: ""; display: inline-block; flex: 0 0 20px; width: 20px; height: 20px; margin-inline-start: 0; position: relative; background-color: currentColor; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 15.0006L7.75732 10.758L9.17154 9.34375L12 12.1722L14.8284 9.34375L16.2426 10.758L12 15.0006Z'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: 100% 100%; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 15.0006L7.75732 10.758L9.17154 9.34375L12 12.1722L14.8284 9.34375L16.2426 10.758L12 15.0006Z'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-position: center; mask-size: 100% 100%; opacity: 0.8; } .prk_mega_menu > li.menu-item-has-children.mega_menu_tree_level.prk-side-tab > a{ font-weight: 700; } .prk_mega_menu > li.line_men > a { position: relative; } .prk_mega_menu > li.line_men::after { content: none; } .prk_mega_menu > li.line_men > a::before { content: ""; position: absolute; inset-inline-end: 0; top: 50%; width: 1px; height: 18px; transform: translateY(-50%); background: #bdbdbd; opacity: .4; border-radius: 20px; } .prk_mega_menu > li.line_men::after{ content: ""; height: 18px; top: 50%; left: 0; position: absolute; transform: translateY(-50%); width: 1px; background: #bdbdbd; display: block; opacity: 0.4; border: 0; border-radius: 204px; pointer-events: none; } .prk_mega_menu > li.mega_menu_tree_level.prk-side-tab > .prk-tab-menu-items > ul.prk-level-0 > li.menu-item-has-children::after{ content: "\203A"; font-family: "parskala"; color: #535353c2; padding-left: 5px; float: left; content: "\203A"; font-family: "parskala"; padding-left: 15px; float: left; color: rgba(82,82,82,.45); top: 1px; } .prk_mega_menu > li.mega_menu_tree_level.prk-side-tab > .prk-tab-menu-items > ul > li:hover, .prk_mega_menu > li.mega_menu_tree_level.prk-side-tab > .prk-tab-menu-items > ul > li.active{ background: linear-gradient(270deg,rgba(255,10,10,.1) 0%,rgba(239,58,79,.01) 100%); color: #EF3A4F!important; border-right: solid 3px #EF3A4F; } .prk_mega_menu > li.menu-item-has-children.mega_menu_tree_level.prk-side-tab > a:after{ display: none; } .prk_mega_menu > li > a{ display: inline-block; font-size: 14px; color: #000; font-weight: 450; box-sizing: border-box; align-items: center; display: inline-flex; gap: 1px; padding: 8px; margin-bottom: 2px; } .prk_mega_menu li a .item-icon-title{ align-items: center; display: inline-flex; gap: 4px; line-height: 18px; } .prk_mega_menu li.mega_menu_tree_level.prk-top-tab > .sub-menu a .item-icon-title{ margin-bottom: 7px; } .prk_mega_menu > li > a .item-icon-title .title{ line-height: 24px; } .prk_mega_menu > li.prk-side-tab > a{ font-weight: 600; } .prk_mega_menu > li > a i,.prk_mega_menu > li > a img{ position: relative; font-size: 17px; color: #000; max-width: 21px; margin-left: 4px; height: auto; display: inline-block; } .prk_mega_menu > li > a i[class^="prk-"]{ font-size: 17px; } .prk_mega_menu > li.clasic_menu > ul{ min-width: 200px; position:absolute; right: 0px; opacity:0; z-index:-10; transition: all 0.2s ease-in-out; background: #fff; border-top: 1px solid #e1e1e1; box-shadow: 0 1px 3px rgba(0,0,0,.3); box-sizing: border-box; display: none; } .prk_mega_menu > li.clasic_menu > ul ul ul, .prk_mega_menu > li.clasic_menu > ul ul ul ul, .prk_mega_menu > li.clasic_menu > ul ul ul ul ul{ opacity:0; z-index:-10; display:none; } .prk_mega_menu > li.clasic_menu > ul ul{ position:absolute; right:100%; top: -1px; opacity:0; z-index:-10; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.3); box-sizing: border-box; transition: all 0.1s ease-in-out; min-width:200px; display: none; } .prk_mega_menu > li.clasic_menu > ul ul li:first-child{ border-top: 1px solid #e1e1e1; } .prk_mega_menu > li.clasic_menu > ul li{ position:relative; } .prk_mega_menu > li.clasic_menu > ul li.menu-item-has-children:after { font-size: 20px; font-family: 'remixicon' !important; font-style: normal; -webkit-font-smoothing: antialiased; content: "\ea50"; line-height: 1px; width: 2px; padding-right: 5px; position: absolute; left: 20px; top: 50%; margin-top: -10px; } .prk_mega_menu > li.clasic_menu > ul li:hover > ul{ opacity:1; z-index:100; display:block; } .prk_mega_menu > li.clasic_menu > ul a{ color: #333; display: block; font-size: 13px; white-space: nowrap; padding: 0 20px; border-bottom: 1px solid #f4f4f5; transition: all 0.1s ease-in-out; line-height: 40px; } .prk_mega_menu > li.clasic_menu > ul a i{ position: relative; top: 3px; font-size: 16px; margin-left: 3px; } .prk_mega_menu > li.clasic_menu > ul a:hover{ color:#ef3f3e; } .prk_mega_menu > li.mega_menu_tree_level > ul{ position:absolute; top: 100%; right:0; opacity:0; z-index:-10; transition: all 0.1s ease-in-out; width:99%; width:100%; box-sizing:border-box; background-color:#fff; border-bottom: 1px solid #e8e8e8; height:45px; box-shadow: 0 1px 3px rgba(0,0,0,.3); display: none; } .prk_mega_menu > li.mega_menu_tree_level > ul > li{ float:right; padding: 10px 22px; padding-right: 10px; } .prk_mega_menu > li.mega_menu_tree_level > ul > li a{ display: flex; align-items: center; font-size: 13px; line-height: 38px; padding: 0 20px; color: #ababab; font-weight: normal; } .prk_mega_menu > li.mega_menu_tree_level > ul > li a i{ display: none !important; } .prk_mega_menu > li.mega_menu_tree_level > ul > li:hover > a, .prk_mega_menu > li.mega_menu_tree_level > ul > li.active > a{ color: #ef3f3e; border-bottom: 2px solid #ee3e3e; } .prk_mega_menu > li.mega_menu_tree_level > ul > li > ul{ opacity:0; z-index: -10; } .prk_mega_menu > li.mega_menu_tree_level > ul > li > ul > li{ width: 16%; float:right; box-sizing: border-box; padding: 1px 5px 1px 5px; } .prk_mega_menu > li.mega_menu_tree_level > ul > li > ul > li > a{ color: #000000; font-size: 14px; font-weight: 700; } .prk_mega_menu > li.mega_menu_tree_level > ul > li > ul > li a{ line-height:27px; } .prk_mega_menu > li.mega_menu_tree_level > ul > li > ul > li ul{ } .prk_mega_menu > li.mega_menu_tree_level > ul > li > ul > li ul li:hover a{ color:#ef3f3e; } .prk_mega_menu > li.mega_menu_tree_level > ul > li > ul{ width:100%; padding:10px 0; position:absolute; right:0; top: 42px; background-color:#fff; box-shadow: 0 1px 3px rgba(0,0,0,.3); min-height: 250px; border-radius: 0 0 8px 8px; background-repeat: no-repeat; background-position: left bottom; flex-wrap: wrap; visibility: hidden; display:none; } .prk_mega_menu > li.mega_menu_tree_level > ul > li:hover > ul{ opacity:1; z-index:10; visibility: visible; display: flex; } .prk_mega_menu > li.clasic_menu:hover > ul, .prk_mega_menu > li.mega_menu_tree_level:hover > ul{ opacity:1; z-index:1000; display: block; } .prk_mega_menu > li.mega_menu_tree_level:hover ul li.active > ul{ opacity:1; z-index:10; visibility: visible; display: flex; } .prk_mega_menu > li.mega_menu_two_level > ul{ position: absolute; top: 100%; right: 0; opacity: 0; z-index: -10; transition: all 0.1s ease-in-out; width: 100%; box-sizing: border-box; background-color: #fff; border-bottom: 1px solid #e1e1e1; border-radius: 0 0 8px 8px; display: flex; justify-content: flex-start; flex-wrap: wrap; visibility: hidden; display: none; } .prk_mega_menu > li.mega_menu_two_level:hover > ul { opacity:1; z-index:110; visibility: visible; display: flex; border-top: 1px solid #eee; } .prk_mega_menu > li.mega_menu_two_level > ul > li > a { color: #000; font-size: 14px; font-weight: 700; line-height: 30px; } .prk_mega_menu > li.mega_menu_two_level > ul > li > ul li a{ color: #a0a0a0; line-height: 29px; font-weight: 400; font-size: 14px; } .prk_mega_menu > li.mega_menu_two_level > ul > li > ul li a:hover{ color: #ef3f3e; } .prk_mega_menu > li.mega_menu_two_level:hover > ul > li{ padding: 10px; padding: 10px 10px 10px 10px; } .prk_mega_menu > li.mega_menu_tree_level.prk-side-tab > .prk-tab-menu-items{ background: #fff; width: 100%; position: absolute; top: 100%; right: 0; border-radius: 0 0 8px 8px; overflow: hidden; z-index:-10; opacity:0; transition: all 0.1s ease-in-out; max-height: 502px; min-height: 392px; border-top: 1px solid #eee; display: none; } .prk_mega_menu > li.mega_menu_tree_level.prk-side-tab:hover .prk-tab-menu-items{ z-index:110; opacity:1; display: block !important; border-top: 1px solid #eee; } .prk_mega_menu > li.mega_menu_tree_level.prk-side-tab > .prk-tab-menu-items > ul{ width: 15%; float: right; box-sizing: border-box; background-color: #fff; max-height: 502px; min-height: 390px; overflow-y: auto; border-left: 1px solid #f0f0f1; } .prk_mega_menu > li.mega_menu_tree_level.prk-side-tab > .prk-tab-menu-items > ul > li{ display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-right: solid 3px transparent; transition: all .25s ease; } body header.header.header_2 .prk_mega_menu > li.mega_menu_tree_level.prk-side-tab > .prk-tab-menu-items > ul > li:hover, body header.header.header_2 .prk_mega_menu > li.mega_menu_tree_level.prk-side-tab > .prk-tab-menu-items > ul > li.active{ border-radius: 0; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; background-color: #f8f8fa; } .prk_mega_menu > li.mega_menu_tree_level.prk-side-tab > .prk-tab-menu-items > ul > li > a{ font-weight: 500; font-size: 14px; line-height: 17px; padding-right: 4px; display: flex; align-items: center; padding: 15px 8px; width: 100%; color: #0c0c0c; } .prk_mega_menu > li.mega_menu_tree_level ul > li > a > .item-icon-title > i, .prk_mega_menu > li.mega_menu_tree_level ul > li > a > .item-icon-title > img{ font-size: 20px; margin-left: 4px; width: 20px; position: relative; top: -1px; display: inline-block; } body .prk_mega_menu > li.mega_menu_tree_level ul > li > a > .item-icon-title > img { width: 24px; } .prk_mega_menu > li.mega_menu_tree_level.prk-side-tab > .prk-tab-menu-items > ul > li:hover > a, .prk_mega_menu > li.mega_menu_tree_level.prk-side-tab > .prk-tab-menu-items > ul > li.active > a{ color: var(--prk-color-primary, #ef394e); } .prk_mega_menu > li.mega_menu_tree_level.prk-side-tab > .prk-tab-menu-items > ul > li > ul{ position: absolute; left: 0; width: 85%; height: 100%; background: #ffffff; top: 0; z-index: -10; opacity: 0; padding: 20px 5px; display: flex; flex-wrap: wrap; flex-direction: column; visibility: hidden; max-height: 501px; min-height: 390px; overflow-y: auto; padding-bottom: 0; margin-bottom: 0; } .prk_mega_menu > li.mega_menu_tree_level.prk-side-tab > .prk-tab-menu-items > ul > li:hover ul, .prk_mega_menu > li.mega_menu_tree_level.prk-side-tab > .prk-tab-menu-items > ul > li.active ul{ z-index:10; opacity:1; visibility: visible; } .prk_mega_menu > li.mega_menu_tree_level.prk-side-tab > .prk-tab-menu-items > ul > li > ul > li{ width: 20%; box-sizing: border-box; padding: 0 10px 10px 10px; } .prk_mega_menu > li.mega_menu_tree_level.prk-side-tab > .prk-tab-menu-items > ul > li > ul > li i{ display: none; } .prk_mega_menu > li.mega_menu_tree_level.prk-side-tab > .prk-tab-menu-items > ul > li > a{} .prk_mega_menu > li.mega_menu_tree_level.prk-side-tab > .prk-tab-menu-items > ul > li > ul > li > a{ font-weight: 700; font-size: 14px; line-height: 29px; color: #000; } .prk_mega_menu > li.mega_menu_tree_level > ul > li > ul > li > a::before{ content: ''; position: relative; top: 0px; width: 2px; padding: 8px 1px; margin-left: 5px; border-radius: 1px; background-color: #fc3131ee; display: inline-block; } .prk_mega_menu > li.mega_menu_tree_level.prk-side-tab > .prk-tab-menu-items > ul > li > ul > li > a::before,.prk_mega_menu > li.mega_menu_two_level > ul > li > a::before{ content: ''; position: relative; top: 4px; width: 2px; padding: 8px 1px; margin-left: 5px; border-radius: 1px; background-color: #fc3131ee; display: inline-block; } .prk_mega_menu > li.mega_menu_tree_level.prk-side-tab > .prk-tab-menu-items > ul > li > ul > li > ul { } .prk_mega_menu > li.mega_menu_tree_level.prk-side-tab > .prk-tab-menu-items > ul > li > ul > li > ul li a{ line-height: 27px; font-size: 14px; font-weight: 400; color: #a0a0a0; } .mega_menu_two_level .sub-menu.prk-level-0{ background-repeat: no-repeat; background-position: left bottom; } .mobile-menu1 .off-canvas-main ul,body .modal-menu .off-canvas-main .menu ul{ overflow-y: scroll; } .bg-transparent,.bg-transparent:hover{ background: transparent !important; } .zIndex-high{ z-index:999999999; } .box-hover-menu { position: absolute; height: 39px; top: 0; z-index: 1; opacity: 0.5; background-color: #d9d8d85e; border-radius: 12px; transition: all .5s ease 0s; } .bg-transparent,.bg-transparent:hover{ background: transparent !important; } .zIndex-high{ z-index:999999999; } .element-menu .menu-items .menu-item .mega-menu--full-width { max-width: calc(var(--container-width) - 1.5rem); right: 50%; top: auto; transform: translateX(50%) } .element-menu .menu-items .menu-item .mega-menu--no-box { border-radius: 0!important; -webkit-border-radius: 0!important; left: 0; max-width: 100%; right: 0; top: auto } .element-menu .menu-items .menu-item .mega-menu--auto { width: auto } .element-menu .menu-items .menu-item .mega-menu :is(.elementor-section-wrap,[data-elementor-id])>.e-con { max-width: inherit } .element-menu--vertical .menu-items { flex-direction: column; justify-content: center } .element-menu--vertical .menu-items .menu-item { max-width: 100%; width: 100% } .element-menu--vertical .menu-items .menu-item .mega-menu,.element-menu--vertical .menu-items .menu-item .sub-menu { left: auto; right: 100%; top: 0 } .element-menu--vertical .menu-items .menu-item .mega-menu { max-width: 0; transform: none!important } .element-menu--vertical .menu-items .menu-item-has-children>a:after { content: "\f104"; float: left } .element-menu--arrow .menu-items .menu-item:not(:hover)>.sub-menu { opacity: 1; transform: none!important; visibility: visible } .element-menu--arrow .menu-items .menu-item .sub-menu { display: none; margin: 0; position: static; transition: none; width: auto } .element-menu--arrow .menu-items .menu-item .sub-menu .sub-menu { margin: .5rem 0 } .element-menu--arrow .menu-items .menu-item .mega-menu,.element-menu--arrow .menu-items .menu-item-has-mega-menu .toggle-arrow { display: none!important } .element-menu--arrow .menu-items .menu-item-has-children { display: flex; flex-wrap: wrap } .element-menu--arrow .menu-items .menu-item-has-children>a { flex: 1 } .element-menu--arrow .menu-items .menu-item-has-children>a:after { display: none!important } .element-menu--arrow .menu-items .menu-item-has-children>.sub-menu { max-width: 100%; min-width: 100% } .element-menu--arrow .menu-items .menu-item-has-children .toggle-arrow { align-items: center; cursor: pointer; display: flex; justify-content: center; padding: .5rem 1rem } .element-menu--arrow .menu-items .menu-item-has-children .toggle-arrow:hover { background-color: rgba(0,0,0,.1) } .element-menu--arrow .menu-items .menu-item-has-children .toggle-arrow.showing i { transform: rotate(180deg) } .element-menu--hover { position: relative } .element-menu--hover:not(:hover) .menu-hover-box { margin-top: 10px!important; opacity: 0; pointer-events: none; visibility: hidden } .element-menu .menu-hover-box { background: var(--color-white); border-radius: var(--radius-medium)!important; -webkit-border-radius: var(--radius-medium)!important; box-shadow: var(--shadow-medium); -webkit-box-shadow: var(--shadow-medium); padding: 1.5rem; position: absolute; right: 0; top: 100%; width: 350px; z-index: 9 } .element-menu .menu-hover-box--to-right { left: 0; right: auto } .element-menu .nav-pills { padding: 0 } .element-menu .nav-pills .nav-item { flex: 1 } .element-menu .nav-pills .nav-item button { display: block; width: 100% } .element-menu .nav-pills .nav-item button.active { background-color: var(--color-primary); color: var(--color-primary-compatible) } .element-menu .terms-list { list-style: none; margin: 0; padding: 0 } .element-menu .terms-list li a { align-items: center; border-bottom: 1px solid var(--color-gray-2); display: flex; height: 50px; padding: .5rem; position: relative } .element-menu .terms-list li a:hover { background: var(--color-gray); color: var(--color-black-2) } .element-menu .terms-list li img { border-radius: var(--radius-medium)!important; -webkit-border-radius: var(--radius-medium)!important; height: 40px; margin-left: .5rem; width: 40px } .element-menu .terms-list li .cat-name { flex: 1; padding-right: 10px } .element-menu .terms-list li .arrow { display: block; height: 50px; left: 0; line-height: 50px; position: absolute; text-align: center; top: 0; width: 50px } .element-menu .terms-list li .children { display: none } .element-menu .terms-list .item-parent { align-items: center; color: #666; cursor: pointer; display: flex; padding: 1rem 0 } .element-menu .terms-list .item-parent .arrow { position: static!important } .element-menu .terms-list.child-term { display: none } .element-menu .menu-widget-modal { z-index: 9999 } .element-tabbed-menu .tabbed-menu-list { display: flex; gap: 1rem; } .element-tabbed-menu .tabbed-menu-list-item { background-color: var(--color-gray); flex-direction: column; list-style: none; margin-bottom: 0; max-width: 210px; min-width: 210px; padding: var(--space-small) } .element-tabbed-menu{ display: flex; position: relative; } .element-tabbed-menu.element-tabbed-menu--vertical{ flex-direction: row; } .element-tabbed-menu.element-tabbed-menu--inline{ flex-direction: column; } .element-tabbed-menu .tabbed-mega-menu-content { max-width: calc(100% - 1rem - 210px); min-width: calc(100% - 1rem - 210px) } .element-tabbed-menu--vertical .tabbed-menu-list-item { flex-direction: row; overflow: auto } .element-tabbed-menu--vertical .tabbed-menu-list { flex-direction: column } .element-tabbed-menu--vertical .tabbed-mega-menu-content,.element-tabbed-menu--vertical .tabbed-menu-list-item { max-width: 100%; min-width: 100% } .tab-item .prk-menu-tab__label{ display: inline-block; min-width: 0; transition-property: color, background-color, border-color, box-shadow, transform, opacity, text-shadow; transition-duration: 250ms; transition-timing-function: ease-in-out; } .tab-item .prk-menu-tab__icon-wrap{ display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; line-height: 1; transition-property: background-color, color, border-color, box-shadow, transform, opacity; transition-duration: 250ms; transition-timing-function: ease-in-out; } .tab-item .prk-menu-tab__icon{ display: inline-flex; align-items: center; justify-content: center; line-height: 1; transition-property: background-color, color, fill, border-color, box-shadow, transform, opacity; transition-duration: 250ms; transition-timing-function: ease-in-out; } .tab-item .prk-menu-tab__icon svg{ display: block; fill: currentColor; transition-property: fill, color, transform, opacity; transition-duration: inherit; transition-timing-function: inherit; } .tab-item .prk-menu-tab__icon i{ line-height: 1; transition-property: color, transform, opacity; transition-duration: inherit; transition-timing-function: inherit; } .tab-item .prk-menu-tab__icon--image{ display: block; object-fit: contain; transition-property: transform, opacity, filter; transition-duration: inherit; transition-timing-function: inherit; } .tab-item .prk-menu-tab__end{ display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; line-height: 1; transition-property: background-color, color, border-color, box-shadow, transform, opacity; transition-duration: 250ms; transition-timing-function: ease-in-out; } .tab-item .prk-menu-tab__arrow{ display: block; fill: currentColor; transition-property: color, fill, transform, opacity; transition-duration: 250ms; transition-timing-function: ease-in-out; } .tab-item .prk-menu-tab__arrow path{ transition-property: fill, transform, opacity; transition-duration: inherit; transition-timing-function: inherit; } div.call-to-admin-prk{ display: flex; flex-wrap: wrap; position: absolute; left: 0; width: 100%; max-width: 400px; justify-content: flex-end; align-items: center; } .call-to-admin-prk .title-call{ margin: 0 0 0 8px; padding: 6px 10px 6px 10px; background-color: #F1F1F1; border-radius: 30px 30px 30px 30px; font-size: 10px; font-weight: 400; color: #737373; } .call-to-admin-prk .number-call{ font-size: 16px; font-weight: 400; color: #737373; } .call-to-admin-prk .number-call span{ color: #ef3a4f; } .call-to-admin-prk .icon-call{ background: #f1f1f1; padding: 7px; border-radius: 50%; font-size: 19px; color: #909090; margin: 0 10px 6px 0; } .mega-menu-overlay.is-activem, .mega-menu-overlay.is-closingm{ visibility: visible; } .mega-menu-overlay.is-activem{ opacity: 1; pointer-events: auto; } .mega-menu-overlay.is-closingm{ opacity: 0; pointer-events: auto; } .prk_mega_menu > li.mega_menu_tree_level.prk-side-tab > .prk-tab-menu-items { --prk-side-tab-rail-width: clamp(200px, 22%, 220px); --prk-side-tab-column-min-width: 185px; } .prk_mega_menu > li.mega_menu_tree_level.prk-side-tab > .prk-tab-menu-items > ul { width: var(--prk-side-tab-rail-width); min-width: var(--prk-side-tab-rail-width); } .prk_mega_menu > li.mega_menu_tree_level.prk-side-tab > .prk-tab-menu-items > ul > li > ul { width: calc(100% - var(--prk-side-tab-rail-width)); overflow-x: auto; overflow-y: auto; align-content: flex-start; scrollbar-width: thin; } .prk_mega_menu > li.mega_menu_tree_level.prk-side-tab > .prk-tab-menu-items > ul > li > ul > li { width: 20%; min-width: var(--prk-side-tab-column-min-width); } .prk_mega_menu > li.mega_menu_tree_level.prk-side-tab > .prk-tab-menu-items > ul, .prk_mega_menu > li.mega_menu_tree_level.prk-side-tab > .prk-tab-menu-items > ul > li > ul { scrollbar-width: thin; scrollbar-color: rgba(148, 163, 184, 0.32) transparent; } .prk_mega_menu > li.mega_menu_tree_level.prk-side-tab > .prk-tab-menu-items > ul::-webkit-scrollbar, .prk_mega_menu > li.mega_menu_tree_level.prk-side-tab > .prk-tab-menu-items > ul > li > ul::-webkit-scrollbar { width: 4px; height: 4px; } .prk_mega_menu > li.mega_menu_tree_level.prk-side-tab > .prk-tab-menu-items > ul::-webkit-scrollbar-track, .prk_mega_menu > li.mega_menu_tree_level.prk-side-tab > .prk-tab-menu-items > ul > li > ul::-webkit-scrollbar-track { background: transparent; } .prk_mega_menu > li.mega_menu_tree_level.prk-side-tab > .prk-tab-menu-items > ul::-webkit-scrollbar-thumb, .prk_mega_menu > li.mega_menu_tree_level.prk-side-tab > .prk-tab-menu-items > ul > li > ul::-webkit-scrollbar-thumb { background: rgba(148, 163, 184, 0.32); border-radius: 999px; } .prk_mega_menu > li.mega_menu_tree_level.prk-side-tab > .prk-tab-menu-items > ul::-webkit-scrollbar-thumb:hover, .prk_mega_menu > li.mega_menu_tree_level.prk-side-tab > .prk-tab-menu-items > ul > li > ul::-webkit-scrollbar-thumb:hover { background: rgba(148, 163, 184, 0.48); } @media (min-width: 1024px) and (hover: hover) and (pointer: fine) { .prk_mega_menu > li.mega_menu_tree_level.prk-side-tab.menu-item-has-children > .prk-mega-hover-bridge { position: absolute; display: block; margin: 0; padding: 0; border: 0; background: transparent; opacity: 0; visibility: hidden; pointer-events: none; z-index: 109; } .prk_mega_menu > li.mega_menu_tree_level.prk-side-tab.menu-item-has-children:hover > .prk-mega-hover-bridge, .prk_mega_menu > li.mega_menu_tree_level.prk-side-tab.menu-item-has-children:focus-within > .prk-mega-hover-bridge { visibility: visible; pointer-events: auto; } .prk_mega_menu > li.mega_menu_tree_level.prk-side-tab.menu-item-has-children:focus-within > .prk-tab-menu-items { z-index: 110; opacity: 1; display: block !important; border-top: 1px solid #eee; } }