/* Main BG Parallax */

.parallax-bg {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position-x: center;
    background-size: cover;
}

@media (max-width: 768px) {
    .parallax-bg {
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: 100%;
        /*background-position-y: 45px !important; */
        background-position-x: center;
    }
}

.parallax-bg {
    background-image: url(../images/header/spice-menu.jpg);
}

@media (max-width: 768px) {
    .parallax-bg {
        background-size: 150%;
    }
}

@media (min-width: 1824px) {
    .parallax-bg {
        background-position-y: -200px;
    }
}

#container-main {
    z-index: 200;
    position: relative;
    /* temp margin */
    margin-top: 450px;
    background: rgba(243, 243, 243, 0.95);
}

@media (max-width: 768px) {
    #container-main {
        margin-top: 225px;
    }
}


/* Main page setup */

.page_inside {
    position: relative;
    font-family: 'Open Sans', sans-serif;
}

.page_inside {
    padding: 0 2rem;
}

@media (min-width: 768px) {
    .page_inside {
        width: 960px;
        margin: 0 auto;
    }
}

@media (max-width: 768px) {
    .page_inside {
        padding: 0 0.5rem;
        background: rgba(243, 243, 243, 1);
    }
}


/* Header and navigation */

header {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 550;
    width: 100%;
    overflow: hidden;
    background: rgba(35, 31, 32, 0.95);
}

.header-left {
    float: left;
    width: 33.33%;
    height: 100px;
}

@media (max-width: 768px) {
    .header-left {
        float: none;
        width: 100%;
        height: 45px;
        border-bottom: 1px solid #e2e2e2;
    }
}

.header-left p {
    padding: 0;
    margin: 0;
}

.kashmiri_aroma-logo {
    position: absolute;
    left: 4rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (max-width: 768px) {
    .kashmiri_aroma-logo {
        left: 50%;
        -webkit-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
    }
    .kashmiri_aroma-logo img {
        height: 37px;
    }
}

.header-right {
    float: left;
    width: 66.3%;
    padding: 0;
}

@media (max-width: 768px) {
    .header-right {
        display: none;
    }
}

nav {
    top: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

nav ul {
    list-style: none;
    text-align: center;
    padding: 0;
    margin: 0;
}

nav ul li {
    font-family: "TolyerLightno4";
    letter-spacing: 1.0px;
    font-size: 1.1em;
    line-height: 35px;
    height: 35px;
    margin-left: 7px;
    text-transform: uppercase;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

nav ul li a {
    text-decoration: none;
    color: rgba(243, 243, 243, 1);
    display: block;
    padding-left: 5px;
    padding-right: 5px;
}

nav ul li a:hover {
    transition: 0.2s background-color;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    text-decoration: none;
    background: rgba(243, 243, 243, 1);
    color: #000;
}

nav ul li a.active {
    background-color: #fff;
    color: #000;
    cursor: default;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    text-decoration: none;
}

nav ul li {
    display: inline-block;
    margin-right: -4px;
}

.head-text {
    width: 100%;
    background-color: #fff;
    padding: 0;
}

.head-text-container {
    font-family: 'Open Sans', sans-serif;
}

@media (min-width: 768px) {
    .head-text-container {
        width: 960px;
        padding: 0 2rem;
        margin: 0 auto;
    }
}

@media (max-width: 768px) {
    .head-text-container {
        padding: 0 0.5rem;
        background: #fff;
    }
}

.head-text h1 {
    line-height: 150%;
    font-family: "TolyerLightno4";

}


/* Temp style to eliminate extra margin above the article when viewed on smaller devices */
article:first-child h2 {
    font-family: "TolyerLightno4";
}

@media (max-width: 768px) {
    article:first-child {
        margin-top: -20px;
    }
}


/* Footer styles */

footer {
    width: 100%;
    height: 40px;
    padding: 0px;
    position: relative;
    z-index: 555;
    font-family: 'open-sans', sans-serif;
    font-family: "TolyerLightno4";
    color: #ed8a31;
    background: rgba(35, 31, 32, 1);
}

.footer-left {
    float: left;
    width: 66.0%;
    background: rgba(35, 31, 32, 1);
}

.footer-right {
    float: right;
    width: 34%;
    text-align: right;
    background: rgba(35, 31, 32, 1);

}

footer p {
    padding-left: 10px;
    padding-right: 10px;
}


/* Font styles */


/**
 * @license
 * MyFonts Webfont Build ID 2889381, 2014-09-24T21:54:45-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: TolyerXVintageNo.1 by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/x-vintage-no1/
 * 
 * Webfont: TolyerXOutline by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/x-outline/
 * 
 * Webfont: TolyerXWood by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/x-wood/
 * 
 * Webfont: TolyerXMonster by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/x-monster/
 * 
 * Webfont: TolyerXVintageNo.2 by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/x-vintage-no2/
 * 
 * Webfont: TolyerXHandmadeNo.2 by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/x-handmade-no2/
 * 
 * Webfont: TolyerXHandmadeNo.1 by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/x-handmade-no1/
 * 
 * Webfont: TolyerXPetroleum by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/x-petroleum/
 * 
 * Webfont: TolyerX3D by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/x-3d/
 * 
 * Webfont: TolyerXElement by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/x-element/
 * 
 * Webfont: TolyerThinno.4Oblique by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/thin-no4-oblique/
 * 
 * Webfont: TolyerBoldno.1Oblique by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/bold-no1-oblique/
 * 
 * Webfont: TolyerBoldno.1 by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/bold-no1/
 * 
 * Webfont: TolyerBoldno.2Oblique by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/bold-no2-oblique/
 * 
 * Webfont: TolyerThinno.3Oblique by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/thin-no3-oblique/
 * 
 * Webfont: TolyerThinno.2Oblique by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/thin-no2-oblique/
 * 
 * Webfont: TolyerThinno.1Oblique by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/thin-no1-oblique/
 * 
 * Webfont: TolyerBoldno.2 by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/bold-no2/
 * 
 * Webfont: TolyerBoldno.3Oblique by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/bold-no3-oblique/
 * 
 * Webfont: TolyerThinno.4 by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/thin-no4/
 * 
 * Webfont: TolyerThinno.3 by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/thin-no3/
 * 
 * Webfont: TolyerThinno.2 by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/thin-no2/
 * 
 * Webfont: TolyerThinno.1 by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/thin-no1/
 * 
 * Webfont: TolyerBoldno.3 by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/bold-no3/
 * 
 * Webfont: TolyerRegularno.4Oblique by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/regular-no4-oblique/
 * 
 * Webfont: TolyerRegularno.3Oblique by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/regular-no3-oblique/
 * 
 * Webfont: TolyerRegularno.2Oblique by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/regular-no2-oblique/
 * 
 * Webfont: TolyerRegularno.1Oblique by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/regular-no1-oblique/
 * 
 * Webfont: TolyerBoldno.4Oblique by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/bold-no4-oblique/
 * 
 * Webfont: TolyerRegularno.4 by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/regular-no4/
 * 
 * Webfont: TolyerBoldno.4 by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/bold-no4/
 * 
 * Webfont: TolyerBookno.1Oblique by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/book-no1-oblique/
 * 
 * Webfont: TolyerBookno.1 by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/book-no1/
 * 
 * Webfont: TolyerRegularno.2 by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/regular-no2/
 * 
 * Webfont: TolyerLightno.3Oblique by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/light-no3-oblique/
 * 
 * Webfont: TolyerRegularno.1 by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/regular-no1/
 * 
 * Webfont: TolyerLightno.2Oblique by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/light-no2-oblique/
 * 
 * Webfont: TolyerLightno.4Oblique by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/light-no4-oblique/
 * 
 * Webfont: TolyerBookno.2Oblique by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/book-no2-oblique/
 * 
 * Webfont: TolyerBookno.2 by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/book-no2/
 * 
 * Webfont: TolyerLightno.1Oblique by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/light-no1-oblique/
 * 
 * Webfont: TolyerBookno.3Oblique by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/book-no3-oblique/
 * 
 * Webfont: TolyerBookno.3 by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/book-no3/
 * 
 * Webfont: TolyerLightno.4 by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/light-no4/
 * 
 * Webfont: TolyerLightno.3 by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/light-no3/
 * 
 * Webfont: TolyerLightno.2 by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/light-no2/
 * 
 * Webfont: TolyerBookno.4Oblique by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/book-no4-oblique/
 * 
 * Webfont: TolyerLightno.1 by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/light-no1/
 * 
 * Webfont: TolyerBookno.4 by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/book-no4/
 * 
 * Webfont: TolyerRegularno.3 by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/tolyer/regular-no3/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2889381
 * Licensed pageviews: 10,000
 * Webfonts copyright: Copyright (c) 2014 by Typesketchbook. All rights reserved.
 * 
 * © 2014 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */

@font-face {
    font-family: 'TolyerXElement';
    src: url("webfonts/2C16A5_9_0.eot");
    src: url("webfonts/2C16A5_9_0.eot?#iefix") format("embedded-opentype"), url("webfonts/2C16A5_9_0.woff") format("woff"), url("webfonts/2C16A5_9_0.ttf") format("truetype");
}

@font-face {
    font-family: 'TolyerBoldno2';
    src: url("webfonts/2C16A5_11_0.eot");
    src: url("webfonts/2C16A5_11_0.eot?#iefix") format("embedded-opentype"), url("webfonts/2C16A5_11_0.woff") format("woff"), url("webfonts/2C16A5_11_0.ttf") format("truetype");
}

@font-face {
    font-family: 'TolyerRegularno4';
    src: url("webfonts/2C16A5_1D_0.eot");
    src: url("webfonts/2C16A5_1D_0.eot?#iefix") format("embedded-opentype"), url("webfonts/2C16A5_1D_0.woff") format("woff"), url("webfonts/2C16A5_1D_0.ttf") format("truetype");
}

@font-face {
    font-family: 'TolyerBoldno4';
    src: url("webfonts/2C16A5_1E_0.eot");
    src: url("webfonts/2C16A5_1E_0.eot?#iefix") format("embedded-opentype"), url("webfonts/2C16A5_1E_0.woff") format("woff"), url("webfonts/2C16A5_1E_0.ttf") format("truetype");
}

@font-face {
    font-family: 'TolyerLightno4Oblique';
    src: url("webfonts/2C16A5_25_0.eot");
    src: url("webfonts/2C16A5_25_0.eot?#iefix") format("embedded-opentype"), url("webfonts/2C16A5_25_0.woff") format("woff"), url("webfonts/2C16A5_25_0.ttf") format("truetype");
}

@font-face {
    font-family: 'TolyerLightno4';
    src: url("webfonts/2C16A5_2B_0.eot");
    src: url("webfonts/2C16A5_2B_0.eot?#iefix") format("embedded-opentype"), url("webfonts/2C16A5_2B_0.woff") format("woff"), url("webfonts/2C16A5_2B_0.ttf") format("truetype");
}




/* Food Menu Styles */

.item {
  position: relative;
  padding: 1rem 2rem 1rem 2rem;
        font-family: 'Open Sans', sans-serif;
    
  font-size: 1.0rem;
  line-height: 1.2rem;
  border-bottom: 1px solid #efefea;
}
      @media (max-width: 768px) {
          .item {
              padding: 0;
              font-size: 0.9rem;
              font-style: italic;
          }}

    

}
  

.item.alt-row {
  background: #f3f3f3; }

.item-price {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 1.5rem;
      font-family: "TolyerRegularno4";

  color: #ed8a31; }
    @media (max-width: 768px) {
        .item-price {
            font-size: 0.8rem;
        }}

.item p {
  margin: 0.5rem 0 0;
    
}

.item ul {
  margin: 0.5rem 0 0 2rem; }

.item-title {
  position: relative;
  display: block;
  margin: 0;
  font-size: 1.5rem;
    
    
      font-family: "TolyerRegularno4";
  color: #3c3c3c;
    
    
  text-transform:uppercase;
  color: #3c3c3c; }
    @media (max-width: 768px) {
        .item-title {
            font-size: 1rem;
            font-style: normal;
            
        }}


.long-price .item-price {
  position: static;
  display: block;
  margin-top: 0.5rem; }
  

.category-heading p {
  padding: 1rem 2rem;
  float: right;
  margin: 0;
                font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  font-size: 1.8rem;
  line-height: 2rem;
  text-align: right; }


.category-heading h3 {
  float: left;
  height: auto;
  margin: 10px 0;
  padding: 0rem 1rem;
  font-family: "TolyerRegularno4";

  font-weight: normal;
  font-size: 1.35rem;
  line-height: 2.5rem;
  color: blue;
  text-transform:uppercase;
} 
        @media (max-width: 768px) {
        .category-heading h3  {
            padding: 0.5rem 0rem;
        }}


 .clear {
  clear: both; }


/* Menu title sections */

.menuSectionTitles h2 {
    font-family: "TolyerLightno4";
  font-size: 1.5rem;
    color: darkred;
    margin: 0 auto;
    padding: 0.5rem 1rem;
    background-color: #ECE5C1;
    text-align: center;
}


.menuSectionTitles h3 {
    font-family: "TolyerLightno4";
    font-size: 1.2rem;
    color: darkgoldenrod;
    padding: 0rem 1rem;
}
        @media (max-width: 768px) {
        .menuSectionTitles h3  {
            padding:0.5rem 0rem;
	
        }}



/* Mobile nav */

    @media (max-width: 768px) {
        .mobileNav {
            background: center center no-repeat transparent;
            background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );

            display: block;
            width: 40px;
            height: 40px;
            position: absolute;
            top: 0;
            left: 10px;
        }}



#menuSlide {
    z-index: 600;
}



.messageText h2 {
    font-family: "TolyerLightno4";
}