/* Main menu settings */
ul,  ul li {
	list-style:none;
	list-style-type:none;
	margin:0;padding:0;
}

#header-horizonal-nav {  /* this hides the horizonal nav from the header */
	display:none;
}


#horizontal-main-menu {
	top:0;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	z-index:11000;
	background:none;
}

#horizontal-wrapper { 
   margin:0;
   padding:0;
   font-size:90%; /* Menu text size */
   z-index:9022; /* This makes the dropdown menus appear above the page content below */
	width:100%;
	text-align:center;
	position:fixed;
	top:0;
	left:0;	
	background:url(../images/trans-repeater.png);
	border-bottom:solid .5px #2e2e2e;
	opacity:1;
	height:310px; /* set this height and match with the #page */
}



#menu1 {
background:url(../images/trans-repeater_75-dark.png) repeat;
right:0;
width:40%;
max-width:400px;
min-width:180px;
overflow-y:inherit;

  animation-name: example;
  animation-duration: .5s;  
  animation-fill-mode: forwards;
}

@keyframes example {
  from {top: 0px;}
  to {top: 58px;}
}

#menu1 ul,
#menu1 ul ul, 
#menu1 li li  {
width:98%;
max-width:98%;
margin-left:.5%;
margin-right:.5%;
margin-top:1px;
}

@media screen and (max-width: 768px) {
#menu1 ul,
#menu1 ul ul, 
#menu1 li li  {
width:97%;
max-width:97%;
}	
}


#menu1 ul > li:target > a {
	float:right;
	clear:both;
}
 
#menu1 ul li:hover ul {
		display:block; 
		visibility: visible;
    }
	
#menu1 ul li,
#menu ul li ul {
	background:none;
}

#menu1 li, #menu1 li li {
	font-size:20px;
}

#menu1 li.parent-non-clickable {
	color:#fff;
	padding:.5em .8em .5em .8em;
}

#menu1 a {
	display:inline-block;
	width:100%;
	max-width:inherit;
	color:#fff;
	padding:.4em .6em .4em .6em;
	background:none;
border-radius: 2px;
	margin:2px;
	border:solid 1px #fff;
}

#menu1 a:hover,
#menu1 a#here {
	background:url(../images/trans-repeater_75-dark.png) repeat;
}

#menu1 li a {
	width:100%;
	max-width:100%;
}

		
#menu1 ul ul li a {
	display:block;
	width:100%;
	font-size:22px;
	padding:.5em;
	border-radius: 2px;
	color:#fff;
}



#horizontal-wrapper ul,
#horizontal-wrapper ul ul {
list-style-type:none;
}

#horizontal-main-menu {
   margin:0;
   padding:0;
width:960px;
text-align:center;
margin-right:auto;margin-left:auto;
}


/* Top menu items */
#horizontal-main-menu ul {
   margin:0;
   padding:0;
   font-size:90%; /* Menu text size */
   z-index:9000; /* This makes the dropdown menus appear above the page content below */
   	height:auto;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
background:none;
width:960px;
text-align:center;
margin-top:3px;
}

#horizontal-main-menu ul li {
	margin:0;padding:0;
}

#horizontal-main-menu ul li,
#horizontal-main-menu ul li.parent-non-clickable {
display: inline-block;
position:relative;
list-style-type: none;
}
	
#horizontal-main-menu ul li.parent-non-clickable {
padding:.3em;
padding-left:.8em;
padding-right:.8em;
	}
	
#horizontal-main-menu ul li a {
display:block;
margin:0px;
margin-left:0px;
height:auto;
font-weight:bold;
width: auto;
padding:.3em;
padding-left:.8em;
padding-right:.8em;
text-decoration: none; 
background:none;
box-shadow: none;
border:none;
	}

#horizontal-main-menu ul li, 
#horizontal-main-menu ul li a {
color:#fff;
font-weight:normal;
font-size:20px;
font-family: 'Oswald', sans-serif;
}

#horizontal-main-menu ul li.parent-non-clickable:hover,
#horizontal-main-menu li a#here  {
background:none;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
padding:.3em;
padding-bottom:.3em;
padding-left:.8em;
padding-right:.8em;
}

#horizontal-main-menu li li a#here  {
}

#horizontal-main-menu ul li a.active {
background:#fff;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
padding:.3em;
padding-bottom:.3em;
padding-left:.8em;
padding-right:.8em;
}

#horizontal-main-menu ul li a:hover {
color:#fff;
}

#horizontal-main-menu ul li a#here:hover {
background:none;
}

#horizontal-main-menu ul li > a:before {
  content: "";
  position: absolute;
  width: 90%;
  height: 2px;
  bottom: 0;
  left: 5%;
  background-color:#fff;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

#horizontal-main-menu ul li > a:hover:before,
#horizontal-main-menu ul li > a#here:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

#horizontal-main-menu ul li ul li > a:hover:before,
#horizontal-main-menu ul li ul li > a#here:before {
  
}

/* Submenu items */
#horizontal-main-menu ul ul {
   margin:0;
   padding:0;
   display:none; /* Sub menus are hiden by default */
   position:absolute;
   top:32px;
   left:0;
right:auto; /*resets the right:50% on the parent ul */
   height:auto;
   z-index:12000;
width:inherit;
min-width:100%;
border:solid .5px #000;
	border:none;
	background:#6a9a46;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
	border-radius: 6px;
padding-bottom:4px;
}



#horizontal-main-menu ul li ul li,
#horizontal-main-menu ul li ul li:hover {
   left:auto;  /*resets the left:50% on the parent li */
   margin:0; /* Reset the 1px margin from the top menu */
   padding:0;
   display:block;
   width:100%;
   max-width:100%;
   min-width:100%;
font-size:12px;
color:#000;
clear:both;
margin-top:0px;
line-height:1.2em;
height:auto;
text-align:center;
border:solid .5px #000;
border:none;
}

#horizontal-main-menu ul li.parent-non-clickable:hover {
border-radius: 3px 3px 0px 0px;
background:#6a9a46;
color:#000;
}

#horizontal-main-menu ul li ul li a { /* This line is required for IE 6 and below */
display:block;
padding:.8em;
font-size:12px;
background:none;
color:#000;
}


/* Flip the last submenu so it stays within the page */
#horizontal-main-menu ul ul.last {
   left:auto; /* reset left:0; value */
   right:0; /* Set right value instead */
}

/* Make the sub menus appear on hover */
#horizontal-main-menu ul li:hover ul,
#horizontal-main-menu ul li.hover ul { /* This line is required for IE 6 and below */
   display:block; /* Show the sub menus */
}

.hide-online-ordering-std  {
	}
	

/** Shrink Header On vertical Scroll **/
@media (min-width: 1025px) {

body#home .smaller #top-contact-outer-wrapper { /* this hides the added white address/phone/hours section when srolling */
	display:none;
}
	
#header-wrapper #horiz-right-side {
		transition: opacity 0.3s linear;
	}
	
.smaller #horizontal-wrapper  {
	height:120px;
}
	
#header-wrapper.smaller #horizontal-main-menu {
	transition: margin 0.3s linear, height 0.3s linear;
}
#header-wrapper #h-nav-logo-wrapper img {
	height: 240px;
	width: auto;
	transition: all 0.3s linear;
	background:none;
	padding:7px;
}
	
#header-wrapper.smaller #replacement-filler-online_horiz-nav { /* this should be set to same height as horizontal nav */
height:126px;
}
#header-wrapper.smaller #below-horiz-nav-online-nav { /*this is for the online ordering button directly below horizontal-wrapper div */
	top:126px;
}
	
#home-allcontent #header-wrapper.smaller #horizontal-wrapper,
	#header-wrapper.smaller #horizontal-wrapper {
		height:auto;
		padding-bottom: 8px;
		opacity:1;
	}
	#header-wrapper.smaller #h-nav-logo-wrapper img {
		height: 50px;
		padding:0;
		background:none;
		width: auto;
		transition: all 0.3s linear;
	}
	#header-wrapper.smaller #horiz-right-side {
		opacity: 0;
		height: 0;
	}
	#header-wrapper.smaller #horizontal-main-menu {
		margin-top: 9px;
	}
}