/* do not display the shiftnav for larger formats */
#shiftnav-toggle-main {
	display: none;
	background-color: transparent;
}

#shiftnav-main {
	display: none;
	overflow: hidden;
}

/* format the list */
#menu-main-menu.shiftnav-menu {
	/*padding-top: 70px;*/
	width: 100%;
	max-width: 100%;
	height: 100%;
	/*max-height: 100%;*/
	overflow-y: scroll;
	overflow-x: hidden;

}

.shiftnav-menu li {
	border-bottom: 1px inset #6d6d6d;
}

.shiftnav-target-text {
	padding-left: 15px;
}

.shiftnav li.menu-item.shiftnav-sub-shift .shiftnav-submenu-activation {
	width: auto !important;
	height: auto !important;
	top: 50%;
	transform: translate(0, -50%);	
}

/*
.shiftnav-menu li:last-child {
	border-bottom: none;
}
*/

ul.shiftnav-menu li.menu-item.shiftnav-active > .shiftnav-target {
	display: none;
}
.shiftnav ul.shiftnav-menu li.menu-item > .shiftnav-target {
	line-height: inherit;
	vertical-align: middle;
}
.shiftnav-target .svg-inline--fa {
	vertical-align: -.25em;
}

.shiftnav-toggle {
	margin-bottom: 6px;
}

.shiftnav-toggle, .shiftnav-toggle-button {
	background-color: transparent;
}

.shiftnav-search .shiftnav-searchform, .shiftnav-search form {
	width: 90%;
	max-width: 90%;
	margin: 15px auto;
}
.shiftnav-search .shiftnav-search-submit:hover {
	background-color: transparent;
	color: inherit;
}

/* the toggle button*/
.my-shiftnav .shiftnav-toggle{
    background: transparent;
	color: #000000;
	padding-left: 5px;
	padding-right: 5px;
}
.my-shiftnav .shiftnav-toggle .fa{
	margin:0;
	width: 20px;
}
.shiftnav-open .my-shiftnav .shiftnav-toggle .fa:before{
	content:"\f00d";
}


/* change from Font Awesome 4 to FontAwesome 5 */	
/* this might not be needed in future if implemented into ShiftNav plugin */
.shiftnav .fa, 
.shiftnav-toggle .fa{
  font-family: "Font Awesome 5 Free";
  font-weight:900;
}


/* 	MEDIA QUERIES */
/* first size needs to match the size where it goes from desktop to mobile menu as of now is 900px */
/* need all of the others to overwrite the media queries in shiftnav.css */
@media only screen and (max-width: 900px), (max-width: 479px), (max-width: 374px), (max-width: 359px), (max-width: 319px) {
	
	/* the toggle hamburger button */
	#shiftnav-toggle-main {
		z-index: 10001;
	}

	/* the main overlay div */
	#shiftnav-main {
		vertical-align: top;
		display: inline-block;
		top: 54px;
		width: 100%;
		max-width: 100%;
		z-index: 9998;
		margin: 0;
		padding: 27px 0 0 0;
		
	}
	
	/* the overlay content */
	.shiftnav-inner {
		width: 100%;
		max-width: 100%;
		/*height: 100%;*/

		
	}	
	.shiftnav-nav {
		width: 100%;
		max-width: 100%;	
	}
	
	.shiftnav:after {
		box-shadow: none;
	}

	.shiftnav-menu-title {
		display: none;
	}
	
	.shiftnav.shiftnav-left-edge {
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
	}

	.shiftnav-open.shiftnav-open-left .shiftnav-wrap,
	.shiftnav-open.shiftnav-open-left .shiftnav-fixed-left {
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%);
 	}

	.shiftnav-open.shiftnav-open-left #shiftnav-toggle-main {
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;	
	}
}