/* =======================================================================================================
   3XW v2.02 // SETTINGS // Menu Responsive
   =======================================================================================================
    MENU GLOBAL
   ------------------------------------------------------------------------------------------------------- */
header {
  --menu-top-item-count: 	  5;											/* number of top-level links */
  --menu-font-size: 		    16px;										/* font height */
  --idx-menu-font-size:	    16px;
  --menu-font-weight: 	    700;										/* font weight */
  --menu-font-weight-cur: 	700;
  --menu-text-transform:    ;

  --hdr-clr-hamburger:      var(--clr-text);
  --hdr-clr-menu-text-mob:  hsl( 0, 0%, 100%, 0.80 );
  --hdr-clr-menu-text: 		  var(--clr-text);					        /* mobile menu default text color */
  --hdr-clr-menu-text-cur:	var(--clr-brand-03);						/* current page text color */
/* -------------------------------------------------------------------------------------------------------
    MENU MOBILE
   ------------------------------------------------------------------------------------------------------- */
  --menu-item-height: 	    46px;										/* line height */
  --menu-item-radius: 	    var(--btn-bdr-radius);
  --menu-ul-block-pdd: 	    9px;										/* ul block padding main + sub menus */
  --hdr-menu-indent: 		    40px;										/* submenu indent */
  --hdr-menu-bc-size:		    10px;		                            	/* menu breadcrumb size and shape */
  --hdr-menu-bc-rad:		    5px;
/* -------------------------------------------------------------------------------------------------------
    MENU SOCIALS
   ------------------------------------------------------------------------------------------------------- */
  --hdr-icon-size: 		      19px;										/* sets header social icon size */
  --hdr-icon-padding: 	    5px;										/* sets header social icon padding */
  --hdr-icon-bdr-radius:    var(--btn-bdr-radius);
  --hdr-clr-icon-bg: 		var(--clr-brand-04-drk);						/* sets header social icon frame bg color */
  --hdr-clr-icon-bg-hvr: 	var(--clr-brand-04); 						/* sets header social icon frame bg color on hover */
/* -------------------------------------------------------------------------------------------------------
    SUB-MENU INDICATOR
   ------------------------------------------------------------------------------------------------------- */
  --indicator-icon-size:    7px;
  --indicator-frame-color:  #00000045;
  --indicator-frame-color-hvr: #00000045;
  --indicator-frame-size:   34px;
  --indicator-frame-radius: var(--btn-bdr-radius);
  
  --indicator-frame-margin: calc((var(--menu-item-height) - var(--indicator-frame-size)) / 2);
}
nav.txw-menu-wrap ul.menu > li.menu-item-has-children::after,
nav.txw-menu-wrap ul.menu > li.menu-item-has-children::before {
  content: "";  														/* activate indicator on top-level */
}
nav.txw-menu-wrap ul.sub-menu > li.menu-item-has-children::after,
nav.txw-menu-wrap ul.sub-menu > li.menu-item-has-children::before {
  content: "";  														/* activate indicator on sub-level */
}
/* @-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@
    DESKTOP */ @media (min-width: 1100px)	{
/* -------------------------------------------------------------------------------------------------------
    MENU GLOBAL
   ------------------------------------------------------------------------------------------------------- */
  header, #sec_index { --idx-menu-font-size: 1.6rem; }
  header {
    --menu-item-height: 	40px;
    --hdr-menu-indent: 		20px;
    --hdr-menu-sub-pdd:     var(--lcl-single-line);
/* -------------------------------------------------------------------------------------------------------
    SUB-MENU INDICATOR
   ------------------------------------------------------------------------------------------------------- */
    --indicator-icon-size:  6px;
    --indicator-frame-color: transparent;
    --indicator-frame-color-hvr: transparent;
    --indicator-frame-size: 24px;
	--indicator-frame-radius: var(--btn-bdr-radius);
    /* desktop only */
  	--indicator-frame-shadow: none; /* 0px 0px 3px 0px rgb(0 0 0 / 10%) */
/* -------------------------------------------------------------------------------------------------------
    MENU SPACING
   ------------------------------------------------------------------------------------------------------- */
	--menu-item-padding-hor: 	var(--menu-item-height);				/* horizontal padding replaces mobile indent */
    --menu-item-gap-hor: 		calc(var(--local-spacing-hor) / 4);		/* menu item gap */

    --menu-item-padding-ver: 	calc(0.5 * (var(--menu-item-height) - var(--menu-font-size)));
      																	/* imaginary padding, used to bottom-align text with logo/icons */
	--hdr-submenu-gap: 			8px;									/* space between menu item and its submenu */
/* -------------------------------------------------------------------------------------------------------
    BACKGROUND COLORS                                       ON HOVER
   ------------------------------------------------------------------------------------------------------- */
   	--hdr-clr-menu-item:		transparent;  	            --hdr-clr-menu-item-hvr:    transparent; /* top-level menu item bg color */
    --hdr-clr-submenu-item:		var(--clr-bckg-02); 	    /* --hdr-clr-submenu-item-hvr:	#fafafa; sub-level menu item bg color */
/* -------------------------------------------------------------------------------------------------------
    TEXT COLORS                                             STROKE COLORS
   ------------------------------------------------------------------------------------------------------- */
  	--hdr-clr-menu-text: 		var(--clr-text);        	--hdr-clr-menu-strk:		transparent;
   	--hdr-clr-menu-text-cur:	var(--clr-brand-01);		--hdr-clr-menu-strk-cur:	var(--hdr-clr-menu-text-cur);
	--hdr-clr-menu-text-hvr:	var(--clr-brand-03);		--hdr-clr-menu-strk-hvr:	var(--hdr-clr-menu-text-hvr);
/* -------------------------------------------------------------------------------------------------------
    MENU BREADCRUMBS (visual indicators of current/ancestors)
   ------------------------------------------------------------------------------------------------------- */      
   	--hdr-menu-stroke:			0px;                			    	/* stroke for menu ancestor bc + menu item outline (desktop) */
   	--hdr-menu-bc-size:			8px;									/* current page bc icon size */
  }
  nav.txw-menu-wrap ul.menu > li.txw-has-m-m::after,
  nav.txw-menu-wrap ul.menu > li.txw-has-m-m::before {
    content: "";  														/* activate indicator on top-level */
  }
  nav.txw-menu-wrap ul.sub-menu > li.menu-item-has-children::after {
	content: "";														/* activate indicator on sub-level */
  }
/* @-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@ */
}