| @@ -1,323 +1 @@ | ||
| 1 | -/* Toolbar design */ | |
| 2 | -.ablocks-menu__new-item { | |
| 3 | - background-color: black; | |
| 4 | - color: white; | |
| 5 | - padding: 2px 5px; | |
| 6 | - border: none; | |
| 7 | - outline: none; | |
| 8 | -} | |
| 9 | -.ablocks-menu { | |
| 10 | - list-style: none; | |
| 11 | - display: flex; | |
| 12 | - margin: 0; | |
| 13 | - padding: 0; | |
| 14 | - box-sizing: border-box; | |
| 15 | -} | |
| 16 | -.ablocks-main-menu { | |
| 17 | - margin: 0; | |
| 18 | - padding: 0; | |
| 19 | - list-style: none; | |
| 20 | -} | |
| 21 | -.ablocks-block--menu .ablocks-block-container > .ablocks-menu > .ablocks-main-menu { | |
| 22 | - margin: 0; | |
| 23 | - padding: 0; | |
| 24 | - list-style: none; | |
| 25 | -} | |
| 26 | -.ablocks-menu__trigger{ | |
| 27 | - display: none; | |
| 28 | -} | |
| 29 | -.ablocks-menu-item.ablocks-has-sub-menu { | |
| 30 | - position: relative; | |
| 31 | -} | |
| 32 | -.ablocks-menu-item.ablocks-has-mega-menu { | |
| 33 | - position: static !important; | |
| 34 | -} | |
| 35 | -.ablocks-main-menu > .ablocks-menu-item { | |
| 36 | - cursor: pointer; | |
| 37 | - display: inline-flex; | |
| 38 | - align-items: center; | |
| 39 | - flex-wrap: wrap; | |
| 40 | - padding: 10px; | |
| 41 | -} | |
| 42 | -.ablocks-menu-child-sub .ablocks-menu-item { | |
| 43 | - padding: 10px; | |
| 44 | - display: flex; | |
| 45 | -} | |
| 46 | - | |
| 47 | -.ablocks-menu-item a { | |
| 48 | - text-decoration: none !important; | |
| 49 | - box-sizing: border-box; | |
| 50 | -} | |
| 51 | - | |
| 52 | -.ablocks-menu-item>.ablocks-menu-child-sub { | |
| 53 | - list-style: none; | |
| 54 | - margin: 0; | |
| 55 | - padding: 0; | |
| 56 | - position: absolute !important; | |
| 57 | - left: 0; | |
| 58 | - top: 100%; | |
| 59 | - z-index: 10; | |
| 60 | - | |
| 61 | -} | |
| 62 | - | |
| 63 | -.ablocks-menu-child-mega { | |
| 64 | - position: absolute !important; | |
| 65 | - width: 100%; | |
| 66 | - top: 100%; | |
| 67 | - background-color: transparent; | |
| 68 | - z-index: 10; | |
| 69 | - left: 0; | |
| 70 | - list-style: none; | |
| 71 | - margin: 0; | |
| 72 | - padding: 0; | |
| 73 | -} | |
| 74 | - | |
| 75 | -:not(.block-editor-block-list__block).ablocks-block--menu .ablocks-menu-item > .ablocks-menu-child-sub { | |
| 76 | - visibility: hidden; | |
| 77 | - opacity: 0; | |
| 78 | - transform: translateY(-10px); | |
| 79 | - transition: opacity 0.2s ease, transform 0.2s ease, visibility 0s 0.2s; | |
| 80 | -} | |
| 81 | - | |
| 82 | -:not(.block-editor-block-list__block).ablocks-block--menu .ablocks-menu-item:hover > .ablocks-menu-child-sub { | |
| 83 | - opacity: 1; | |
| 84 | - visibility: visible; | |
| 85 | - transform: translateY(0); | |
| 86 | - transition: opacity 0.2s ease, transform 0.2s ease, visibility 0s; | |
| 87 | -} | |
| 88 | - | |
| 89 | -:not(.block-editor-block-list__block).ablocks-block--menu .ablocks-menu-item > .ablocks-menu-child-mega { | |
| 90 | - opacity: 0; | |
| 91 | - visibility: hidden; | |
| 92 | - transform: translateY(-10px); | |
| 93 | - transition: opacity 0.2s ease, transform 0.2s ease, visibility 0s 0.2s; | |
| 94 | -} | |
| 95 | - | |
| 96 | -:not(.block-editor-block-list__block).ablocks-block--menu .ablocks-menu-item:hover > .ablocks-menu-child-mega { | |
| 97 | - opacity: 1; | |
| 98 | - visibility: visible; | |
| 99 | - transform: translateY(0); | |
| 100 | - transition: opacity 0.2s ease, transform 0.2s ease, visibility 0s; | |
| 101 | -} | |
| 102 | - | |
| 103 | -:not(.block-editor-block-list__block).ablocks-block--menu .ablocks-menu-item:not(:hover) > .ablocks-menu-child-mega { | |
| 104 | - opacity: 0; | |
| 105 | - visibility: hidden; | |
| 106 | - transform: translateY(-10px); | |
| 107 | - transition: opacity 0.2s ease, transform 0.2s ease, visibility 0s 0.2s; | |
| 108 | -} | |
| 109 | -.ablocks-menu-item>.ablocks-menu-child-sub .ablocks-menu-item .ablocks-menu-child-sub { | |
| 110 | - top: 0; | |
| 111 | - left: 100%; | |
| 112 | -} | |
| 113 | -/* hamburger style */ | |
| 114 | - | |
| 115 | -.ablocks-menu__trigger-wrapper { | |
| 116 | - display: flex; | |
| 117 | -} | |
| 118 | - | |
| 119 | - .ablocks-menu__trigger { | |
| 120 | - display: none; | |
| 121 | - height: 30px; | |
| 122 | - width: 30px; | |
| 123 | - cursor: pointer; | |
| 124 | - | |
| 125 | - } | |
| 126 | - | |
| 127 | - .ablocks-menu__trigger-toggle { | |
| 128 | - position: absolute; | |
| 129 | - width: 30px; | |
| 130 | - height: 30px; | |
| 131 | - opacity: 0; | |
| 132 | - z-index: 5; | |
| 133 | - } | |
| 134 | - .ablocks-menu__trigger .ablocks-menu__trigger-item { | |
| 135 | - display: block; | |
| 136 | - width: 30px; | |
| 137 | - height: 3px; | |
| 138 | - transition: transform 0.3s ease, opacity 0.3s ease; | |
| 139 | - } | |
| 140 | - .ablocks-menu__trigger .ablocks-menu__trigger-item:nth-child(2){ | |
| 141 | - transform: translateY(-5px); | |
| 142 | - | |
| 143 | - } | |
| 144 | - .ablocks-menu__trigger .ablocks-menu__trigger-item:nth-child(4){ | |
| 145 | - transform: translateY(5px); | |
| 146 | - transform-origin: 60% ; | |
| 147 | - } | |
| 148 | - | |
| 149 | - /* Animation for the cross when checkbox is checked */ | |
| 150 | - .ablocks-menu__trigger-toggle:checked ~ .ablocks-menu__trigger-item:nth-child(2) { | |
| 151 | - transform: rotate(-45deg) ; | |
| 152 | - } | |
| 153 | - | |
| 154 | - .ablocks-menu__trigger-toggle:checked ~ .ablocks-menu__trigger-item:nth-child(3) { | |
| 155 | - opacity: 0; | |
| 156 | - display: none; | |
| 157 | - } | |
| 158 | - | |
| 159 | - .ablocks-menu__trigger-toggle:checked ~ .ablocks-menu__trigger-item:nth-child(4) { | |
| 160 | - transform: rotate(45deg) ; | |
| 161 | - } | |
| 162 | - .ablocks-menu-item__dropdown-icon.rotate-icon { | |
| 163 | - transform: rotate(-180deg); | |
| 164 | -} | |
| 165 | -/* hamburger style */ | |
| 166 | -/* only show submenu & megamenu on hover on tablet device */ | |
| 167 | -@media (min-width: 800px) { | |
| 168 | - .ablocks-menu-tablet .ablocks-menu-item:hover>.ablocks-menu-child-sub, | |
| 169 | - .ablocks-menu-tablet .ablocks-menu-item:hover>.ablocks-menu-child-mega { | |
| 170 | - display: block; | |
| 171 | - padding-left: 0px; | |
| 172 | - } | |
| 173 | - .ablocks-menu--outside, | |
| 174 | - .ablocks-menu-tablet--active{ | |
| 175 | - display: none; | |
| 176 | - } | |
| 177 | - :not(.block-editor-block-list__block).ablocks-block--menu .ablocks-menu-tablet .ablocks-menu-item:hover > .ablocks-menu-item__dropdown-icon svg { | |
| 178 | - transform: rotate(-180deg); | |
| 179 | - transition: .2s; | |
| 180 | - } | |
| 181 | - :not(.block-editor-block-list__block).ablocks-block--menu .ablocks-menu-tablet .ablocks-menu-child-sub > .ablocks-menu-item:hover .ablocks-menu-item__dropdown-icon svg { | |
| 182 | - transform: rotate(-90deg); | |
| 183 | - transition: .2s; | |
| 184 | - } | |
| 185 | - | |
| 186 | -} | |
| 187 | -/* only show submenu & megamenu on hover on tablet device */ | |
| 188 | -@media (min-width: 480px) { | |
| 189 | - | |
| 190 | - .ablocks-menu-mobile .ablocks-menu-item:hover>.ablocks-menu-child-sub, | |
| 191 | - .ablocks-menu-mobile .ablocks-menu-item:hover>.ablocks-menu-child-mega { | |
| 192 | - padding-left: 0px; | |
| 193 | - display: block; | |
| 194 | - } | |
| 195 | - .ablocks-menu--outside, | |
| 196 | - .ablocks-menu-mobile--active{ | |
| 197 | - display: none; | |
| 198 | - } | |
| 199 | - :not(.block-editor-block-list__block).ablocks-block--menu .ablocks-menu-mobile .ablocks-menu-item:hover > .ablocks-menu-item__dropdown-icon svg { | |
| 200 | - transform: rotate(-180deg); | |
| 201 | - transition: .2s; | |
| 202 | - } | |
| 203 | - :not(.block-editor-block-list__block).ablocks-block--menu .ablocks-menu-mobile .ablocks-menu-child-sub > .ablocks-menu-item:hover .ablocks-menu-item__dropdown-icon svg { | |
| 204 | - transform: rotate(-90deg); | |
| 205 | - transition: .2s; | |
| 206 | - } | |
| 207 | - | |
| 208 | - } | |
| 209 | - | |
| 210 | -.ablocks-menu-child-sub--editor, | |
| 211 | -.ablocks-menu-child-mega--editor { | |
| 212 | - display: block !important; | |
| 213 | -} | |
| 214 | -/* Mobile Submenu */ | |
| 215 | -/* Mobile Menu Styles */ | |
| 216 | -@media (max-width: 480px) { | |
| 217 | - .ablocks-block--menu { | |
| 218 | - position: static !important; | |
| 219 | - } | |
| 220 | - .ablocks-menu-mobile { | |
| 221 | - transition: transform 0.3s ease; | |
| 222 | - display: none; | |
| 223 | - | |
| 224 | - } | |
| 225 | - .ablocks-menu-mobile--active .ablocks-menu-item>.ablocks-menu-child-sub { | |
| 226 | - position: static !important; | |
| 227 | - width: 100% !important; | |
| 228 | - } | |
| 229 | - .ablocks-menu-item>.ablocks-menu-child-mega { | |
| 230 | - position: static !important; | |
| 231 | - } | |
| 232 | - .ablocks-menu-mobile--active { | |
| 233 | - display: block; | |
| 234 | - position: absolute; | |
| 235 | - left: 0; | |
| 236 | - top: 100%; | |
| 237 | - width: 100%; | |
| 238 | - background-color: white; | |
| 239 | - z-index: 99; | |
| 240 | - } | |
| 241 | - | |
| 242 | - .ablocks-menu-mobile .ablocks-menu-item { | |
| 243 | - display: flex !important; | |
| 244 | - position: static !important; | |
| 245 | - justify-content: space-between; | |
| 246 | - flex-wrap: wrap; | |
| 247 | - } | |
| 248 | - .ablocks-sub-menu--active > .ablocks-menu-child-sub, | |
| 249 | - .ablocks-sub-menu--active > .ablocks-menu-child-mega { | |
| 250 | - display: block; | |
| 251 | - } | |
| 252 | - | |
| 253 | - .ablocks-sub-menu--active > .ablocks-menu-item__dropdown-icon svg { | |
| 254 | - transform: rotate(180deg); | |
| 255 | - } | |
| 256 | - .ablocks-menu-mobile__trigger { | |
| 257 | - display: flex; | |
| 258 | - flex-direction: column; | |
| 259 | - align-items: center; | |
| 260 | - justify-content: center; | |
| 261 | - } | |
| 262 | - .ablocks-menu-item > .ablocks-menu-child-sub { | |
| 263 | - display: none; | |
| 264 | - } | |
| 265 | - | |
| 266 | - .ablocks-menu-item > .ablocks-menu-child-mega { | |
| 267 | - display: none; | |
| 268 | - } | |
| 269 | - | |
| 270 | -} | |
| 271 | -/* tablet menu */ | |
| 272 | -@media (max-width: 800px) { | |
| 273 | - .ablocks-menu-item .ablocks-menu-child-mega , .ablocks-menu-item .ablocks-menu-child-sub { | |
| 274 | - display: none ; | |
| 275 | - } | |
| 276 | - .ablocks-block--menu { | |
| 277 | - position: static !important; | |
| 278 | - } | |
| 279 | - .ablocks-menu-tablet { | |
| 280 | - transition: transform 0.3s ease; | |
| 281 | - display: none; | |
| 282 | - } | |
| 283 | - | |
| 284 | - .ablocks-menu-tablet--active .ablocks-menu-item>.ablocks-menu-child-sub { | |
| 285 | - position: static !important; | |
| 286 | - width: 100% !important; | |
| 287 | - } | |
| 288 | - | |
| 289 | - | |
| 290 | - .ablocks-menu-tablet--active { | |
| 291 | - display: block; | |
| 292 | - position: absolute; | |
| 293 | - left: 0; | |
| 294 | - top: 100%; | |
| 295 | - width: 100%; | |
| 296 | - background-color: white; | |
| 297 | - z-index: 99; | |
| 298 | - } | |
| 299 | - | |
| 300 | - .ablocks-menu-tablet .ablocks-menu-item { | |
| 301 | - display: flex !important; | |
| 302 | - position: static !important; | |
| 303 | - justify-content: space-between; | |
| 304 | - flex-wrap: wrap; | |
| 305 | - } | |
| 306 | - .ablocks-sub-menu--active > .ablocks-menu-child-sub, | |
| 307 | - .ablocks-sub-menu--active > .ablocks-menu-child-mega { | |
| 308 | - display: block; | |
| 309 | - padding-left: 0px; | |
| 310 | - } | |
| 311 | - | |
| 312 | - .ablocks-sub-menu--active > .ablocks-menu-item__dropdown-icon svg { | |
| 313 | - transform: rotate(180deg); | |
| 314 | - } | |
| 315 | - .ablocks-menu-tablet__trigger { | |
| 316 | - display: flex; | |
| 317 | - flex-direction: column; | |
| 318 | - align-items: center; | |
| 319 | - justify-content: center; | |
| 320 | - | |
| 321 | - } | |
| 322 | -} | |
| 323 | - | |
| 1 | +.ablocks-menu__new-item{background-color:#000;border:none;color:#fff;outline:none;padding:2px 5px}.ablocks-menu{box-sizing:border-box;display:flex}.ablocks-block--menu .ablocks-block-container>.ablocks-menu>.ablocks-main-menu,.ablocks-main-menu,.ablocks-menu{list-style:none;margin:0;padding:0}.ablocks-menu-item.ablocks-has-sub-menu{position:relative}.ablocks-menu-item.ablocks-has-mega-menu{position:static!important}.ablocks-main-menu>.ablocks-menu-item{align-items:center;cursor:pointer;display:inline-flex;flex-wrap:wrap;padding:10px}.ablocks-block--menu .ablocks-menu-item a:focus{box-shadow:none;outline:none}.ablocks-menu-child-sub .ablocks-menu-item{display:flex;padding:10px}.ablocks-menu-item a{box-sizing:border-box;text-decoration:none!important}.ablocks-menu-child-mega,.ablocks-menu-item>.ablocks-menu-child-sub{left:0;list-style:none;margin:0;padding:0;position:absolute!important;top:100%;z-index:10}.ablocks-menu-child-mega{background-color:transparent;width:100%}:not(.block-editor-block-list__block).ablocks-block--menu .ablocks-menu-item>.ablocks-menu-child-sub{opacity:0;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease,visibility 0s .2s;visibility:hidden}:not(.block-editor-block-list__block).ablocks-block--menu:not([data-submenu-trigger=click]) .ablocks-menu-item:hover>.ablocks-menu-child-sub{opacity:1;transform:translateY(0);transition:opacity .2s ease,transform .2s ease,visibility 0s;visibility:visible}:not(.block-editor-block-list__block).ablocks-block--menu .ablocks-menu-item>.ablocks-menu-child-mega{opacity:0;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease,visibility 0s .2s;visibility:hidden}:not(.block-editor-block-list__block).ablocks-block--menu:not([data-submenu-trigger=click]) .ablocks-menu-item:hover>.ablocks-menu-child-mega{opacity:1;transform:translateY(0);transition:opacity .2s ease,transform .2s ease,visibility 0s;visibility:visible}:not(.block-editor-block-list__block).ablocks-block--menu:not([data-submenu-trigger=click]) .ablocks-menu-item:not(:hover)>.ablocks-menu-child-mega{opacity:0;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease,visibility 0s .2s;visibility:hidden}:not(.block-editor-block-list__block).ablocks-block--menu[data-submenu-trigger=click] .ablocks-menu-item.ablocks-submenu-open>.ablocks-menu-child-mega,:not(.block-editor-block-list__block).ablocks-block--menu[data-submenu-trigger=click] .ablocks-menu-item.ablocks-submenu-open>.ablocks-menu-child-sub{display:block;opacity:1;transform:translateY(0);transition:opacity .2s ease,transform .2s ease,visibility 0s;visibility:visible}:not(.block-editor-block-list__block).ablocks-block--menu[data-submenu-trigger=click] .ablocks-menu-item.ablocks-submenu-open>.ablocks-menu-item__dropdown-icon svg{transform:rotate(-180deg)}.ablocks-menu-item>.ablocks-menu-child-sub .ablocks-menu-item .ablocks-menu-child-sub{left:100%;top:0}.ablocks-menu__trigger-wrapper{display:flex}.ablocks-menu__trigger{cursor:pointer;display:none;height:30px;width:30px}.ablocks-menu__trigger-toggle{height:30px;opacity:0;position:absolute;width:30px;z-index:5}.ablocks-menu__trigger .ablocks-menu__trigger-item{display:block;height:3px;transition:transform .3s ease,opacity .3s ease;width:30px}.ablocks-menu__trigger .ablocks-menu__trigger-item:nth-child(2){transform:translateY(-5px)}.ablocks-menu__trigger .ablocks-menu__trigger-item:nth-child(4){transform:translateY(5px);transform-origin:60%}.ablocks-menu__trigger-toggle:checked~.ablocks-menu__trigger-item:nth-child(2){transform:rotate(-45deg)}.ablocks-menu__trigger-toggle:checked~.ablocks-menu__trigger-item:nth-child(3){display:none;opacity:0}.ablocks-menu__trigger-toggle:checked~.ablocks-menu__trigger-item:nth-child(4){transform:rotate(45deg)}.ablocks-menu-item__dropdown-icon.rotate-icon{transform:rotate(-180deg)}@media (min-width:800px){.ablocks-block--menu:not([data-submenu-trigger=click]) .ablocks-menu-tablet .ablocks-menu-item:hover>.ablocks-menu-child-mega,.ablocks-block--menu:not([data-submenu-trigger=click]) .ablocks-menu-tablet .ablocks-menu-item:hover>.ablocks-menu-child-sub{display:block;padding-left:0}.ablocks-menu--outside,.ablocks-menu-tablet--active{display:none}:not(.block-editor-block-list__block).ablocks-block--menu:not([data-submenu-trigger=click]) .ablocks-menu-tablet .ablocks-menu-item:hover>.ablocks-menu-item__dropdown-icon svg{transform:rotate(-180deg);transition:.2s}:not(.block-editor-block-list__block).ablocks-block--menu:not([data-submenu-trigger=click]) .ablocks-menu-tablet .ablocks-menu-child-sub>.ablocks-menu-item:hover .ablocks-menu-item__dropdown-icon svg{transform:rotate(-90deg);transition:.2s}}@media (min-width:480px){.ablocks-block--menu:not([data-submenu-trigger=click]) .ablocks-menu-mobile .ablocks-menu-item:hover>.ablocks-menu-child-mega,.ablocks-block--menu:not([data-submenu-trigger=click]) .ablocks-menu-mobile .ablocks-menu-item:hover>.ablocks-menu-child-sub{display:block;padding-left:0}.ablocks-menu--outside,.ablocks-menu-mobile--active{display:none}:not(.block-editor-block-list__block).ablocks-block--menu:not([data-submenu-trigger=click]) .ablocks-menu-mobile .ablocks-menu-item:hover>.ablocks-menu-item__dropdown-icon svg{transform:rotate(-180deg);transition:.2s}:not(.block-editor-block-list__block).ablocks-block--menu:not([data-submenu-trigger=click]) .ablocks-menu-mobile .ablocks-menu-child-sub>.ablocks-menu-item:hover .ablocks-menu-item__dropdown-icon svg{transform:rotate(-90deg);transition:.2s}}.ablocks-menu-child-mega--editor,.ablocks-menu-child-sub--editor{display:block!important}@media (max-width:480px){.ablocks-block--menu{position:static!important}.ablocks-block.ablocks-block--menu[data-menu-device=mobile]{background:none}.ablocks-menu-mobile{display:none;transition:transform .3s ease}.ablocks-menu-mobile--active .ablocks-menu-item>.ablocks-menu-child-sub{position:static!important;width:100%!important}.ablocks-menu-item>.ablocks-menu-child-mega{position:static!important}.ablocks-menu-mobile--active{background-color:#fff;display:block;left:0;position:absolute;top:100%;width:100%;z-index:99}.ablocks-menu-mobile .ablocks-menu-item{display:flex!important;flex-wrap:wrap;justify-content:space-between;position:static!important}.ablocks-sub-menu--active>.ablocks-menu-child-mega,.ablocks-sub-menu--active>.ablocks-menu-child-sub{display:block}.ablocks-sub-menu--active>.ablocks-menu-item__dropdown-icon svg{transform:rotate(180deg)}.ablocks-menu-mobile__trigger{align-items:center;display:flex;flex-direction:column;justify-content:center}.ablocks-menu-item>.ablocks-menu-child-mega,.ablocks-menu-item>.ablocks-menu-child-sub{display:none}}@media (max-width:800px){.ablocks-menu-item .ablocks-menu-child-mega,.ablocks-menu-item .ablocks-menu-child-sub{display:none}.ablocks-block--menu{position:static!important}.ablocks-block.ablocks-block--menu[data-menu-device=tablet]{background:none}.ablocks-menu-tablet{display:none;transition:transform .3s ease}.ablocks-menu-tablet--active .ablocks-menu-item>.ablocks-menu-child-sub{position:static!important;width:100%!important}.ablocks-menu-tablet--active{background-color:#fff;display:block;left:0;position:absolute;top:100%;width:100%;z-index:99}.ablocks-menu-tablet .ablocks-menu-item{display:flex!important;flex-wrap:wrap;justify-content:space-between;position:static!important}.ablocks-sub-menu--active>.ablocks-menu-child-mega,.ablocks-sub-menu--active>.ablocks-menu-child-sub{display:block;padding-left:0}.ablocks-sub-menu--active>.ablocks-menu-item__dropdown-icon svg{transform:rotate(180deg)}.ablocks-menu-tablet__trigger{align-items:center;display:flex;flex-direction:column;justify-content:center}}@media (min-width:768px) and (max-width:1024px){[data-tablet-hamburger=true].ablocks-block--menu{position:static!important}.ablocks-block.ablocks-block--menu[data-tablet-hamburger=true]{background:none}[data-tablet-hamburger=true] .ablocks-menu-mobile__trigger,[data-tablet-hamburger=true] .ablocks-menu-tablet__trigger{align-items:center;display:flex;flex-direction:column;justify-content:center}.ablocks-menu-mobile[data-tablet-hamburger=true] .ablocks-menu-item>.ablocks-menu-child-mega,.ablocks-menu-mobile[data-tablet-hamburger=true] .ablocks-menu-item>.ablocks-menu-child-sub,.ablocks-menu-tablet[data-tablet-hamburger=true] .ablocks-menu-item>.ablocks-menu-child-mega,.ablocks-menu-tablet[data-tablet-hamburger=true] .ablocks-menu-item>.ablocks-menu-child-sub{display:none}.ablocks-menu-mobile[data-tablet-hamburger=true],.ablocks-menu-tablet[data-tablet-hamburger=true]{display:none;transition:transform .3s ease}.ablocks-menu-mobile--active[data-tablet-hamburger=true] .ablocks-menu-item>.ablocks-menu-child-sub,.ablocks-menu-tablet--active[data-tablet-hamburger=true] .ablocks-menu-item>.ablocks-menu-child-sub{position:static!important;width:100%!important}.ablocks-menu-mobile--active[data-tablet-hamburger=true],.ablocks-menu-tablet--active[data-tablet-hamburger=true]{display:block;left:0;position:absolute;top:100%;width:100%;z-index:99}:where(.ablocks-menu-mobile--active[data-tablet-hamburger=true],.ablocks-menu-tablet--active[data-tablet-hamburger=true]){background-color:#fff}.ablocks-menu-mobile[data-tablet-hamburger=true] .ablocks-menu-item,.ablocks-menu-tablet[data-tablet-hamburger=true] .ablocks-menu-item{display:flex!important;flex-wrap:wrap;justify-content:space-between;position:static!important}.ablocks-menu-mobile[data-tablet-hamburger=true] .ablocks-sub-menu--active>.ablocks-menu-child-mega,.ablocks-menu-mobile[data-tablet-hamburger=true] .ablocks-sub-menu--active>.ablocks-menu-child-sub,.ablocks-menu-tablet[data-tablet-hamburger=true] .ablocks-sub-menu--active>.ablocks-menu-child-mega,.ablocks-menu-tablet[data-tablet-hamburger=true] .ablocks-sub-menu--active>.ablocks-menu-child-sub{display:block;padding-left:0}.ablocks-menu-mobile[data-tablet-hamburger=true] .ablocks-sub-menu--active>.ablocks-menu-item__dropdown-icon svg,.ablocks-menu-tablet[data-tablet-hamburger=true] .ablocks-sub-menu--active>.ablocks-menu-item__dropdown-icon svg{transform:rotate(180deg)}}.ablocks-block--menu-child-mega{white-space:nowrap}.ablocks-menu-child-sub__new-item{background-color:transparent;border:1px solid rgba(0,0,0,.452);padding:5px 0;width:100%}.ablocks-menu-child-sub{align-items:flex-start;align-self:stretch;background:#fff;border:1px solid #eaecf0;box-shadow:0 12px 16px -4px rgba(16,24,40,.08),0 4px 6px -2px rgba(16,24,40,.03);display:flex;flex-direction:column;gap:8px;padding:12px}.ablocks-menu-child-sub li{display:flex;padding-left:6px}.ablocks-menu-item__submenu-overlay{background:#000;height:100%;left:0;opacity:0;position:fixed;right:0;top:0;width:100%}.ablocks-menu-item-toolbar-dropdown-icon{align-items:center;cursor:pointer;display:flex;font-size:16px;justify-content:center;margin:0 5px}.ablocks-menu-item-toolbar-dropdown-icon .ablocks-tooltip:hover .ablocks-tooltip__text{padding:15px}.ablocks-menu-item__dropdown-icon{align-items:center;display:flex;font-size:16px;margin:0 5px}.ablocks-menu-item__dropdown-icon svg{height:1em;transition:transform .25s ease;width:1em} | |
