/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0.1
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* WOMEN desktop navigation: show only level 2 first, then reveal deeper
   category levels as right-side flyouts on hover or keyboard focus. */
@media screen and (min-width: 850px) {
  .header-nav #menu-item-809 > .nav-dropdown {
    display: block !important;
    width: 270px !important;
    min-width: 270px !important;
    padding: 8px 0 !important;
    overflow: visible !important;
    z-index: 1000;
  }

  .header-nav #menu-item-809 li {
    position: relative;
    display: block !important;
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
  }

  .header-nav #menu-item-809 li > a {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 42px;
    padding: 9px 18px;
    border-bottom: 1px solid #ececec;
    color: #333;
    line-height: 1.35;
    text-transform: none;
  }

  .header-nav #menu-item-809 > .nav-dropdown > li > a {
    font-weight: 700;
    text-transform: uppercase;
  }

  .header-nav #menu-item-809 li:last-child > a {
    border-bottom: 0;
  }

  .header-nav #menu-item-809 li:hover > a,
  .header-nav #menu-item-809 li:focus-within > a {
    background: #fff7fb;
    color: var(--primary-color, #c86f8e);
  }

  .header-nav #menu-item-809 .sub-menu .sub-menu {
    position: absolute !important;
    top: -8px !important;
    left: 100% !important;
    display: block !important;
    visibility: hidden !important;
    width: 290px !important;
    min-width: 290px !important;
    padding: 8px 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    background: #fff;
    border: 1px solid #e5e5e5;
    box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.16);
    opacity: 0 !important;
    pointer-events: none;
    transform: translateX(8px);
    transition: opacity 0.16s ease, transform 0.16s ease,
      visibility 0s linear 0.16s;
    z-index: 1001;
  }

  .header-nav #menu-item-809 li:hover > .sub-menu,
  .header-nav #menu-item-809 li:focus-within > .sub-menu {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto;
    transform: translateX(0);
    transition-delay: 0s;
  }

  .header-nav #menu-item-809 li.menu-item-has-children > a::after {
    width: 7px;
    height: 7px;
    margin-left: auto;
    border-top: 1.5px solid currentColor;
    border-right: 1.5px solid currentColor;
    content: "";
    transform: rotate(45deg);
  }
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}