html .wd-nav.wd-layout-drilldown > li > a, html .wd-nav.wd-layout-drilldown > li [class*="sub-menu"] > :is(.menu-item,.wd-drilldown-back) > a, html .wd-nav.wd-layout-drilldown .woocommerce-MyAccount-navigation-link > a {
	color: rgb(2,60,89);
}
html .wd-nav.wd-layout-drilldown > li > a:hover, html .wd-nav.wd-layout-drilldown > li [class*="sub-menu"] > :is(.menu-item,.wd-drilldown-back) > a:hover, html .wd-nav.wd-layout-drilldown >li [class*="sub-menu"] > .woocommerce-MyAccount-navigation-link > a:hover, html .wd-nav.wd-layout-drilldown li.current-menu-item > a {
	color: rgb(190,212,207);
}
html .wd-nav.wd-nav-main > li > a {
	font-family: "Avenir Black", Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: rgb(0,0,0);
}
html .wd-nav.wd-nav-main > li:hover > a, html .wd-nav.wd-nav-main > li.current-menu-item > a {
	color: rgb(190,212,207);
}
h2.elementor-heading-title elementor-size-default {
	font-family: "Avenir Medium", Arial, Helvetica, sans-serif;
	font-size: 50px;
	color: rgb(0,0,0);
}
html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
	font-family: "Avenir Medium", Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 30px;
	text-transform: capitalize;
	color: rgb(255,255,255);
}
html .wd-dropdown-my-account .wd-sub-menu li a {
	font-family: "Avenir Medium", Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 15px;
	text-transform: none;
}
.wd-dropdown-cart .woocommerce-mini-cart > li {
	font-family: "Avenir Medium", Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
}




/* Mobile Menu Background */
.mobile-nav.wd-side-hidden.brand-santrel{
  --mm-menu-bg: #FCF8F8;
}

/* Mobile Menu Tabs Styling */
/* Santrel — Mobile menu tabs (colors + tab font) */
.mobile-nav.wd-side-hidden-nav.brand-santrel{
  --mm-tabbar-bg: transparent;           /* tabs strip background */
  --mm-tabbar-border: rgba(0,0,0,.12);   /* thin line under tabs strip */

  --mm-tab-bg: #BED4CF;          /* inactive tab background */
  --mm-tab-bg-hover: #025178;    /* tab background on hover */
  --mm-tab-bg-active: #023C59;   /* active tab background */

  --mm-tab-text: #023C59;        /* inactive tab text */
  --mm-tab-text-hover: #FCF4E4;  /* tab text on hover */
  --mm-tab-text-active: #FCF4E4; /* active tab text */

  --mm-tab-underline: #BED4CF;   /* active tab underline */

  --mm-tab-font-size: 12px;             /* tab label size */
  --mm-tab-font-weight: 700;            /* tab label weight */
  --mm-tab-letter-spacing: .06em;       /* tab label tracking */
  --mm-tab-text-transform: uppercase;   /* uppercase / none */
}




/* BRAND — Mobile menu header logo */
.mobile-nav.wd-side-hidden-nav.brand-santrel{
  --mm-menu-logo: url("https://santrel.com/wp-content/uploads/2026/01/santrel-logo-3.webp");
  --mm-menu-logo-w: 150px;
  --mm-menu-logo-h: 40px;

  /* Choose ONE side (make the other auto) */
  --mm-menu-logo-left: 10px;   /* logo on LEFT */
  --mm-menu-logo-right: auto;

  /* If you want it on the RIGHT instead, swap to:
  --mm-menu-logo-left: auto;
  --mm-menu-logo-right: 16px;
  */
}