﻿#haveli-menu{
  background-image: radial-gradient(circle, rgba(0, 0, 0, 0.6) 56%, rgba(255, 255, 255,0.01) 98%), url("../images/hepa.jpg");  
  color: #ffffff;
  font-family: 'opensansregular';
  min-height: 900px;
  padding-top: 200px;
  padding-bottom: 50px;
}
#haveli-menu h4{
  color: #ffe1b4 !important;
  text-transform: uppercase;
  font-size: 18px;
}

.accordion .btn.focus,.accordion .btn:focus{
  box-shadow: none;
}

.accordion .card-header{
  background-color: rgba(0, 0, 0,0.9);
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border-top: rgba(255, 255, 255,0.2) 1px solid;
  color: #ffffff;
}

.accordion .card{
  background-color: rgba(0, 0, 0,0.3);
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  color: #ffffff;
}
.accordion .btn{
   color: #C59D5F !important;
   font-size:24px !important;
   text-shadow: 2px 1px 10px rgba(0, 0, 0,0.9);
   text-transform: uppercase;
}
.accordion .btn:hover{
  color:#ffe2b7 !important;
  text-shadow: 1px 1px 30px rgba(255, 241, 199, 0.9);
  text-decoration: none;
}
.accordion .btn:focus{
  color:#fbcf8d !important;
  text-shadow: 1px 1px 30px rgba(251, 229, 165, 0.9);
  text-decoration: none!important;
}
.accordion .col-8, .accordion .col-4{
  height: 100%;
  /* border-bottom: 1px solid rgba(255, 255, 255,0.2); */
  padding-top: 20px;
  padding-bottom: 20px;
}
.accordion span.v,.accordion span.d,.accordion span.e, .accordion span.g, .accordion span.n, .accordion span.s, .accordion span.m, .accordion span.f, .accordion span.sf,.accordion span.ss{
  text-transform: uppercase;
  font-weight: bolder;
  padding-left: 4px;
  padding-right: 4px;
  padding-bottom: 2px;
  padding-top: 2px;
  position: relative;
  bottom: 2px;
  width: 20px;
  height: 5px;
  font-size: 10px;
  border: 1px solid rgba(255, 255, 255,0.5);
}
.accordion span.v{
background-color: rgba(34, 69, 2,0.5);
}
.accordion span.d{
  background-color: rgba(255, 255, 255,0.5);
  color:#2f2f2f;
  }
.accordion span.e{
    background-color: rgba(255, 240, 75,0.5);
    color:#2f2f2f;
    }
.accordion span.g{
  background-color: rgba(255, 195, 195,0.5);
  color:#2f2f2f;
  }
.accordion span.n{
  background-color: rgba(91, 60, 7,0.5);
  color:#ffffff;
  }
.accordion span.s{
   background-color: rgba(115, 189, 229,0.5);
   color:#020202;
  }
.accordion span.m{
  background-color: rgba(143, 35, 66,0.5);
  color:#ffffff;
            }
.accordion span.f{
  background-color: rgba(3, 94, 198,0.5);
  color:#ffffff;
}
.accordion span.sf{
  background-color: rgba(31, 2, 93,0.5);
  color:#ffffff;
}
.accordion span.ss{
  background-color: rgba(68, 68, 68,0.5);
  color:#ffffff;
}
.foodsign{
  line-height: 2.2em;
}