 /*
 colors
 198095
 9C32D3
 */


.sm-toggler {
	margin-top:4px;
}

.sm-toggler-icon {
	color: #198095;
	margin:0px;
}
 
 .sm-nav-item a {
	color:#184682;
	background:none ; 
	background:rgba(255,255,255,0.2); 
 }
 
 .sm-nav-item a:hover {
	background:rgba(255,255,255,0.4); 
 }

 a.sm-expanded {
	background:rgba(255,255,255,0.4) !important; 
 }
 
.sm-sub {
	background:none;
 }

.sm-sub-link {
	border-radius: 0;
margin-left:24px;
 } 
 
 
.sm-navbar  a {
	border-radius:0 !important;
	
}
.sm-navbar li a:hover {
	color: #9C32D3;
	text-decoration:none;
}

.sm-sub-toggler {
		border-radius:0 !important;
		background:none  !important;
		padding:0 !important;
		border:none !important;
		
}

.sm-nav-link--split + .sm-nav-link--split::before {
	border:none  !important;
}


 @media (min-width: 768px) {

	.sm-navbar {
		box-shadow: none !important;
		border: none !important;
	}
 
	.sm-navbar ul ul{
		border: none !important;
		background-color:rgba(255,255,255	,.2);
		border-radius:0;
	}
 
	.sm-navbar ul ul li{
		margin: 3px 0px  !important;
	}

	.sm-sub-toggler {
		display:none;
	}
	
	.sm-nav-link--split:not(.sm-nav-link--split + .sm-nav-link--split) {
		padding-right: 12px;
	}
	  
	.sm-sub-item {
		display: block;
	}
 
	.sm-navbar {
		padding:0;
		margin:0;
	}
	
	
	.sm-nav-item a {
		color:#184682;
		background:none ; 
	}
	 
	 .sm-nav-item a:hover {
		background:none ; 
	 }

	a.sm-expanded {
		background:none !important; 
	}
	
	.sm-sub-link {
		background:none !important; 
		margin-left:0;
		
 } 
 
 }
 
 
 .sm-navbar {
  --sm-brand: #184682; /* color for active elements - particularly background for toggle button */
  --sm-brand-contrast: #9C32D3; /* defines parent color when sub items are expanded
}
