/*
 Theme Name:   Spice Route
 Author:       WebSPI
 Author URI:   http://www.webspi.com
 Template:     twentytwelve
 Version:      1.0.0
 Text Domain:  twenty-twelve-child
*/
@import url("css/spi-base.css");
@import url("css/spi-nav.css");
@import url(https://fonts.googleapis.com/css?family=Questrial|Arvo);

/* =GLOBAL LAYOUT/ELEMENTS
-------------------------------------------------------------- */
h1 {
font-size:22px;
}

h2 {
font-size: 22px;
}

a {
color:#f0ad4e;
}

a:hover {
color:#FF9600;
}

img#logo {
  margin: 0 auto;
  width: 42%;
  margin-top: 2%;
}

body {
  background-color: #FFF;
}

div#main {
  padding: 0;
}

img.img-50 {
  width: 50%;
}

img.img-right {
  float: right;
  margin: 0 0 15px 15px;
}

img.img-left {
  float:left;
  margin: 0 0 15px 15px;
}

img.img-center {
  margin: 0 auto;
}

#masthead {
  padding: 0;
  background-color: rgba(0, 0, 0, 0.7);
}

.home #masthead {
position: relative;
z-index: 999;
width: 100%;
left: 0;
background: #000;
display: none;
}

.home div#page {
width: 100%;
height: 100%;
padding: 0;
}

.navbar {
	background-color: rgba(255, 255, 255, 0);
	margin: 0;
}

ul.navbar-nav li a {
color: #fff;
text-transform: capitalize;
padding: 5px 10px;
font-size: 15px;
text-transform: uppercase;
font-family: 'Questrial', sans-serif;
}

ul.navbar-nav li.menu-item-has-children > a:after {
  top: 23%;
  right: 5px;
}

ul.navbar-nav ul.sub-menu li a {
  padding-right: 22px;
  border: none;
}

div#header-right {
  padding: 25px 45px 0 0;
}
.site-info-wrapper {
  padding: 0;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  position: fixed;
  bottom: 0;
  z-index: 10;
}

#site-info {
  padding: 5px 0;
}

.btn {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 1px 15px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 0;
}

button.btn.btn-default.read-more {
float: right;
font-size: 17px;
}

button.btn.btn-default.send-message {
display: block;
margin: 0 auto;
font-size: 17px;
}

div#secondary {
margin-top: 10px;
font-family: 'Questrial', serif;
font-size: 17px;
}

.entry-content div {
font-size: 15px;
}

#spi-menu-full-navbar {
margin: 0 auto;
width: 864px;
margin-bottom: 10px;
}

.breadcrumb {
background-color: #DEDEDE;
border-radius: 0;
padding: 4px 15px;
}

.breadcrumb a {
color: #333;
}

#page.container {
  background-color: transparent;
}

/*Scroll Bar CSS*/

::-webkit-scrollbar{
    height: 12px;
    width: 12px;
    background: rgba(0, 0, 0, 0.7);
}

::-webkit-scrollbar-thumb{
    background: #a8cf45;
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

::-webkit-scrollbar-corner{
    background: #000;
}

/* =TYPOGRAPHY
-------------------------------------------------------------- */
body {
	font-family: 'Questrial', serif;
	color: #f2f2f2;
}

h2.name-h2 {
	font-family: 'Questrial', serif;
	font-style: italic;
	margin: 0 0 10px 0;
}

h3.widget-title.footer-widget-title {
	font-size: 20px;
	text-align: center;
	margin-bottom: 10px;
}
#footer-widgets-row .textwidget {
	text-align: center;
	font-size: 14px;
	margin-bottom: 10px;
}

/* =HEADER
-------------------------------------------------------------- */
ul.navbar-nav li:hover > a {
  background-color: transparent!important;
  border-bottom: 1px solid #d5b83a;
  margin-top: -1px;
  color: #d5b83a;
}
.nav > li > a:hover, .nav > li > a:focus {
background-color: transparent!important;
}
#slider-row {
margin-bottom: 0;
}

ul.navbar-nav li a:active {
  color: #d5b83a;
}

header.entry-header.page-header h1 {
  border: none;
  font-family: 'Questrial', san-serif;
  color: #f2f2f2;
  font-size: 35px;
  text-align: center;
  padding-bottom: 25px;
  text-transform: lowercase;
  letter-spacing: 5px;
}

header.entry-header.page-header h1::after {
  content: " • • •";
  font-size: 25px;
  letter-spacing: 1px;
}

header.entry-header.page-header h1::before {
  content: " • • • ";
  font-size: 25px;
  letter-spacing: 1px;
}

ul.navbar-nav ul.sub-menu li a {
color: #fff;
}

ul.navbar-nav ul.sub-menu li a:hover {
color: #d5b83a;
font-weight: normal;
}

div#header-left {
text-align: center;
}

div#header-left a {
color: #000;
font-size: 45px;
font-family: 'Questrial';
}

.page #masthead, .archive #masthead, .single #masthead {
  margin-top: 30px;
  margin-bottom: 30px;
}

div#page {
height: calc(100% - 135px);
}

/*
.page-template-page-moksha-php img#logo, .page-template-page-reservationmoksha-php img#logo, .archive #masthead img#logo, .single #masthead img#logo {
  width: 31%;
  margin: 1% auto;
}
*/

/* =MAIN
-------------------------------------------------------------- */
.page-header {
margin: 20px 0;
padding:0;
border: none;
}

header.entry-header.page-header {
margin: 10px 0;
}

header h1 {
border-bottom: 1px solid #ccc;
}

h2.entry-title {
margin-bottom:5px;
}

h2.entry-title a {
font-size: 20px;
}

img.attachment-post-thumbnail {
width: 100%;
}

.category article {
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
}

.entry-content {
color: #f2f2f2;
height: 91%;
}

div#content {
height: 93%;
}

.site-content.col-md-6 {
padding: 0;
}

div#secondary {
font-size: 17px;
padding: 15px;
padding-top: 0;
margin-top: 0;
padding-bottom: 0;
}

.page div#section-right, .page div#section-left {
height: 90%;
}

div#img-section-left {
background-position: bottom;
}

div#section-right {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 5%;
padding-top: 2%;
background-color: rgba(0, 0, 0, 0.8);
}

div#primary {
padding: 0;
}

.sub-page-content {
padding: 30px;
background-color: #fff;
margin-left: 16%;
margin-right: 16%;
margin-bottom: 40px;
}

.sub-page-content.contact-sub-page p {
margin-bottom: 40px;
}

.sub-spice-page-container {
  height: 100%;
}

.ot-reservations-spiceroute {
  text-align: center;
}

img.sr-cuisine.img-responsive, img.mok-cuisine.img-responsive {
  width: 75%;
  margin: 0 auto;
}

.google-review a, .yelp-review a {
  border: 1px solid #fff;
  padding: 5px 10px;
  display: inline-block;
}

.google-review, .yelp-review {
  text-align: center;
  margin-bottom: 15px;
}

.google-review a:hover, .yelp-review a:hover {
  color: #a8cf45;
}

.mentioned-in {
  text-align: center;
  margin-bottom: 15px;
  text-decoration: underline;
}

.partner-hotels {
  margin-bottom: 20px;
}

.entry-content a.register-cooking-class {
  color: #d7ba45;
  border: 1px solid #d7ba45;
  padding: 3px 10px;
  display: inline-block;
}

.entry-content a.register-cooking-class:hover {
  background-color: #a8cf45;
  color: #333;
}

.subpage-ot-winner {
  width: 15%;
  position: absolute;
  right: 5px;
  top: 5px;
}

.march-promo-2016 {
  text-align: center;
}

/*Category, Author, Tag, Content, 404 etc*/
footer.entry-meta {
  clear: both;
}

.category-container .content-php-container .entry-content {
  float: left;
}

.spice-category-container, .author-container-author, .single-container-single, .single-container-single {
  height: 90%;
}

body.archive, body.category, body.single {
  background-image: url('/_webspi/images/pages/bg-1.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}

.pager li>a, .pager li>span {
  background-color: transparent;
  border: 1px solid #f2f2f2;
  border-radius: 0;
}

.pager li>a:hover, .pager li>a:focus {
  background-color: transparent;
  color: #a8cf45;
}

h1.archive-title {
  border: none;
  font-family: 'Questrial', san-serif;
  color: #f2f2f2;
  font-size: 35px;
  text-align: center;
  padding-bottom: 25px;
  text-transform: lowercase;
}

.content-php-container {
padding: 30px;
}

ul.pager {
padding: 0;
margin-left: 16%;
margin-right: 16%;
margin-bottom: 25px;
margin-top: 0;
}

.error-container article , .search-php-container #content{
padding: 30px;
background-color: #fff;
margin-left: 16%;
margin-right: 16%;
margin-bottom: 40px;
text-align: center;
}

.archive #main, .single #main {
  padding-top: 15px;
}

/*Spice Route Sub Pages CSS*/

body.page-template-page-spiceroute-php, .page-template-page-reservationspice-php {
background-image: url('/_webspi/images/pages/bg-3.jpg');
background-size: cover;
background-repeat: no-repeat;
}

p.spice-gift-card span {
  color: #f65f06;
}

p.color-orange {
  color: #f65f06;
}

.spice-reviews-page p, .moksha-reviews-page p {
  border-bottom: 1px solid #fff;
  padding-bottom: 20px;
}

.spice-route-orange {
  color: #f65f06;
}

/*Moksha Sub Pages CSS*/

body.page-template-page-moksha-php, .page-template-page-reservationmoksha-php {
  background-image: url('/_webspi/images/pages/bg-2.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}

.datepicker-content li {
  color: #333;
}

.otw-time-wrap.otw-input-wrap select {
  color: #333;
}

.otw-party-size-wrap.otw-input-wrap select {
  color: #333;
}

.moksha-menu-page {
  text-align: center;
}

.moksha-menu-page a {
  color: #b4e349!important;
  border: 1px solid #fff;
  padding: 10px 15%;
  display: inline-block;
  font-size: 35px;
}

.moksha-menu-page p {
  margin-bottom: 10%;
}

.moksha-menu-page a:hover {
  color: #fff!important;
  border: 1px solid #b4e349;
}

.moksha-green {
  color: #b4e349;
}

/* =SIDEBAR
-------------------------------------------------------------- */

#secondary .textwidget {
  background-color: rgba(0, 0, 0, 0.7);
  padding: 15px;
}

.gform_wrapper .gform_footer {
margin: 0!important;
clear: both;
}

#secondary .gform_button.button {
border: none;
padding: 5px 10px;
}

#secondary h3 {
color: #f2f2f2;
padding: 8px 10px;
margin-bottom: 0;
margin-top: 0;
padding-bottom: 0;
font-size: 25px;
color: #f1d04b;
font-family: 'Questrial';
letter-spacing: 5px;
}

.widget.widget_text:nth-child(3) {
  margin-bottom: 0!important;
  text-align: center;
}

.widget.widget_text:nth-child(3) > .textwidget {
  padding-bottom: 0!important;
  padding-top: 0!important;
}

h3.gallery-title a {
  color: #f1d04b;
}

/*Spice Route Sidebar*/

.welcome-hours, .sidebar-other-location {
  text-align: center;
}

.welcome-hours .fa-circle {
  font-size: 5px;
}

.welcome-hours p {
  font-size: 15px;
}

.welcome-hours h4, .welcome-hours span {
  color: #f65f06;
}

.welcome-hours span {
  font-size: 18px;
}

.sidebar-other-location img {
  width: 60%;
}

.sidebar-other-location .fa-chevron-circle-right {
  color: #a8cf45;
  font-size: 25px;
}

.roster_slider_wclass {
  background-color: rgba(0, 0, 0, 0.7);
  padding-bottom: 13px!important;
}

.widget.roster_slider_wclass {
  margin-bottom: 0!important;
  padding-bottom: 0!important;
}

/*Moksha Sidebar*/

.welcome-hours.sidebar-moksha h4, .welcome-hours.sidebar-moksha span {
  color: #b4e349;
}

.sidebar-other-location.sidebar-moksha .fa-chevron-circle-right {
  color: #f65f06;
}

.sidebar-other-location.sidebar-moksha img {
  width: 45%;
}

/* =FOOTER
-------------------------------------------------------------- */
#footer-widgets-row {
padding: 0;
}

.moksha-newsletter:hover {
  background-color: transparent!important;
}

.social-icons a {
  background-color: #a8cf45;
  color: #000!important;
  font-size: 20px;
  padding: 5px;
  border-radius: 50%;
  margin-right: 5px;
}

.social-icons a:hover {
  background-color: #DDF899;
}

.home-achievements .social-icons a {
  padding: 1px 5px;
}

.home-achievements .social-icons a.fb-icon {
  padding: 0 5px;
}

.social-icons a.zagat-icon {
  background-color: transparent;
  padding: 0!important;
}

.social-icons .fa.fa-facebook {
  padding: 5px;
}

.social-icons .fa.fa-instagram {
  padding: 2px;
}

div#site-info .text-left {
  margin-top: 5px;
}

a.moksha-newsletter {
  background-color: transparent;
  color: #a8cf45!important;
  font-size: 16px;
}

a.moksha-newsletter:hover {
  text-decoration: underline;
}

/* =HOMEPAGE
-------------------------------------------------------------- */
.home #primary {
	padding: 0px;
	position: absolute;
	top: 15%;
	padding-left: 5%;
}

#home-widgets h3 {
color: #f2f2f2;
}

article p {
	margin-bottom: 10px;
	font-size: 16px;
}
.entry-content a {
	color: #FF9704;
	text-decoration: none;
}

#site-info a {
	color: #fff;
	padding-left: 5px;
}


#secondary .widget {
margin:0 0 15px 0;
padding:0;
}

h3.widget-title {
text-align: center;
font-family: 'Questrial', san-serif;
color: #333;
font-size: 30px;
padding-top: 25px;
padding-bottom: 25px;
}

i.fa.fa-angle-double-right {
margin-left: 3px;
font-size: 13px;
}

.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {
width: 100%;
}

div#homepage-content {
padding: 0;
position: absolute;
top: 46%;
}

body.rfwbs-active {
padding-bottom: 0px;
}

#header-right #header-widgets {
color: #f2f2f2;
padding-right: 50px;
}

.title-over-img {
font-family: 'Questrial', serif;
color: #fff;
text-shadow: 1px 2px 1px #000;
}

.home div#section-right, .home div#section-left {
  height: 100%;
}

.home div#site-info {
display: none;
}

.home div#img-section-left {
background-image: url('/_webspi/images/pages/spice-route.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 100%;
padding: 0;
}

.home div#section-right {
background-image: url('/_webspi/images/pages/moksha.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
padding: 0;
}

.home-right-contents, .home-left-contents {
background-color: rgba(0, 0, 0, 0.8);
text-align: center;
position: absolute;
width: 100%;
top: 42%;
padding-top: 20px;
padding-bottom: 20px;
transition: 1s;
z-index: 10;
}

.home-right-contents p {
margin: 0;
color: #a8cf45;
}

.home-right-contents img {
width: 31.5%;
}

.home-right-contents .fa-circle, .home-left-contents .fa-circle {
color: #f2f2f2;
font-size: 6px;
}

.home-left-contents img {
width: 31.7%;
}

.home-left-contents p {
margin: 0;
color: #e05706;
}

.home-achievements {
  background-color: rgba(0, 0, 0, 0.8);
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 7%;
  padding-top: 20px;
  padding-bottom: 20px;
  height: 200px;
}

/**Moksha Achievement Page**/
.right-more-button {
  margin-top: 0!important;
  margin-bottom: 10px!important;
}

.home-achievements .king5 a {
  background-color: #F0E51F;
  color: #333;
  border: none;
  border-radius: 5px;
}

.home-achievements .king5 a:hover {
  background-color: #F3EA4D;
}

.home-achievements .king5 a:first-child {
  background-color: transparent;
  border: none;
}

.home-achievements .king5 a:first-child:hover {
  background-color: transparent;
}

.home-inline-awards p {
  display: inline-block;
}

.home-inline-awards img {
  width: 65%;
}

.home-inline-awards {
  margin-bottom: 10px;
}

p.home-moksha-special {
  color: #a8cf45;
  font-size: 17px;
}

/******************************/

.home-achievements a {
  color: #d7ba45;
  border: 1px solid #d7ba45;
  padding: 3px 10px;
  display: inline-block;
}

.home-achievements a:hover {
  background-color: #DDF899;
  color: #333;
}

.home-achievements span {
  font-weight: bold;
}

.home-achievements p {
  margin-bottom: 0;
  line-height: 1.7;
}

.home-achievements p:last-child {
  margin-bottom: 0;
}

.home-achievements img {
  margin: 0 auto;
}

p.restaurant-week-moksha a {
  border: none;
  width: 45%;
}

p.restaurant-week-moksha a:hover {
  background-color: transparent;
}

p.left-more-button, p.right-more-button {
  margin-top: 10px;
}

p.left-more-button {
  margin-bottom: 10px;
}

.moksha-food-crawl {
  color: #a8cf45;
  font-weight: bold;
  font-size: 16px;
}

p.food-crawl-description {
  margin: 10px 0;
}

p.spiceroute-vegan-class {
  color: #e05706;
  font-weight: bold;
  font-size: 16px;
}

p.spiceroute-class-description {
  margin: 10px 0;
}

/*Homepage Hover CSS*/

.hover-right p {
color: #f2f2f2;
}

.home-menu-nav p {
display: inline-block;
padding-right: 1%;
}

.home-menu-nav p:last-child {
padding-right: 0;
}

p.home-phone {
font-size: 18px;
margin-bottom: 20px;
}

.home-menu-nav > p > a {
color: #d7ba45;
border: 1px solid #d7ba45;
padding: 3px 10px;
display: inline-block;
transition-duration: 0.5s;
}

.home-menu-nav a:hover {
background-color: #a8cf45;
color: #333;
transition-duration: 0.5s;
}

.home-right-contents:hover, .home-left-contents:hover {
background-color: rgba(0, 0, 0, 0.8);
}

.right-img-content div:hover > div, .left-img-content div:hover > div {
display: block;
}

.hover-right {
display: none;
}

.home-right-contents:hover, .home-left-contents:hover  {
top: 34%;
padding-top: 35px;
padding-bottom: 40px;
transition: 1s;
}

.home-menu-nav {
  margin-bottom: 15px;
}

.home-newsletter {
  margin-bottom: 5px;
}

.home-newsletter a {
  color: #a8cf45;
}

.home-newsletter .fa-envelope-o {
  margin-right: 5px;
}

.home-newsletter a:hover {
  text-decoration: underline;
}


/* =GOOGLE MAPS RESPONSIVE
-------------------------------------------------------------- */
.iframe-responsive  {
position: relative;
padding-bottom: 65.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.iframe-responsive iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*
Plugin Override
----------------------------------------------------------------*/
/*Ninja Popups*/
.newsletter-popup-wrapper {
  background-image: url('/wp-content/uploads/2015/05/spice-route-gallery-4043.jpg');
  background-size: cover;
  background-position: center;
  width: 650px;
  height: 500px;
  padding: 50px 15px 15px!important;
  font-family: 'Questrial', sans-serif;
}

.popup-content-container {
  background-color: rgba(0, 0, 0, 0.7);;
  padding: 15px!important;
}

p.popup-main-heading {
  text-transform: uppercase;
  text-align: center;
  font-size: 30px;
  color: #FFF;
  margin-bottom: 30px;
}

p.popup-header-1 {
  color: #FF8F00;
  font-size: 20px;
  margin-bottom: 10px;
}

p.popup-header-2 {
  color: #a8cf45;
  font-size: 20px;
  margin-bottom: 10px;
}

.newsletter-popup-wrapper .demo-contact-form .ginput_container input {
  height: 36px;
  padding-left: 5px;
}

.newsletter-popup-wrapper .spice-route-popup .demo-contact-form .ginput_container input {
  border: 1px solid #e05706;
}

.newsletter-popup-wrapper .moksha-popup .demo-contact-form .ginput_container input {
  border: 1px solid #a8cf45;
}

.spice-route-popup {
  margin-bottom: 30px!important;
}

.newsletter-popup-wrapper .gform_footer.top_label input {
  width: 100%;
  height: 36px;
  font-size: 17px;
  text-transform: uppercase;
}

.newsletter-popup-wrapper .spice-route-popup .gform_footer.top_label input {
  border: none;
  background-color: #e05706;
}
.newsletter-popup-wrapper .spice-route-popup .gform_footer.top_label input:hover {
  background-color: #EF6F24;
  color: #FFF!important;
}

.newsletter-popup-wrapper .moksha-popup .gform_footer.top_label input {
  border: none;
  background-color: #a8cf45;
}

.newsletter-popup-wrapper .moksha-popup .gform_footer.top_label input:hover {
  background-color: #8FB139;
  color: #FFF!important;
}

/*Special Recent Posts Pro*/
div.srp-widget-container {
width: 100%;
}

/*Portfolio Slideshow PRO*/
.slideshow-content a img {
  max-height: 100%!important;
}

/*Roster Slider*/
.home .extra-home-widget-wrapper {
background-image: url('/_webspi/images/pages/sample-cases-bar.jpg');
}

.rosterslider_wrapper .roster_slider_instance .roster_slideri h2 {
display: none;
}

.extra-home-widget-wrapper h3 {
color: #f2f2f2;
}

/* Gravity Forms */
/* GravityForms Reset START */
.gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction {
font-weight:normal;
margin:0;
padding:0;
}

.gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=password] {
margin:0;
padding:0;
display:block;
}

.gform_wrapper .ginput_complex input[type=text], .gform_wrapper .ginput_complex input[type=url], .gform_wrapper .ginput_complex input[type=email], .gform_wrapper .ginput_complex input[type=tel], .gform_wrapper .ginput_complex input[type=number], .gform_wrapper .ginput_complex input[type=password], .gform_wrapper .ginput_complex select {
margin:0;
display:block;
width:100%;
}

.gform_wrapper input[type=radio], .gform_wrapper input[type=checkbox] {
margin: 4px 10px 0 0;
}

.gform_wrapper ul.gfield_checkbox li {
margin:0;
}

.gform_wrapper ul.gfield_checkbox li label {
font-weight:normal;
}

.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea {
margin:0;
padding:0;
color: #f2f2f2;
}

.gform_wrapper .top_label .gfield_label {
margin:0;
padding-bottom: 3px;
padding-top: 5px;
}

.gfield, .ginput_full {
clear: both;
display: block;
height: 1%;
overflow: hidden;
}

.gform_wrapper ul {
list-style:none;
margin:0;
padding:0;
}

.ginput_left {
float:left;
width: 49%;
clear:right;
display:block;
}

.ginput_right {
float:right;
width: 49%;
clear:right;
display:block;
}

.name_first {
float:left;
width: 49%;
clear:right;
display:block;
}

.name_last {
float:right;
width: 49%;
clear:right;
display:block;
}

.medium{
width:100%;
}

.form-left{
float:left;
width: 49%;
clear:left;
display:inline-block;
}

.form-right{
float:right;
width: 49%;
clear:right;
display:inline-block;
}

.gform_wrapper .validation_error {
color: #ff0000;
font-weight: bold;
}
.gform_wrapper .validation_message {
color: #ff0000;
}
.gform_wrapper li.gfield_error {
/*background-color: #FFEFEF;*/
}
/* GravityForms Reset END */

.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
width: 100%!important;
}

.gfield_captcha_input_container.simple_captcha_medium {
margin-bottom: 10px;
}

.contact-page-form .gform_button {
border: none;
padding: 5px 10px;
}

.contact-page-form .gform_button:hover {
background-color: #333;
color: #f2f2f2;
}

.bliss-contact-form label {
color: #f2f2f2;
}

.gform_footer.top_label input {
color: #f2f2f2;
}

.ginput_container {
color: #f2f2f2;
}

.gfield_captcha_container img {
  margin-bottom: 8px;
}

/*HiWordPress Modern Gravity Forms Styles*/
.demo-contact-form .hide-gform-label label {
display: none;
}

.demo-contact-form .ginput_container input {
margin-bottom: 20px;
border: none;
background-color: transparent;
border-bottom: 1px solid #fff;
font-size: 16px;
}

.name_first, .name_last input {
margin-bottom: 20px;
}

::-webkit-input-placeholder{
color: #878787;
}
:-moz-placeholder {
color: #878787;
}
:-ms-input-placeholder {
color: #878787;
}

input:focus {
outline: 0px;
}

textarea:focus {
outline: 0px;
}

.demo-contact-form {
  padding-bottom: 20px;
}

.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea {
background-color: transparent;
border: 1px solid #f2f2f2;
font-size: 16px;
padding-left: 5px;
}

button, html input[type=button], input[type=reset], input[type=submit] {
  border: 1px solid #f2f2f2;
  background-color: transparent;
  padding: 2px 15px;
}

.demo-contact-form .gform_button:hover {
  color: #a8cf45!important;
  border-color: #a8cf45;
}

.gform_wrapper .top_label .gfield_label {
font-size: 16px;
font-weight: normal;
}

.gfield_captcha_input_container.simple_captcha_medium input {
background-color: transparent;
border: 1px solid #f2f2f2;
}

span.ui-icon.ui-icon-circle-triangle-e {
  float: right;
}

table.ui-datepicker-calendar th {
  padding: 5px;
  color: #333;
}

.ui-datepicker-title {
  color: #333;
}

table.ui-datepicker-calendar a {
  color: #333;
  text-decoration: underline;
}

.ui-datepicker-next.ui-corner-all, .ui-datepicker-prev.ui-corner-all {
  color: #333;
  cursor: pointer;
}

.spice-event-date .ginput_container input {
  margin-bottom: 0;
}

.drop-subject .ginput_container select {
  background-color: transparent;
  color: #878787;
}

.drop-subject {
  margin-bottom: 15px;
}

.drop-subject .ginput_container option {
  color: #333;
}

.demo-contact-form .drop-resume .ginput_container input {
  border: 1px solid;
}

.gform_confirmation_message {
  color: #f2f2f2;
  font-size: 14px;
}

.upload-resume-gform .ginput_container input {
  border: 1px solid #FFF;
}

/*
Bootstrap Override
---------------------------------------------------------------*/
.btn-warning {
color: #fff;
background-color: #FF9600;
border-color: #FF9600;
}

/* =RESPONSIVE
-------------------------------------------------------------- */

@media (max-width: 1199px) {
ul.navbar-nav li a {
  padding: 4px 7px;
  font-size: 12px;
}

.profile-page-container header.entry-header.page-header {
margin: 0;
}

.roster_slider {
  height: 167px;
}

p.restaurant-week-moksha a {
  width: 70%;
}

img#logo {
  width: 70%;
}

}

@media (max-width: 991px) {
img#logo {
  width: 80%;
}

#spi-menu-full-navbar {
width: 735px;
}

div#main-navigation-collapse {
  padding: 0;
}

ul.navbar-nav li a {
  font-size: 11px;
  padding: 4px 4px;
}

ul.navbar-nav li.menu-item-has-children > a:after {
  top: 28%;
}

ul.navbar-nav ul.sub-menu {
  right: 2px;
}

#spi-menu-full-navbar {
margin-bottom: 0;
}

div#top-section-right h3, div#bottom-section-right h3 {
font-size: 20px;
}

div#bottom-section-right h3 {
margin-top: 20%;
}

div#top-section-right p, div#bottom-section-right p {
font-size: 13px;
}

.divider-bg-color {
top: 49%;
}

.subpage-divider-wrapper {
top: 42%;
}

div#top-section-right, div#bottom-section-right {
padding: 0;
}

#secondary h3 {
  font-size: 20px;
}

.roster_slider_wclass {
  padding-bottom: 0px!important;
}

h4, .h4 {
  font-size: 15px;
}

.welcome-hours p {
  font-size: 11px;
}

small, .small {
  font-size: 80%;
}

.sidebar-other-location p {
  font-size: 13px;
}

.roster_slider {
  height: 115px;
}

.navbar {
  margin: 0;
}

.home-achievements {
  bottom: 3%;
  height: 225px;
}

p.restaurant-week-moksha a {
  width: 100%;
}

a.moksha-newsletter {
  font-size: 11px;
}

.social-icons a {
  font-size: 13px;
  padding: 4px;
  margin-right: 2px;
}

.social-icons .fa.fa-facebook {
  padding: 3px;
}

.social-icons .fa.fa-instagram {
  padding: 1px;
}

div#header-right {
  width: 75%;
}

div#header-left {
  width: 25%;
}

}


@media (max-width: 767px){
img#logo {
  width: 35%;
  margin: 5px auto;
}

nav#spi-navbar {
margin: 0;
background: #fff
}

#spi-menu-full-navbar {
width: 100%;
}

.home #masthead {
width: 100%;
padding: 0;
}

div#home-widgets img {
margin: 0 auto;
}

div#header-right {
margin-top: 2px;
z-index: 10;
width: 100%;
padding: 0;
}

header.entry-header.page-header {
margin-top: 35px;
}

div#section-right {
height: 98%;
}

body:not(.fixed-width) ul.navbar-nav > li > a {
color: #333;
}

body:not(.fixed-width) .navbar .navbar-header {
color: #333;
}

.subpage-divider-wrapper, .divider-bg-color {
display: none;
}

div#top-section-right h3, div#bottom-section-right h3 {
font-size: 30px;
}

.profile-page-container p {
font-size: 14px;
}

div#bottom-section-right h3 {
margin-top: 0;
}

.title-over-img h3 {
font-size: 41px;
}

.title-over-img p {
font-size: 30px;
}

.gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=password] {
width: 100%;
}

.sub-page-content, .error-container article, .content-php-container  {
margin-left: 5%;
margin-right: 5%;
}

ul.pager {
margin-left: 5%%;
margin-right: 5%;
padding-bottom: 13%;
}

.roster_slider_wclass {
  display: none;
}

.widget.widget_text:nth-child(3) {
  display: none;
}

.page #masthead {
  margin-top: 0;
  margin-bottom: 15px;
}

#secondary .widget {
  margin: 0 0 10px 0;
}

header.entry-header.page-header {
  margin-top: 0;
}

header.entry-header.page-header h1 {
  padding-bottom: 0;
}

div#secondary {
  margin-bottom: 0;
  padding-bottom: 0;
}

#secondary h3 {
  padding-top: 0;
}

.page div#section-left {
  height: 50%;
}

.page div#section-right {
  height: 41%;
}

.home div#section-left, .home div#section-right {
  height: 50%;
}

div#site-info .text-left, div#site-info .text-right {
  margin-top: 0;
  text-align: center;
}

.home-menu-nav > p > a {
  padding: 3px 3px;
}

.sidebar-other-location.sidebar-moksha img {
  width: 30%;
}

.home-right-contents, .home-left-contents {
  top: 25%;
}

.home-achievements {
  top: 61%;
}

.home-right-contents:hover, .home-left-contents:hover {
  top: 0%;
}

.widget.widget_text:nth-child(2) {
  display: none;
}

p.restaurant-week-moksha a {
  width: 75%;
}

.newsletter-popup-wrapper {
  width: 100%;
}

.xs-iframe-responsive  {
  position: relative;
  padding-bottom: 65.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.xs-iframe-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.subpage-ot-winner {
  width: 9%;
  position: absolute;
  right: 5px;
  top: 0px;
}

div#header-right {
  width: auto;
}

div#header-left {
  width: auto;
}

}

@media (max-width: 414px) {

.wptouch-desktop-switch {
  padding-bottom: 0!important;
  padding-top: 0!important;
}

.home .wptouch-desktop-switch {
  background-color: #333;
}

.page-template-page-spiceroute-php #section-left, .page-template-page-moksha-php #section-left, .page-template-page-reservationspice-php #section-left, .page-template-page-reservationmoksha-php #section-left {
  display: none;
}

.page-template-page-spiceroute-php #section-right, .page-template-page-moksha-php #section-right, .page-template-page-reservationspice-php #section-right, .page-template-page-reservationmoksha-php #section-right {
  height: 95%!important;
}

div#page {
  height: calc(100% - 115px);
}

.site-info-wrapper {
  display: none;
}

header.entry-header.page-header h1 {
  font-size: 30px;
}

header.entry-header.page-header h1::before {
  font-size: 18px;
}

header.entry-header.page-header h1::after {
  font-size: 18px;
}

.home-menu-nav p {
  padding-right: 0%;
}

.home-achievements {
  display: none;
}

.home-right-contents, .home-left-contents {
  top: 40%;
}

p.popup-main-heading {
  font-size: 20px;
}

}

@media (max-height: 600px) {

.home-achievements {
  display: none;
}

}

@media (max-height: 720px) {

.widget.widget_text:nth-child(2) {
  display: none;
}

}

@media(max-height: 796px) {

.welcome-hours.sidebar-moksha h4, .welcome-hours.sidebar-moksha span, .welcome-hours h4, .welcome-hours span {
  margin-top: 0px;
  margin-bottom: 0px;
}

.sidebar-other-location p {
  margin-bottom: 0;
}

.welcome-hours .fa-circle {
  display: none;
}

.welcome-hours.sidebar-moksha h3, .welcome-hours h3 {
  margin-bottom: 5px!important;
  padding-top: 0!important;
}

#site-info {
  padding: 3px 0;
}

.page div#section-left {
  height: 45%;
}

.home div#section-left {
  height: 100%;
}

.home-right-contents:hover, .home-left-contents:hover {
  top: 25%;
}

.home-achievements {
  bottom: 0;
}

.welcome-hours h3, .welcome-hours.sidebar-moksha h3 {
  display: none;
}

}

@media (max-height: 878px){

#masthead {
  height: 60px;
}

#secondary h3 {
  font-size: 20px;
}

.page #masthead {
  margin-top: 0px;
  margin-bottom: 20px;
}

div#page {
  height: calc(100% - 80px);
}

.welcome-hours.sidebar-moksha h4, .welcome-hours.sidebar-moksha span {
  font-size: 16px;
}

.welcome-hours p {
  font-size: 14px;
}

}

@media (max-height: 796px) and (max-width: 767px){

.home div#section-left {
  height: 50%;
}

.home-achievements {
  font-size: 11px;
}

.home-right-contents:hover, .home-left-contents:hover {
  top: 0%;
}

p.restaurant-week-moksha a {
  width: 45%;
}

}