/***************************
*
file name:		nav-ver.css
Theme Name: 	nentrium vertical menu
Designed by: 	nentrium graphics
Description:	changes from horzontal to vertical 
				menu due to changing width
*
*****************************/

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

    .openbut-org {
        width:30px;
        position:unset;
        visibility:unset;
    }
		
	.nav-flex-box{
		color: #ff3; /* xantx logo color */
        float:left;
		font-family: Arial black;
        font-size: 2vw;
		font-style: italic;
		font-weight: bold;
        height:inherit;
        padding:2px;
        text-align: center;
		vertical-align: text-top;
        width:100%;

		/* margin:auto; */
		/*border: 2px solid cyan;					added - diagnostics */
		/* background-color:#a0a0a0; */
	}

    .stickydiv {
        display: flex;

        align-items: stretch;
        flex-direction: column;

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

    .stickydiv nav {
        background-color: unset;
        display: block;
        height: auto;
        text-align: center;/*  */
        width: -webkit-fill-available;
        /* margin: 0 auto; */
        /* border: 2px solid blue; */
    }

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

    .stickydiv nav .closebut:hover {
        background-color: #0F6;
    }

    .stickydiv nav li li li {
        /* third level menu */
        list-style: none;
        position: relative;
        background: #0ff;
        left: 0px;
        top: -0px;
    }

    .stickydiv nav ul {
        display: flex;

        align-items: center;
        flex-direction: column;
        flex-wrap: nowrap;

        /* display: inline-block; */
        /*background-color: #fff;8/
        height: 190px;
        margin: 0;
        padding-top: 0;
        /* width: 180px; */
        /* border: 2px solid red; */
        /* text-align: center; */
        /* float: unset; */
    }

    .stickydiv nav ul ul {                             /* NEEDED */
        left: 117px; /* positions 2nd level li's horizontally - to clear 1st level menu*/
        top: -19px;
    }






		
    .openbut {
        position:unset;
        visibility:visible;
    }

    .stickydiv nav>ul>li, .stickydiv nav>ul>li>ul>li{
        /* first level menu */
        position: relative;
        /*background-color: #eef;*/
        border-right: 0;
        border-top: 0;
        border-bottom: 0;
        top: 0;
    }




    .stickydiv nav>ul>li:first-child{							/* KEEP */
        /* border-left: 0;							clear left */
        /* border-top: 1px solid #000;				set top */
        border-left: 0px solid #000;				/* set top */
        /* border-top-color:#f00;					set top */
    }

    .stickydiv nav>ul>li:last-child {							/* KEEP */
        border-bottom: 0;				            /* set bottom 0px solid #000*/
        border-left: 0;				                /* set top 0px solid #000*/
        float: left;
    }

    .closebut {
    /*
    */
        top: 0;
        visibility: visible;
    }

    .navclass nav a, button {
        line-height:40px;
    }

    .xyz {
        z-index: unset;
    }

}