/* @import url('https://fonts.googleapis.com/css2?family=Bree+Serif&family=Cabin&family=Lato:ital,wght@1,700&display=swap'); */

h2{
  font-family: 'Bree Serif', serif;
}


.ui.grid {
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-left: 1rem;
  margin-right: 1rem;
}
.bag-btn {
  margin-left: 9px;
  margin-bottom: 2px;
}
.size-input {
  width: 100%;
}

img.product-img {
  border-radius: 5px;
}
p.item-order {
  position: absolute;
  top: -58px;
  width: 200px;
  padding: 4px 9px;
}
p.product-price {
  position: absolute;
  float: right;
  margin-left: 250px;
  width: 100px;
  margin-top: -61px;
}
.ui.horizontal.bulleted.list > .item::before,
ul.ui.horizontal.bulleted.list li::before {
  color: rgba(0, 0, 0, 0.87);
  display: none;
}

.block {
  background-color: #101010cc;
  padding: 9px;
  color: #fff;
  border-radius: 4px;
  margin-top: 17px;
}

.food-panel {
  padding: 16px;
  /* padding-bottom: 0px; */
}

.item.menu-head {
  margin-top: 17px;
  margin: 12px;
}
.heading.category.ui {
  margin-bottom: 23px;
}

.rate-price {
  margin-top: 20px !important;
}
.ui.horizontal.list > .item {
  display: inline-block;
  margin-left: 8px !important;
  font-size: 1rem;
}
span.incm-value {
  background-color: #101010;
  padding: 4px;
  color: #fff;
  border-radius: 5px;
  margin-left: 3px;
  font-size: 12px;
  position: relative;
  top: -2px;
}
span.mini.ui.button.positive.bag-btn {
  position: relative;
  top: -3px;
  padding: 5px;
}
span.mini.ui.button.negative.bag-btn {
  position: relative;
  top: -5px;
  padding: 7px;
}
.tab-list-name {
  font-weight: 900;
  padding: 0 21px;
}
.footer-heading {
  margin-top: 34px;
}
.footer-heading[data-v-2e39931e] {
  margin-top: 100px;
  text-align: center;
  background: #f3f3f3;
  padding: 14px;
}
.ui.tab.segment {
  width: 116%;
}
h3.ui.heading.active {
  color: red;
}

input[type="text"].order-form {
  border: none !important;
  border-bottom: 1px solid #bdb4b4 !important;
  border-radius: 0px !important;
}
button.ui.button {
  background-color: black;
  color: #fff;
  transition: all 0.12s ease-in-out !important;
}



#heading-style:hover{
  border-left: 3px solid red !important;
  padding-left: 8px !important;
}



/* model popup */
.modal.open {
  transform: translateX(0px);
}

.modal {
  /* Update CSS with transition and transform rules */
  transition: transform 0.5s linear;
  transform: translateX(-100%);
  position: fixed;
  z-index: 999;
  padding-top: 55px;
  left: -57px;
  top: 0;
  width: 132%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,.95);
}

.modal-content {
  margin: auto;
  padding: 20px;
  width: 82%;
}

.close {
  margin-top: -55px;
  color: #323232;
  float: right;
  position: relative;
  font-size: 28px;
  font-weight: bold;
  left: -14px;
}

.close:hover,
.close:focus {
  color: #424242;
  text-decoration: none;
  cursor: pointer;
}

/* pluse hover */

.pulse-button {
  position: relative;
  width: 60px;
  height: 60px;
  border: none;
  box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);
  border-radius: 50%;
  background-color: #e84c3d;
  background-size:cover;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  color: #fff;
  left: 35px;
}
.cart-counter{
  position: absolute;
  top: -5px;
  right: 0px;
  background: #313131;
  padding: 4px 5px;
  border-radius: 4px;
}
.pulse-button:hover 
{
  -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}

input.order-form.placeholder-change:after{
  content: "Pickup Time";
    position: relative;
    color: #cdcccf;
}

.cd-tabs__list {
  display: flex;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  width: 88%;
  margin-left: 12px;
  padding: 0;
}

li.slide-tabs-touch {
  list-style: none;
  padding: 28px 4px 10px;
  color: #101010;
}
/* .tab-category-name{
  color: #101010;
  font-size: 24px;
  font-weight: 600;
} */

h3.ui.header.tab-heading {
  margin-top: 2px;
    font-size: 13px;
    margin-bottom: -8px;
}

::-webkit-scrollbar {  
  display: none;
}

button.ui.icon.button {
  background-color: #e84c3d;
}

.ui.input.focus>input, .ui.input>input:focus {
  border-color: #db2828 !important;
  background: #fff;
  color: rgba(0,0,0,.8);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.side-barCategory{
  border-bottom: 3px solid red;
  width: 61px;
  padding: 0px 0px 5px 0px;
  letter-spacing: 1px;
}

button#oModal:focus {
  outline: none;
}




/* colours css */

.ui.table:first-child {
  margin-top: 0;
  background: #f3f3f3;
  margin-bottom: 0 !important;
}

.food-column {
  background-color: #DFDCE5FF;
  border-radius: 5px;
}

.block {
  background-color:#000000;
  padding: 9px;
  color: #fff;
  border-radius: 4px;
  margin-top: 17px;
}

.third-panel {
  background-color: #f3f3f3;
  color: #28334AFF;
}

/* add to cart */

.quantity {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin-top: -11px;
}
.quantity__minus,
.quantity__plus {
  display: block;
  width: 26px;
  height: 36px;
  margin: 0;
  background: #dee0ee;
  text-decoration: none;
  text-align: center;
  line-height: 23px;
}
.quantity__minus:hover,
.quantity__plus:hover {
  background: #b0bbf5;
  color: #fff;
} 
.quantity__minus {
  border-radius: 3px 0 0 3px;
}
.quantity__plus {
  border-radius: 0 3px 3px 0;
}
.quantity__input {
  width: 32px;
  height: 36px;
  margin: 0;
  padding: 0;
  text-align: center;
  border-top: 2px solid #dee0ee;
  border-bottom: 2px solid #dee0ee;
  border-left: 1px solid #dee0ee;
  border-right: 2px solid #dee0ee;
  background: #fff;
  color: #8184a1;
}
.quantity__minus:link,
.quantity__plus:link {
  color: #8184a1;
} 
.quantity__minus:visited,
.quantity__plus:visited {
  color: #fff;
}


.ui.animated.button {
  position: relative;
  overflow: hidden;
  padding-right: 13px!important;
  vertical-align: middle;
  z-index: 1;
}

/* 1px solid rgba(34,36,38,.15) */

.ui.form input:not([type]), .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=email], .ui.form input[type=file], .ui.form input[type=number], .ui.form input[type=password], .ui.form input[type=search], .ui.form input[type=tel], .ui.form input[type=text], .ui.form input[type=time], .ui.form input[type=url]
{
  border: none !important;
  border-radius: none !important;
  border-bottom: 1px solid rgba(34,36,38,.15) !important;
}


@media screen and (max-width: 700px) {
  
  p.product-price[data-v-2e39931e] {
      position: absolute;
      float: right;
      margin-left: 130px;
      width: 100px;
      margin-top: -37px;
    }
    .rate-price[data-v-2e39931e] {
      margin-top: 9px !important;
    }
    .tab-list-name[data-v-2e39931e] {
      font-weight: 900;
      padding: 0 8px;
    }
    p.product-price {
      position: absolute;
      float: right;
      margin-left: 170px !important;
      width: 100px;
      margin-top: -61px;
    }
    p.item-order {
      position: absolute;
      top: -58px;
      left: -18px;
      width: 130px !important;
      padding: 4px 9px;
      margin-left: 22px;
    }
    .ui.horizontal.list > .item {
      display: inline-block;
      /* margin-left: 34px !important; */
      font-size: 1rem;
    }
    .ui.action.input.size-input.top-side-media{
      position: fixed !important;
        top: -1px !important;
        left: 0 !important;
        height: 55px;
        padding: 10px;
        background-color: #101010;
        z-index: 45;
        border-radius: 0px !important;
    }
    .logo-mb-image{
      position: relative;
      top: 35px;
    }
    .pop-up-category {
      position: fixed;
      bottom: 36px;
      z-index: 45;
      left: 68%;
      /* margin-left: 256px; */
    }
    .heading.category.ui {
      display: none;
    }
    .ui.list.nav-ui.disply{
      display: none;
    }
    .food-column {
      position: relative;
      top: -46px;
    }

    span.cart-product.name {
      position: relative;
      left: -10px;
    }
    .five.wide.column.right-conner{
      display: none;
    }
    .right.aligned {
      text-align: center;
    }
    .twelve.wide.column {
      text-align: center;
    }
    h2.list-category {
      /* padding: 0 18px 0px; */
      margin-left: 14px;
      margin-bottom: -22px !important;
      font-size: 22px;
    }
    
    .net {
      text-align: left;
      margin-left: -5px;
      margin-top: 24px; 
    }
    .incerment-1 {
    /* text-align: right; */
    width: 90px;
    float: right;
    }

}
@media screen and (min-width: 700px) {
    
    .mb-sub-title {
      margin-left: 6px;
    }
    .pop-up-category {  
    display: none !important;
    }
    .ui.list.nav-ui {
    position: fixed;
    }   
    .cd-tabs{
      display: none;
    }
    /* new  */
    .incerment-1 {
        float: right; 
        position: relative;
        top: -30px;
      }
      .cart-incerment{
        float: right;
      }
      .net {
      width: 82%;
      position: relative;
      top: 13px;
      }
      .cart-net{
        width: 100%;
      }
      /* end new */
}