/*
Generated time: September 26, 2024 17:27
This file was created by the app developer. Feel free to contact the original developer with any questions. It was minified (compressed) by AVADA. AVADA do NOT own this script.
*/
.announcement-bar-section .announcement-bar__message{display:flex;gap:14px;align-items:center}.announcement-bar-section .announcement-bar__message span{font-family:Yantramanav;font-weight:400;font-size:15px;line-height:16px;letter-spacing:.5px}.ab_right_column .text{text-transform:uppercase}.announcement-bar-section .announcement-bar__link:hover{text-decoration:none}.announcement-bar-section .ab_left_column .announcement-bar__link{justify-content:start}.announcement-bar-section .ab_right_column .announcement-bar__link{justify-content:end}sticky-header.header-wrapper{background:#fcfaf7}.header .search-modal .search-modal__content.search-modal__content-bottom{background:#fff}.search .field:after,.search .field:before{display:none}.search .field .field__input:focus{box-shadow:none}.search .field{border:1px solid rgba(0,0,0,.08)}.search .field .search__input.field__input{background-color:rgba(247,247,247,.5)}.search .field .field__label{font-family:Yantramanav;font-weight:400;color:rgba(0,0,0,.5)}header.header{padding-block:0}.header .header__inline-menu ul li .header__menu-item{font-family:Yantramanav;font-weight:400;font-size:15px;color:#3f3153;padding:0;letter-spacing:.5px}.header .header__inline-menu .header__menu-item span{padding:15px 20px;text-transform:uppercase}.header .header__inline-menu ul li .header__menu-item svg{display:none}.header .header__inline-menu .header__active-menu-item{text-decoration:none}.header .header__icon:hover .icon{transform:scale(1)}.header .header__inline-menu>ul li+li{padding-left:10px}.header .header__inline-menu .header__menu-item:hover span{text-decoration:none!important;text-underline-offset:0}@media screen and (min-width:1090px) and (max-width:1140px){.header .header__inline-menu ul li .header__menu-item{font-size:14px}}@media screen and (min-width:1090px){.menu-left-icons{display:none}}@media screen and (max-width:1089px){.announcement-bar-section .utility-bar__grid{grid-template-columns:1fr}.ab_left_column,.ab_right_column{display:none}.announcement-bar-section .announcement-bar__message span{font-size:13px}.menu-left-icons{display:flex}.header .header__icons .header__icon.header__icon--search{display:none}}

.header__menu-item-color-change svg path {
    fill: #000;
}

/* Nav link hover scroll/mask animation — two-span reveal effect */
.header__inline-menu .header__menu-item .nav-mask {
  display: inline-block;
  position: relative;
  overflow: hidden;
  vertical-align: middle;
  padding: 0 !important;
  border-bottom: 1.5px solid transparent;
  transition: border-color 0.4s cubic-bezier(0.16, 0, 0.3, 1);
}
.header__inline-menu .header__menu-item:hover .nav-mask {
  border-color: currentColor;
}
.header__inline-menu a.header__menu-item,
.header__inline-menu .header__menu-item a,
.header__inline-menu a.header__menu-item:hover,
.header__inline-menu .header__menu-item a:hover,
.header__inline-menu details[open] > .header__menu-item {
  text-decoration: none !important;
}
.header__inline-menu .header__menu-item .nav-text {
  display: block;
  transition: transform 0.5s cubic-bezier(0.16, 0, 0.3, 1);
  padding: 0 !important;
  text-decoration: none !important;
}
.header__inline-menu .header__menu-item .nav-text--2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transform: translateY(100%);
  pointer-events: none;
}
.header__inline-menu .header__menu-item:hover .nav-text--1 {
  transform: translateY(-100%);
}
.header__inline-menu .header__menu-item:hover .nav-text--2 {
  transform: translateY(0);
}
/* Mega menu dropdown — full-width panel with smooth fade transition */
.mega-menu .mega-menu__content {
  display: block !important;
  max-width: none !important;
  margin: 0 !important;
  box-shadow: none !important;
  border: none !important;
  background: #fff !important;
  opacity: 0 !important;
  transform: translateY(0) !important;
  transition: opacity 0.45s ease !important;
  visibility: hidden;
  pointer-events: none;
}
.mega-menu[open] .mega-menu__content {
  opacity: 1 !important;
  visibility: visible;
  pointer-events: auto;
  z-index: 2 !important;
}
/* Fade-out: details still open but is-closing drives opacity back to 0 */
.mega-menu.is-closing .mega-menu__content {
  opacity: 0 !important;
  pointer-events: none;
}
/* Keep inner content at page width so it doesn't stretch edge-to-edge */
.mega-menu .mega-menu__content .mega-menu-collection {
  max-width: var(--page-width);
  margin: 0 auto;
}
/* Dresses/Sale dropdown — links take space they need, banner fills the rest */
.mega-menu .mega-menu__content .menu-banner-container {
  max-width: none !important;
  margin: 0 !important;
  grid-template-columns: auto 1fr !important;
}
.mega-menu .mega-menu-box .mega-menu__list > li {
  padding: 30px 35px !important;
  overflow: visible !important;
}
.mega-menu-box > .mega-menu__list > li > .mega-menu__link {
  margin-bottom: 14px !important;
}
.mega-menu .mega-menu-banner {
  height: 100% !important;
}
.mega-menu .mega-menu-banner .animate-arrow {
  height: 100% !important;
  display: block;
}
.mega-menu .mega-menu-banner .mega-menu-image {
  height: 100% !important;
}
.mega-menu .mega-menu-banner .mega-menu-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}
/* Dropdown links — underline on hover, no wrap, no scrollbar, tighter spacing */
.mega-menu__link {
  text-decoration: none !important;
  white-space: nowrap;
}
.mega-menu__link:hover {
  text-decoration: underline !important;
  text-underline-offset: 3px;
}
.collection-item-link {
  text-decoration: none !important;
  white-space: nowrap;
}
.collection-item-link:hover {
  text-decoration: underline !important;
  text-underline-offset: 3px;
}
.mega-menu .mega-menu-box .mega-menu__list > li {
  overflow: visible !important;
}
.mega-menu-box .mega-menu__list ul li + li {
  margin-top: 10px !important;
}
/* Mobile nav drawer — full width at 750px and below */
@media screen and (max-width: 750px) {
  menu-drawer,
  .menu-drawer {
    width: 100% !important;
    max-width: 100% !important;
    border-right: none !important;
  }
}