/*
Theme Name:           Flatsome
Theme URI:            http://flatsome.uxthemes.com
Author:               UX-Themes
Author URI:           https://uxthemes.com
Description:          Multi-Purpose Responsive WooCommerce Theme
Version:              3.20.6
Requires at least:    6.4
Requires PHP:         7.4
WC requires at least: 8.3
Text Domain:          flatsome
License:              https://themeforest.net/licenses
License URI:          https://themeforest.net/licenses
*/


/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/

#menu-item-1174 .ux-menu-link__link,
#menu-item-1174 .ux-menu-link__text {
  font-size: 1.12rem !important;
  line-height: 1.7 !important;
}

#menu-item-1174 .ux-menu-link {
  display: block;
  width: 100%;
  margin-bottom: 0.2rem;
}

#menu-item-1174 .ux-menu.stack .ux-menu-link {
  display: block;
  width: 100%;
}

#menu-item-1174 .ux-menu-link__link {
  display: block !important;
  width: 100% !important;
  padding: 12px 16px !important;
  border-radius: 12px !important;
  color: #555 !important;
  border-bottom: 0 !important;
  min-height: 0 !important;
  text-decoration: none !important;
  transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease !important;
}

#menu-item-1174 .ux-menu-link:hover .ux-menu-link__link,
#menu-item-1174 .ux-menu-link__link:hover {
  background: linear-gradient(90deg, #2f70d0, #36a852) !important;
  color: #fff !important;
  transform: translateX(4px) !important;
}

#menu-item-1174 .ux-menu.stack .ux-menu-link:hover,
#menu-item-1174 .ux-menu.stack .ux-menu-link:focus-within {
  background: transparent !important;
}

#menu-item-1174 .ux-menu-link:hover .ux-menu-link__text,
#menu-item-1174 .ux-menu-link__link:hover .ux-menu-link__text,
#menu-item-1174 .ux-menu-link:hover span,
#menu-item-1174 .ux-menu-link__link:hover span {
  color: #fff !important;
}