:root { !important; /**DO NOT CHANGE OR REMOVE**/
  	--lightest-green: #86a58d;
  	--light-green: #9ab09a;
  	--dark-green: rgba(52, 74, 57, 0.86);
	}








/**BEGINNING OF TEXT-UNDELINE FOR SUBMENU'S HEADER INSIDE RETRACTABLE SIDENAV**/
.submenu-header a {
  	display: block;
	}

.submenu-header a::after {
  	position: absolute;
  	content: "";
  	top: 100%;  
  	left: 0;
  	width: 100%;
  	height: 3px;
  	background: #3498db;
  	transform: scaleX(0);
	transform-origin: left;
  	transition: transform 0.5s;
	}

.submenu-header a:hover {
  	color: #95a5a6;
	}

.submenu-header a:hover::after {
  	transform: scaleX(1);
	transform-origin: right;
	}
/**END OF TEXT-UNDELINE FOR SUBMENU'S HEADER INSIDE RETRACTABLE SIDENAV**/





/**BEGINNING OF TEXT DECORATION FOR SITE NAME INSIDE RETRACTABLE SIDENAV - FONT COLOR - DECORATION**/
.name-decor {
  	transition: all 1s ease-in-out;
  	position: relative; 
	color: var(--dark-green) !important; /**DO NOT CHANGE OR REMOVE**/
	}

.name-decor::before {
  	content: attr(data-item);
  	transition: all 1s ease-in-out;
  	color: var(--lightest-green) !important; /**DO NOT CHANGE OR REMOVE**/
  	position: absolute;
  	top: 0;
  	bottom: 0;
  	left: 0;
  	right: 0;
  	width: 0;
  	overflow: hidden;
	}

.name-decor:hover::before {
  	width: 100%;
	}


.FontSizeControl {
	margin-left: 10% !important;
	font-size: clamp( 1.5rem, 2vw, 5vh) !important;
	}
/**END OF SITE NAME - FONT COLOR - DECORATION**/








/************BEGINNING OF FANCY LINE******************************************************/
hr.fancy-line_sideNav {
    	border: 0; 
	width: 50%;
    	height: 1px; 
    	margin-top: 1px; /**vertical positioning of line **/  
	}

hr.fancy-line_sideNav:before, hr.fancy-line:after {
    	content: '';
    	position: absolute;
    	width: 100%;
	}

hr.fancy-line_sideNav, hr.fancy-line_sideNav:before {
    	background: radial-gradient(ellipse at center, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 75%);
	}
/************END OF FANCY LINE******************************************************/