/*
** /styles/site_main_left.css
*/



/****************************
** Main Side
****************************/

/*nav > ul:hover    {color: var(--color-text-site-100);}
nav:hover         {color: var(--color-text-site-100);}
nav li:hover      {color: var(--color-text-theme-050);}
nav ul ul:hover   {color: var(--color-text-site-100);}*/

nav ul > li {color: var(--color-text-site-080);}
nav:hover {color: var(--color-text-theme-080);}
nav ul > li:hover {color: var(--color-text-theme-080);}

/*****************
** Unanchored
*****************/
.mainLeft > nav > ul > li ul > li > ul:hover {
  transition: background-color 0.2s ease-in-out 0.0s, border 0.2s ease-in-out 0.0s, color 0.2s ease-in-out 0.0s;
}

.mainLeft > nav > ul > li > ul > li ul > li {
  color: var(--color-text-site-080);
  transition: background-color 0.2s ease-in-out 0.0s, border 0.2s ease-in-out 0.0s, color 0.2s ease-in-out 0.0s;
}

.mainLeft > nav > ul > li > ul > li ul > li {
  color: var(--color-text-site-080);
  transition: background-color 0.2s ease-in-out 0.0s, border 0.2s ease-in-out 0.0s, color 0.2s ease-in-out 0.0s;
}

/* level 0 */
.mainLeft > nav > ul {
  width: calc( 100% - 1px );
  
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
  
  border-left: 1px solid transparent;
  
  list-style-type: none;
  transition: background-color 0.2s ease-in-out 0.0s, border 0.2s ease-in-out 0.0s, color 0.2s ease-in-out 0.0s;
}

/*****************
** level 1
*****************/
.mainLeft > nav > ul:hover {
  border-left: 1px solid var(--color-border-site-020);
  color: var(--color-text-site-100);
}

.mainLeft > nav > ul > li {
  width: calc( 100% - 4px );
  
  margin: 25px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  
  border-left: 4px solid transparent;
  
  font-weight: bold;
  transition: background-color 0.2s ease-in-out 0.0s, border 0.2s ease-in-out 0.0s, color 0.2s ease-in-out 0.0s;
}

.mainLeft > nav > ul > li:hover {
  border-left: 4px solid var(--color-border-site-020);
  color: var(--color-text-site-080);
}

.mainLeft > nav > ul > li:active {
  border-left: 4px solid var(--color-border-theme-020);
  transition: background-color 0.2s ease-in-out 0.0s, border 0.2s ease-in-out 0.0s, color 0.2s ease-in-out 0.0s;
}

.mainLeft > nav > ul > li > a {
  display: block;
  
  margin: 10px 0px 0px 0px;
  padding: 2px 0px 3px 5px;
  
  text-decoration: none;
  border-bottom: 1px solid var(--color-border-theme-040);
  
  font-size: var(--font-size-10);
  transition: background-color 0.2s ease-in-out 0.0s, border 0.2s ease-in-out 0.0s, color 0.2s ease-in-out 0.0s;
}

.mainLeft > nav > ul > li > a:link {
  color: var(--color-text-theme-060);
  /*transition: background-color 0.2s ease-in-out 0.0s, border 0.0s ease-in-out 0.0s, color 0.2s ease-in-out 0.0s;*/
}

.mainLeft > nav > ul > li > a:visited {
  color: var(--color-text-theme-080);
  transition: background-color 0.2s ease-in-out 0.0s, border 0.0s ease-in-out 0.0s, color 0.2s ease-in-out 0.0s;
}

.mainLeft > nav > ul > li > a:hover {
  background-color: var(--color-background-site-000);
  color: var(--color-text-theme-060);
  transition: background-color 0.2s ease-in-out 0.0s, border 0.0s ease-in-out 0.0s, color 0.2s ease-in-out 0.0s;
}

.mainLeft > nav > ul > li > a:active {
  background-color: var(--color-background-theme-020);
  color: var(--color-text-theme-080);
  transition: background-color 0.2s ease-in-out 0.0s, border 0.0s ease-in-out 0.0s, color 0.2s ease-in-out 0.0s;
}

.mainLeft > nav > ul > li > ul {
  width: 100%;
  
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
  
  list-style-type: none;
}

/*****************
** level 2
*****************/
.mainLeft > nav > ul > li > ul:hover {
  :
}

.mainLeft > nav ul > li > ul > li {
  width: calc(100% - 4px);
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border-left: 4px solid var(--color-border-site-000);
  
  font-size: var(--font-size-10);
  font-weight: normal;
  
  transition: background-color 0.2s ease-in-out 0.0s, border 0.2s ease-in-out 0.0s, color 0.2s ease-in-out 0.0s;
}

.mainLeft > nav ul > li > ul > li:hover {
  border-left: 4px solid var(--color-border-site-000);
  color: var(--color-text-theme-060);
  transition: background-color 0.2s ease-in-out 0.0s, border 0.0s ease-in-out 0.0s, color 0.2s ease-in-out 0.0s;
}

.mainLeft > nav ul > li > ul > li:active {
  border-left: 4px solid var(--color-border-theme-020);
}

.mainLeft > nav ul > li > ul > li > a {
  display: block;
  width; calc( 100% - 5px );
  
  margin: 5px 0px 0px 0px;
  padding: 3px 0px 3px 5px;
  
  text-decoration: none;
  
  /*color: inherit;*/
  
  transition: background-color 0.2s ease-in-out 0.0s, border 0.2s ease-in-out 0.0s, color 0.2s ease-in-out 0.0s;
}

.mainLeft > nav ul > li > ul > li > a:link {
  background-color: inherit;
  color: inherit;
  /*transition: background-color 0.2s ease-in-out 0.0s, border 0.0s ease-in-out 0.0s, color 0.2s ease-in-out 0.0s;*/
}

.mainLeft > nav ul > li > ul > li > a:visited {
  background-color: inherit;
  color: var(--color-text-site-080);
  transition: background-color 0.2s ease-in-out 0.0s, border 0.2s ease-in-out 0.0s, color 0.2s ease-in-out 0.0s;
}

.mainLeft > nav ul > li > ul > li > a:hover {
  background-color: var(--color-background-site-000);
  color: inherit;
  transition: background-color 0.2s ease-in-out 0.0s, border 0.0s ease-in-out 0.0s, color 0.2s ease-in-out 0.0s;
}

.mainLeft > nav ul > li > ul > li > a:active {
  background-color: var(--color-background-site-020);
  color: var(--color-text-theme-050);
  transition: background-color 0.2s ease-in-out 0.0s, border 0.2s ease-in-out 0.0s, color 0.2s ease-in-out 0.0s;
}

/*****************
** level 3
*****************/
/*.mainLeft > nav > ul > li > ul > li > ul:hover {
/*  /*border-left: 1px solid var(--borderColorNormal);*/
/*  transition: background-color 0.2s ease-in-out 0.0s, border 0.2s ease-in-out 0.0s, color 0.2s ease-in-out 0.0s;
/*  color: var(--colorFontNormalSiteHover);
/*}

/*.mainLeft > nav ul > li > ul > li > ul > li {
/*  margin: 0px 0px 0px 0px;
/*  border-bottom: 0px solid var(--colorBackgroundSite);
/*  transition: background-color 0.2s ease-in-out 0.0s, border 0.2s ease-in-out 0.0s, color 0.2s ease-in-out 0.0s;
/*}*/

.mainLeft > nav ul > li > ul > li > ul > li:hover {
  margin: 0px 0px 0px 0px;
  border-bottom: 0px solid var(--color-border-site-090);
  color: inherit;
  transition: background-color 0.2s ease-in-out 0.0s, border 0.2s ease-in-out 0.0s, color 0.2s ease-in-out 0.0s;
}
/*
/*.mainLeft > nav ul > li > ul > li > ul > li a {
/*  display: block;
/*  width; calc( 100% - 5px );
/*  
/*  margin: 0px 0px 0px 0px;
/*  padding: 3px 0px 3px 5px;
/*  
/*  color: inherit;
/*  text-decoration: none;
/*  transition: background-color 0.2s ease-in-out 0.0s, border 0.2s ease-in-out 0.0s, color 0.2s ease-in-out 0.0s;
/*}
/*
/*.mainLeft > nav ul > li > ul > li > ul > li a:link {
/*  /*background-color: var(--colorBackgroundSite10);*/
/*  color: var(--colorFontLi2HeaderSiteLink);
/*  transition: background-color 0.2s ease-in-out 0.0s, border 0.0s ease-in-out 0.0s, color 0.2s ease-in-out 0.0s;
/*}
/*.mainLeft > nav ul > li > ul > li > ul > li a:active {
/*  /*background-color: var(--colorBackgroundSite10);*/
/*  color: var(--colorFontLi2HeaderSiteActive);
/*  transition: background-color 0.2s ease-in-out 0.0s, border 0.0s ease-in-out 0.0s, color 0.2s ease-in-out 0.0s;
/*}
/*.mainLeft > nav ul > li > ul > li > ul > li a:hover {
/*  /*background-color: var(--colorBackgroundSite10);*/
/*  color: var(--colorFontLi2HeaderThemeHover);
/*  transition: background-color 0.2s ease-in-out 0.0s, border 0.0s ease-in-out 0.0s, color 0.2s ease-in-out 0.0s;
/*}
/*.mainLeft > nav ul > li > ul > li > ul > li a:visited {
/*  /*background-color: var(--colorBackgroundSite10);*/
/*  color: var(--colorFontLi2HeaderSiteVisited);
/*  transition: background-color 0.2s ease-in-out 0.0s, border 0.0s ease-in-out 0.0s, color 0.2s ease-in-out 0.0s;
/*}