#foodstore {
margin: 20px 0;
}
#foodstore > .fs-row {
display: flex;
}
.fs-container {
max-width: 100% !important;
}
#wfs-sticky-sidebar {
flex: 0 0 25%;
padding: 0px 15px;
}
#wfs-food-items {
flex: 2;
flex-grow: 4;
padding: 0 15px;
}
.wfs-sidebar-menu ul {
padding: 0;
margin: 0;
list-style: none !important;
}
.wfs-sidebar-menu ul a {
color: black;
display: block;
border-bottom: 1px solid #ececec;
padding: 12px;
text-decoration: none !important;
}
.wfs-store-close-msg {
margin-bottom: 10px;
}
.wfs-store-close-msg span {
display: block;
background-color: #eff5ce;
padding: 10px;
}
.wfs-cart-wrapper {
z-index: 99999;
position: relative;
}
.wfs-sidebar-menu ul li a:hover {
background-color: #eee;
}
.wfs-sidebar-menu ul li a.active {
background-color: #eee;
font-weight: 700;
}
.wfs-sidebar-menu ul li a span.wfs-items-count {
width: 30px;
height: 30px;
padding: 5px;
border-radius: 50%;
text-align: center;
font-size: 14px;
color: white;
background-color: #b2b2b2;
float: right;
margin: -4px 0 0 0;
}
.wfs-sidebar-menu ul li a span.wfs-items-count.active {
background-color: #9797ff;
}
.wfs-search-container {
position: relative;
padding: 0;
margin: 0;
}
.wfs-search-container .wfs-food-search {
width: 100%;
height: 45px;
border-radius: 8px;
border: solid 1px #b4b4b4;
background-color: #ffffff;
padding-left: 15px;
color: #000000;
}
.wfs-search-container i.wfs-icon-search {
position: absolute;
top: 16px;
right: 16px;
color: #5e5d5d;
}
.wfs-category-title-container.not-in-search {
display: none;
}
.wfs-category-title-container.in-search {
display: block;
}
h3.wfs-category-title {
margin: 5px 0 !important;
font-size: 24px;
display: block;
padding: 6px 0;
background-color: transparent;
font-weight: 400;
}
.wfs-category-short-desciption {
font-size: 13px;
color: #8c8c8c;
line-height: 15px;
display: block;
margin-top: -10px;
margin-bottom: 20px;
}
.wfs-food-item-container:after,
.wfs-food-item-container:before {
display: table;
content: "";
clear: both;
}
.wfs-food-item-container {
margin: 0 -15px 10px;
border: none;
display: -webkit-box;
display: flex;
flex-flow: wrap;
flex: 100%;
}
.wfs-food-item-container:after {
width: 96%;
border-bottom: 1px solid #f3f3f3;
margin: 0 auto;
padding: 5px 0px;
}
.wfs-food-item-type {
width: 13px;
height: 13px;
border-width: 1px;
border-style: solid;
text-align: center;
display: flex;
background: #ffffff;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.wfs-food-item-image-container {
position: relative;
padding: 0;
padding-left: 15px;
}
.wfs-food-item-image-container img {
cursor: pointer;
border-radius: 6px !important;
}
.wfs-food-item-image-container .wfs-food-item-type {
position: absolute;
top: 6px;
right: 8px;
z-index: 1;
}
.wfs-food-item-summery {
-webkit-box-flex: 2;
flex: 2;
padding: 0 1rem;
}
.wfs-food-item-type > div {
width: 7px;
height: 7px;
border-radius: 50%;
}
.wfs-food-item-type.veg {
border-color: green;
}
.wfs-food-item-type.veg > div {
background-color: green;
}
.wfs-food-item-type.nonveg {
border-color: red;
}
.wfs-food-item-type.nonveg > div {
background-color: red;
}
.wfs-food-item-title {
text-decoration: none !important;
font-size: 20px;
font-weight: 300;
}
.wfs-food-item-description {
font-size: 14px;
color: #474747;
text-align: justify;
}
.wfs-food-item-cart-action {
padding-right: 15px;
}
.button-add-to-cart {
margin-top: 10px;
}
.wfs-product-add-to-cart.disabled.variation-selection-needed {
opacity: 0.5 !important;
cursor: not-allowed;
}
.wfs-cart-overview {
width: 100%;
background: white;
position: fixed;
z-index: 99;
bottom: 0;
box-shadow: -7px -5px 16px #00000024;
padding: 6px;
}
.wfs-cart-expanded {
width: 100%;
padding: 10px 0 !important;
opacity: 0;
height: 0;
background: #fff;
position: fixed;
z-index: 101 !important;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
overflow: hidden;
}
.wfs-cart-expanded .fs-container {
padding-left: 40px;
}
.wfs-cart-expanded.empty.active {
height: 350px;
}
.wfs-cart-expanded.active {
opacity: 1;
height: 400px;
}
.wfs-cart-toggle {
padding: 2px 0 0;
width: 5%;
}
.wfs-service-modal-container select {
display: block;
clear: both;
width: 100%;
margin-top: 8px;
margin-bottom: 9px;
height: 41px;
padding: 10px;
}
.wfsmodal .nav-link {
cursor: pointer;
}
.wfs-expand-cart,
.wfs-compress-cart {
font-size: 30px;
cursor: pointer;
}
.wfs-body-fade {
position: fixed;
margin: 0;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 5;
opacity: 0;
visibility: hidden;
background: rgb(28, 28, 28);
transition: all 0.2s ease 0s;
}
.wfs-body-fade.active {
opacity: 0.3;
visibility: visible;
}
.foodstore_service_error {
background-color: #fb5757;
color: #fff;
width: 100%;
float: left;
padding: 5px 8px;
margin-top: 10px;
border-radius: 4px;
}
.foodstore_service_error.inactive {
display: none;
}
.wfs-cart-service-settings {
padding: 10px 0px;
}
.wfs-cart-overview-description {
width: 18%;
padding: 7px 0;
}
.wfs-cart-overview-description p {
font-size: 22px;
}
.wfs-cart-service-settings {
color: #000;
}
.wfs-cart-overview-items {
color: #717171;
}
.wfs-cart-purchase-actions {
padding: 7px 0 6px;
flex: auto;
}
.wfs-cart-purchase-actions-mobile {
padding: 4px;
}
.wfs-cart-purchase-actions-mobile > a {
margin: 0 5px;
}
.wfs-cart-purchase-actions-mobile > a i {
font-size: 26px;
}
.wfs-cart-purchase-actions-mobile .wfs-cart-subtotal {
position: relative;
bottom: 2px;
font-size: 20px;
}
.wfs-cart-purchase-actions-mobile .wfs-change-service-mobile i {
font-size: 30px;
top: 3px;
position: relative;
}
.wfs-cart-expanded-header {
padding: 12px;
padding-left: 0;
padding-bottom: 6px;
display: flex;
justify-content: flex-end;
}
.wfs-cart-expanded-header-title {
font-size: 22px;
flex: 1;
}
.wfs-close-cart-icon {
font-size: 18px;
color: #bd0000;
width: 27px;
height: 28px;
}
.wfs-cart-item-container {
padding: 12px;
}
.wfs-cart-totals-container {
padding: 12px;
}
.wfs-cart-item {
margin-bottom: 6px;
padding: 10px 0;
border-bottom: 1px dashed #dcdcdc;
display: flex;
justify-content: space-between;
}
.wfs-cart-totals-item {
padding: 10px 0 0;
display: flex;
justify-content: space-between;
}
.wfs-cart-totals-item.order-total {
padding: 0;
}
.wfs-cart-totals-container hr {
margin: 10px 0;
}
.wfs-cart-item-left,
.wfs-cart-totals-item-left {
flex: 1;
}
.wfs-cart-item-container .wfs-cart-item:last-child {
border-bottom: none;
}
span.wfs_order_meta {
display: block;
margin: 3px 0px;
}
.wfs-cart-item-title {
display: flex;
margin-bottom: 8px;
}
.wfs-cart-item-title p {
font-size: 18px;
line-height: 1em;
color: #383838;
}
.wfs-cart-item-title .wfs-food-item-type {
margin-right: 10px;
margin-top: 3px;
}
.wfs-cart-item-price {
margin-right: 10px;
}
.wfs-cart-actions.wfs-cart-item-edit {
cursor: pointer;
color: #1244ff;
}
.wfs-cart-actions.wfs-cart-item-delete {
cursor: pointer;
color: #ff2121;
}
.wfs-cart-addon-item,
.wfs-cart-variation-item,
.wfs-special-instruction {
padding: 2px 1px;
font-size: 14px;
color: #3c3c3c;
}
.wfs-special-instruction {
font-style: italic;
font-weight: bold;
}
dd.variation-SpecialNote {
font-style: italic;
}
.wfs-pricing-option-label,
.wfs-addon-category-title,
.wfs-special-note-label {
margin: 0px;
color: #000;
font-size: 18px;
font-weight: 600;
padding: 6px 0;
}
.wfs-cart-subtotal {
font-size: 1.2rem;
font-weight: 400;
color: rgb(28, 28, 28);
user-select: none;
margin: 0px 0.8rem;
}
.wfs-cart-subtotal small {
display: none;
} .wfs-item-addons-container {
margin-bottom: 5px;
}
.wfs-addon-category {
margin: 4px 0;
}
.wfs-addon-category label {
display: inline-block !important;
}
.wfs-addon-category span {
color: #000;
}
.wfs-addon-category input {
margin-right: 5px;
}
.wfs-addon-category > span {
float: right;
}  .fs-2-columns {
padding: 0;
}
.fs-2-columns .wfs-food-item-description {
display: none;
}
.fs-2-columns .wfs-food-item-container {
margin-right: 0px !important;
margin-left: 0px !important;
}  .wfs-cart-content-area::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #ffffff;
}
.wfs-cart-content-area::-webkit-scrollbar {
width: 5px;
background-color: #f5f5f5;
}
.wfs-cart-content-area::-webkit-scrollbar-thumb {
background-color: #a7a7a7;
}  .wfs-cart-content-area {
display: flex;
justify-content: space-between;
padding-left: 4px;
height: 330px;
overflow-y: auto;
overflow-x: hidden;
}
.cart-content-left {
width: 66%;
}
.cart-content-right {
width: 32%;
}
.wfs-empty-cart-image {
text-align: center;
}
.wfs-empty-cart-container .wfs-empty-cart-image img {
margin: 0 auto;
}
.wfs-empty-cart-container .wfs-empty-cart-text {
text-align: center;
margin: 20px;
font-size: 20px;
font-weight: 700;
font-style: italic;
}
.wfs-cart-overview-row {
display: flex;
justify-content: space-between;
padding: 0 10px;
}  .wfs-cart-wrapper.mini-cart {
position: fixed;
right: -420px;
top: 50%;
z-index: 99999;
width: 460px;
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transform: translateY(-50%);
padding-left: 40px;
margin: 0;
}
.wfs-cart-wrapper.mini-cart.active {
right: 0;
}
.wfs-mini-cart-icon {
position: absolute;
left: -30px;
top: 0;
background: #000;
padding: 20px 20px;
color: #fff;
font-weight: bold;
border-radius: 9px 0 0 9px;
min-width: 70px;
text-align: center;
max-height: 65px;
}
.wfs-mini-cart-icon:hover {
background: #000;
color: #fff;
}
.wfs-cart-wrapper.mini-cart .wfs-cart-content-area {
display: block;
}
.wfs-cart-wrapper.mini-cart .cart-content-left {
width: 97%;
}
.wfs-cart-wrapper.mini-cart .cart-content-right {
width: 100%;
}
.wfs-cart-wrapper.mini-cart .wfs-cart-expanded.active {
height: calc(100vh - 400px);
}
.wfs-cart-wrapper.mini-cart .wfs-cart-expanded {
width: 95%;
}
.wfs-cart-wrapper.mini-cart .wfs-cart-expanded.active {
border: 1px solid #ededed;
overflow: scroll;
}
.wfs-cart-wrapper.mini-cart .wfs-cart-totals-container {
padding: 10px 0 10px 0;
}
.wfs-cart-wrapper.mini-cart .wfs-cart-overview {
position: relative;
}
.wfs-cart-wrapper.mini-cart .wfs-cart-service-settings {
width: 100%;
}
.wfs-cart-wrapper.mini-cart .wfs-cart-overview-row {
display: block;
}
.wfs-cart-wrapper.mini-cart .fs-container {
padding-left: 20px;
}
.wfs-cart-wrapper.mini-cart .wfs-cart-subtotal {
margin-left: 0px;
}
.wfs-cart-wrapper.mini-cart .wfs-cart-overview {
bottom: -11px;
}