* {
  box-sizing: border-box;
}

body {
  background-color: #222;
  color: #DDD;
  margin: 0;
  font-family: 'Open Sans', sans-serif;
  font-weight: 100;
}

h1 {
/*   font-family: 'Dancing Script', cursive; */
  font-family: 'Kaushan Script','Helvetica Neue',Helvetica,Arial,cursive;
  font-weight: 900;
}

.es-lead {
/*   font-family: 'Dancing Script', cursive; */
/*   font-family: 'Kaushan Script','Helvetica Neue',Helvetica,Arial,cursive; */
  font-weight: 400;
  padding-top: 36px;
}

.es-hero {
  background: linear-gradient(
      to top right, 
      hsla(200,50%,30%,0.9), hsla(300,40%,30%,0.95)
    )
    , url('images/brixworth-indian-restaurant-header.jpg') center center no-repeat;
  background-size: cover;
  min-height: 340px;
}

.es-hero-text-block {
  max-width: 480px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
}

.es-hero h1 {
  color: #fff;
}

.es-main {
  min-height: 340px;
}



.es-footer {
  background: linear-gradient(
      to top right, 
      hsla(200,50%,30%,0.9), hsla(300,40%,30%,0.95)
    )
    , url('images/brixworth-indian-restaurant-header.jpg') center center no-repeat;
  background-size: cover;
  min-height: 340px;
}

/* ESJF Menu Elements in the body of the menu container */
.es-menu-container ul {
  list-style-type: none;
  padding: 0;
  margin-top: 36px;
}

.es-menu-container li {
  margin-bottom: 18px;
  background-color: #282828;
  padding: 14px;
  border-radius: 6px;
  position: relative;
}

.es-menu-container li:hover {
  background-color: #333333;
}

.es-menu-container hr {
  border-color: #666;
  margin-top: 74px;
  padding-bottom: 24px;
}

.es-menu-container p {
  max-width: 70%;
}

.es-menu-container .es-section-title {
  padding-left: 12px;
  padding-right: 12px;
}

.es-section-title a {
  font-weight: 900;
  color:#9036ff;
}

.es-menu-container {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}

h2 {
  font-family: 'Oswald', sans-serif;
  font-size: 56px;
  font-weight: 900;
  letter-spacing: 5px;
  color: #AA55DD;
  text-transform: uppercase;
/*   font-stretch: ultra-expanded; */
  border-bottom: #777 solid 1px;
  margin-top: 46px;
  margin-bottom: 26px;
}

h3 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 100;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #BB77EE;
/*   font-stretch: ultra-expanded; */
}

.es-product-price {
  float: right;
  position: absolute;
  top: 24px;
  right: 24px;
  font-size: 24px;
  margin-top: 36px;
}




.es-modal-cart {
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background-color: rgba(10,10,10,0.90);
/*   background-opacity: 0.9; */
  transform: translate(0,87%);
  -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
/*   width: 100%; */
/*   height: 100%; */
}

/* .es-modal-cart:hover */
.es-modal-cart-showing {
  -webkit-transform: translate(0,10%);
    -moz-transform: translate(0,10%);
    -o-transform: translate(0,10%);
    -ms-transform: translate(0,10%);
    transform: translate(0,10%);
}


.es-upward-arrow {
  margin-top: 12px;
  margin-left: 64px;
  margin-right: 64px;
  min-width: 80%;
  height: 50px;
  background-image: url(../images/upward-arrow-off.png);
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: contain; /* Resize the background image to cover the entire container */
  padding: 12px 3%;
  font-weight: 900;
}

@media all and (max-width:601px){
  .es-upward-arrow {
    margin-top: 12px;
    margin-left: 0px;
    margin-right: 64px;
    min-width: 80%;
  }
  .es-upward-arrow span {
    text-shadow: 3px 3px 3px #000;
    max-width: 120px;
  }
  #es-added-to-order {
    font-size: 14px;
  }
  .es-hidden-order-item-id {
    display: none !important;
  }
}




.es-upward-arrow-on {
  background-image: url(../images/upward-arrow-on.png);
}

.es-cart-title {
  width: 100%;
  display: block;
}

#my-order-container {
  height: 58%;
  padding-top: 12px;
  overflow-x: hidden; 
  overflow-x: auto; 
}

#place-my-order {
  background-color: #AA55DD; 
  border-radius: 16px;
  color: white;
  font-size: 36px;
  text-transform: uppercase;
  font-weight: 900;
  padding: 20px;
  text-align: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

@media all and (max-width:601px){
  #place-my-order {
    font-size: 26px;
  }
}

#place-my-order:hover {
  background-color: #FF66FF;
}

#es-added-to-order {
  position:absolute;
  top: 20px;
  right: 20px;
  float: right;
  background-color: #36333D;
  color: #666;
  border-radius: 32px;
  padding: 12px 7%;
  font-weight: 900;
}

.flash {
  color: #fff;
  -moz-animation: flash 1s ease-out;
  -moz-animation-iteration-count: infinite;

  -webkit-animation: flash 1s ease-out;
  -webkit-animation-iteration-count: infinite;

  -ms-animation: flash 1s ease-out;
  -ms-animation-iteration-count: infinite;
  animation: flash 1s ease-out;
  animation-iteration-count: infinite;
}

@keyframes flash {
    0% { background-color: transparent; }
    50% { background-color: #FF66FF; }
    100% { background-color: transparent; }
}

@-webkit-keyframes flash {
    0% { background-color: transparent; }
    50% { background-color: #FF66FF; }
    100% { background-color: transparent; }
}

@-moz-keyframes flash {
    0% { background-color: transparent; }
    50% { background-color: #FF66FF; }
    100% { background-color: transparent; }
}

@-ms-keyframes flash {
    0% { background-color: transparent; }
    50% { background-color: #FF66FF; }
    100% { background-color: transparent; }
}


.es-order-item {
  padding: 12px;
  font-size: 20px;
}

.es-quant {
  text-align: center;
}

.es-ui {
/*   text-align: center; */
  display: inline-block;
}

.es-order-item img {
  height: 48px;
  width: auto;
  border-radius: 50%;
}

.es-order-item-details span {
  width: 13%;
  display: inline-block;
}

.es-order-item-details .es-line-item-product-name {
  width: 30%;
}

.es-hidden-order-item-id {
  color: rgba(0,0,0,0);
  display: inline-block;
  float: left;
  width: 50px;
}

.selected {
  background-color: #777;
}

#es-order-total {
  text-transform: uppercase;
  font-size: 28px;
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}

.product_material_chicken, .product_material_lamb, .product_material_lamb_tikka, .product_material_prawn, .product_material_king_prawn {
/*   background-color: #345 !important; */
  display: none;
}

.es-mat-button {
  padding-top: 6px; 
  padding-bottom: 6px;
  padding-left: 18px;
  padding-right: 18px;
  border-radius: 24px;
  font-size: 20px;
  border-style: solid;
  border-color: #777;
  display: inline-block;
  margin-right: 12px;
  margin-top: 6px;
  margin-bottom: 6px;
  border-width: 2px;
}

.es-mat-button-selected {
  background-color: rgba(140,40,190,0.5);
  border-color: #B6F;
/*   padding: 300px; */
}


.es-center {
  text-align: center;
}