@charset "utf-8";

.container							{ width: 100%; margin: 0 auto; color: #fff; text-align: center; }
.container a						{ color: #fff; text-decoration: none; }
.toggleMenu							{ display:  none; background: #000; width: 96%; height: 2.500rem; padding: 0 2%; line-height: 2.500rem; color: #fff !important; text-transform: uppercase; }
.toggleMenu:before      { content: "\f0c9"; font-family: FontAwesome; padding-right: 2%; }

.nav                    { list-style: none; *zoom: 1; }
.nav:before,
.nav:after              { content: " "; display: table; }
.nav:after              { clear: both; }
.nav ul                 { list-style: none; }

.nav a                  { padding: 0.625rem; color: #caad83; font-family: 'Oranienbaum', serif; text-transform: uppercase; font-size: 125%; }
.nav li                 { position: relative; width: auto; }
.nav > li               { display: inline-block; }
/*
.nav > li > .parent:after       { content: "\f0d7"; color: #fff; background: none; font-family: FontAwesome; float:right; transform: rotate(-90deg); margin-left: 0.625rem; }
.nav > li.hover > .parent:after { content: "\f0d7"; color: #fff; background: none; font-family: FontAwesome; float:right; transform: rotate(0deg); margin-left: 0.625rem; }
*/

.nav > li > a           { display: block; color: #caad83; width: auto; /* padding: 0.625rem; */ 
													border-top: 1px solid transparent;
													border-bottom: 1px solid transparent;
												}
.nav li a:hover					{	/* background: #403835; */ color: #fff;
													border-top: 1px solid #000;
													-moz-border-image: -moz-linear-gradient(to right, #0c0c0c 0%, #d2ba89 50%, #0c0c0c 100%);
													-webkit-border-image: -webkit-linear-gradient(to right, #0c0c0c 0%, #d2ba89 50%, #0c0c0c 100%);
													border-image: linear-gradient(to right, #0c0c0c 0%, #d2ba89 50%, #0c0c0c 100%);
													border-image-slice: 1;
													border-bottom: 1px solid #000;
													-moz-border-image: -moz-linear-gradient(to right, #0c0c0c 0%, #d2ba89 50%, #0c0c0c 100%);
													-webkit-border-image: -webkit-linear-gradient(to right, #0c0c0c 0%, #d2ba89 50%, #0c0c0c 100%);
													border-image: linear-gradient(to right, #0c0c0c 0%, #d2ba89 50%, #0c0c0c 100%);
													border-image-slice: 1;
												}
.nav li  ul             { position: absolute; left: -9999px; }
.nav > li.hover > ul    { left: 0; text-align: left; 
													border-left: 1px solid #000;
													-moz-border-image: -moz-linear-gradient(top, #0c0c0c 0%, #d2ba89 50%, #0c0c0c 100%);
													-webkit-border-image: -webkit-linear-gradient(top, #0c0c0c 0%, #d2ba89 50%, #0c0c0c 100%);
													border-image: linear-gradient(to bottom, #0c0c0c 0%, #d2ba89 50%, #0c0c0c 100%);
													border-image-slice: 1;
													border-right: 1px solid #000;
													-moz-border-image: -moz-linear-gradient(top, #0c0c0c 0%, #d2ba89 50%, #0c0c0c 100%);
													-webkit-border-image: -webkit-linear-gradient(top, #0c0c0c 0%, #d2ba89 50%, #0c0c0c 100%);
													border-image: linear-gradient(to bottom, #e2c18d 0%, #0c0c0c 0%, #d2ba89 50%, #0c0c0c 100%);
													border-image-slice: 1;
												}

/* Second Sub Menu */
.nav li li.hover ul     { left: 100%; top: 0; }
.nav li li              { background: #000;  /* border-top: 1px solid #dbc47e; */  }
.nav li li a            { display: block; position: relative; z-index:100; color: #b5b4c6; color: #000; min-width: 200px; padding-left: 1.250rem; font-family: Actor, serif; color: #fff; font-size: 100%; }
.nav li li a:hover      { background: #000; color: #caad83; border-top: none; border-bottom: none; }
.nav li li li           { background:#333; border-top: 1px solid #555; }
.nav li li li a         { z-index:200; color: #888; }

@media screen and (max-width: 959px){
.container											{ width: 100%; margin: 0 auto; color: #fff; text-align: left; }
.active                         { display: block; color: #fff;  }

.nav a                  				{ font-family: Actor, serif; }
.nav li                       	{ display: list-item; background: #000; padding: 0; }
.nav > li > .parent:after       { content: "\f0d7"; color: #caad83; background: none; font-family: FontAwesome; float:right; transform: rotate(-90deg); margin-left: 0.625rem; }
.nav > li.hover > .parent:after { content: "\f0d7"; color: #caad83; background: none; font-family: FontAwesome; float:right; transform: rotate(0deg); margin-left: 0.625rem; }
/*
.nav li li .parent:after        { content: "\f0d7"; color: #fff; background: none; font-family: FontAwesome; float:right;  transform: rotate(-90deg);  }	
.nav li li .hover .parent:after { content: "\f0d7"; color: #fff; background: none; font-family: FontAwesome; float:right;  transform: rotate(0deg);  }
*/
.nav > li > a										{ display: block; color: #caad83; width: auto; /* padding: 0.625rem; */ border-top: none; border-bottom: none; }
.nav li a:hover									{	background: #403835; color: #fff; border-top: none; border-bottom: none;  }
.nav ul                         { display: block; width: 100%; }
.nav > li.hover > ul,
.nav li li.hover ul             { position: static; }
.nav > li.hover > ul						{ border-left: none; border-right: none; }
}