body {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #333;
    font-weight: 400;
}

.zc-grn {
    color: #5b732d;
}

.zc-grn-light {
    color: #78983b;
}

.zc-grn2-lighter {
    color: #94b94d;
}

.zc-grn3-dark {
    color: #3e4e1f;
}

.zc-grn4-darker {
    color: #212a10;
}

.zc-orange {
    color: #f26521;
}

.btn-outline-primary {
    color: #5b732d;
    border-color: #5b732d;
    border: 1px solid #5b732d;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #5b732d;
    border-color: #5b732d;
    border: 1px solid #5b732d;
}

.btn-check:active+.btn-outline-primary,
.btn-check:checked+.btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active {
    color: #fff;
    background-color: #5b732d;
    border-color: #5b732d;
}

.btn-primary {
    color: #fff;
    background-color: #5b732d;
    border-color: #5b732d;
}

.btn-primary:active {
    color: #fff !important;
    background-color: #5b732d !important;
    border-color: #5b732d !important;
}

/* eMail Orange Header */
.zc-orange2 {
    color: #f16523;
}

.zc-orange-light {
    color: #f58651;
}

.zc-orange-lighter {
    color: #f8a881;
}

.zc-orange-dark {
    color: #d44d0c;
}

.zc-orange-darker {
    color: #a43c0a;
}

/* alt-dark-orange #fa541c */
.zbgc-orange {
    background-color: #f26521;
}

/* analogus */
.zc-yellow {
    color: #b3922f;
}

/* triadic */
.zc-purple {
    color: #712fb3;
}

/* tetradic */
.zc-blue {
    color: #5fc6f2;
}

.zc-pink {
    color: #f221a9;
}

/* like an off-white greenish/grayish mix */
.zbgc-grn-light-ex {
    background-color: #f7f8f3;
}

.zheader {
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #282727;
    font-weight: 700;
}

.zedbtn {
    /* 18px */
    font-size: 1.125rem;
    letter-spacing: 0.0313rem;
    border-radius: 1.125rem;
    /* alt font-weight: 800 */
    font-weight: 700;
}

.zedbtn2 {
    background-color: #f26521;
    color: #fff;
    font-size: 1.125rem;
    letter-spacing: 0.0313rem;
    border-radius: 1.125rem;
    font-weight: 700;
}

.zedbtn2:hover {
    color: #fff;
    background-color: #5b732d;
    border-color: #5b732d;
    border: 1px solid #5b732d;
}

.btn-success {
    color: #102e0c;
    background-color: #00B517;
    border-color: #00B517;
    border-radius: 1.125rem;
    letter-spacing: 0.031rem;
}

.btn-success:disabled {
    background-color: #d2f0cd;
    border-color: #d2f0cd;
}

.badge-success {
    color: #102e0c;
    /* or #094f00 */
    padding-left: 10px;
    padding-right: 10px;
    background-color: #d2f0cd;
    border-color: #d2f0cd;
    border-radius: 1.125rem;
    letter-spacing: 0.0625rem;
}

.blog-hero {
    background-image: linear-gradient(113deg,
            rgba(0, 0, 0, 0.5) 0%,
            rgba(0, 0, 0, 0.5) 100%),
        url("/imgs/blog/roman-kraft-_Zua2hyvTBk-unsplash_1600x.jpg");
    background-repeat: no-repeat;
    /* background-size: auto 100%; */
    background-size: cover;
    background-position: center;
}

.sub-hero {
    background-image: url("/imgs/subscriptions/zedrics-sub-service.jpg");
    background-repeat: no-repeat;
    /* background-size: auto 100%; */
    background-size: cover;
    background-position: center;
}

.bs-btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-outline-custom {
    color: #f26521;
    border-color: #f26521;
}

.btn-outline-custom:hover {
    color: #000;
    background-color: #f26521;
    border-color: #f26521;
}

.scroll-fix {
    scroll-margin-top: 100px;
}

/* fix for bootstrap 5 pagination (xs) */
div.d-sm-none>ul.pagination>li.page-item>* {
    width: -moz-fit-content;
    width: fit-content;
}


.btn-primary,
.btn-primary:active,
.btn-primary:focus {
    color: #fff;
    background-color: #5b732d;
    border-color: #5b732d;
    box-shadow: none;
    /* -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); */
}

.btn-primary:hover {
    color: #fff;
    background-color: #5b732d;
    opacity: 0.8;
}

.btn-primary:disabled,
.btn-primary.disabled {
    color: #fff;
    background-color: #5b732d;
    border-color: #5b732d;
    opacity: 0.65;
}

.btn-secondary,
.btn-secondary:active,
.btn-secondary:focus {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
    box-shadow: none;
    /* -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); */
}

.btn-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    opacity: 0.8;
}


.btn-secondary:disabled,
.btn-secondary.disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
    opacity: 0.65;
}

.btn-light,
.btn-light:active,
.btn-light:focus {
    color: #383E50;
    background-color: #f5f6f7;
    border-color: #f5f6f7;
    box-shadow: none;
    /* -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); */
}

.btn-light:hover {
    color: #383E50;
    background-color: #f5f6f7;
    opacity: 0.8;
}


.btn-light:disabled,
.btn-light.disabled {
    color: #383E50;
    background-color: #f5f6f7;
    border-color: #f5f6f7;
    opacity: 0.65;
}


.btn-orange,
.btn-orange:active,
.btn-orange:focus {
    color: #fff;
    background-color: #f16523;
    border-color: #f16523;
    box-shadow: none;
    /* -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); */
}

.btn-orange:hover {
    color: #fff;
    background-color: #f16523;
    opacity: 0.8;
}

.btn-orange:disabled,
.btn-orange.disabled {
    color: #fff;
    background-color: #f16523;
    border-color: #f16523;
    opacity: 0.65;
}

.select-btn {
    border: 1px solid;
    color: #5b732d;
    border-color: #5b732d;
}

.select-btn:hover,
.select-btn:active {
    color: #5b732d;
    border: 1px solid;
    border-color: #5b732d;
}

.select-btn:focus-visible {
    color: #f16523;
    border: 1px solid;
    border-color: #f16523;
}


.select-btn:has(label>input.form-check-input:checked) {
    background-color: #5b732d;
    color: #fff;
}

.form-check-input.themed {
    background-color: #fff;
    border-color: #5b732d;
}

input[type="radio"].form-check-input.themed:checked {
    background-color: #f16523;
    border-color: #fff;
}

.form-check-input.themed:focus {
    box-shadow: 0 0 0 0.25rem rgba(91, 115, 45, 0.25);
}


.select-checkbox::before {
    top: 50% !important;
}


.ui-datepicker {
    background: #333;
    border: 1px solid #555;
    color: #EEE;
}


.daterangepicker .ranges li.active {
    background-color: #5b732d !important;
    color: #fff;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #5b732d !important;
    border-color: transparent;
    color: #fff;
}


table thead {
    background: white;
}

table.dataTable.table-striped>tbody>tr.odd.selected>* {
    box-shadow: inset 0 0 0 9999px #f5f6f7;
    color: #000;
}

table.dataTable>tbody>tr.selected>* {
    box-shadow: inset 0 0 0 9999px rgba(245, 246, 247, 1);
    color: #000;
}

table.dataTable.table-striped>tbody>tr.odd>* {
    box-shadow: none;
}


.table-striped>tbody>tr:nth-of-type(odd) {
    --bs-table-accent-bg: #f5f6f7;
}



.table-bordered th {
    padding-top: 20px;
    border-top: 1px solid #f2f2f2;
}

.table-bordered td,
.table-bordered th {
    border-bottom: 1px solid #f2f2f2;
}

.form-control,
.form-select {
    background-color: #f5f6f7;
    border: 2px solid #f5f6f7;

}


.daterangepicker .drp-calendar {
    display: none;
    max-width: 100%;
}

.input-group-text {
    background-color: #f5f6f7;
    border: 0px;
}

#orderPreview .card-footer table td {
    border: 0;
}

.product-vertical-card {
    width: 250px;
    /* padding: 0 12px; */
    margin-left: auto;
    margin-right: auto;
}

.vc-product-img {
    background-size: cover;
    background-position: center;
    width: 240px;
    height: 215px;
    border-radius: 5px;
}

@media screen and (max-width: 768px) {
    .product-vertical-card {
        width: 100%;
        padding: 0;
    }

    .vc-product-img {
        width: 100%;

    }
}

.wizard__footer>.btn.next:hover {
    color: #fff;
    background-color: #78983b;
}

.wizard__footer>.btn.next:active {
    color: #fff;
    background-color: #f26521;
}

.cart-dropdown-wrap ul a:hover {
    color: #5b732d;
    font-size: 1rem;
}

/* Quick Add To Cart */

.quick-add-product-options {
    padding-top: 10px;
    clear: both;
}

.quick-add-option-list-title {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    color: #000;

}

.quick-add-option-list {
    list-style-type: none;
    padding: 0;
}

.quick-add-option-list-div input[type="radio"] {
    opacity: 0.011;
    width: 1px;
    height: 1px;
    z-index: -1;
}

.quick-add-option-list-div input[type="radio"]:checked+label {
    border: 1px solid #000 !important;
}

.quick-add-option-list-div {
    width: 75px;
    display: inline-block;
    padding: 5px;
    border: 1px solid #CCC;
    cursor: pointer;
    text-overflow: clip;
    white-space: nowrap;
    z-index: 90;
    text-transform: uppercase;
    border-radius: 4px;
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
    color: #000;
}

.quick-add-option-list label:hover {
    cursor: pointer;
}



.theme-primarycolor {
    color: #7600bc;
}

.theme-secondarycolor {
    color: #000080;
}

.theme-primarybgcolortext {
    color: #fff;
    font-weight: bold;
}

.theme-primarybgcolor {
    background-color: #5b732d;
}

.theme-secondarybgcolor {
    background-color: #f2f2f2;
    color: #212529;
}

.theme-secondarybgcolor:hover {
    background-color: #f1f1f1;
    color: #212529;
}

.active {
    color: #5b732d;
}


.inactive {
    color: #dc3545;
}

.food-category {
    text-align: center;
    color: #444;
    font-size: 1.2em;
    background-color: #f9f9f9 !important;
}

.food-items {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.food-items img {
    height: 160px;
    width: 180px;
    border-radius: 5px;
}

.food-items .card {
    margin: 5px;
}

.food-items .card-header {
    display: flex;
    justify-content: space-between;
    text-align: center;
    color: #fff;
    background-color: #5b732d !important;
}

.food-title {
    flex-grow: 1;
    margin-right: auto;
}

.food-preferred {
    margin-left: auto;
}

.food-item-change,
.food-item-extras {
    color: #555;
    background-image: linear-gradient(to top, #ddd, #fff);
}

.fa-solid.fa-star {
    color: #FFCB2E;
}

.time-slot-selected {
    background-color: #d1e7f9 !important;
}

.time-selected {
    border: 1px solid #421c88;
    background: #7f5af7;
    color: #fff;
    font-weight: 800;
    border-radius: 5px;
    padding: 2px;
}

table#shipping_options_table tr.active_shipping_option {
    background-color: rgba(91, 115, 45, 0.2) !important;
}

table#shipping_options_table tr td {
    border: 0;
}

table#shipping_options_table tr:first-child td:first-child {
    border-top-left-radius: .25rem;
}

table#shipping_options_table tr:first-child td:last-child {
    border-top-right-radius: .25rem;
}

table#shipping_options_table tr:last-child td:first-child {
    border-bottom-left-radius: .25rem;
}

table#shipping_options_table tr:last-child td:last-child {
    border-bottom-right-radius: .25rem;
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 110px;
    /* padding: 0 40px; */
}

.product-cart-wrap {
    margin-left: auto;
    margin-right: auto;
}

.product-cart-wrap .product-img-action-wrap {
    position: relative;
    background-color: #fff;
    overflow: hidden;
    max-height: 320px;
    padding: 5px 5px 0 5px;
}

.cart-dropdown-wrap {
    z-index: 1060 !important;
}

.cart-lineitem {
    padding-top: 2px;
}

.cart-lineitem:not(:last-child) {
    border-bottom: 1px solid gray;
}

.m-header-cart-div {
    max-height: 50vh;
    overflow: auto;
    background-color: #f8f9fa;
    border-radius: 10px;
}

.shopping-table {
    width: 100%;
    border: 0px solid #ffffff !important;
}

.shopping-table tr td {
    border: 0px solid #ffffff !important;

    padding: 5px;
}

.shopping-table th {
    border: 0px solid #ffffff !important;
    border-bottom: 1px solid #ddd;
    padding: 5px;
    text-align: center;
}

.shopping-table tr {
    border-top: 0px solid #ddd;
}

.banner-button {
    color: white;
}





@media (max-width:480px) {
    .hide-mobile {
        display: none !important
    }

    .container {
        max-width: 100% !important
    }
}

@media (min-width:481px) and (max-width:768px) {
    .hide-tablet {
        display: none !important
    }
}

@media (min-width:481px) {
    .hide-desktop {
        display: none !important
    }
}

.container {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1140px
    }
}

.reset-this-root {
    all: revert;
}


.reset-this-root h1,
h2,
h3,
h4,
h5,
h6,
p {
    color: inherit;
    font-weight: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;


}


div.dataTables_scrollBody {
    border-left: 0px solid #ddd !important;
}

div.dataTables_scrollFootInner table.table-bordered tr th:first-child,
div.dataTables_scrollHeadInner table.table-bordered tr th:first-child {
    border-left: 0px solid #ddd !important;
}