.ui.nav{
    background:#fff;
    display:inline-block;
    margin-left:0!important;
    border:none;
    border-radius:4px;
    box-shadow:0 0 0 1px rgba(0,0,0,.1);      
    position:relative
}
.ui.nav ul{
    display:none
}
.ui.nav li{
    display:inline-block;
    position:relative;
    margin:0;
    padding:0;
    margin-right:-.25em; /* remove gap in between link */
}
.ui.nav>li a:hover{
    background:#f1f1f1
}
.ui.nav li a{
    text-decoration:none;
    display:inline-block;
    text-decoration:none;
    line-height:130%;
    box-shadow:none;
    padding:.625em 1.25em
}
.ui.nav.large li a{
    font-size:120%;
    padding:10px 20px
}
.ui.nav.small li a{
    font-size:70%;
    padding:5px 10px
}
.ui.nav li:last-child{
    margin-right:0
}
.ui.nav li:first-child>a{
    border-radius:4px 0 0 4px
}
.ui.nav li:last-child>a{
    border-radius:0 4px 4px 0
}
.ui.nav>.current_page_item>a,
.ui.nav>.current_page_item:hover>a,
.ui.nav>.current-menu-item>a,
.ui.nav>.current-menu-item:hover>a{
    background:#efefef
}
.ui.nav>li.current:before{
    background:none
}
.module .child-arrow{
	display:none
}

@media (hover:none){
	.ui.nav>.menu-item-has-children>a{
		padding-right:2.6em
	}
    .module .child-arrow{
        display:inline-block;
        position:absolute;
        right:4px;
        top:50%;
        padding:12px;
        border-radius:100%;
        transform:translateY(-50%)
    }
	.module .child-arrow:before,
	.module .child-arrow:after{
		top:50%;
		left:6px;
		content:'';
		position:absolute;
		transition:transform .3s ease-in-out;
		height:1px;
		width:8px;
		transform:rotate(45deg);
		background:currentColor;
		z-index:9999;
		border-radius:10px
	}
	.module .child-arrow:after{
		left:11px;
		transform:rotate(-45deg)
	}
    .module .child-arrow:hover{
    	background-color:rgba(214,214,214,.15)
    }
	.ui.nav>li li .child-arrow:before,
	.ui.nav>li li .child-arrow:after{
		left:auto;
		right:7px
	}
	.ui.nav>li li .child-arrow:before{
		transform:rotate(45deg);
		top:10px
	}
	.ui.nav>li li .child-arrow:after{
		transform:rotate(-45deg);
		top:15px
	}
}