/* Set Menu Module to "menu" position, set "Show Sub-menu items" to "No" */

#menu {display:block; width: 70%; float:right; height: 100px; padding-top: 22px;}
#stretch-nav {display:block;z-index: 1000; width: 100%; text-align: center; position: relative;}
.stretch-nav ul {list-style-type: none; padding-left: 0px;}
.stretch-nav li {float:left;}
.stretch-nav ul li {width: 13%;float:left; text-align:center; padding-top: 0px; padding-bottom: 0px;}

.stretch-nav ul li.item-169,
.stretch-nav ul li.item-172, 
.stretch-nav ul li.item-173 {width: 11%;}

.stretch-nav ul li a { color: #C5A06C; font-size: 15px; line-height: 15px; font-weight: normal;display:block; transition: color 0.5s;}
.stretch-nav ul li.current a {color: #fff;}
.stretch-nav ul li.current ul li a {background-color: transparent; color:#4C4C5E;}
.stretch-nav ul li ul li a {font-size: 12px;text-align:left;color:#4C4C5E;}
.stretch-nav ul li a:hover {color: #ffffff !important;}
.stretch-nav ul li.current, .stretch-nav ul li.active.deeper.parent {margin-top: 0px;}
.stretch-nav ul ul li.active.deeper.parent, .stretch-nav ul ul ul li.active.deeper.parent,.stretch-nav ul ul li.current, .stretch-nav ul ul ul li.current {margin-top: 0px; padding-top: 0px;}
.stretch-nav ul li a:hover,.stretch-nav ul ul li a:hover, .stretch-nav ul ul ul li a:hover {text-decoration: none;color: #F9E17F;}
.stretch-nav ul li:hover > ul {display: block; z-index: 2000;}
.stretch-nav ul {list-style: none;position: relative; display: block;z-index: 20;}
.stretch-nav ul:after {content: ""; clear: both; display: block;	}
.stretch-nav ul ul { padding: 0;position: absolute; top: 100%; text-align:left; width: 150px;display:none; }
.stretch-nav ul ul li {float: none; position: relative;}
.stretch-nav ul ul li a {padding: 6px 10px;color: #fff;margin-top: 0px; margin-bottom: 2px; display: block; text-decoration: none;width: 150px;background-color: transparent;background-image: url('../images/glass.png');}	
.stretch-nav ul ul ul {position: absolute; left: 100%; top:0; width: 150px; padding-left: 22px;}
.stretch-nav ul ul li, .stretch-nav ul ul li:hover {margin-top: 0px;margin-bottom: 0px;padding-top: 0px; padding-bottom: 0px;}

.stretch-nav ul li.item-166 a,
.stretch-nav ul li.item-167 a,
.stretch-nav ul li.item-168 a,
.stretch-nav ul li.item-169 a,
.stretch-nav ul li.item-170 a,
.stretch-nav ul li.item-171 a,
.stretch-nav ul li.item-172 a,
.stretch-nav ul li.item-173 a,
.stretch-nav ul li.item-430 a {padding-top: 40px; background-repeat: no-repeat; background-position: center top; background-size: 30px 30px;}

.stretch-nav ul li.item-166 a {background-image: url('../../../images/bits/menu-our-cats.png');}
.stretch-nav ul li.item-167 a {background-image: url('../../../images/bits/menu-whats-on.png');}
.stretch-nav ul li.item-168 a {background-image: url('../../../images/bits/menu-private-hire.png');}
.stretch-nav ul li.item-169 a {background-image: url('../../../images/bits/menu-menu.png');}
.stretch-nav ul li.item-170 a {background-image: url('../../../images/bits/menu-booknow.png');}
.stretch-nav ul li.item-171 a {background-image: url('../../../images/bits/menu-gift-voucher.png');}
.stretch-nav ul li.item-172 a {background-image: url('../../../images/bits/menu-shop.png');}
.stretch-nav ul li.item-173 a {background-image: url('../../../images/bits/menu-contact.png');}
.stretch-nav ul li.item-430 a {background-image: url('../../../images/bits/menu-donate.png');}

.stretch-nav ul li.item-342 a {background-image: none; background-color: #C19659; color: #fff; width: 90px; padding-top: 15px; padding-bottom: 15px; text-align:center; font-size: 18px;line-height: 22px;}

#burger {background-color: transparent; font-weight:bold; text-align:center;position:relative; clear:both; display:block; color: transparent; font-family: Arial, sans-serif; cursor:pointer;}

.rotate {width: 35px; height: 35px; display:inline-block; background-image: url('../images/burger.svg'); background-size: 100% 100%; display:inline-block; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); text-align: center; transition: transform 1s; }
.rotate:hover {-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg);
-o-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); cursor:pointer;}


@media only screen and (min-width: 1000px) { /* WIDE - Tablet Landscape & Desktop */
  #stretch-nav {display:block !important;}  
  #burger {display:none;}
}

@media only screen and (max-width: 999px) { /* SMALL - Mobile & Tablet Portrait */
  #burger {display:block;}
  #menu {width: 100%; padding-top: 0px;}
  #stretch-nav {overflow:hidden; background-color: #445A66;}
  .stretch-nav li, .stretch-nav ul li, .stretch-nav ul ul li, .stretch-nav ul ul ul li {float:none; width: 100%; margin-top: 10px; margin-bottom: 20px;}
  .stretch-nav ul li.item-169, .stretch-nav ul li.item-172, .stretch-nav ul li.item-173 {width: 100%;}
  .stretch-nav ul ul, .stretch-nav ul ul ul { padding: 0;position: relative; top: 0px; left: 0px; text-align:center; width: 100%;display:none; }
  .stretch-nav ul li ul li a,  .stretch-nav ul li ul li ul li a {text-align:center;padding-left: 0px; padding-right: 0px;}
  .stretch-nav ul ul li a, .stretch-nav ul ul ul li a {padding: 6px 10px;color: #fff;margin-top: 0px; margin-bottom: 2px; display: block; width: 100%;background-image: none; text-align:center;} 
  .stretch-nav ul li ul li.item-342 a {text-align:center; margin: auto !important}
  
  
 /* .stretch-nav ul li:hover > ul {display: none;} */
 /* .item-172 {display:none;}*/
}