#main-navbar {
  --sm-collapse-show-animation: sm-ani-collapse 5.25s ease-in;
  --sm-collapse-hide-animation: sm-ani-collapse 0.25s ease-in reverse;
  --sm-sub-min-width: 12em;
}


.sm-navbar {
	--sm-brand: #244E5B; /* color for active elements - particularly background for toggle button */
}


/* color toggler hamburger icon */


.sm-toggler {
	margin:12px;
	box-shadow: 0px 0px 10px #fff;
	background: rgba(255,255,255,.4);
}

.sm-offcanvas .sm-toggler {

	box-shadow: none;
	background: none;
}

.sm-toggler-anchor {
	padding:0px !important;
}

.sm-toggler-icon--show::before {
    color: #C75B22;
    border-top: 4px solid;
    top: calc(50% - 4px);
}

.sm-toggler-icon--show {
    color: #71CEC1;
    border-top: 4px solid;
	background: rgba(255,255,255,.8);

}

.sm-toggler-icon--show::after {
	color: #562912;
	border-top: 4px solid;
}


.sm-toggler-icon--hide::before,
.sm-toggler-icon--hide::after {
	top: calc(50% - 2px);
	border-top: 4px solid;
	color: #fff;
	background:none;
	box-shadow:none;
	
}

.sm-toggler-icon--hide::after {
    color: #fff;
}


/* menu styling */

.sm-offcanvas {
	background-color:#C75B22;
}

.sm-nav-item a {
	background:none !important; 
	font-size:1.4rem !important;
	color:#fff;
	text-decoration:none !important;
}
 
.sm-navbar  li {
	border-radius: 8px !important;
	margin:2px;
}

.sm-sub {
	border-radius: 0;
	padding:0 !important;
}
 

.sm-navbar li:hover > a {
	background-color:#71CEC1 !important;
	color: #333;	
}

/* sub menu items */
.sm-navbar ul ul li:hover a{
	background:rgba(255,255,255,.4) !important;

}

/*
.current_page_item > .sm-nav-link, .current_page_item > .sm-sub-link,  .current_page_ancestor > .sm-nav-link {
	background-color: #71CEC1 !important;
	color:#333;
	box-shadow: 0px 0px 3px #000;
}*/

.current_page_item > a,  .current_page_ancestor > a {
	background-color: #71CEC1 !important;
	color:#333;
	box-shadow: 0px 0px 3px #000;
}

.current_page_item a,  .current_page_ancestor a {
	color:#333;
}



.sm-sub-item.current_page_item > a, .sm-sub-item.current_page_ancestor > a {
	background-color: #fff !important;
	color:#333;
	box-shadow: none;
}

.current_page_item > a, .current_page_ancestor a {
	color:#333;

}

.sm-sub-toggler {
	border-radius:0 !important;
	background:none  !important;
	color: #333;
	border-left: 1px #333!important;
}

.sm-navbar li .sm-sub-toggler:hover {
	color: #333;
	background-color:#71CEC1 !important;
}

 .sm-sub-item.sm-selected {
	background-color: #fff !important;
}

.sm-nav-link.sm-expanded {
	background-color: #71CEC1 !important;
	color:#333;
}

.sm-nav-link.sm-expanded ul li a {

	color:#fff;
}


.sm-navbar ul ul{
	margin: 0px 0px  !important;
	background:rgba(255,255,255,.6) !important;
	border-radius:0px 0px 8px 8px;
}


.sm-sub-link {
	margin-top:1px;
}