/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* ----------- header menu patches -----------*/
/* background patch */
.primary-section{
    backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(1px);
}
/* button patch */
a.hs-button::after{
  content: none !important;
  display: none !important;
}
/* mega menu patch */
.header__menu-submenu.header__menu-submenu--level-2.no-list{
  margin-top:6px !important;
}

/* ----------- end header menu patches -----------*/

/* 4/7/2026 12:30 */
/* ----------- sub-nav individual item hover highlight -----------*/
.header__menu-submenu .header__menu-link:hover {
  background-color: orange !important; /* replace with your exact color */
}

/* scroll to top patch */
.back_to_top svg,
.back_to_top svg path{
  fill: #ffffff !important;
}

/* ----------- mobile nav menu patch ------------*/
.right-wrapper.mobile-open .header__menu.header__menu--desktop{
  display: block !important;
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100vh !important;
  background: black !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  overflow-y: auto !important;
}

.right-wrapper.mobile-open .header__menu-wrapper{
  display: block !important;
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  background: black !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

.right-wrapper.mobile-open .top-section.mobile_section{
  display: block !important;
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  background: black !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  z-index: 2 !important;
}

.right-wrapper.mobile-open .header__menu-item{
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.right-wrapper.mobile-open .header__menu-link{
  opacity: 1 !important;
  visibility: visible !important;
}

.right-wrapper.mobile-open .header__menu-submenu{
  position: relative !important;
  max-height: none !important;
  overflow: visible !important;
  transform: none !important;
}
/* ----------- full navbar background on sub-nav hover ----------- 4/7/2026 12:30 */
.header__menu {
  transition: background-color 0.5s ease;
}

.header__menu:has(.header__menu-item--has-submenu:hover) {
  background-color: #1E1E1E !important;
}

/* base element holds the transition always */
.primary-section {
  transition: background-color 0.5s ease;
}

.primary-section:has(.header__menu-item--has-submenu:hover) {
  background-color: #1E1E1E !important;
}
  transition: background-color 2s ease;
}