:root {
	--wd-text-font: "Avenir Roman", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(63,87,35);
	--wd-text-font-size: 18px;
	--wd-title-font: "Avenir Medium", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 800;
	--wd-title-color: rgb(63,87,35);
	--wd-entities-title-font: "Avenir Heavy", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: rgb(63,87,35);
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: rgb(63,86,35);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Avenir Medium", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 54px;
	--wd-primary-color: rgb(63,87,35);
	--wd-alternative-color: rgb(127,159,24);
	--btn-default-bgcolor: rgb(63,87,35);
	--btn-default-bgcolor-hover: rgba(63,87,35,0.8);
	--btn-accented-bgcolor: rgb(126,159,23);
	--btn-accented-bgcolor-hover: rgb(247,167,9);
	--btn-accented-color: rgb(255,255,255);
	--btn-accented-color-hover: rgb(255,255,255);
	--wd-link-color: rgb(63,86,35);
	--wd-link-color-hover: rgb(247,167,9);
}
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(63,87,35);
}
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(247,167,9);
}
html .wd-nav.wd-nav-main > li > a {
	text-transform: none;
	color: rgb(63,87,35);
}
html .wd-nav.wd-nav-main > li:hover > a, html .wd-nav.wd-nav-main > li.current-menu-item > a {
	color: rgb(247,167,9);
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-bg: rgb(63,86,35);
	--wd-arrow-bg-hover: rgb(247,167,9);
	--wd-arrow-bg-dis: rgb(232,232,232);
	--wd-arrow-radius: 30px;
}
.wd-nav-pagin-wrap:not(.wd-custom-style) {
	--wd-pagin-bg: rgb(126,159,23);
	--wd-pagin-bg-hover: rgb(247,167,9);
	--wd-pagin-bg-act: rgb(63,86,35);
	--wd-pagin-radius: 30px;
	--wd-pagin-brd-color: rgb(126,159,23);
	--wd-pagin-brd-color-hover: rgb(247,167,9);
	--wd-pagin-brd-color-act: rgb(63,86,35);
	--wd-pagin-brd: 1px solid;
}

@media (max-width: 1024px) {
	:root {
		--wd-text-font-size: 17px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-text-font-size: 16px;
	}

}




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

/* Mobile menu tabs (colors + tab font) */
.mobile-nav.wd-side-hidden-nav.brand-novarnica{
  --mm-tabbar-bg: #7E9F17;           /* tabs strip background */
  --mm-tabbar-border: #7E9F17 ;   /* thin line under tabs strip */

  --mm-tab-bg: #7E9F17;          /* inactive tab background */
  --mm-tab-bg-hover: rgba(0,0,0,.08);    /* tab background on hover */
  --mm-tab-bg-active: rgba(0,0,0,.10);   /* active tab background */

  --mm-tab-text: #E8E8E8;        /* inactive tab text */
  --mm-tab-text-hover: #E8E8E8;  /* tab text on hover */
  --mm-tab-text-active: #E8E8E8; /* active tab text */

  --mm-tab-underline: #F7A709;   /* 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 */
}

/* Mobile menu — Arrows + Back */
.mobile-nav.wd-side-hidden-nav.brand-novarnica{

/*  --mm-row-text: rgba(0,0,0,.82);      */  /* normal menu link text */
/*  --mm-row-text-hover: rgba(0,0,0,.92); */ /* menu link text on hover */
/* --mm-row-bg-hover: rgba(0,0,0,.05); */   /* hover background behind the link row */
	
	  --mm-back-text: #3F5623;       			/* BACK Text Color */

	  --mm-back-bg: #E3DFDF;         			/* BACK Background */
	  --mm-parent-row-bg: #E3DFDF;				/* Shop Row Background */
	
	  --mm-parent-row-bg-hover: #E3DFDF;	/* Shop Row Background Hoover */

	
	  --mm-opener-bg: #F7A709;       			/* Shop Arrow Background */
	  --mm-back-opener-bg: #F7A709;  			/* BACK Arrow Background */

	  --mm-back-opener-bg-hover: #EA9F09; /* Back Arrow Background Hoover */
	  --mm-opener-bg-hover: #EA9F09; 			/* Shop Arrow Background Hoover */	
	
	  --mm-opener-icon: #FFFFFF;					/* Arrow Icon Color */
	  --mm-back-opener-icon: #FFFFFF;			/* Back Arrow Icon Color  */
	}



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

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

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