/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/*		Common styles

---------------------------------------------------------------*/

.spicyLeaf-insert-001 {position:absolute; right:0; bottom:0;}

body, html {
	background-color:#FDFCF8;
	font-family: "Droid Sans",Arial,sans-serif;
	color:#554F51;
	}
	
.sideNote {font-size:.85em; color:gray;}

h3.jobAppTitle {width:100%; color:#973A42; border-bottom-style:solid; margin-bottom:.5em;}
		
h1 {padding-top:.5em; color:#973A42;}

h4.vicsStory {font-size:2em;}
	
#vicsStory h2 {display:none;}
		
.required-message, .jobApplication, .navbar-brand {display:none;}

.showJobApplication {cursor:pointer; text-align:center;}
.displayNone {display:none;}

.clearIt {clear:both; padding-top:1em;}

.vicsWagon {}

.yelpReview {margin-top:1em; clear:both;}

.telephoneNumber {display:block; padding-top:.25em;}

.su-clearfix:before,

.su-clearfix:after {

	display: table;
	content: " ";

}

.centered-block {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }

.su-clearfix:after { clear: both; }

.ss-choices {list-style:none;}

.displayNone {display:none;}

.fb-like {padding:6px 2px 0 0;}

.fb-embed {margin-top: 3.2em !important;}

.carousel-inner {
  width:100%;
  max-height: 450px !important;
}

.carousel, .item, .carousel-inner {overflow:hidden !important;}

.thanks {padding-top:100px; max-width:600px; margin:0 auto; text-align:center;}

.ss-q-item-label em {font-weight:normal;}


/*
Instagram
--------------------*/

.instagramCaption {
    text-align: center;
    font-style:italic;
    color:#973A41;
}


/* 

Yelp Review
--------------------*/

.yelpReviews {clear:both;}

.yelpPhoto {max-width:50px;}

/*		
Food Menu
--------------------*/

h2 em {
	font-weight:normal;
	font-size:.5em;
	}

em.menuDescripExtra {
	display:block;
	margin:.25em 0 2em 0;
	color:#973A42;
}

em.menuDescripExtra br {height:2em;}


.service-description p {

font: 18px/1.4 "Droid Sans", Arial, sans-serif;

}

.service-description {color:#973A42 !important;}

.service-description span {
	font-family:"Georgia";
	font-weight:bold;
	}


.su-tabs {

	margin: 0 0 1.5em 0;

	padding: 3px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	background: #eee;

}

.su-tabs-nav span {

	display: inline-block;

	margin-right: 3px;

	padding: 10px 15px;

	font-size: 13px;

	min-height: 40px;

	line-height: 20px;

	-webkit-border-top-left-radius: 3px;

	-moz-border-radius-topleft: 3px;

	border-top-left-radius: 3px;

	-webkit-border-top-right-radius: 3px;

	-moz-border-radius-topright: 3px;

	border-top-right-radius: 3px;

	color: #333;

	cursor: pointer;

	-webkit-transition: all .2s;

	-moz-transition: all .2s;

	-o-transition: all .2s;

	transition: all .2s;

}

.su-tabs-nav span:hover { background: #f5f5f5; }

.su-tabs-nav span.su-tabs-current { background: #fff; cursor: default; }

.su-tabs-nav span.su-tabs-disabled {

	opacity: 0.5;

	filter: alpha(opacity=50);

	cursor: default;

}

.su-tabs-pane {

	padding: 15px;

	font-size: 13px;

	-webkit-border-bottom-right-radius: 3px;

	-moz-border-radius-bottomright: 3px;

	border-bottom-right-radius: 3px;

	-webkit-border-bottom-left-radius: 3px;

	-moz-border-radius-bottomleft: 3px;

	border-bottom-left-radius: 3px;

	background: #fff;

	color: #333;

}

.su-tabs-vertical:before,

.su-tabs-vertical:after {

	content: " ";

	display: table;

}

.su-tabs-vertical:after { clear: both; }

.su-tabs-vertical .su-tabs-nav {

	float: left;

	width: 30%;

}

.su-tabs-vertical .su-tabs-nav span {

	display: block;

	margin-right: 0;

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	border-radius: 0;

	-webkit-border-top-left-radius: 3px;

	-moz-border-radius-topleft: 3px;

	border-top-left-radius: 3px;

	-webkit-border-bottom-left-radius: 3px;

	-moz-border-radius-bottomleft: 3px;

	border-bottom-left-radius: 3px;

}

.su-tabs-vertical .su-tabs-panes {

	float: left;

	width: 70%;

}

.su-tabs-vertical .su-tabs-pane {

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	border-radius: 0;

	-webkit-border-top-right-radius: 3px;

	-webkit-border-bottom-right-radius: 3px;

	-moz-border-radius-topright: 3px;

	-moz-border-radius-bottomright: 3px;

	border-top-right-radius: 3px;

	border-bottom-right-radius: 3px;

}

.su-tabs-nav,

.su-tabs-nav span,

.su-tabs-panes,

.su-tabs-pane {

	-webkit-box-sizing: border-box !important;

	-moz-box-sizing: border-box !important;

	box-sizing: border-box !important;

}

.menu-table td {
	padding-bottom:2.5em;
	line-height:16px;
 	letter-spacing: -.25px;
}

/* .vicsMenu, .menu-table td, .menu-table tr {letter-spacing:-3.5px;} */


.activeMenu {background-color:white; font-weight:bold;}


/*		
Responsive Google Map
http://niklausgerber.com/blog/responsive-google-or-bing-maps/
--------------------*/

.Flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*		
Header hacks
--------------------*/

.headerAddressLine1, .headerAddressLine2, .headerNumber {display:none;}


/* Customized navbar -
Used online style generator: http://smarchal.com/twbscolor/
Added .navbar-default class to <div class="navbar navbar-default navbar-inverse navbar-fixed-top">
-------------------*/

.collapse, .navbar-collapse {border-style:none;}

.navbar-nav li {font-family: "Droid Sans",Arial,sans-serif !important;}

.navbar-header button {background-color:#FDFCF8;}

a.navbar-brand {
display:none;	
} 

.navbar-inner {
    position:relative;
    padding-left:70px;
}
.brand img { 
	z-index:10000;    
	border-radius:5px;           
    position: absolute;
    right:10px;
    top: 5px;
    width: 60%;
	max-width:400px;
	min-width:200px;
    margin-left: 0px;
    padding: 10px;
	opacity:1;
	transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	-o-transform: rotate(2deg);
}

.navbar-default {
  border-color: #white;
  background: rgba(253, 252, 248, .92);
}
.navbar-default .navbar-brand {
  color: #222222;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #444444;
}
.navbar-default .navbar-text {
  color: #222222;
}
.navbar-default .navbar-nav > li > a {
  color: #222222;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #444444;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: white;
  background-color: #973A42;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #444444;
  background-color: white;
}
.navbar-default .navbar-toggle {
  border-color: #white;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: gray;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #222222;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #222222;
}
.navbar-default .navbar-link {
  color: #222222;
}
.navbar-default .navbar-link:hover {
  color: #444444;
}

.navbar-default {
	/* background-color:#AFC88D; */
	border-color:#554F51;
	border-bottom-width:4px;
}

.instagramEmbed {width:100%;}


/*		
Footer
--------------------*/

footer {background-color: #973A42; margin:10px 0 -20px 0;}

.footer100 {color:#FDFCF8; padding-bottom:4em;}


/*
Wufoo Form
--------------------*/

.wufoo {
    font-family: "Lucida Grande", "Lucida Sans Unicode",  Tahoma,  sans-serif;
    letter-spacing: .01em;
}
.wufoo li {
    width: 84%}
.info {
    display: inline-block;
    clear: both;
    margin: 0 0 5px 0;
    padding: 0 1% 1.1em 1%;
    border-bottom: 1px dotted #ccc;
}
.info[class] {
    display: block;
}
.hideHeader .info, #payment.hideHeader li.first {
    display: none;
}
.info h2 {
    font-weight: normal;
    font-size: 160%;
    margin: 0 0 5px 0;
    clear: left;
}
.info div {
    font-size: 95%;
    line-height: 135%;
    color: #555;
}
form ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
* html form ul {
    width: 99%;
    zoom: 1;
}
form li {
    margin: 0;
    padding: 6px 1% 9px 1%;
    clear: both;
    background-color: transparent;
    position: relative;
    -webkit-transition: background-color 350ms ease-out;
    -moz-transition: background-color 350ms ease-out;
    -o-transition: background-color 350ms ease-out;
    transition: background-color 350ms ease-out;
}
form ul:after, form li:after, form li div:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* html form li {
    height: 1%;
    margin-bottom: -3px;
}
* + html form li {
    height: 1%;
    margin-bottom: -3px;
}
* html form li div {
    display: inline-block;
}
* + html form ul, * + html form li div {
    display: inline-block;
}
form li div {
    margin: 0;
    padding: 0;
    color: #444;
}
form li span {
    margin: 0 .3em 0 0;
    padding: 0;
    float: left;
    color: #444;
}
form li div span {
    margin: 0;
    display: block;
    width: 100%;
    float: left;
}
li.twoColumns div span {
    width: 48%;
    margin: 0 5px 0 0;
}
li.threeColumns div span {
    width: 30%;
    margin: 0 5px 0 0;
}
li.notStacked div span {
    width: auto;
    margin: 0 7px 0 0;
}

/*------------- */

form li.complex {
    padding-bottom: 0;
}
form li.complex div span {
    width: auto;
    margin: 0 .3em 0 0;
    padding-bottom: 12px;
}
form li.complex div span.full {
    margin: 0;
}
form li.complex div span.left, form li.complex div span.right {
    margin: 0;
    width: 48%}
form li.complex div span.full input, form li.complex div span.full select, form li.complex div span.left input, form li.complex div span.right input, form li.complex div span.left select, form li.complex div span.right select {
    width: 100%}

.wufooLeft {
    float: left;
}
.wufooRight {
    float: right;
}
.wufooClear {
    clear: both !important;
}

label span, .section span, p span, .likert span {
    display: inline !important;
    float: none !important;
}
    


form li div label, form li span label {
    margin: 0;
    padding-top: 3px;
    clear: both;
    font-size: 85%;
    line-height: 160%;
    color: #444;
    display: block;
}


fieldset {
    display: block;
    border: none;
    margin: 0;
    padding: 0;
}



label.desc, legend.desc {
    font-size: 95%;
    font-weight: bold;
    color: #222;
    line-height: 150%;
    margin: 0;
    padding: 0 0 3px 0;
    border: none;
    display: block;
    white-space: normal;
    width: 100%}
label.choice {
    display: block;
    cursor: pointer;
    font-size: 100%;
    line-height: 150%;
    margin: -21px 0 0 20px;
    padding: 0 0 5px 0;
    color: #222;
    width: 88%}
.safari label.choice {
    margin-top: -16px;
}
form.rightLabel .desc {
    padding-top: 2px;
}
span.symbol {
    font-size: 120%;
    line-height: 135%}
form li .datepicker {
    float: left;
    margin: .19em 5px 0 0;
    padding: 0;
    width: 16px;
    height: 16px;
    cursor: pointer !important;
	display:none;
}
form span.req {
    display: inline;
    float: none;
    color: red !important;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
form li div label var {
    font-weight: bold;
    font-style: normal;
}
form li div label .currently {
    display: none;
}


/*		
Responsive
--------------------*/

@media (max-width: 991px) { 
	#location h2 {margin-top:3em;}
	
}

@media (max-width: 767px) {	
	
	#vicsStory address {padding-top:1.5em;}
	
	.nav {padding-top:6%; border-style:none;}
	
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    	color: #222222;
}
  	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    	color: #444444;
}
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #444444;
    background-color: white;
}

.brand img {
	top:-8px;                
	left: 0px;
	width:60%;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
}
}

@media (max-width: 599px) {

    h4.vicsStory, hr {
        display:none;
        padding-top:2em;
    }

    .vicsWagon {margin-left:2em;}
	
	.brand img {                
		left:3px;
		top:-4px;
	}
		
	.navbar-default {
		border-bottom-width:1px;
	}
	
	.navbar .brand { 	
	display:block;
	width:60px important;
	}	
	
	.carousel, #vicsStory h4, .dinerDescription { 
	display:none;
	}
	
	.vicsWagon {width:215px;}

	.fb-like {margin-top:.25em;}
	
	.pull-left-when-small {float:left !important;}