/***************************
*
file name:		nav-def.css
Theme Name: 	nentrium horizontal navagation
Designed by: 	nentrium graphics
Description:	horizontal navagation default
*
*****************************/

body{
	padding: 0;
}

.stickydiv nav, ul, li {
	display:block;
    height: fit-content;
	margin: 0;
	border: 0;
	padding: 0;
    width: unset;
}

.stickydiv nav {
	/* background-color: #666; */
}

.stickydiv li {
	/* first level menu */
	list-style: none;
    width: fit-content;
    background-color: #ffc;
}

/* set up first level menu horizontal */

.stickydiv nav>ul>li {
	border: 0;					
	/* border-left: 0px solid #000;				clear left */
	/* border-right: 1px solid #000;				clear right */
			   
	/* border-top: 0px solid #000;					set top */
	/* border-bottom: 0px solid #000;				set bottom */
	top:0;                                      /* offset from top of page */
	float: left;
	margin: 0 10px 0 10px;			   
}

.stickydiv nav>ul>li:first-child {
	/* border-left: 1px solid #000; */
}

.stickydiv nav>ul>li:last-child {						/* KEEP */
	/* border-left: 0px solid #444;			 ref Abd */
	/*border-left: 1px solid #000;*/
	float: right;
}

/* end set up first level menu horizontal */

/* set up second level menu horizontal */

.stickydiv nav>ul>li>ul>li {
	border-left: 0;								/* clear left */
	border-right: 0;							/* clear right */
	border-top: 1px solid #000;					/* set top */
	border-bottom: 0;							/* set bottom */
	margin-left:0;
}

.stickydiv nav>ul>li>ul>li:last-child {						/* KEEP */
	/* border-left: 0px solid #444;			 ref Abd */
	border-bottom: 1px solid #000;
}

/* end set up second level menu horizontal */

.stickydiv nav a, button {
	color: #000;
	display: block;
	font-family: Arial,'Times New Roman',serif;
	font-size:16px;
	font-weight: normal;
					 
	line-height:30px;
	text-align: center;
	text-decoration: none;
	/* width: 150px; */
}

.stickydiv nav ul {						/* KEEP */
	/*
	overflow:auto;
	*/
	list-style-type: none;
	line-height: 25px;
 
				   
					   
	/*
	z-index:inherit;
	*/
}

.stickydiv nav ul ul {						/* KEEP */
	visibility: hidden;
    position: absolute;
}

.xyz{
	z-index: -1;
}

.closebut {
    background-color:#ff3;
    border-left:0;								/* set top */
    border-right:0;								/* set top */
    border-top:1px solid #000;					/* set top */
    border-bottom:1px solid #000;				/* set top */
	display: block;
    line-height:44px;
    margin:0;
    padding:0;
    position:absolute;
    visibility:hidden;
    width:115px;
}

.stickydiv nav li:hover .xzy {
	z-index: 1;
}

.active {						/* KEEP UMM*/
	/* DECORATION 
	background-color:unset;
	*/
    color: white;
}

	/*display:unset;*/
.navclass{
    position:unset;
	/*
	overflow:auto;
	
    z-index:-1;
	*/
}

.stickydiv {
	display: flex;

	flex-direction: column;
	align-items: center;
	justify-content: center;

	background-color:#ffc;			   
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    padding: 0;
    width: auto;
    height: auto;
	z-index: 1;
}

.stickydiv nav li:hover, nav a:hover, nav button:hover {
	/*background:#0F6; /* was #f4f; */						/* NAV BACKGROUND COLOUR ON HOVER */
	background:#888;
}

.stickydiv nav a:hover {
	background:#ccc; /* was #f4f; */			/* NAV BACKGROUND COLOUR ON HOVER */
	color: black;
}

.stickydiv nav ul li:hover >ul{								/* KEEP */
	visibility: visible;
	/* background-color: #00f; */
}

.stickydiv nav>ul>li>ul>li:hover ul {
	left: 115PX;
	z-index:2;
}
	
.openbut-org-allwidth {
	position:absolute;
	visibility:collapse;		
}

.openbut {
    background-color:#fff;	/*!important;*/
    border:unset;
    color:#000;;			/*!important;*/
    font-size:18px;;		/*!important;*/
    height:28px;
    margin:unset;
    margin-left: auto;
    margin-right: auto;
    padding: unset;
	position:absolute;
	visibility:collapse;
	white-space:normal;
	width:28px;
}

.closebutx {
	padding:8px 16px;
	float:left;
	width:auto;
	border:none;
	/*display:block;*/
	outline:0;
	white-space:normal;
	font-size:18px;			/*!important;*/
	position:relative;
	animation:animateleft 0.4s}
	@keyframes animateleft{
	from{left:-300px;opacity:0
	} to{
		left:0;
		opacity:1
	}
}




/*  ########## MEDIA 375 -iPhone X ##########  */

@media screen and (max-width: 375px){

	header .head-flex-box{
		margin:auto;
		/* width:35%; */
	}

}