/*font-family: 'Cutive', serif;*/

body {font-family: Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; padding-top: 50px;}

.clear {clear: both;}

a {outline: none !important; text-decoration: none !important; color: #b9874d;
	transition: all .15s linear;
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
}
a:hover {color: #b9874d}

.btn {border-radius: 0; font-family: 'Ropa Sans', serif; text-transform: uppercase; letter-spacing: 1px; font-size: 15px;
	transition: all .15s linear;
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;}
.btn-primary {background: #b9874d; border-color: #b9874d;}
.btn-primary:hover,
.btn-primary:focus, 
.btn-primary:active,
.btn-primary:active:focus,
.btn-primary[disabled]:hover {background: #93703A; border-color:#93703A; outline: none}


.btn-black {background: #333; color: #FFF; border-radius: 2px; border: 0;}
.btn-black:hover {border: 0; color: #FFF; background: #555;}

.btn-default {background: #FFF; color:#b9874d;  border-color: #b9874d;}
.btn-default:hover {background: #93703A; border-color:#93703A; color: #FFF}

.ropa {font-family: 'Ropa Sans', serif; letter-spacing: 2px; text-transform: uppercase;}

h1,h2,h3,h4 {font-family: 'Cutive', serif; text-transform: uppercase; color: #b9874d; letter-spacing: 0.1em}

.container {position: relative;}
.container.narrow {max-width: 830px;}
.container.large {max-width: 1300px; width: auto;}

.spacer15 {height: 15px; clear: both;}
.spacer30 {height: 30px; clear: both;}
.spacer45 {height: 45px; clear: both;}
.spacer60 {height: 60px; clear: both;}
.spacer75 {height: 75px; clear: both;}
.spacer90 {height: 90px; clear: both;}

.divider60 {height: 60px; clear: both; margin: 0 0 60px; border-bottom: 1px solid #b9874d;}
.divider30 {height: 30px; clear: both; margin: 0 0 30px; border-bottom: 1px solid #b9874d;}
.divider15 {height: 15px; clear: both; margin: 0 0 30px; border-bottom: 1px solid #b9874d;}

.border-top {border-top:1px solid #b9874d;}
.border-bottom {border-bottom:1px solid #b9874d;}
.border-right {border-right:1px solid #b9874d;}
.border-left {border-left:1px solid #b9874d;}

.no-left-padding {padding-left: 0}
.no-top-padding {padding-top: 0}
.no-right-padding {padding-right: 0}
.no-bottom-padding {padding-bottom: 0}

.col-center {float: none; margin: 0 auto;}

.bg-gray {background: #EFEFEF; width: 100%; position: absolute; left: 0; z-index: -1;}
.bg-gray.absolute {height: 400px;}

#header {position: fixed; width: 100%; left: 0; top: 0; background: #FFF; height: 60px; z-index: 99;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.15);
	-moz-box-shadow:    0px 5px 5px 0px rgba(50, 50, 50, 0.15);
	box-shadow:         0px 5px 5px 0px rgba(50, 50, 50, 0.15);
}

#location-selection-modal h2 {font-size: 16px; padding-bottom: 10px;}
#location-selection-modal .btn {display: block; margin: 0 auto 10px; width: 200px;}
#location-selection-modal img {margin: 10px 0;}


#header #logo {width: 100%; height: auto; bottom: -20px; position: relative;}
#header #menu {width: 100%; display: block; text-align: center; margin: 0; padding: 0; letter-spacing: 0.05em; }
#header #menu li {display: inline-block; padding: 0 15px;}
#header #menu li a {color: #111; font-weight: 600; font-size: 14px; text-transform: uppercase; line-height: 30px; display: block; margin: 15px 0 0;}
#header #menu li a:hover {color: #b9874d}
#header #menu li.order a {border: 2px solid #b9874d; padding: 0 15px}
#header #menu li.call {position: relative;  padding: 0;}
#header #menu li.call .location-label {font-size: 11px; margin: 0; line-height: 8px; text-transform: uppercase; position: absolute; top: 6px; right: 0; font-family: 'Ropa Sans', serif; letter-spacing: 1px; color: #000; font-weight: 700; cursor: pointer}
#header #menu li.call a {color: #b9874d; font-size: 18px; letter-spacing: 2px; font-weight: 300; position: relative;}
/*#header .call {color: #B0A17F; font-size: 18px; line-height: 60px; font-weight: 700; font-family: 'Ropa Sans', serif; letter-spacing: 2px;}*/
#header .mobile-tel {position: absolute; right: 15px; top: 10px; font-size: 20px;}


#slider {position: relative; z-index: 0; background: #EEE; visibility: 0;
	transition: all .15s linear;
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
}
#slider .container {max-width: 1680px; width: auto; margin: 0 auto; padding: 0;}
#slider ul {margin: 0; padding: 0;}
#slider li {height: 585px; display: block; background-size: cover; list-style: none; background-position: center center; background-repeat: no-repeat;}

#notice .container {max-width: 500px;}
#notice .notice {text-align: center; font-size: 20px; padding: 20px; margin-bottom: 20px; border: 2px solid #B42D1E; background: #FFEAE6; color: #B42D1E}

#info-box .container {border-top: 2px solid #E3DBCA; border-bottom: 2px solid #E3DBCA;}
#info-box {line-height: 45px;}
#info-box .right {border-left:2px solid #E3DBCA;}
#info-box span.divider {color: #E3DBCA; display: inline-block; padding: 0 10px;}

.specials-box {height: 0px; overflow: hidden;}

#specials {}
#specials h2 {font-size: 24px; }
#specials p {font-size: 20px;}

#specials #special-container {text-align: center; padding: 0; margin: 0; display: block; left: 0;}
#specials #special-container h4 {font-size: 15px; color: #222}
#specials #special-container li {margin: 0; padding: 15px;}
#specials #special-container li .inner {border:2px solid #E3DBCA; padding: 15px; display: table; height: 150px; width: 100%;}
#specials #special-container li .inside {display: table-cell; vertical-align: middle;}
#specials #special-container {position: relative; }

#specials #special-container .fade-left {position: absolute; left: -20px; top: 0; z-index: 95;  width: 100px; height: 100%;}
#specials #special-container .fade-right {position: absolute; right: -20px; top: 0; z-index: 95;  width: 100px; height: 100%;}

#specials .bx-prev {position: absolute; left: -40px; top: 0; color: transparent; background: url(../images/arrow-left.svg) no-repeat center left, url(../images/fade-left.png) no-repeat center center; z-index: 97; height: 100%; width: 140px; background-size: 20px auto, 100% 100%}
#specials .bx-next {position: absolute; right: -40px; top: 0; color: transparent; background: url(../images/arrow-right.svg) no-repeat center right, url(../images/fade-right.png) no-repeat center center; z-index: 97; height: 100%; width: 120px; background-size: 20px auto, 100% 100%}

#specials .bx-prev.disabled,
#specials .bx-next.disabled {opacity: 0;}

#specials .bx-viewport {height: 200px !important;}

#instagram #instagram-feed {text-align: center; padding: 0; margin: 0; display: block; left: -68px;}
#instagram #instagram-feed h4 {font-size: 15px; color: #222}
#instagram #instagram-feed li {display: block; height: 200px;  margin: 0 10px; padding: 15px; background-size: cover;}
#instagram #instagram-container {position: relative; }
#instagram #instagram-container .fade-left {position: absolute; left: -20px; top: 0; z-index: 95;  width: 100px; height: 100%;}
#instagram #instagram-container .fade-right {position: absolute; right: -20px; top: 0; z-index: 95;  width: 100px; height: 100%;}
#instagram .bx-prev {position: absolute; left: -30px; top: 60px; color: transparent; background: url(../images/arrow-left.svg); z-index: 97; height: 30px; width: 15px;}
#instagram .bx-next {position: absolute; right: -30px; top: 60px; color: transparent; background: url(../images/arrow-right.svg); z-index: 97; height: 30px; width: 15px;}

#newsletter input[type="email"] {float: left; width: 85%; border: 2px solid #D9CAA7; border-radius: 0; height: 40px;}
#newsletter input[type="submit"] {float: left; width: 15%; border: 2px solid #D9CAA7; height: 40px; border-radius: 0; margin-left: 0; color: transparent; background:#D9CAA7 url(/images/chevron-right.png) no-repeat center center; background-size: 13px 21px}
#newsletter-signup .alert {display: none;}

#catering h3 {padding: 0 0 30px; margin: 0}
#catering .inside {padding: 50px; border: 2px solid #D9CAA7;}
#catering p {line-height: 22px; margin-bottom: 20px; padding: 0;}

.image-grid .image {background-size: cover; background-position: center center; position: relative; background-color: #CCC;}
.image-grid .image.tall {height: 480px; width: 100%; }
.image-grid .image.square {width: 100%; height: 230px;}
.image-grid .image.wide {width: 100%; height: 220px;}
.image-grid .row {margin-left: -15px; margin-right: -15px;}
.image-grid .col {padding-left: 15px; padding-right: 15px;}

#image-grid-1 {position: relative;}
#image-grid-1 .container {}
#image-grid-1 .bg-gray {top: -110px; height: 500px;}

#image-grid-2 {position: relative; padding-top: 90px;}
#image-grid-2 .bg-gray {top: -20px; height: 530px;}


#our-menu {}
#our-menu h1 {font-size: 26px; padding-bottom: 15px;}
#our-menu em {color: #999}
#our-menu p {line-height: 22px; margin-bottom: 20px; padding: 0;}

#our-menu li {margin-bottom: 10px;}
#our-menu li a {line-height: 34px; border: 2px solid #FFF; display: inline-block; border-radius: 0; padding: 0 10px; margin-left: -10px; font-family: 'Ropa Sans', serif; letter-spacing: 2px;}
#our-menu li.active a {border: 2px solid #999;}

#our-menu h4 {padding: 0; color: #999; font-family: 'Ropa Sans', serif; letter-spacing: 2px; font-size: 20px;}
#our-menu .description {color: #CCC; margin-bottom: 40px;}
#our-menu .item {margin-bottom: 30px;}
#our-menu .item .price {color: #b9874d; padding-left: 0px; font-family: 'Ropa Sans', serif; letter-spacing: 0px; font-size: 15px;}




#story {background-size: cover; background-position: center center;}
#story .image {height: 350px; background-size: cover;}
#story h3 {font-size: 18px; line-height: 34px; padding: 0 0 15px; margin: 0}
#story p {line-height: 22px; margin-bottom: 20px; padding: 0;}
#story .inside {background: #FFF; padding: 40px 50px; margin: 60px 0; text-align: center; border-radius: 2px;
-webkit-box-shadow: 0px 0px 28px 0px rgba(50, 50, 50, 0.17);
-moz-box-shadow:    0px 0px 28px 0px rgba(50, 50, 50, 0.17);
box-shadow:         0px 0px 28px 0px rgba(50, 50, 50, 0.17);
}
#story .modal img {width: 300px; float: left; margin: 10px 30px 30px 0;}
#story .modal-body {padding: 30px;}


#map {background-size: cover; border-top: 1px solid #EFEFEF; background-position: center center;}
#map .inside {background: #FFF; padding: 30px; border-radius: 2px;
-webkit-box-shadow: 0px 0px 28px 0px rgba(50, 50, 50, 0.17);
-moz-box-shadow:    0px 0px 28px 0px rgba(50, 50, 50, 0.17);
box-shadow:         0px 0px 28px 0px rgba(50, 50, 50, 0.17);
}
#map h3 {font-size: 18px; margin: 0; padding: 0 0 12px;}
#map h4 {font-size: 15px; margin: 0; padding: 0 0 20px; line-height: 24px; color: #999}
#map h4 a {color: #999}
#map p {margin: 0;}

#footer {background: #151515; padding: 30px 0; color: #FFF;}
#footer i {font-size: 20px; margin-right: 7px;}
#footer .gray {color: #666; font-size: 14px; padding: 10px 0;}
#footer img {width: 140px;}

#login {margin: 100px 0;}
#login .inside {padding: 50px; border: 2px solid #D9CAA7; background: #FFF;}
#login h3 {padding: 0 0 20px; margin: 0;}


#create-account {}


#my-account {}
#my-account .navigation {margin: 0; padding: 0;}
#my-account .navigation li {list-style: none; padding: 0; margin: 0 0 10px;
	transition: all .15s linear;
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
}
#my-account .navigation li i {float:right; line-height: 50px; margin-right: 0;}
#my-account .navigation li:hover {background: #EEE;}
#my-account .navigation li.active {background: #333; border-radius: 3px;}
#my-account .navigation li.active a {color: #FFF}
#my-account .navigation li a {line-height: 50px; font-family: 'Ropa Sans', serif; text-transform: uppercase; letter-spacing: 1px; color: #999; padding: 0 15px; display: block;}
#my-account input {border: 1px solid #b9874d !important;}
#my-account select {border: 1px solid #b9874d !important; background-color: transparent; background-image:url(/images/select-arrows.png); background-size: 11px auto; background-repeat: no-repeat; background-position-x:97%; background-position-y:11px; border-radius: 0; -webkit-appearance: none; text-align: center; font-size: 13px; font-family: 'Ropa Sans', serif; text-transform: uppercase; width: 100%;}

.nav-tabs {border: none;}
.nav-tabs>li {float: none; list-style: none; padding: 0; margin: 0; text-transform: uppercase;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {border: none; background: transparent; padding: 0; margin: 0;}
.nav-tabs>li>a {border: none; background: transparent; padding: 0; margin: 0;}
.nav-tabs>li>a:hover {background: transparent;}





#order {padding-bottom: 20px; min-height: 800px;}
#order h1 {font-size: 20px; color: #222}
#order h1 small a {color: #AAA; font-size: 13px; font-family: 'Ropa Sans', serif; border: 1px solid #DDD; padding: 2px 5px; top: -3px; position: relative; margin-left: 10px;}
#order .closed {padding: 40px 20px; background: #F3F3F3;}
#order .menu-categories {padding: 0; margin: 0; text-align: left;}
#order .menu-categories li {margin: 0; padding: 0; list-style: none; display: inline-block; border: none; float: left;}
#order .menu-categories li a {font-family: 'Ropa Sans', serif; padding: 0 7px; letter-spacing: 2px; text-transform: uppercase; line-height: 40px; display: block; border: 2px solid #FFF;}
#order .menu-categories li.active a {border: 2px solid #999; color: #666;}

#order h3.category-title {    padding: 0; color: #999; font-family: 'Ropa Sans', serif; letter-spacing: 2px; font-size: 20px;}
#order h3 {font-size: 18px; padding-bottom: 0;}
#order .description {color: #999; margin-bottom: 30px; font-style:italic;}

#order .item {border-bottom: 1px solid #DDD; padding: 20px 20px 20px 0; cursor: pointer;
	transition: all .15s linear;
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
}
#order .item:hover,
#order .item.active {background: #F3F3F3; padding-left: 10px;}
#order .item strong {font-weight: 600 !important;}
#order .item p {margin: 0; font-size: 14px;}
#order .item .notice {font-size: 12px; font-family: 'Ropa Sans', serif; font-style: italic; color: #999}

#order .actions {display: none;}
#order .actions .form-group {text-align: left; display: inline-block; vertical-align: bottom; margin: 0 30px 0 0;}
#order .actions .lower .form-group {width: 100%; }
#order .actions .form-group.field-addtocartform-quantity {}
#order .actions label {font-weight: 300;}
#order .actions select {border: 1px solid #b9874d !important; background-color: transparent; background-image:url(/images/select-arrows.png); background-size: 11px auto; background-repeat: no-repeat; background-position-x:97%; background-position-y:11px; border-radius: 0; -webkit-appearance: none; text-align: center; font-size: 13px; font-family: 'Ropa Sans', serif; text-transform: uppercase; width: 100%;}
#order .actions .checkboxes label {font-size: 12px; margin: 0; display: block;}
#order .actions .checkboxes label input {margin-right:5px; background:transparent;}
#order .actions input {background:transparent; border: 1px solid #b9874d !important; border-radius: 0;}
#order .actions .addtocart {margin-top: 25px;}



#order #breadcrumbs {background: #EFEFEF; margin-top: 10px; line-height: 60px; text-align: center; color: #CCC; font-family: 'Ropa Sans', serif; letter-spacing: 1px; font-size: 15px;}
#order #breadcrumbs i {font-size: 11px; margin: 0 10px}
#order #breadcrumbs .active {color: #b9874d}

#order .price {color: #b9874d; font-family: 'Ropa Sans', serif; font-size: 16px;}
#order .cart h3 {text-align: center; padding: 0 0 30px; margin: 0;}
#order .cart h4 {text-align: center; font-size: 13px;}
#order .cart h5 {text-align: center; font-size: 13px; text-transform: uppercase; color: #777}
#order .cart .inside {padding: 30px 20px; background: #F3F3F3;}
#order .cart .cart-item {margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #CCC;}
/*#order .cart .cart-item:last-child {border-bottom: none;}*/
#order .cart .cart-item .title {margin-bottom: 10px; display: block;}
#order .cart .cart-item .notes {font-size: 12px; color: #777; margin-bottom: 10px;}
#order .cart .cart-item .options {font-size: 12px; color: #777; margin-bottom: 10px;}
#order .cart .cart-item .options .price {font-size: 12px;}
#order .cart .pickup-times select {border: 1px solid #b9874d !important; padding:3px 10px; background-color: transparent; background-image:url(/images/select-arrows.png); background-size: 13px auto; background-repeat: no-repeat; background-position-x:97%; background-position-y:12px; border-radius: 0; font-size: 22px; -webkit-appearance: none; text-align: center; font-family: 'Ropa Sans', serif; text-transform: uppercase; width: 100%;}
#order .cart .totals {}
#order .cart .pickup-time {text-align: center; font-size: 28px; font-family: 'Ropa Sans', serif;}

#order .cart .tip {margin: 15px 0 0; padding: 15px 0 0; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; }
#order .cart .tip div {margin-bottom: 10px;}
#order .cart .tip input[type="radio"] {display: none;}
#order .cart .tip label {width:16.8%; font-family: 'Ropa Sans', serif; letter-spacing: 0; display: block; float: left; text-align: center; background-color: rgba(138, 147, 156, 0.08); margin: 0 4% 15px 0; line-height: 40px; color: #999; font-size: 15px; font-weight: 500; cursor:pointer; border: 1px solid #AAA;}
#order .cart .tip label.active {	background-color: rgba(212, 95, 76, 0.08); border-color: #d65f4d; color: #d65f4d;}
#order .cart .tip label:nth-child(6n) {float: right; margin: 0;}


#order .save-account {display: none;}
#order .form-control {border-radius: 0;}

.saved-card {padding: 20px; background: #EFEFEF; font-size: 16px; display: inline-block;}
.saved-card a {font-size: 14px; display: block; margin: 10px 0 0;}

#order .account-link {line-height: 30px; font-size: 16px; text-transform: uppercase; font-family: 'Ropa Sans', serif; letter-spacing: 1px;}

#order .loading {width: 50px; display: none;}

/*Editor Functions*/
.editable {position: relative;}
.edit, .edit-link {position: absolute; left: -17px; top:-17px; background: red; color: #FFF; display: inline-block; height: 15px; padding: 0 7px; line-height: 15px; text-align: center; z-index: 98; border-radius: 3px; font-size: 7px; font-weight: 700; text-transform: uppercase; font-family:Arial, sans-serif; letter-spacing: 1px;
	-webkit-box-shadow: 4px 4px 12px 0px rgba(50, 50, 50, 0.47);
	-moz-box-shadow:    4px 4px 12px 0px rgba(50, 50, 50, 0.47);
	box-shadow:         4px 4px 12px 0px rgba(50, 50, 50, 0.47);
}
.edit.corner, .edit-link.corner {left: 20px; top: 20px;}
.edit.lower {left: -10px; bottom: -10px; top: auto;}
.edit.static, .edit-link.static {position: static; top: auto; left: auto;}
.edit.right, .edit-link.right {top: 0; right: 20px; left: auto}
.edit:hover, .edit-link:hover {color: #FFF}
.edit:focus, .edit-link:focus {color: #FFF !important}
.modal-open .modal {z-index: 99999;}
.redactor-init {display: none;}

input[type="text"],
input[type="password"] {border-radius: 0 !important;}


.modal.modal-center {text-align: center; }
.modal.modal-center:before {display: inline-block; vertical-align: middle; content: " "; height: 100%; }
.modal-center .modal-dialog {display: inline-block; text-align: left; vertical-align: middle; }