/* panel */
.panel { border:0; background: #1a1a1a; }


/* images */
img { width:auto; }

/* body */
body { background:#85786b url(../img/bg.png) repeat;  }
.reveal-modal { background:#1a1a1a; border:1px solid #000; }

/* fonts */
h1, h2, h3, h4, h5, .top-bar-section ul li > a, .orbit-container .orbit-slides-container > * .orbit-caption, .button { font-family: 'Montserrat', Arial, sans-serif; }
body { font-family: 'Open Sans', Arial, sans-serif; }
h4 { font-size:1.4em; color:#fff; }
.panel p { color:#ddd; }
.panel h3, h3  { color:#fec93c; text-transform:uppercase; font-size:1.6em; }
.panel h4 { font-size:1.3em; color:#fff; }
.panel h4 span { color:#fec93c; }
.panel h5 { font-size:1.2em; color:#fec93c; }
.panel h5 strong { color:#9a8877; margin-left:15px; }
p { line-height:1.5em; }
.panel.menus h5, .panel.menus h4 { margin:35px 0 5px 0; }
.panel.menus h4 { color:#ffc72e; }
.panel a:hover h3 { color:#ffc72e; }

/* icons */
.icon-styles { text-align:center;  }
.icon { font-size:40px; color:#ddd;   }
a:hover .icon { color:#ffc72e; }

/* thumbnails */
.caption { display:none; position:absolute;  bottom:0; left:0;  width:100%; height:100%; padding:40px;  }
.caption h3 { text-shadow: 1px 1px 0px #1a1a1a, 0px 2px 15px #000; color:#fff; font-size:1.2em; letter-spacing:0.03em;  }
a:hover h3.caption { color:#fff; }

/* nav */
nav.tab-bar { background:transparent; margin-bottom:20px; }
.top-bar-section ul { width:100%; }
.top-bar-section ul, .top-bar-section li:not(.has-form) a:not(.button) { background:transparent;  }
.top-bar-section li:not(.has-form) a:not(.button) { line-height:42px; }
.top-bar-section li:not(.has-form) a:not(.button):hover { background:transparent; }
.top-bar-section ul li > a { color:#1a1a1a; font-size:1em; }
.top-bar-section li:not(.has-form) a:not(.button) { padding: 0 18px; }	
section.left-small { border-right: 0; box-shadow: 1px 0 0 #000; }
section.tab-bar-section { position:relative; }
.brand img { position:relative; margin-left:-18px; top:6px; }
.logo img { width:140px; height:30px; top:-3px; position:relative; }
.cp-menu { position:relative; top:5px; left:-18px; padding-bottom:10px; }
.top-bar-section ul li.has-dropdown:hover { background:#1a1a1a; }
.top-bar-section .has-dropdown > a:after { border-color: rgba(26, 26, 26, 0.8) transparent transparent transparent; }
.top-bar-section .has-dropdown:hover > a:after { border-color: rgba(255, 255, 255, 1) transparent transparent transparent; }
ul.dropdown li { background:#292929; border-bottom:1px solid #000; }
ul.dropdown li a:hover { color:#fec93c; }

/* off canvas nav */
ul.off-canvas-list li a { border-bottom:1px solid #000; }
.left-off-canvas-menu { background:#1a1a1a; }
ul.off-canvas-list li a:hover { color:#fec93c; }
ul.off-canvas-list.sub li a {   }
ul.off-canvas-list.sub { background:#292929; top:-1px; position:relative; }
ul.off-canvas-list.sub li img { position:relative; width:30px; height:30px; margin-right:10px; }

/* footer nav */
.fp-menu { width: auto; height: auto !important; margin:10px 0; list-style:none; position:relative; margin-left:-10px;  }
.fp-menu li { font-size:0.8em; display:inline !important; padding:0 10px; }
.fp-menu li a { color:#fff; }
.fp-menu li a:hover { text-decoration:underline; }
.fp-menu li span { margin-left:18px; }

/* map */
.map { position: relative; padding-bottom: 75%; height:0; overflow: hidden; }
.map iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
.no-padding { padding:0; }

/* slider */
.orbit-container .orbit-timer { display:none; }
.orbit-container .orbit-slides-container > * .orbit-caption { background:transparent; text-shadow: 1px 1px 0px #1a1a1a, 0px 2px 15px #000; color:#fff; font-size:1.2em; letter-spacing:0.02em; line-height:1.2em;  }
.orbit-bullets li { background: #ddd; margin-right:10px; }
.orbit-bullets li.active { background: #fec93c; }
.orbit-stack-on-small .orbit-slides-container > * { margin-bottom: 20px;  }
.orbit-stack-on-small .orbit-slides-container > *:last-child { margin-bottom: 0; }
.orbit-stack-on-small .orbit-slides-container * .orbit-caption { font-size:1em; }

/* article */
article.row { margin-top:20px !important; margin-bottom:20px !important; border-top:1px solid #000; padding-top:30px; padding-bottom:20px;  }
article.row h4 { color:#fff;  }
h3.box { background:#000; min-width:155px; min-height:155px; font-size:1.1em; padding:20px; margin:0;  }

/* form */
.button { color:#1a1a1a; font-size:1.2em; background:#f4c035; }
.button:hover { color:#fff; background:#ffc62d; }
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { background-color:#ddd; border:0; color:#1a1a1a; }
textarea { min-height:65px; resize:none; } 


/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {
/* panel */
.medium-12 .panel { max-height:557px; min-height:230px; }
.large-9 .panel, .large-6.box .panel  { min-height:730px; }
/* extra */
.panel.extra { min-height:340px; }
.panel.about { min-height:980px; }
h3.at { text-align:center; }

} 

/* Medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
h3.box { font-size:2em;  }
.entrees p {width: 70% !important;}
} 

/* max-width 640px, mobile-only styles */
@media only screen and (max-width: 40em) {
nav.tab-bar { background:#1a1a1a; }
section.tab-bar-section { position:absolute; }
.fp-menu { margin-left:-5px; }
.fp-menu li { font-size:0.6em; padding:0 4px; }
.fp-menu li span { margin-left:8px; }
.caption { display:block !important;  }
.caption h3 { font-size:1.6em;  }
.map { min-height: 360px; }
.panel h5 strong { margin-left:0; display:block; }
.panel h5 { line-height:1.2em; }
article.row img { margin-bottom:20px;  }
h3.box { min-width:250px; min-height:250px;   }
h3.box { font-size:1.8em;  }
.entrees p {width: 100% !important;}

}

.youtube-vid{
	text-align: center;
}
.youtube-vid .panel iframe{
	height: 438px;
	width: 100%;
}


/*Pasadena Restaurant Wekk 2015 Page*/
.sp {
	background-color: #1A1A1A;
	padding: 30px;
	margin-bottom: 20px;
}

.sp .head h3:first-child {
	font-size: 2.2em;
	text-align: center;
	margin-bottom: 0;
}


.sp .head h4 {
	font-size: 1.1em;
	text-align: center;
	margin-top: 0;
}

.entrees p {
	margin: 20px auto;
	width: 50%;
}



.starters h3:before,
.entrees h3:before,
.desserts h3:before {
	content: url('../img/image-bullet.png') ;
	margin-right: 5px;
}

.starters h3:after,
.entrees h3:after,
.desserts h3:after {
	content: url('../img/image-bullet.png') ;
	margin-left: 5px;
}