/*
Theme Name: OceanWP Child 2024
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme example child theme.
Author: Aamir
Template: oceanwp
Version: 20.24
*/
* {
    direction: rtl;
    text-align: right;
}
input[type="checkbox"][readonly], input[type="checkbox"][readonly]+label {
  pointer-events: none;
}
p#order_comments_field label span {
    display: none !important;
}
.fixed-width-select {
    width: 70px !important;
}
.fixed-width-input {
    width: 70px;
    border: 1px solid gray;
    max-height: 40px;
}
.woocommerce-additional-fields h3 {
    display: none;
}
/* Parent stylesheet should be loaded from functions.php not using @import */
.dish-list-selection.sat-dish-list {
    display: block;
    max-height: initial;
}
.dish-list-selection.sat-dish-list th {
    font-weight: bold;
    font-size: 16px;
	text-align: center;
}
.dish-list-selection.sat-dish-list tbody td {
    padding-top: 0;
    padding-bottom: 0;
}
.dish-list-selection.sat-dish-list .dish-list-check-box,
.dish-list-selection.sat-dish-list .dish-list-radio {
    text-align: center;
}
.dish-list-selection.sat-dish-list .dish-list-check-box label,
.dish-list-selection.sat-dish-list .dish-list-radio label {
    font-size: 0;
}
tr.selection-colors td .dish-list-radio {
    text-align: right !important;
}
.selection-colors label {
    font-size: initial !important;
}
.selection-colors .dish_napkin_color_selection {
    display: block;
}
.selection-colors h4 {
    font-size: 17px;
    margin-bottom: 5px;
    margin-top: 30px;
}
#site-header {
    max-width: 1550px;
    width: 90%;
    margin-top: 40px;
    border: 1px solid #1f4a53 !important;
    padding: 10px 40px;
    border-radius: 15px;
	position: sticky;
	top: 0;
}
#site-logo {
    float: right;
}
.after-header-content {
    float: left;
}
.head-icons {
    display: flex;
    align-items: center;
    gap: 20px;
}
.head-icons a {
    max-width: 30px;
}
.dish-selection-step span {
    background-color: #fff;
    position: relative;
    z-index: 1;
    padding-left: 5px;
    white-space: nowrap;
}
.event-dish-list .meal-box {
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.event-dish-list .meal-box img {
    min-width: 40px;
	transition: transform 0.3s ease-in-out;
}
.event-dish-list .meal-box img:hover {
    transform: scale(1.3);
}
.dish-list-buttons th , .dish-list-buttons td {
    font-size: 20px;
}
.dish-list-buttons th {
    text-align: right;
	font-weight: bold;
}
.event-dish-list{
    display: none;
}
.event-dish-list.active{
    display: block;
}
.dish-selection-steps {
    margin: 20px;
    gap: 5px;
    font-size: 15px;
    line-height: 2;
    color: #c7cccc;
    font-weight: 500;
    position: relative;
}
.dish-selection-step {
    position: relative;
    padding: 0 25px 0 25px;
    width: 100%;
    overflow: hidden;
    font-size: 18px;
	cursor: pointer;
}
.dish-selection-step::after {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    background-color: #c7cccc;
    top: 50%;
    right: 40px;
}
.dish-selection-step::before {
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 25px;
    position: absolute;
    background-color: #c7cccc;
    top: 8px;
    right: 0;
}
.dish-list-buttons ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 50px;
    margin: 0;
    list-style: none;
}
ul.dish_color_map_selection {
    grid-template-columns: 100%;
    gap: 10px;
}
.extra-list-2-2 , 
.extra-list-2-0 , 
.extra-list-2-1 
{
    overflow: hidden;
    overflow-y: auto;
    max-height: 800px;
}
.extra-list-3-2 , 
.extra-list-3-0 , 
.extra-list-3-1 ,
{
    overflow: hidden;
    overflow-y: auto;
    max-height: 800px;
}
.dish_color_map_selection.dish-list-selection {
    max-height: initial;
}

.dish-tool .dish-list-buttons ul, .dish-tool ul.dish_color_map_selection , .dish-tool ul.dish_napkin_color_selection {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 50px;
    margin: 0;
    list-style: none;
}

.sidedish-list h3 {
    margin: 15px 0 !important;
}
.dish-save-popup-btns {
    display: flex;
}
.color-bg {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: absolute;
    left: -10px;
    object-fit: cover;
	transition: transform 0.3s ease-in-out;
}
.event-dish-list ul a {
    position: absolute;
    left: -10px;
}
.event-dish-list ul img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
	transition: transform 0.3s ease-in-out;
}

.dish-box {
    min-height: 100px;
}

.dish-item-image {
    width: 80px !important;
    height: 80px !important;
    border-radius: 20px !important;
    object-fit: cover;
	transition: transform 0.3s ease-in-out;
}

.mfp-image-holder .mfp-figure button.mfp-close {
    color: #fff !important;
    border:none;
}
.page-template-register-event-page footer#footer {
    display: none;
}
/*.event-dish-list ul img:hover {
    transform: scale(1.3);
}*/
.event-dish-list h3 {
    font-size: 28px;`
    font-weight: 700;
    margin: 0;
    margin-left: 5px;
    font-weight: 700;
    line-height: 1;
}
.dish-desp{
    display: flex;
    margin-bottom: 20px;
    align-items: center;
    font-size: 20px;
}
.event-dish-lists-sidebar{
    background: #f3f4f4;
    padding: 5px 25px 25px 25px;
    border-radius: 15px;
    margin-top: 60px;
}
.event-dish-choices-total , .checkout-total-dish, .event-dish-choices .event-dish-total{
    padding: 6px 20px;
    border: 1px solid #000;
    display: inline-block;
    border-radius: 30px;
    font-size: 20px;
    font-weight: 700;
    margin-top: 10px;
}
input.event-dish-btn.submit-btn , a.event-dish-btn.prev-btn , a.event-dish-btn.next-btn , .popup-modal-dismiss.im-here-btn , a.prev-dish-link, .event-normal-btn{
    padding: 8px 25px;
    background: #1f4a53;
    color: #fff;
    border-radius: 30px;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 500;
    border: 1px solid #1f4a53;
}
.edit-styles {
    display: block;
    margin-top: 25px;
}
.edit-styles a {
    width: 300px;!i;!;
    display: inline-block;
    text-align: center;
}
input.wpcf7-submit:hover , input.event-dish-btn.submit-btn:hover, a.event-dish-btn.prev-btn:hover, a.event-dish-btn.next-btn:hover, .popup-modal-dismiss.im-here-btn:hover, a.prev-dish-link:hover {
    background-color: #fff;
    color: #1f4a53;
}
.event-dish-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 25px;
    gap: 20px;
}
a.save-dish-menu {
    padding: 8px 25px 8px 45px;
    color: #000;
    border-radius: 30px;
    border: 1px solid #1f4a53;
    font-weight: 500;
    font-size: 20px;
    background-image: url(/wp-content/uploads/2024/11/10.png);
    background-position: 15px center;
    background-size: 18px;
    background-repeat: no-repeat;
    line-height: 1.4;
}
.save-btn-wrap {
    flex-grow: 1;
}
.dish-selection-step.active, .dish-selection-step.complete{
    color: #1f4a53;
}
.dish-selection-step.active::after{
    background-color: #1f4a53;
}
.dish-selection-step.active::before, .dish-selection-step.complete::before{
    background-color: #1f4a53;
}
.event-dish-choice {
    font-size: 20px;
}

.event-dish-choice h4 {
    font-size: 28px;
    color: #000;
    font-weight: 700;
    margin: 10px 0;
    cursor: pointer;
}

.event-dish-choice h4:before {
    content: "+ ";
}
.event-dish-choice h4.active:before {
    content: "- ";
}
.error-details , #dish-save-popup {
    font-size: 20px;
    line-height: 1.4;
}

#dish-error-popup h3 , #dish-save-popup h3, #edit-styles-popup h3{
    font-size: 28px;
    margin: 0;
}
button.mfp-close{
    left: 20px;
    right: auto;
    border: 2px solid #000;
    border-radius: 20px;
    top: 20px !important;
    height: 30px;
    width: 30px;
    line-height: 30px;
    color: #000 !important;
}
.contact-info-field h3 img {
    max-width: 20px;
    filter: invert(54%) sepia(75%) saturate(3026%) hue-rotate(176deg) brightness(94%) contrast(88%);
}
.manager-name-btn{
    padding: 10px 24px;
    color: #1f4a53;
    border: 1px solid #1f4a53;
    transition: all 0.4s ease-out;
    border-radius: 30px;
    display: block;
    text-align: right;
    font-size: 16px;
}
.manager-name-btn:hover{
    background-color: #1f4a53;
    color: #fff;
}
.waiter-btn{
    display: grid;
    align-items: center;
    gap: 15px;
    grid-template-columns: 1fr 1fr 1fr;
}
.waiters-manager-info .contact-title {
    margin-bottom: 20px;
}
.manager-info, .right-payment-info{
    padding-left: 25px;
    border-left: 1px solid #1f4a53;
}
.waiters-manager-info {
    display: grid;
    grid-template-columns: 2fr 4fr;
    gap: 15px;
}
.contact_details-toggle-btn h2:before {
    content: "+ ";
}
.contact_details-content {
    display: none;
}
.contact_details-toggle-btn {
    cursor: pointer;
}
.contact_details-toggle-btn.active h2::before {
    content: "- ";
}
#mobile-dropdown ul li a {
    text-align: right;
}
@media( max-width:767px ){
.dish-list-radio label:before {
    width: 15px;
    height: 15px;
}
.dish-list-radio {
    line-height: 1.2;
    margin-bottom: 5px;
}
}

.salad-to-prepare-main table {
    margin-bottom: 30px;
}
.register-event-step-1 {
    margin: 0 auto;
    text-align: center;
    min-height: 80vh;
    width: 100%;
}
.register-event-title-wrap h1{
    background-color: #1f4a53;
    padding: 30px 20px;
    color: #fff;
    border-radius: 15px;
    font-size: 130px;
    font-weight: 400;
    text-align: center;
}
.dish-selection-banner:before{
    background: linear-gradient(rgba(31, 74, 83, 0.8), rgba(31, 74, 83, 0.6));
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.register-event-title-wrap h2 {
    font-size: 26px;
    font-weight: 800;
    line-height: 22px;
    margin-bottom: 0;
    text-align: center;
}
.register-event-title-wrap {
    position: relative;
}
.dish-selection-banner {
    position: relative;
    padding: 30px 20px;
    border-radius: 30px;
    font-size: 130px;
    overflow: hidden;
    background-position: center;
    background-size: cover;
}
.register-event-title-wrap p {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
    color: #000;
}
.dishmenu-download-link {
    display: inline-block;
    background-color: #1f4a53;
    color: #fff;
    padding: 10px 15px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 700;
    position: absolute;
    bottom: 30px;
}
.dish-option-section{
    display: flex;
    gap: 15px;
    max-width: 1200px;
    margin: 40px auto 0;
}
.register-event-step-1 input[type=radio] {
    display: none;
}
.dropdown-heading {
    font-size: 20px;
    color: #1f4a53;
    background-color: #fff;
    font-weight: 500;
    padding: 0 10px;
    border-radius: 5px;
    margin-top: 10px;
}
.dropdown-heading i{
    margin-right: 10px;
}
.dropdown-content li{
    margin-bottom: 10px;
    position: relative;
}
.dropdown-content li label{
    padding: 7px 30px 7px 14px;
    border: 1px solid #1f4a53;
    position: relative;
    width: 100%;
    display: block;
    line-height: 1;
    font-size: 16px;
    border-radius: 30px;
    transition: 0.2s;
}
.register-event-step-1 label:hover:after, .register-event-step-1 input[type=radio]:checked+label:after {
    background-color: #1f4a53;
}
.dropdown-content li label:after {
     content: '';
     width: 15px;
     height: 15px;
     border-radius: 25px;
     border: 1px solid #1f4a53;
     position: absolute;
     right: 8px;
     top: 50%;
     transform: translateY(-50%);
}
.event-block h3{
    margin-bottom: 0px;
    display: inline-block;
    border-radius: 10px;
    text-align: center;
    font-size: 20px;
}
.event-dish-lists {
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 60px;
    align-items: flex-start;
}
.event-block {
    position: relative;
    width: 100%;
    background-color: #f3f4f4;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 50px 20px;
    flex-direction: column;
    border-radius: 15px;
}
.dropdown-wrapper{
    position: relative;
    cursor: pointer;
}
ul.dropdown-content {
    list-style: none;
    position: absolute;
    top: 100%;
    z-index: 9999;
    background: #fff;
    margin: 0;
    min-width: 200px;
    padding: 15px;
    max-height: 300px;
    overflow: auto;
}
.event-step-1-form {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.register-event-step-1 label:hover , .register-event-step-1 input[type=radio]:checked+label {
    cursor: pointer;
}

.register-event-step-2 {
    margin: 0px auto;
}

.register-event-step-2 h2, .register-event-step-3 h2 , .checkout-page-banner h1{
    color: #fff;
    position: relative;
    margin: 0;
    font-size: 130px;
    font-weight: 400;
    text-align: center;
    line-height: 1;
}

.register-event-step-2 > p {
    font-size: 24px;
    text-align: center;
    line-height: 1;
    max-width: 500px;
    margin: 0 auto 60px;
}

.two-cols-form {
    display: grid;
    grid-template-columns: 50% 50%;
}

.form-col {padding: 0 10px;}

.register-event-step-2 label {
    text-align: right;
    border: 2px solid #1f4a53;
    border-radius: 25px;
    display: grid;
    position: relative;
    grid-template-columns: 20px 1fr;
    gap: 5px;
    line-height: 1;
    padding: 10px 10px 10px 50px;
    cursor: pointer;
    margin: 0;
}
label.form-title{
    text-align: center !important;
    border: none;
    display: block;
    font-size: 28px;
    margin: 30px 0 10px;
    color: #000;
    font-weight: 700;
    line-height: 1;
}
.wpcf7-form-control {
    border: 2px solid #1f4a53 !important;
    border-radius: 30px !important;
    font-size: 20px !important;
    padding: 8px 25px !important;
    line-height: 1.4 !important;
}
span.wpcf7-spinner {
    position: absolute;
}
form input[type=number] {
    max-width: 100%;
    padding: 6px 12px;
}
.wpcf7-form p {
    margin: 0;
}

.wpcf7-form-control-wrap {
    margin-bottom: 15px;
    display: block;
}
input.wpcf7-submit {
    background-color: #1f4a53;
    display: inline-block;
    font-size: 20px;
    line-height: 1.4;
    padding: 8px 25px;
    border: 1px solid #1f4a53 !important;
}
.worker-dash-head {
    background-color: #efefef;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    gap: 40px;
}

.dash-head-details {
    flex: 1;
    font-size: 24px;
    color: #000;
        display: flex;
        gap: 20px;
    align-items: center;}

.dash-head-time {
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    display: inline-flex;
    column-gap: 10px;
    justify-content: center;
    border: 1px solid #fff;
    padding: 0 20px;
    border-radius: 10px;
	width: 170px;
}
select#user_select {
    color: #fff;
    width: 115px;
    font-size: 20px;
    border-radius: 10px;
    height: 74px;
    margin-left: 5px;
    font-weight: bold;
}
select#user_select option {
    color: #000;
}
.worker-dash-header {
    background-color: #1f4a53;
    padding: 30px 60px;
    color: #fff;
    border-radius: 30px;
    font-weight: 400;
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 40px;
    justify-content: space-between;
	position: sticky;
	top: 0;
	z-index: 99;
}
.color-red-sign {
    color: red;
}
.color-green-sign {
    color: green;
}
.bg-dash-head {position: absolute;top: 0;width: 100%;left: 0;height: 100%;object-fit: contain;z-index: 0;}

.dash-header-right {
    z-index: 1;
    position: relative;
}

.dash-header-left {
    z-index: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.dash-header-inner-left {
    display: flex;
}

.dash-header-right h1 {
    color: #fff;
    font-size: 130px;
    font-weight: 400;
    line-height: 1;
    margin: 0;
}

.print-all-orders {
    display: inline-flex;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 30px;
    padding: 0 15px;
    gap: 5px;
    align-items: center;
    font-size: 18px;
}

.print-all-orders img {
    max-width: 20px;
    filter: brightness(10);
}

.print-all-orders:hover {
    color: #1f4a53;
    background-color: #fff;
}

.print-all-orders:hover img {
    filter: brightness(1);
}
.dash-head-logo {
    max-width: 100px;
}
span.clock-icon {
    width: 28px;
    height: 28px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg height='200px' width='200px' version='1.1' id='_x32_' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512' xml:space='preserve' fill='%23000000'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23000000;%7D %3C/style%3E%3Cg%3E%3Cpath class='st0' d='M181.158,225.346l64.826,50.011l0.902,0.517l0.404,0.226c5.606,3.122,13.027,1.467,17.975-3.979l0.432-0.414 l79.452-94.002c4.524-5.07,4.599-12.369,0.198-16.282c-4.411-3.922-11.644-2.981-16.15,2.088l-74.268,79.339l-57.338-39.928 c-5.362-3.95-13.403-2.116-17.947,4.082C175.11,213.184,175.777,221.405,181.158,225.346z'%3E%3C/path%3E%3Cpath class='st0' d='M100.445,255.99c0-3.434,0.075-6.866,0.438-10.234H60.188c-0.249,3.367-0.315,6.8-0.315,10.234 c0,3.499,0.066,6.876,0.315,10.252h40.695C100.52,262.866,100.445,259.442,100.445,255.99z'%3E%3C/path%3E%3Cpath class='st0' d='M172.42,124.797c3.847-2.436,7.774-4.731,11.762-6.772l1.552-0.753l-20.28-35.215 c-5.074,2.558-10.017,5.398-14.814,8.512l20.289,35.234L172.42,124.797z'%3E%3C/path%3E%3Cpath class='st0' d='M82.071,165.44l35.23,20.279l8.527-14.795l-35.244-20.289C87.47,155.432,84.634,160.361,82.071,165.44z'%3E%3C/path%3E%3Cpath class='st0' d='M393.985,327.814c-2.116,3.998-4.341,7.91-6.844,11.701l-1.015,1.486l35.24,20.288 c3.118-4.797,5.958-9.66,8.582-14.73l-35.15-20.355L393.985,327.814z'%3E%3C/path%3E%3Cpath class='st0' d='M118.044,327.748l-0.814-1.543l-35.159,20.28c2.502,5.07,5.398,10.008,8.512,14.805l35.244-20.288 l-1.026-1.486C122.371,335.724,120.076,331.812,118.044,327.748z'%3E%3C/path%3E%3Cpath class='st0' d='M172.42,387.127l-1.491-1.015l-20.289,35.243c4.798,3.114,9.74,6.02,14.814,8.588l20.28-35.234l-1.552-0.752 C180.193,391.924,176.266,389.629,172.42,387.127z'%3E%3C/path%3E%3Cpath class='st0' d='M326.214,117.216l14.81,8.588l20.284-35.234c-4.793-3.114-9.674-5.954-14.73-8.512L326.214,117.216z'%3E%3C/path%3E%3Cpath class='st0' d='M245.771,411.121v40.644c3.377,0.3,6.8,0.366,10.229,0.366c3.442,0,6.871-0.066,10.238-0.366v-40.644v-0.423 h-20.467V411.121z'%3E%3C/path%3E%3Cpath class='st0' d='M266.238,100.878V60.235c-3.367-0.302-6.796-0.367-10.238-0.367c-3.429,0-6.852,0.065-10.229,0.367v40.643 v0.423h20.467V100.878z'%3E%3C/path%3E%3Cpath class='st0' d='M326.214,394.774l20.364,35.168c5.056-2.643,9.937-5.474,14.73-8.588l-20.284-35.243L326.214,394.774z'%3E%3C/path%3E%3Cpath class='st0' d='M429.948,165.44c-2.572-5.079-5.465-10.007-8.582-14.805l-35.24,20.289l8.601,14.795L429.948,165.44z'%3E%3C/path%3E%3Cpath class='st0' d='M451.826,245.757h-40.69h-0.423v20.486h0.423h40.69c0.254-3.376,0.311-6.8,0.311-10.252 C452.136,252.557,452.08,249.124,451.826,245.757z'%3E%3C/path%3E%3Cpath class='st0' d='M256,0C114.606,0.009,0.014,114.61,0.005,256C0.014,397.39,114.606,511.99,256,512 c141.394-0.01,255.986-114.61,255.995-256C511.986,114.61,397.394,0.009,256,0z M256,478.966 c-61.627-0.01-117.268-24.926-157.661-65.305C57.964,373.254,33.043,317.617,33.038,256c0.005-61.618,24.926-117.263,65.3-157.652 C138.732,57.958,194.373,33.042,256,33.033c61.618,0.01,117.258,24.926,157.661,65.315c40.375,40.389,65.296,96.024,65.3,157.652 c-0.005,61.617-24.926,117.254-65.3,157.661C373.258,454.041,317.618,478.957,256,478.966z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
table.worker-dash-table td , table.worker-dash-table th {
    border: 1px solid #c5ab74;
    text-align: center;
    vertical-align: middle;
    font-size: 18px;
}

table.worker-dash-table {border-spacing: 10px;border-collapse: separate;color: #000;}
table.worker-event-table ul {
    margin-left: 0;
    margin-right: 20px;
}
table.worker-dash-table ul {
    margin: 0 20px 0 0;
    text-align: right;
}

table.worker-dash-table th {
    font-weight: 700;
}
input[type=checkbox].done-check {
    display: none;
}

input[type=checkbox].done-check:checked + label:after {
    content: "✓" !important;
    color: green;
    font-size: 1.2em;
    font-weight: bold;
    background-image: none;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url("/wp-content/uploads/2024/11/25.png");
    border-radius: 5% !important;
}


label.done-label:after {
    width: 20px;
    height: 20px;
    display: inline-block;
    cursor: pointer;
    content: "";
    background-image: url("/wp-content/uploads/2024/11/25.png");
    background-position: center;
    background-size: contain;
}

tfoot td {
    background-color: #fabfbf;
    font-weight: 700;
}
.dish-selection-form {display: grid;grid-template-columns: 1fr 250px;gap: 20px;}

.col-dish-cat h3 {
    font-size: 18px;
    margin: 0 0 10px 0;
}
.dish-list-steps h3 {
    font-size: 48px;
}
.description {
    margin-bottom: 30px;
}
.dish-list-steps {
    display: none;
    position: relative;
    margin-bottom: 80px;
    border-left: 2px solid rgb(197, 171, 116);
    flex-direction: column;
    align-items: flex-start;
    min-height: 300px;
}
.dish-list-steps.active {
    display: flex;
}
.dish-list-check-box input[type=checkbox] , input#terms {
    display: none;
}


.dish-list-check-box label ,  .woocommerce-terms-and-conditions-checkbox-text{
    font-size: 20px;
    align-items: center;
    display: flex;
}

.dish-list-check-box label:before ,  .woocommerce-terms-and-conditions-checkbox-text:before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 1px solid #1f4a53;
    border-radius: 25px;
    margin-left: 10px;
    min-width: 20px;
}
input#terms:checked +  .woocommerce-terms-and-conditions-checkbox-text:before , .dish-list-check-box input[type=checkbox]:checked + label:before {
    background-color: #1f4a53;
}


.dish-color-1 h3 , .dish-color-2 h3, .dish-color-3 h3 {
    margin: 20px 0;
}
.dish-list-radio input[type=radio] {
    display: none;
}

.dish-list-radio label{
    font-size: 18px;
    align-items: center;
}
.tools-radio-option label span {flex-grow: 1;}
input.dish-logistic-qty {
    border: 1px solid #1f4a53 !important;
    font-size: 18px !important;
}
.tools-radio-option ul li label {
    background-color: #f3f4f4;
    border: none;
    padding: 20px 20px 20px 35px;
}
.dish-list-radio label:before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    background-color: #fff;
    border: 1px solid #1f4a53;
    border-radius: 12px;
    margin-left: 10px;
}
.dish-list-radio input[type=radio]:checked + label:before {
    background-color: #1f4a53;
}

.pick-dish-list {
    margin-bottom: 10px;
}

input.back-btn {
    border: 1px solid #c5ab74;
    background-color: transparent;
    color: #c5ab74;
    font-size: 16px;
    font-weight: 700;
    border-radius: 40px;
    padding: 10px 40px;
    position: absolute;
    top: 100%;
}

input.next-btn , .dish-list-steps input[type="submit"]{
        border: 1px solid #c5ab74;
        background-color: #c5ab74;
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        border-radius: 40px;
        padding: 10px 40px;
        margin: 40px auto 0;
        display: block;
        width: 100%;
        max-width: 300px;
		box-shadow: 2px 3.464px 24px 0 rgb(106 105 194/25%);
}
input.next-btn:hover , .dish-list-steps input[type="submit"]:hover{
        border: 1px solid #c5ab74;
    background-color: transparent;
    color: #c5ab74;
}
input.back-btn:hover {
    background-color: #c5ab74;
    color: #fff;
    
}
.dish-list-selection {
    flex-grow: 1;
    display: flex;
    flex-wrap: wrap;
    max-height: 400px;
    flex-direction: column;
    gap: 1px 40px;
}
.form-date-time p {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
}
.worker-dash-body {
    display: grid;
    grid-template-columns: 20% calc(80% - 30px);
    gap: 30px;
}
.worker-dash-print-btn {
    display: inline-flex;
    border: 2px solid #fff;
    border-radius: 30px;
    padding: 10px 15px;
    gap: 5px;
    align-items: center;
    font-size: 18px;
}

.worker-dash-print-btn img {
    max-width: 20px;
}

.worker-dash-print-btn:hover {
    color: #000;
}
.worker-title {
    text-align: center;
    color: #c9b07d;
    font-size: 28px;
    font-weight: 700;
}
.form-btn-sumbit p{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
}
.salad-prepare-table td , .salad-prepare-table th {
    border: 1px solid #000;
    text-align: center;
    color: #000;
    font-size: 16px;
    line-height: 1.4;
    padding: 10px;
    vertical-align: middle;
}


.worker-event-table td , .worker-event-table th {
    border: 1px solid #000;
    text-align: center;
    color: #000;
    font-size: 16px;
    padding: 5px;
    line-height: 1.4;
    vertical-align: middle;
}

.worker-event-table th, .worker-event-table tbody tr:first-child td , .salad-prepare-table th {
    font-weight: 700;
    font-size: 14px;
    background-color: #1f4a53;
    color: #fff;
    border-color: #1f4a53;
}
.worker-event-table th label.done-label:after {
    label.done-label: after;
    filter: brightness(10);
}
.worker-events-table-item {
    background-color: #f3f4f4;
    padding: 20px;
    border-radius: 10px;
	position: relative;
}
.worker-table-headtext {
    font-size: 16px;
    position: relative;
    margin-bottom: 20px;
    color: #000;
    line-height: 1.4;
}
.print-order-complete {
    position: absolute;
    bottom: 0;
    left: 0;
	display: flex;
    align-items: center;
}
.print-order-complete .worker-item-check-box {
    display: inline-block;
}
.worker-item-check-box {
    padding: 5px;
}
.worker-events-tables {
    display: grid;
    grid-template-columns: repeat(3 , calc(33.33% - 20px));
    gap: 30px;
    align-items: stretch;
}

.worker-event-type {
    color: #000;
    font-size: 18px;
    line-height: 1.2;
}

.worker-event-date-time, .worker-event-type {
    color: #000;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
}

.worker-event-table {
    margin-bottom: 30px;
}
label.done-label {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 20px;
    margin: 0 auto;
}
div#customer_details {
    display: grid;
    grid-template-columns: 45% 50%;
    align-items: center;
    column-gap: 5%;
}
.tray-box-data {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #000;
    font-weight: 500;
}
.timer-container {
    width: 100%;
    position: relative;
    margin-top: 40px;
}
.time-left {
    font-size: 18px;
    color: #000;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: 700;
    line-height: 1;
    top: 50%;
}
.progress-container {
    width: 100%;
    background-color: #fff;
    border-radius: 30px;
    overflow: hidden;
}
.progress-bar {
    height: 25px;
    background-color: #3498db;
    transition: width 1s linear;
    border-radius: 30px;
    background-image: linear-gradient(240deg, #00a44f 50px, #e6492f 100%);
    background-repeat: no-repeat;
    width: 100%;
}
.tray-box-data > div {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
    line-height: 1.2;
    flex-wrap: wrap;
}
.tray-box-data img {
    max-width: 60px;
    width: 100%;
    max-height: 60px;
    object-fit: contain;
}
/*div#customer_details .column-2 {
    background-color: rgb(197, 171, 116);
    padding: 30px;
}*/
form.post-password-form {
    max-width: 500px;
    margin: 10px auto;
    font-size:20px;
}
form.post-password-form input{
    font-size:20px
}
form.post-password-form input[type="submit"] {
    background: #a7884f;
    margin-top: 10px;
}
form.worker-filter-form {
    padding-top: 15px;
    display: flex;
    align-items: center;
    gap: 5px;
}
form.worker-filter-form input[type="submit"], form.worker-filter-form button {background-color: transparent;border: 2px solid #fff;padding: 12px 15px;}
.order-short-info {
    display: flex;
    gap: 10px;
}
form.worker-filter-form input {
    background-color: #fff;
    max-width: 100px;
    text-align: center;
    font-weight: 600;
    border-radius: 10px;
}
.order-short-info .order-short-inner {
    border: 2px solid #c9b07d;
    padding: 5px;
}
div#customer_details .column-2 h3 {
    font-size: 24px !important;
    text-align: center;
    color: #fff;
    font-weight: 700;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}
#customer_details .woocommerce-Price-amount {
    font-weight: 700;
    text-align: center !important;
    font-size: 32px;
    color: #fff;
    display: block;
}
#customer_details .woocommerce-Price-currencySymbol {
    font-weight: 400;
}
div#customer_details .column-1 h2 {
    font-size: 28px;
    font-weight: 700;
    margin: 0;
}
div#customer_details td , div#customer_details th {
    text-align: right;
    border: none;
    padding: 0;
    font-size: 18px;
    color: #000;
}
.woocommerce-products-grid {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
    flex-direction: column;
}

.woocommerce-products-grid h3 , .checkout-detailer-wraper h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 10px;
    color: #000;
    cursor: pointer;
}

.woocommerce-products-grid li {
    font-size: 18px;
    color: #000;
}
textarea#order_comments {
    max-width: 800px;
    border: 1px solid #c5ab74;
}
p#order_comments_field label {
    display: none;
}
canvas#dscfw_sign {

    border-radius: 20px;
}
input.clearButton {
    padding: 0;
    font-size: 28px;
    width: 34px;
    height: 34px;
    background-color: #1f4a53;
    right: 0;
    top: initial;
    position: absolute;
    bottom: 10px;
}
.validate-signature {
    position: relative;
}
.woocommerce-terms-and-conditions-wrapper .validate-required {
    padding: 0 !important;
    text-align: center;
}

button#place_order {
    border: 30px;
    display: block;
    margin: 0 auto;
    background-color: #1f4a53;
    font-size: 18px !important;
    border-radius: 30px;
    padding: 10px 15px !important;
    border: 1px solid transparent;
    font-weight: 700;
}

abbr.required{
    display: none;
}
.woocommerce-checkout form.checkout a.button {
    background-color: #1f4a53;
    border: 1px solid #1f4a53;
    border-radius: 30px;
    padding: 15px 60px;
    font-size: 18px;
    font-weight: 700;
    margin-top: 20px;
}
#place_order:hover, .woocommerce-checkout form.checkout a.button:hover{
    border-color: #1f4a53;
    background-color: transparent;
    color: #1f4a53;
}
.woocommerce-order-received header#site-header {
    background-color: transparent;
}

.thank-page h2 {
    font-size: 28px;
    color: #000;
    font-weight: 700;
    line-height: 1;
    margin: 0;
}

.thank-page h4 {
    font-size: 20px;
    color: #000;
    font-weight: 400;
}
.thankyou-page-banner {
    background: #1f4a53;
    color: #fff;
    padding: 30px 10px;
    border-radius: 15px;
    text-align: center;
    font-size: 130px;
    font-weight: 300;
}
.thank-page img {
    position: absolute;
    top: -30px;
    max-width: 60px;
}
.thank-page {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    background: #f3f4f4;
    margin-top: 70px;
    border-radius: 15px;
    text-align: center;
    align-items: center;
    padding: 8% 20px;
    position: relative;
}
form.checkout.woocommerce-checkout {
    display: grid !important;
    grid-template-columns: 2fr 2fr 3fr;
    column-gap: 5%;
    align-items: flex-start;
    margin-top: 5% !important;
}
.woocommerce-products-grid h2 ,.checkout-detailer-wraper h2 {
    font-size: 28px;
    font-weight: 700;
}
.gray-box {
    background: #f3f4f4;
    padding: 20px;
    border-radius: 20px;
    font-size: 18px;
}
div#customer_details h2 ,#customer_details table {
    margin: 0;
}
.mobile-toggle-close,
.mobile-toggle-open {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 28px;
    color: #c5ab74;
    display:none;
}
.dish-selection-form.active-toggle .col-dish-cat {
    right: 0;
}
.dish-list-selected div:nth-child(1n + 4) {
    display: none;
}
.readmore.dish-list-selected div:nth-child(1n + 4) {
    display: block;
}
.download-quote a{
    background-color: #1f4a53;
    border-radius: 30px;
    border: 1px solid transparent;
    color: #fff;
    font-size: 18px;
    display: inline-flex;
    align-items: center;
}
.download-quote a:hover{
    background-color: transparent;
    border-color: #1f4a53;
    color: #1f4a53;
}
.icon-cloud-download {
    color: #c5ab74;
    font-size: 60px;
    font-weight: 900 !important;
}
.download-quote-form {
    display: flex;
    flex-wrap: wrap;
    font-size: 24px;
    color: #000;
    column-gap: 20px;
    line-height: 1.4;
}

form.sent_order_form {
    display: flex;
    align-items: center;
    column-gap: 20px;
}

button.sent_order_email {
    background-color: #c5ab74;
    border-radius: 30px;
    padding: 10px 20px;
}

form.sent_order_form input[type="email"] {
    border: 2px solid #c5ab74;
}
.download-quote-form-title {
    max-width: 250px;
}
.dish-tab{
	cursor:pointer;
	border: 1px solid #c5ab74;
	border-radius: 30px;
	padding: 5px 25px;
	font-size: 18px;
}
.dish-tab-content {
    display: none;
    flex-grow: 1;
    flex-wrap: wrap;
    max-height: 340px;
    flex-direction: column;
    gap: 1px 40px;
}
.dish-tab-content.active {
    display: flex;
}
span.dish-counter {
    cursor: pointer;
    border-radius: 30px;
    padding: 5px 25px;
    font-size: 18px;
    background-color: #c5ab74;
    color: #fff;
}
ul.dish-tabs {
    display: flex;
    align-items: center;
    list-style: none;
    column-gap: 10px;
    margin: 10px 0 30px;
}

li.dish-tab.active {
    background-color: #c5ab74;
    color: #fff;
}
.event-head-part {
    display: flex;
    flex-direction: row;
    gap: 20px;
}
.logistics-form .dish-logistic-qty {border: 2px solid #c5ab74 !important;margin-right: 10px;} .logistics-form .dish-list-check-box label {
    display: flex;
    flex-wrap: wrap;
}

.logistics-form .dish-list-check-box label span {flex-grow: 1;}
a.phone-btn-head {
    font-size: 24px;
    font-weight: 700;
}

#site-navigation-wrap {
    display: flex;
    justify-content: center;
    float: none;
    width: 100%;
    max-width: 80%;
}
.footer-box .wp-element-button {
    padding: 0;

}
.footer-box a {
    color: #000 !important;
}
div#footer-bottom {
    font-size: 18px;
}
div#footer-bottom small {
    display: block;
    text-align: center;
    margin: 10px 0;
}

div#footer-bottom small a {
    color: #a7884f;
}
.footer-widget svg {
    max-width: 70px;
    margin: 0 auto;
    display: block;
}

#footer-widgets .footer-box .footer-widget {
    margin: 0;
}
.about-page-main .page-content {
    padding: 10px 0;
}
.about-page-content-inner {
    max-width: 580px;
    margin: 0 auto;
    font-size: 18px;
}
.about-page-content-inner p , .about-page-content-inner h2 {
    margin-bottom: 10px !important;
}
hr.wp-block-separator {
    margin-top: 0;
    margin-bottom: 20px;
}
.about-page-slider-wrap {
    width: 100%;
    overflow: hidden;
}
.about-page-slider, .about-page-slider .slick-list ,.about-page-slider .slick-track {
    height: 100%;
}
.about-page-slider img {
    height: 100%;
    object-fit: cover;
    min-height: 240px;
}
.about-page-content {
    padding: 20px;
}
.checkout-detailer-wraper h2 img , .woocommerce-checkout form.checkout a.button img {
    max-width: 28px;
}
.event-manage-header {
    background-color: #f3f3f3;
}

.emh-tab {
    display: block;
    font-size: 28px;
    font-weight: 700;
    color: #000;
    padding: 20px 30px;
    outline: none !important;
    border: none !important;
}

.event-manage-header{
    display: flex;
}

.emh-tab.active {
    background-color: #1f4a53;
    color: #fff;
}

.emh-tab:not(.active):hover {
    color: #1f4a53;
}
.cal-header{
    text-align: center;
    font-size: 60px;
    color: #0a0a0a;
    margin: 0;
}

.event-caldender-box {
    border: 1px solid #000;
    padding: 0 8%;
}

.event-caldender-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    gap: 15px;
}

.event-caldender-nav i {
    font-size: 24px;
}
.calendar_btn a{
    background: #1f4a53;
    padding: 10px 30px;
    border-radius: 30px;
    color: #fff;
    font-size: 16px;
    position: absolute;
    right: 0;
    line-height: 1.4;
    bottom: 50%;
    transform: translateY(50%);
}
.event-caldender-nav a {
    display: flex;
}
.event-caldender-nav a:hover {color: #1f4a53;}
a.day-order-popup , .day-order-list  a{
    padding: 6px 25px;
    background: #1f4a53;
    color: #fff;
    border-radius: 30px;
    display: inline-block;
    line-height: 1.4;
    font-size: 16px;
    border: 1px solid #1f4a53;
}
table.calendar li.day-orders > div{
    color: #00563B;
    text-align: center;
}

.calendar_btn a:hover , .day-order-list  a:hover {
    background-color: transparent;
    color: #1f4a53;
}

a.day-order-popup:hover {
    background-color: transparent;
    color: #1f4a53;
}

.day-inner {
    list-style: none;
    color: #0a0a0a;
    line-height: 1.4;
}

.calendar-wrap table td , .calendar-wrap table th {
    border: 2px solid #e3e4e4;
    font-size: 20px;
    text-align: right;
    font-weight: 600;
}
.day-order-popup-content {
    background: #fff;
    padding: 40px;
    position: relative;
    max-width: 600px;
    margin: 0 auto;
    border-radius: 20px;
}
.day-order-list{
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 600;
    color: #000;
    display: flex;
    justify-content: space-between;
    max-width: 450px;
}
.event-salad-box {
    border: 1px solid #000;
    padding: 60px;
}
.salad-to-prepare-form form {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
    gap: 10px;
    max-width: 600px;
    min-width: 500px;
}
.salad-to-prepare-form input[type=text]{border: 1px solid #000;margin: 0;color: #000;border-radius: 8px;}

.salad-to-prepare-form input[type=text]::placeholder {
    color: #000;
}

a.order-link {
    background: #1f4a53;
    color: #fff;
    padding: 5px 15px;
    border-radius: 30px;
    display: inline-block;
    font-size: 14px;
    border: 1px solid #1f4a53;
}

a.order-link:hover {
background-color: transparent;
color: #1f4a53;
}
.salad-to-prepare-form input.submit-button {
    background-color: #1f4a53;
    border-radius: 8px;
    border: 1px solid #1f4a53;
}
.salad-to-prepare-form input.submit-button:hover {
    background-color: transparent;
    color: #1f4a53;
}
.shop-events-pagination {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 24px;
    font-weight: 600;
}
.shop-events-pagination span.current, .shop-events-pagination a {
    background: #f3f3f3;
    color: #1f4a53;
    padding: 0 5px;
    min-width: 30px;
    text-align: center;
}
.shop-events-pagination span.current, .shop-events-pagination a:hover {
    color: #fff;
    background: #1f4a53;
    padding: 0 5px;
    min-width: 30px;
    text-align: center;
}
.event-dash-details {
    border: 1px solid #000;
    padding: 60px;
}

.main_contact_details{
    background-color: #f3f4f4;
    padding: 20px 30px;
    border-radius: 20px;
    position: relative;
    margin-bottom: 40px;
}
.contact-title h2, .event-details-title h2, .manu-info-breads h2{
    font-size: 28px;
    font-weight: 700;
    margin: 0;
}

.left-contact-title{
    display: flex;
    position: absolute;
    top: 20px;
    left: 20px;
    gap: 10px;
    align-items: center;
}
.order-process-btn a, .total-pay-btn a , .payment-btn-1 {
    padding: 5px 15px;
    background-color: #40ae49;
    color: #fff !important;
    font-size: 16px;
    border-radius: 30px;
    display: inline-block;
    font-weight: 600;
}
.total-pay-btn .amount , .payment-btn-1 .amount {
    color: #fff;
}

.contact-print-icon a i{
    font-size: 24px;
    color: #9E9E9E;
}
.contact-print-icon {
    display: flex;
    align-items: center;
    gap: 10px;
}
.contact-information , .event-information{
    display: flex;
    align-items: center;
    gap: 30px;
    flex-wrap: wrap;
    font-size: 24px;
}
.contact-info-field h3 , .event-info-field h3{
    margin-bottom: 0px;
    font-weight: 600;
    font-size: 24px;
}
.contact-info-field, .event-info-field {
    display: flex;
    align-items: center;
    gap: 10px;
}
.manu-info-breads:not(:last-child){
    padding-left: 25px;
    border-left: 2px solid #1f4a53;
}
.main_contact_details.salads-details {
    display: flex;
    gap: 25px;
}
.manu-info-breads {
    width: 100%;
}
.manu-info-breads ul {
    margin: 10px 0 0;
    list-style: none;
    font-size: 16px;
    line-height: 1.4;
}
.right-payment-field {
    display: flex;
    gap: 10px;
}

.payment-info h3 {
    margin: 0;
}

.payment-info {
    padding-top: 20px;
}
textarea.payment-note {
    width: 100%;
    margin-top: 20px;
    border-color: #1f4a53;
    border-radius: 25px;
}
.payment-btn-info{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.main-payment-details-info{
    display: grid;
    grid-template-columns: 2fr 3fr;
    gap: 15px;
}
#wpcf7-f1575-o1 .wpcf7-response-output:empty {
    display: none;
}

@media (min-width:1081px) {
    .sidebar-toggle-btn {
        display: none;
    }
    .close-sidebar-btn {
        display: none;
    }
}
@media (min-width:768px) {
    .about-page-main {
        display: grid;
        grid-template-columns: 50% 50%;
    }
    .woocommerce-NoticeGroup {
        grid-column: 3 span;
    }
}
@media (max-width: 1080px) {
    #site-header {
        border: none !important;
        margin: 0 auto;
        width: 100%;
        background-color: #fff;
        box-shadow: 0 0 16px 1px rgb(0 0 0 / 20%);
        border-radius: 0px 0 15px 15px;
        position: sticky;
        top: 0;
    }
    .after-header-content {
    display: block !important;
    float: none;
    order: 1;
}
.sidebar-toggle-btn {
    max-width: 40px;
}
#site-header-inner {
    display: flex;
    justify-content: space-between;
}
#site-header-inner:after {
    display: none;
}
    div#site-logo {
        float: none;
        order: 1;
    }
    
    .oceanwp-mobile-menu-icon.mobile-right {float: none;}
    .oceanwp-mobile-menu-icon .mobile-menu i {
        opacity: 0;
    }
    .oceanwp-mobile-menu-icon .mobile-menu {
        background-image: url("/wp-content/uploads/2024/11/18.png");
        background-repeat: no-repeat;
        background-size: contain;
        width: 40px;
        display: block;
        background-position: center;
        outline: none !important;
    }
    .event-dish-lists {
        grid-template-columns: 100%;
    }
    .sidebar-mobile-wrap {
        position: fixed;
        top: 0;
        left: -110%;
        z-index: 9999;
        margin: 0;
        background-color: #fff;
        width: 100%;
        max-width: 480px;
        padding: 20px;
        height: 100%;
        box-shadow: 0 0 20px 10px rgb(0 0 0 / 30%);
        overflow: auto;
        transition: 0.3s;
    }
    .close-sidebar-btn {
        max-width: 30px;
    }
    .event-dish-lists-sidebar {
        margin-top: 20px;
    }
    .sidebar-mobile-wrap.active {
        left: 0;
    }
    .sidr-inner .sidr-class-toggle-sidr-close {
        background-color: transparent;
        text-align: left;
        font-size: 28px;
        padding: 0 20px;
        outline: none !important;
    }
    .sidr-inner .sidr-class-toggle-sidr-close .sidr-class-close-text {
        display: none;
    }
    div#sidr {
    display: flex;
    flex-direction: column;
}
div#sidr .head-icons {
    padding: 10px 20px;
    flex-grow: 1;
    align-items: self-end;
}
.head-icons a.head-icon {
    filter: invert(1);
    background-color: #52525273;
    display: flex;
    border-radius: 30px;
    max-width: 40px;
    width: 100%;
    height: 40px;
    padding: 10px;
}

.dish-list-check-box label, .woocommerce-terms-and-conditions-checkbox-text {font-size: 16px;}
    .dish-desp {
    flex-direction: column;
    align-items: flex-start;
    font-size: 16px;
    line-height: 1.4;
    gap: 10px;
}
    .event-dish-list h3 {
    font-size: 24px;
}
    .register-event-step-2 h2, .checkout-page-banner h1 {
    font-size: 60px;
}
.after-header-content-inner .head-icons {
    display: none;
}
table td .dish-list-check-box label , table td .dish-list-radio label{
    font-size: 0;
    border: none;
    padding: 10px;
    justify-content: center;
}
.dish-list-buttons th, .dish-list-buttons td , .event-dish-list .meal-box{
    font-size: 16px;
    line-height: 1.4;
}
.emh-tab {
    font-size: 20px;
    line-height: 1.4;
    padding: 10px 20px;
}
.cal-header {
    font-size: 28px;
}
.event-caldender-nav i {
    font-size: 16px;
}
.calendar_btn {
    width: 100%;
    text-align: center;
}
.event-caldender-nav {
    flex-wrap: wrap;
    padding: 10px 0;
}
.calendar_btn a {
    position: relative;
    justify-content: center;
    right: initial;
    transform: none;
    bottom: initial;
}
    .calendar-wrap , .event-salad-box {
    overflow: auto;
}

table.calendar {
    min-width: 900px;
}
    .event-salad-box {
    padding: 30px 20px;
}

.calendar-wrap table td, .calendar-wrap table th {
    font-size: 16px;
}
a.day-order-popup, .day-order-list a {
    padding: 5px 15px;
}
table.calendar li.day-orders > div {
    margin-top: 5px;
}
    .left-contact-title {
    position: relative;
    top: initial;
    left: initial;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.event-dash-details {
    padding: 20px;
}

.contact-information, .event-information {
    font-size: 18px;
    gap: 15px;
}

.contact-info-field h3, .event-info-field h3 {
    font-size: 18px;
}

.main_contact_details.salads-details {
    flex-direction: column;
    gap: 25px;
}

.manu-info-breads:not(:last-child) , .manager-info, .right-payment-info {padding-left: 0;border-left: 0;padding-bottom: 25px;border-bottom: 1px solid #1f4a53;}

.contact-title h2, .event-details-title h2, .manu-info-breads h2 {
    font-size: 24px;
}

.waiters-manager-info , .main-payment-details-info {
    grid-template-columns: 100%;
}

.manager-name-btn {
    padding: 8px 16px;
}
}

@media (max-width:767px) {
    .save-btn-wrap {
        width: 100%;
        order: 1;
        margin-top: 10px;
    }
	.two-cols-form {
		grid-template-columns: 100%;
	}
	.form-date-time p {
		display: block;
	}
    .dash-head-details {
        flex-wrap: wrap;
    }
	.order-short-inner {
		margin-bottom: 5px;
	}
    .woocommerce-products-grid {
        grid-row: 1;
    }
    
    div#customer_details , form.checkout.woocommerce-checkout {
        grid-template-columns: 100%;
    }
    .mobile-toggle-open , .mobile-toggle-close{
        display: block;
    }
    .dish-list-selection {
        max-height: initial;
    }
    .dish-list-steps {
        border: none;
    }
    .dish-selection-form {
        position: relative;
        grid-template-columns: 100%;
        overflow: hidden;
    }
    .col-dish-cat {
        position: absolute;
        right: -110%;
        top: 0px;
        background-color: #fff;
        z-index: 999;
        width: 100%;
        max-width: 350px;
        padding: 20px;
        box-shadow: 0 0 20px -5px #eee;
        transition: 0.2s;
    }
    .register-event-step-1 h1 , .thank-page h2{
        font-size: 48px;
    }
    .register-event-step-1 h2 , .register-event-step-2 h2, .dish-list-steps h3 , .thank-page h4, .dash-head-time , .worker-title{
        font-size: 28px;
    }
    .event-step-1-form {
        gap: 10px;
    }
    .worker-dash-body ,.worker-events-tables {
        grid-template-columns: 100%;
    }
    .worker-events-main {
        grid-row: 1;
    }
    
    .salad-prepare-table td, .salad-prepare-table th {
        font-size: 16px;
    }

    input.wpcf7-submit , .register-event-step-2 > p , input.wpcf7-submit:hover , .download-quote , .dash-head-detail-item , .salad-prepare-table th{
        font-size: 18px;
    }
    .form-col {
        padding: 0 5px;
    }
    
    .form-date-time p {
        gap: 10px;
    }
    input.back-btn {
        margin-top: 20px;
    }
    .worker-dash-head {
        flex-direction: column;
        gap: 10px;
    }
    .dishmenu-download-link {
    position: relative;
    bottom: initial;
}

.dish-option-section {flex-direction: column;}
.dish-selection-step {
    padding: 30px 0px 0 10px;
    font-size: 14px;
}
.dish-selection-step::before {
    top: 10px;
    right: 10px;
}
.dish-selection-steps {
    margin: 20px 0;
}
.dish-selection-step::after {
    top: 20px;
}
    .dish-list-check-box label, .woocommerce-terms-and-conditions-checkbox-text {
    font-size: 14px;
}
    .event-dish-list ul img, .color-bg {
    width: 40px;
    height: 40px;
}

.dish-list-check-box label {
    padding: 10px 10px 10px 25px;
}
    .dish-list-check-box label:before, .woocommerce-terms-and-conditions-checkbox-text:before {
    margin-left: 0;
    width: 15px;
    height: 15px;
    min-width: 15px;
}
    input.event-dish-btn.submit-btn, a.event-dish-btn.prev-btn, a.event-dish-btn.next-btn, .popup-modal-dismiss.im-here-btn, a.prev-dish-link {
    font-size: 16px;
    padding: 8px 12px;
}

a.save-dish-menu {
    font-size: 16px;
    padding: 8px 12px 8px 40px;
}
.event-dish-choice h4 {
    font-size: 24px;
}

.event-dish-choices-total, .checkout-total-dish {
    font-size: 16px;
}
.event-dish-btns {
    flex-wrap: wrap;
    gap: 10px;
}
.woocommerce-terms-and-conditions-checkbox-text {
    gap: 10px;
}
.woocommerce-checkout form.checkout a.button {
    padding: 14px 30px;
    font-size: 16px;
}

.woocommerce-checkout form.checkout a.button img {
    max-width: 20px;
    margin-right: 8px;
}
.order-process-btn a, .total-pay-btn a, .payment-btn-1 {
    font-size: 14px;
}

.contact-print-icon a i {
    font-size: 18px;
}
}

@media (max-width:467px) {
    .manu-info-breads tr {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 20px;
        gap: 10px;
        border-bottom: 1px solid;
        padding-bottom: 20px;
    }
    .manu-info-breads tr * {
        text-align: right;
        border: none;
        padding: 0;
    }
    .main_contact_details.salads-details {
        padding: 20px;
    }
    .manu-info-breads tr th:first-child {
        width: 100%;
    }
    .manu-info-breads tr select , .manu-info-breads tr input[type="number"] {
        width: 100px !important;
    }
    .contact-info-field {
        flex-wrap: wrap;
    
    }
    .event-information {
        margin-bottom: 20px;
    }
    .main_contact_details {
        padding: 15px;
    }
	.extra-list-2-2, .extra-list-2-0, .extra-list-2-1 .extra-list-3-0, .extra-list-3-1, .extra-list-3-2 {
    max-height: 300px;
}
	.tools-radio-option:has(.dish_color_map_selection) {
    overflow: auto;
}

.extra-list-2-2 .dish-list-radio label, .extra-list-2-0 .dish-list-radio label, .extra-list-2-1 .dish-list-radio label, .extra-list-3-0 .dish-list-radio label , .extra-list-3-1 .dish-list-radio label, .extra-list-3-2 .dish-list-radio label {
    min-width: 120px;
}
.extra-list-2-2 span.color-bg , .extra-list-2-0 span.color-bg , .extra-list-2-1 span.color-bg, .extra-list-3-0 span.color-bg, .extra-list-3-1 span.color-bg, .extra-list-3-2 span.color-bg{
    display:none;
}
    .dish-list-buttons ul, ul.dish_color_map_selection, ul.dish_napkin_color_selection {
        grid-template-columns: 100%;
    }
    input.event-dish-btn.submit-btn, a.event-dish-btn.prev-btn, a.event-dish-btn.next-btn, .popup-modal-dismiss.im-here-btn, a.prev-dish-link {
        font-size: 14px;
    }
    
    a.save-dish-menu {
        font-size: 14px;
        background-size: 16px;
        padding: 8px 12px 8px 30px;
        background-position: 10px center;
    }
}
#site-header {
    margin-left: auto;
    margin-right: auto;
}
@media(min-width:1920px){
	.worker-events-tables {
		grid-template-columns: repeat(5 , calc(20% - 23px));
	}
	.worker-dash-main .container {
		width: 100%;
	}
}