/*----------------------------

	special for this one 

------------------------------*/

.navigation.row>.col-md-12{

	padding: 0px;

}

.navigation.row{



}

/*----------------------------

	The Wrapper

------------------------------*/

/*The Wrapper */

.nav-wrapper{

	height: ;

	background-color: #335526;

	margin-top:;

	margin-bottom: ;

	font-family: ;

	/*display: inline-block;*/

	position: relative;

	min-height: 35px;

}

/*----------------------------

	The Toggle

------------------------------*/

.navbar-toggle{

	padding: 0px;

	padding-top: 7px ;

	padding-bottom: 7px;

	margin-top:0px;



	float: right;

	

	width: 70%;

	border: 0px;

	

	text-align: right;

	font-weight: 700;

	

	display: none;

}

.navbar-toggle:focus{

	border: 0px;

	outline: 0px;

}

.navbar-toggle>span{

	color: #ffffff;

}

/*----------------------------

	Full State

------------------------------*/

#navigation {
	font-family: "Lato", arial, sans;
}


#navigation .nav {
	margin: 0px;
	width: 100%;
	padding-inline: 15px;
	display: flex;
	justify-content: space-between;
	gap: 4px;
}

body:has(#mms-admin-sidebar:not(.is-collapsed)) #navigation .nav{
	flex-wrap: wrap;
}

#navigation .nav::before,
#navigation .nav::after {
	display: none;
}

/* #navigation .nav ul{
	background-color: #;
} */

#navigation .nav li {
	position:relative;
	float: left;
	list-style-type: none;
	flex-grow: 1;
}

/* #navigation .nav>li:first-of-type{
	padding-left: 15px;
} */

#navigation .nav>li {
	/*padding-right: 10px;*/
	/* border-right: 4px solid white; */
}

#navigation .nav li a { 
	color: #ffffff; 
	background-color: #91AACE;
	/* font-size: ; */
	font-weight: 700;
	padding-top: 10px;
	padding-bottom: 8px;
	/* border-bottom: ;  */
	text-decoration: none;
	transition: background-color .3s, color .3s;
	text-align: center;
}

#navigation .caret {
	margin-left: 5px;
	border-top-color: white;
    border-bottom-color: white;
}

#navigation .nav li a:is(:hover, :focus) .caret {
	border-top-color: white;
    border-bottom-color: white;
}

@media (max-width: 1201px) {
	#navigation .nav>li>a {
		padding: 10px 10px;
		height: 100%;
	}
}

/*------ Third level Items/Multi Tier */

#navigation .nav li ul li a {
	/* background: ; 
	color: ; */
	transition: .3s;
}

#navigation .nav li ul li a:hover {
	/* background: ; 
	color: ; */
	transition: .3s;
}


/*------ On Hover/Focus/.open */

/* .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {

	color: !important; 

	background-color: !important;

	border-bottom: ;

} */

#navigation .nav .open>a, #navigation .nav .open>a:hover, #navigation .nav .open>a:focus, #navigation .nav>li>a:hover, #navigation .nav>li>a:focus{

	background-color: #243D7F;

	color: #ffffff;

	text-decoration: none;

	

}


#navigation .dropdown-menu>li>a:hover, #navigation .dropdown-menu>li>a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #428bca;
}



/*----------------------------

	Collapsed State

------------------------------*/

#navigation .navbar-collapse.collapse {

	position: relative;

}

#navigation .navbar-collapse{

	max-height: none;

	padding: 0px;

}



/*----------------------------

	Dropdown Menus - full/collapsed

------------------------------*/

/* #navigation .dropdown-menu{

	background-color: ;

	padding: ;

} */

#navigation .dropdown-menu>li>a:hover, #navigation .dropdown-menu>li>a:focus {

	/* color: ;

	background-color: ; */

	text-decoration: none;

}

#navigation .dropdown-menu li{

	width: 100%;

}



/*---------------------------------------------

		Foot Crumbs

---------------------------------------------*/

#foot-crumbs{

	background-color: #FAE6A9;

	margin-top: 15px;

	padding: 5px 0px;

	border-top: 2px solid #C5A126;

}





/*----------------------------

	@Media and Sizes

------------------------------*/

@media (min-width: 768px) and (max-width: 990px) {

	.nav li a {

		font-size: 11px;

	}

}

@media (max-width: 767px) {

	.navbar-collapse{

		clear: both;



		margin-top: 8px;

	}

	.navbar-collapse, .nav{

		width: 100%;

	}

	.nav li{

		display: block;

		width: 100%;

		text-align: center;

		height: auto;

		padding-top:0px;

	}

	.nav li a{



		padding-top: auto;

		font-size:16px;

		margin: auto;

		width: 100%;

		padding-top: 5px;

		padding-bottom: 6px;

		height: auto;

	}

	.navbar-toggle{

		display: inline-block;

		margin: 0px auto;

		padding: 0px;

		clear: both;

		margin-right: 20px;

	}

	.dropdown li{

		display: block;

		width: 100%;

		background-color: #91A9A0;

	}

	

	.navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {

		padding: 0px;

	}

	

	

	.navbar-nav .open .dropdown-menu {

		margin-top:6px;

	}

	.nav-row{

		height: auto;

		max-height: none;

	}

	.small-text{

		display:none !important;

	}

	.navbar-collapse.collapse {

		display: none !important;

		position: static;

		

	}

}

@media (max-width: 480px) { 

	.navbar-toggle{

		display: inline;

	}



	.navbar-nav li{

		display: block;

		width: 100%;

		text-align: center;

		height: auto;

		padding-top:0px;

	}

	.dropdown li{

		display: block;

		width: 100%;

		background-color: #91A9A0;

	}

	.nav li a{

		border-left: none;

		border-right: none;

		padding-top: auto;

		font-size:16px;

		margin: auto;

		width: 100%;

		padding-top: 5px;

		padding-bottom: 6px;

		height: auto;

	}

	.nav li{

	

	}

	.navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {

		padding: 0px;

	}



	.open{

		height: auto !important;

	}

	.open a{

		display:block;

	}

	.navbar-nav .open .dropdown-menu {

		margin-top:6px;

	}

	.hlp-wrapper{

		display:none;

	}

	.vid-feature iframe{

		max-width: none !important;

		max-height: none !important;

	}

}





.navbar-collapse{

	border: 0px;

	box-shadow: none;

}

.mobileMenuTrigger svg {
	margin-right: 5px;
}

#mobileMenuWrapper {

	/*

	The menu wrapper is the div that surrounds the mobile menu.

	You'll want to make sure this has a background of some sort so the text shows up/doesn't appear over other text

	Setting bottom:0px; is needed to make a long menu scroll-able.

	

	*/

	

	/* REQUIRED */

	position: fixed;

	top:0px;

	bottom: 0px;		/* If having the menu slide in from the top or bottom, comment out this line */

	z-index: 100;

	overflow-y: auto;

	overflow-x: hidden;

	

	/* CHANGEABLE-ISH */

	left: -100%;			/* Change this to left, right, top, or bottom.  You'll also have to make a change in the open state */

	width: 300px;		/* The mobile menu works best with a pre-defined width. Percentages also work great here. */

	

	/* CHANGEABLE */

	background-color: rgba(255,255,255,.9);

	border-right: 1px solid #C5A126;

	

	/* Transition - bump */

	transition: left .3s; /* ##DIRECTION-02 */

	-webkit-transition: all 300ms cubic-bezier(0.625, 0.005, 0.175, 1); /* older webkit */

	-webkit-transition: all 300ms cubic-bezier(0.625, 0.005, 0.175, 1.310); 

   	-moz-transition: all 300ms cubic-bezier(0.625, 0.005, 0.175, 1.310); 

    -o-transition: all 300ms cubic-bezier(0.625, 0.005, 0.175, 1.310); 

    transition: all 300ms cubic-bezier(0.625, 0.005, 0.175, 1.310); 

}

#mobileMenuWrapper.open{

	left: 0px;		/* This is required.  If you changed the direction attribute above, change it here too. */

	bottom: 0px;	/* This line is here for bottom/top slide-ins.  See note on bottom above.*/

}



/* REQUIRED - Dropdown menu item transition states*/

#mobileMenuWrapper .mDropdown {

	display:none;

}

#mobileMenuWrapper .mDropdown.open{

	display: block;

}



/* REQUIRED - Sets the ULs to not have dots, or be spaced in the typical UL fashion. */

#mobileMenuWrapper ul{

	list-style-type: none;

	margin: 0px;

	padding: 0px;

}



/* OPTIONAL-ISH - These are the settings for the base menu UL */

#mobileMenuWrapper #mobile-menu{

	overflow: auto;

	padding: 15px 15px 15px 10px;

}

/* OPTIONAL-ISH - This sets each link on its own line fo' sho' */

#mobileMenuWrapper  a, #mobileMenuWrapper div{

	/* display: block; */

}



/* OPTIONAL - The actual A's.  Style them as you wish*/

/* Top Level / all*/

#mobileMenuWrapper #mobile-menu a{

	padding: 8px 4px;

	display: block;

}



/* dropdown only */

#mobileMenuWrapper .mDropdown a{

	background-color: rgba(137,94,44,.1);

	padding: 5px;

	margin-bottom: 2px;

}



/* Other stuff related to this specific mobile menu*/

#mobileMenuWrapper #search #q{

	max-width: 100%;

}

#mobileMenuWrapper #search .input-group-addon .search-button{

	height: 32px;

	background-color: transparent;

	border: 0px;

}

.inner-mobile-nav{
	border-left: 4px solid #C5A126;
	background-color: #F3E9C2;
	font-weight: bold;
	padding: 8px 4px;
	cursor: pointer;
}