/**
 * Huger for Elementor
 * Customizable mega menu for Elementor editor
 * Exclusively on https://1.envato.market/huger-elementor
 *
 * @encoding        UTF-8
 * @version         1.1.1
 * @copyright       (C) 2018 - 2022 Merkulove ( https://merkulov.design/ ). All rights reserved.
 * @license         Envato License https://1.envato.market/KYbje
 * @contributors    Nemirovskiy Vitaliy (nemirovskiyvitaliy@gmail.com), Dmitry Merkulov (dmitry@merkulov.design), Cherviakov Vlad (vladchervjakov@gmail.com)
 * @support         help@merkulov.design
 **/

// general styles
.mdp-huger-elementor-box
  ul
    margin: 0
  li
    margin: 0
  li > ul
    margin: 0
  a
    text-decoration: none !important

// create pointer mixin
@mixin create-pointer ()
  content: ""
  position: absolute
  height: 3px
  width: 100%
  z-index: 1000
  background-color: #000

// huger main menu styles
.mdp-huger-elementor-main-nav
  display: flex


.mdp-huger-elementor-mega-menu-item
  display: inline-block
  position: relative

.mdp-huger-elementor-main-nav-vertical
  flex-direction: column

.mdp-huger-elementor-mega-menu-item-text-wrapper
  display: flex

.mdp-huger-elementor-wp-menu-text-wrapper,
.mdp-huger-elementor-mega-menu-item-text-wrapper
  width: 100%

// submenu styles
.mdp-huger-elementor-submenu-right,
.mdp-huger-elementor-submenu-left
  top: 0 !important

.mdp-huger-elementor-submenu *
  word-break: initial

.mdp-huger-elementor-submenu-right
  left: 100%

.mdp-huger-elementor-submenu-left
  right: 100%

.mdp-huger-elementor-submenu-top
  bottom: 100%
  top: unset !important

// huger submenu styles
.mdp-huger-elementor-submenu
  display: none
  position: absolute
  top: 100%
  z-index: 1001
  width: min-content
  background: #fff

.mdp-huger-elementor-mega-menu-item
  display: flex

.mdp-huger-elementor-mega-menu-item--hover > .mdp-huger-elementor-submenu
  display: block

// wp menu styles
.mdp-huger-elementor-wp-menu .sub-menu-toggle
  display: none

.mdp-huger-elementor-wp-menu
  list-style: none
  display: flex
  justify-content: space-evenly
  padding-inline-start: unset

.mdp-huger-elementor-wp-menu-vertical
  flex-direction: column

.mdp-huger-elementor-wp-menu-dropdown
  display: none
  position: absolute
  list-style: none
  top: 100%
  padding: 0
  font-size: 17px
  background-color: #fff
  white-space: nowrap

.mdp-huger-elementor-wp-menu-submenu-expand-left

 .mdp-huger-elementor-wp-menu-dropdown
   right: 100%
   left: unset !important

   .mdp-huger-elementor-wp-menu-item > .mdp-huger-elementor-wp-menu-dropdown
     right: 100% !important
     left: auto !important
     top: 0 !important

.mdp-huger-elementor-wp-menu-submenu-expand-right

  .mdp-huger-elementor-wp-menu-dropdown
    left: 100%

    .mdp-huger-elementor-wp-menu-item > .mdp-huger-elementor-wp-menu-dropdown
      left: 100% !important
      right: auto !important
      top: 0 !important

.mdp-huger-elementor-wp-menu-submenu-expand-top

  .mdp-huger-elementor-wp-menu-dropdown
    bottom: 100%
    top: unset !important

    .mdp-huger-elementor-wp-menu-item > .mdp-huger-elementor-wp-menu-dropdown
      bottom: 0 !important

.mdp-huger-elementor-wp-menu-submenu-expand-bottom

  .mdp-huger-elementor-wp-menu-dropdown
    top: 100%

    .mdp-huger-elementor-wp-menu-item > .mdp-huger-elementor-wp-menu-dropdown
      top: 0 !important

.mdp-huger-elementor-wp-menu-dropdown .mdp-huger-elementor-wp-menu-item > .mdp-huger-elementor-wp-menu-dropdown
  left: 100% !important
  right: auto !important
  top: 0 !important

.mdp-huger-elementor-wp-menu-item
  position: relative

.mdp-huger-elementor-wp-menu-item--hover > .mdp-huger-elementor-wp-menu-dropdown
  display: block

.mdp-huger-elementor-wp-menu-vertical .mdp-huger-elementor-wp-menu-dropdown
  top: 0
  left: 100%

.mdp-huger-elementor-wp-menu-dropdown
  z-index: 999

.mdp-huger-elementor-wp-menu-link,
.mdp-huger-elementor-wp-menu-dropdown-link
  word-break: initial

.mdp-huger-elementor-menu-link
  display: flex

.mdp-huger-elementor-wp-menu-link
  white-space: normal

// indicator rotation
.mdp-huger-elementor-main-nav-submenu-expand-left a
  display: flex

.mdp-huger-elementor-main-nav-submenu-expand-left .mdp-huger-elementor-submenu-indicator,
.mdp-huger-elementor-main-nav-submenu-expand-left a .mdp-huger-elementor-submenu-indicator
  order: -1
  margin-right: 10px
  margin-left: -7px

.mdp-huger-elementor-main-nav-submenu-expand-right .mdp-huger-elementor-submenu-indicator,
.mdp-huger-elementor-main-nav-submenu-expand-right a .mdp-huger-elementor-submenu-indicator
  margin-left: 10px
  margin-right: -7px

// indicator styles for wp menu
.mdp-huger-elementor-wp-menu-submenu-expand-right .mdp-huger-wp-menu-submenu-indicator
  margin-left: 10px
  margin-right: -7px

.mdp-huger-elementor-wp-menu-submenu-expand-left .mdp-huger-wp-menu-submenu-indicator
  order: -1
  margin-right: 10px
  margin-left: -7px

.mdp-huger-elementor-wp-menu-item
  display: flex

// toggle button
.mdp-huger-elementor-toggle-btn
  display: none

// pointer
.mdp-huger-elementor-main-menu--item-underline:hover::after,
.mdp-huger-elementor-wp-menu.mdp-huger-elementor-wp-menu-underline > li:hover::after,
.mdp-huger-elementor-wp-menu-dropdown.mdp-huger-elementor-wp-menu-submenu-underline li:hover::after
  @include create-pointer
  bottom: 0
  left: 0

.mdp-huger-elementor-main-menu--item-overline:hover::after,
.mdp-huger-elementor-wp-menu.mdp-huger-elementor-wp-menu-overline > li:hover::after,
.mdp-huger-elementor-wp-menu-dropdown.mdp-huger-elementor-wp-menu-submenu-overline li:hover::after
  @include create-pointer
  top: 0
  left: 0

.mdp-huger-elementor-main-menu--item-double-line:hover::after,
.mdp-huger-elementor-wp-menu.mdp-huger-elementor-wp-menu-double-line > li:hover::after,
.mdp-huger-elementor-wp-menu-dropdown.mdp-huger-elementor-wp-menu-submenu-double-line li:hover::after
  @include create-pointer
  top: 0
  left: 0

.mdp-huger-elementor-main-menu--item-double-line:hover::before,
.mdp-huger-elementor-wp-menu.mdp-huger-elementor-wp-menu-double-line > li:hover::before,
.mdp-huger-elementor-wp-menu-dropdown.mdp-huger-elementor-wp-menu-submenu-double-line li:hover::before
  @include create-pointer
  bottom: 0
  left: 0

.mdp-huger-elementor-main-menu--item-framed:hover::before,
.mdp-huger-elementor-wp-menu.mdp-huger-elementor-wp-menu-framed > li:hover::before,
.mdp-huger-elementor-wp-menu-dropdown.mdp-huger-elementor-wp-menu-submenu-framed li:hover::before
  content: ''
  position: absolute
  background: transparent
  left: 0
  top: 0
  bottom: 0
  right: 0
  border: 3px solid #000
  pointer-events: none

//submenu animations
@keyframes grow
  from
    transform: scale(0)
  to
    transform: scale(1)

@keyframes shrink
  from
    transform: scale(1.2)
  to
    transform: scale(1)

@keyframes fade
  from
    opacity: 0
  to
    opacity: 1

@keyframes slide-up
  0%
    opacity: 0
    transform: translateY(10px)
  100%
    opacity: 1
    transform: translateY(0px)

@keyframes slide-down
  0%
    opacity: 0
    transform: translateY(-10px)
  100%
    opacity: 1
    transform: translateY(0px)