::selection {
    background-color: #db2f29;
    color: white;
}
body {
    position: relative;
    max-width: 100%;
    overflow-x: hidden;
}
.cart-table-remove-item {
    vertical-align: bottom;
}
.cart-table-remove-item i.far.fa-trash-alt {
    font-size: 15px;
}
.user-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}
a {
    color: white;
    text-decoration: none;
    background-color: transparent;
}
.content {
    width: auto !important;
}
.content-pages {
    padding-top: calc(60px + 28px);
    /*padding-top: 60px;*/
}
.carousel-caption {
    padding-top: 60px;
    text-align: left !important;
}
.container {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.pizza-order-customize {
    background: none;
    border: none;
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 0;
    padding-right: 10px;
}
.modal-login-policy {
    text-transform: uppercase;
    font-weight: bold;
}
.btn-auth-login {
    text-transform: uppercase;
    font-weight: bold;
    vertical-align: baseline;
}
.pizza-order-customize:hover {
    color: var(--common-red-hover);
    text-decoration: underline;
}
.pizza-customization-categories,
.sandwich-customization-categories {
    padding: 5px 0;
    border-bottom: 1px solid #db2f29;
    color: #db2f29;
    margin-bottom: 5px;
}
.pizza-menu-price-text {
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 10px;
}
.pizza-menu-price-text > * {
    display: inline-block;
    font-weight: bold;
}
button.customize-only.pizza-order-customize {
    border: 2px solid whitesmoke;
    font-size: 0.8125rem;
    padding-right: 8px;
}
button.customize-only.pizza-order-customize:hover {
    text-decoration: none;
    background-color: var(--common-red-hover);
    border-color: var(--common-red);
}
.menu-price-text {
    color: var(--common-green);
    font-weight: bolder;
}
.btn-primary-text {
    color: red;
}
.cover-text-business-hours {
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    color: black;
    line-height: 2;
}
.cover-text-business-hours span {
    padding: 5px 15px;
    border-radius: 3px;
    background: rgba(255,255,255,0.70);
    display: inline-flex;
    min-width: 355px;
}
.btn-cover-order-online {
    text-transform: uppercase !important;
    margin-top: 0 !important;
    background-color: var(--common-red-hover) !important;
    min-width: 200px;
}
.btn-cover-phone-number {
    text-transform: uppercase !important;
    margin-top: 15px !important;
    font-size: 12px;
}
body table.dataTable thead tr th.sorting:after {
    content: "\f0dc";
    color: var(--common-red);
    float: right;
}
body table.dataTable thead tr th.sorting_asc:after {
    content: "\f063";
    color: var(--common-red);
    float: right;
}
body table.dataTable thead tr th.sorting_desc:after {
    content: "\f062";
    color: var(--common-red);
    float: right;
}
.dataTables_wrapper.dt-bootstrap .dataTables_paginate .pagination .paginate_button.active a,
.dataTables_wrapper.dt-bootstrap4 .dataTables_paginate .pagination .paginate_button.active a {
    border-color: #d5dbe0;
    background: var(--common-red);
    color: #fff;
}
.header .header-nav .nav > li > a {
    padding: 0.625rem 0.75rem;
}
.header .header-nav .nav > li.active > a {
    color: var(--common-red);
}
.header .header-nav .nav > li > a:focus,
.header .header-nav .nav > li > a:hover {
    background: 0 0;
    color: var(--common-red);
}
.header .header-nav .nav > li.active > a:focus,
.header .header-nav .nav > li.active > a:hover {
    color: var(--common-red);
}
.carousel .carousel-inner,
.carousel .carousel-inner .carousel-item,
.carousel .carousel-inner .item,
.slider .carousel {
    min-height: 75vh;
}
.btn-primary-text:active,
.btn-primary-text:hover {
    color: white;
}
a:hover {
    color: white;
    text-decoration: none;
}
.header.header-inverse .header-nav .nav > li.active > a {
    color: var(--common-green);
}
.header .dropdown .arrow.top:after,
.header .dropdown .arrow.top:before {
    border: 7px solid transparent;
    border-bottom-color: var(--common-green);
}

.header .dropdown-menu {
    border-top: 3px solid var(--common-green);
}

.header .dropdown-menu .dropdown-item:focus,
.header .dropdown-menu .dropdown-item:hover {
    color: var(--common-green);
}
.header-container .header-logo img {
    max-height: 60px;
}
.image-caption {
    position: absolute;
    top: 15px;
    background: rgba(23, 168, 74, 0.85);
    color: #fff;
    font-weight: 600;
    padding: 5px 15px;
    margin: 0;
    right: 0;
}

.image-caption:empty {
    display: none;
}

.header .header-cart .total {
    background: var(--common-green);
}
.grid-cover-buttons {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, max-content));
    gap: 10px;
    margin-top: 20px;
}
.btn-link {
    font-weight: 400;
    color: red;
    text-decoration: none;
}

.btn-link:hover {
    color: var(--common-red);
    text-decoration: underline;
}

.btn-primary {
    background-color: var(--common-red);
    border: 2px solid var(--common-green);
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: var(--common-green-hover);
    border-color: var(--common-green);
    border-radius: 8px;
    opacity: 1;
}

.btn-primary-order {
    background-color: #db2f29;
    border-color: whitesmoke;
    border-radius: 6px;
}

.btn-primary:hover,
.btn-primary > a:hover {
    color: #fff !important;
    background-color: var(--common-red-hover) !important;
    border: 2px solid #af1d1b !important;
}
.btn-view-pdf-menu {
    text-transform: uppercase;
    color: white !important;
    margin-top: 0 !important;
    border: 2px solid var(--common-red);
    background: rgba(0, 0, 0, 0.10);

    min-width: 200px;
}
.btn-view-pdf-menu:hover,
.btn-view-pdf-menu:focus {
    border: 2px solid var(--common-red-hover) !important;
    color: black !important;
}
.btn-outline-primary {
    color: red;
    border-color: red;
}
.btn-outline-primary:hover,
.btn-outline-primary:hover > .btn-primary-text {
    color: #fff;
    background-color: var(--common-red);
    border-color: var(--common-red);
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 168, 74, 0.5);
}

.dropdown-toggle::after {
    display: none;
}

.btn-outline-primary:not(:disabled):not(.disabled):active > .btn-primary-text {
    color: purple;
}

.menu-items-reference-text {
    display: inline-flex;
    background: #db2f29;
    padding: 12px 20px;
    border-radius: 4px;
    border: 1px solid var(--common-green);
    text-transform: uppercase;
}

.menu-items-reference-text > a {
    display: inline-block;
    color: white;
    font-size: 15px;
    font-weight: bolder;
}

.menu-items-reference-text > a:focus,
.menu-items-reference-text > a:active,
.menu-items-reference-text > a:hover {
    color: var(--common-green);
}

.header .navbar-nav > li > a:focus,
.header .navbar-nav > li > a:hover {
    opacity: 0.9;
    color: whitesmoke;
    background: var(--common-green);
}

.btn-islander {
    background-color: var(--common-red-hover);
    border-color: var(--common-red);
}

.btn-islander:hover,
.btn-islander:hover > .btn-primary-text {
    border-color: whitesmoke;
}

.swal-button {
    background-color: var(--common-red);
}

.swal-button:active {
    background-color: var(--common-red-hover);
}

.alert-primary {
    color: var(--common-green);
    background-color: #e2ffe7;
    border-color: var(--common-green);
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--common-red);
    border-color: var(--common-red);
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(175, 29, 27, 0.5);
}

.btn-checkout-login,
.btn-auth-modal-login {
    min-width: 150px;
}
.btn-auth-modal-login {
    float: right;
}

.contact-phone {
    color: #fffdfd !important;
}

.contact-phone:hover {
    color: white;
    text-decoration: none;
}

.phone:hover {
    color: var(--common-red) !important;
    text-decoration-line: none;
}

.phone-footer:hover {
    color: var(--common-green) !important;
    text-decoration-line: none;
}

.address:hover {
    text-decoration: unset !important;
    color: #fff !important;
}

.google-map iframe {
    border-radius: 6px;
}

.footer-red {
    background: #db2f29;
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.footer-copyright-red {
    background: var(--common-red);
}

.footer-menu {
    font-size: 14px;
}

.footer-menu > * :hover {
    color: white;
    text-decoration: underline;
}

.footer,
.footer a {
    color: rgb(255, 255, 255);
}

.footer .list-product > li .info .price {
    color: rgba(255, 255, 255, 0.85);
}
.footer-favourites:hover > * {
    color: whitesmoke !important;
    text-decoration: underline;
}
.footer-copyright {
    color: white;
}
.footer-rdm-reference {
    color: white;
    font-weight: 400;
    vertical-align: middle;
    user-select: none;
    font-size: 12px;
    font-family: "Roc Grotesk", sans-serif;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.footer-rdm-reference a {
    color: white;
}
.footer-rdm-reference a:hover {
    text-decoration: none;
    color: white;
}
.footer-rdm-reference a img {
    max-height: 20px;
    padding-right: 5px;
}
.payment-method {
    color: white;
}
.contact-map .google-map iframe {
    width: 100%;
}
.form-control {
    font-weight: bold;
    background: whitesmoke !important;
}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #f51515;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(210, 15, 32, 0.25);
}

.form-control::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 0.8;
    font-weight: normal;
}

.required::after {
    content: " *";
    font-weight: bold;
    color: red;
}

.btn-primary.focus,
.btn-primary:focus {
    color: #fff;
    background-color: red;
    border-color: red;
    box-shadow: 0 0 0 0.2rem rgba(210, 15, 32, 0.5);
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: red;
    border-color: #ff0000;
}
.btn-cart {
    padding: .15rem .5rem;
    font-size: .75rem;
    line-height: 1.3;
    border-radius: 2px;
    background: white;
    border: 1px solid #008000;
}
.btn-cart:hover {
    border: 1px solid var(--common-red);
    color: var(--common-red);
}
.card {
    overflow: hidden;
    border-radius: 8px;
}
.card-body-specials {
    background: white;
}
.specials-card-text {
    margin-bottom: 1.25rem;
    max-height: 175px;
    height: 160px;
    min-height: 160px;
}
.card-text-menu-items {
    margin-bottom: 90px;
}
.specials-button {
    position: absolute;
    bottom: 0.875rem;
    left: 10px;
    right: 10px;
}
.menu-dropdown select {
    border: none;
}
.menu-dropdown select:focus {
    outline: none;
    border: none !important;
    box-shadow: none !important;
}
.badge-green {
    color: #fff;
    background-color: var(--common-green) !important;
    border-radius: 4px !important;
}
.badge-red {
    color: #fff;
    background-color: var(--common-red) !important;
    border: 1px solid whitesmoke;
    border-radius: 6px !important;
}
.badge-default {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.4);
}
.dropdown-specials img {
    text-decoration: unset;
    padding: 0.625rem;
    border: 1px solid #dee2e6;
    max-height: 100%;
    max-width: 100%;
    height: 3.75rem;
    display: block;
    margin: 0 auto;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    border-radius: 6px;
}

.dropdown .dropdown-brand-list > li img {
    -webkit-filter: unset;
    opacity: unset;
}
.header-cart-count:empty {
    display: none !important;
}

.dropdown-menu-cart .specials-item-image {
    float: left;
    width: 5rem;
    height: 5rem;
    overflow: hidden;
    text-align: center;
    align-items: center;
    border-radius: 4px;
    display: table-cell !important;
    vertical-align: middle;
}

.panel.panel-primary > .panel-heading {
    background: var(--common-red);
}

.dropdown-menu-cart .specials-item-info {
    width: 80%;
    padding-right: 0.75rem;
}
.dropdown .dropdown-menu-list > li > a {
    font-size: 15px;
}
.dropdown .dropdown-menu-list > li > a:focus,
.dropdown .dropdown-menu-list > li > a:hover {
    color: var(--common-green);
}
.image-item {
    border-radius: 3px;
    text-align: center;
    max-width: 100%;
    max-height: 100%;
}

.header.navbar-transparent {
    background: 0 0;
    -webkit-box-shadow: 0 1px rgba(255, 255, 255, 0.25);
    box-shadow: 0 1px rgba(255, 255, 255, 0.25);
}

.header.navbar-transparent .navbar-toggle .icon-bar,
.header.navbar-transparent.navbar-sm {
    background: #fff;
}

.header .navbar-toggle {
    position: relative;
    padding: 0.5625rem 0.9375rem;
    height: 3.75rem;
    margin: 0 0 0 0.9375rem;
    background-color: transparent;
    background-image: none;
    border: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.header.header-inverse .header-nav .nav > li.divider,
.header.header-inverse .navbar-toggle .icon-bar {
    background: rgba(255, 255, 255, 0.75);
}

.dropdown-menu-auth {
    left: 0 !important;
    right: 0 !important;
    margin-right: 0;
    width: 15rem;
}

.auth-menu .cart-item > li + li {
    padding-top: unset;
    border-top: 1px solid #dee2e6;
    margin-top: unset;
    font-weight: bolder;
}

.auth-menu li {
    padding: 0 .9375rem;
}

.auth-menu li.admin-item {
    background: lightgrey;
}

.text-primary {
    color: var(--common-red) !important;
}

a.text-primary:hover,
a.text-primary:focus {
    color: var(--common-red-hover) !important;
    text-decoration: underline;
}

.text-secondary {
    color: #333 !important;
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: var(--common-red) !important;
}

.checkout-header-text,
.checkout-footer-text {
    color: #ffffff;
    padding: unset;
    margin: auto;
    font-weight: 600;
}

.checkout .table.table-cart .cart-product .product-img,
.order-details .cart-product .product-img {
    float: left;
    width: 4rem;
}

.checkout .table.table-cart .cart-product .product-img + .product-info,
.order-details .cart-product .product-img + .product-info {
    margin-left: 5rem;
}

.checkout .table.table-cart .cart-product .product-img img,
.checkout .table.table-payment-summary .product-summary .product-summary-img img,
.order-details .cart-product .product-img img,
.order-details .product-summary-img img {
    border-radius: 4px;
    max-width: 100%;
}

.checkout .table.table-payment-summary td {
    padding-left: 0;
}

.order-details .product-info .title {
    font-size: 1rem;
    font-weight: 600;
}

.order-summary-items {
    font-size: 12px;
}

.cart-modal-total-price-wrapper {
    font-size: 16px;
    font-weight: 600;
}

.cart-table-couponcode {
    color: black;
}

.anchor-offset:before {
    display: block;
    content: "";
    height: 90px;
    margin-top: -90px;
    visibility: hidden;
}

/** CSS Loader **/
.modal-preloader {
    min-height: 200px;
    margin-top: 100px;
    text-align: center;
}
.lds-grid {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-grid div {
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #aaa;
    animation: lds-grid 1.2s linear infinite;
}

.lds-grid div:nth-child(1) {
    top: 8px;
    left: 8px;
    animation-delay: 0s;
}

.lds-grid div:nth-child(2) {
    top: 8px;
    left: 32px;
    animation-delay: -0.4s;
}

.lds-grid div:nth-child(3) {
    top: 8px;
    left: 56px;
    animation-delay: -0.8s;
}

.lds-grid div:nth-child(4) {
    top: 32px;
    left: 8px;
    animation-delay: -0.4s;
}

.lds-grid div:nth-child(5) {
    top: 32px;
    left: 32px;
    animation-delay: -0.8s;
}

.lds-grid div:nth-child(6) {
    top: 32px;
    left: 56px;
    animation-delay: -1.2s;
}

.lds-grid div:nth-child(7) {
    top: 56px;
    left: 8px;
    animation-delay: -0.8s;
}

.lds-grid div:nth-child(8) {
    top: 56px;
    left: 32px;
    animation-delay: -1.2s;
}

.lds-grid div:nth-child(9) {
    top: 56px;
    left: 56px;
    animation-delay: -1.6s;
}

@keyframes lds-grid {
    0%,
    100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

input.parsley-success,
select.parsley-success,
textarea.parsley-success {
    color: #468847;
    background: #fff !important;
    border: 1px solid #468847;
}
input.parsley-error,
select.parsley-error,
textarea.parsley-error {
    color: #b94a48;
    background: #fff !important;
    border-color: #ff5b57 !important;
}
.parsley-errors-list {
    margin: 2px 0 3px;
    padding: 0;
    list-style-type: none;
    font-size: 0.9em;
    line-height: 0.9em;
    opacity: 0;
    color: #e5603b;
    transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
}
.parsley-errors-list.filled {
    opacity: 1;
    text-align: left;
    padding-top: 5px;
    padding-left: 2px;
}
.menu-dropdown-quantity {
    padding-left: 5px !important;
}
.checkout-fulfillment {
    background: rgba(222, 222, 222, 0.75);
    padding: 1.5625rem 5rem;
    text-align: right;
    border-radius: 5px;
    border: 1px solid grey;
    margin: auto;
}
.btn-fulfillment {
    width: 15rem;
    margin: 10px 0;
}
.btn-timing {
    width: 15rem;
    margin: 10px 0;
}
.btn-timing.disabled {
    border-radius: 6px;
}
.btn-fulfillment .fa-circle:before {
    color: white;
    opacity: 0.5;
}
.fulfillment-summary-block {
    margin: 8px 16px 0;
    padding: 5px 10px 10px;
    background: white;
    border-radius: 4px;
    border: 1px solid red;
    box-shadow: 0 0 3px var(--common-red);
}
.fulfillment-choice-text {
    padding: 5px 0 0;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
}
.timing-message-prefix {
    font-size: 16px;
    padding: 0 0 3px;
}
.timing-message {
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
}

.btn-fulfillment:hover .fa-circle:before {
    color: white;
    opacity: 1;
}
.btn-fulfillment:active .fa-circle:before,
.btn-fulfillment.active .fa-circle:before,
.btn-timing:active .fa-circle:before,
.btn-timing.active .fa-circle:before {
    color: #44ff3a;
    opacity: 1;
}

.btn-timing.disabled,
.btn-timing:disabled {
    background-color: #b6c2c9 !important;
    border-color: #b6c2c9 !important;
}

.btn-fulfillment.active {
    color: #fff;
    background-color: red;
    border-color: red;
}

.checkout .cart-total {
    width: 2.0rem;
}
.checkout-price {
    width: 0;
}
.checkout-product {
    width: 50px;
}
.checkout .table.table-cart td {
    padding-right: 0;
}
.promotion {
    border-radius: 10px;
}
.special-day-message-block {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    color: black;
    line-height: 2;
}
.special-day-message-block .special-day-message {
    padding: 5px 15px;
    border-radius: 3px;
    display: inline-flex;
    /*background: rgba(255,255,255,0.70);*/
    background: dodgerblue;
    color: white;
    min-width: 355px;
}
.special-day-message-block .special-day-message:hover {
    /*background: var(--common-red-hover) !important;*/
}
.disable-delivery-message {
    margin: 10px 0;
    line-height: 2;
}
.disable-delivery-message .disable-delivery-message-text {
    text-transform: capitalize;
    padding: 5px 15px;
    border-radius: 3px;
    font-size: 18px;
    font-weight: 500;
    background: #00a1ff;
    color: white;
}
.delivery-message-textbox {
    font-size: 14px;
    border-radius: 4px;
    padding: 10px 10px;
    background-color: rgba(255, 255, 185, 0.35);
    border: 1px solid lightgrey;
    color: black;
}

.cover-page-description {
    margin-bottom: 15px;
    font-size: 26px;
    text-transform: uppercase;
    line-height: 2;
    background: rgba(23, 168, 74, 0.85);
    /*background: var(--common-green) !important;*/
    border-radius: 4px;
    font-weight: 600;
    padding: 3px 15px;
    display: inline-block;
}

.menu-section-title {
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--common-red);
}
.menu-section-title-pizza {
    margin-bottom: 0.9375rem;
    border-bottom: 1px solid var(--common-red);
}
@media screen and (max-width: 768px) {
    .google-map iframe {
        width: 100%;
        height: 200px;
    }
    .header .navbar-collapse .dropdown-menu {
        border-bottom: 3px solid var(--common-green);
    }
    .header .navbar-collapse .nav {
        border: 1px solid #dee2e6;
    }
    .ip-nav li a {
        text-align: right;
    }
    .header-cart-count {
        left: 1rem !important;
    }
    .contact-map .google-map iframe {
        height: 250px;
    }
    .container,
    .container-md,
    .container-sm {
        /*max-width: 100%;*/
    }
    .specials-card-text {
        margin-bottom: 3rem;
        height: 115px;
        min-height: 115px;
    }
    .order-summary-detail {
        padding-bottom: 1rem;
        padding-right: 0 !important;
    }
    .custom-table-column-1 {
        width: 55% !important;
    }
    .custom-table-column-2 {
        text-align: center;
        width: 20% !important;
    }
    .custom-table-column-3 {
        text-align: center !important;
        width: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .custom-table-column-4 {
        width: 2rem !important;
        padding-left: 0 !important;
    }
    .header .header-cart .total {
        position: absolute;
        right: 1rem;
        top: unset;
    }
    .header .header-cart i {
        line-height: unset;
        display: unset;
    }
    .dropdown.dropdown-hover.active {
        background: #f3f3f3;
    }
    .grid-cover-buttons {
        display: grid;
        gap: 15px;
        grid-template-areas:
            "viewPDF"
            "orderOnline";
    }
    .grid-cover-buttons-item-1  { grid-area: orderOnline; }
    .grid-cover-buttons-item-2  { grid-area: viewPDF; }
    .sticky-section-title {
        position: sticky;
        top: 60px;
        z-index: 1;
        padding: 35px 0 5px;
        background: #f2f3f4;
        border-bottom: 1px solid var(--common-red);
    }
    .sticky-section-title-pizza {
        padding: 40px 0 1px;
        margin-bottom: 5px;
    }
    .menu-section-title-pizza {
        margin-bottom: 0.15rem;
        border-bottom: unset;
    }
}
@media screen and (max-width: 575px) {
    .checkout-fulfillment {
        text-align: center;
        padding: 0 0 10px 0 ;
    }
    .btn-fulfillment,
    .btn-timing {
        width: 15rem;
    }
    .checkout .table.table-cart {
        table-layout: fixed;
    }
    .custom-table-column-1 {
        width: 55% !important;
    }
    .custom-table-column-2 {

        width: 20% !important;
    }
    .custom-table-column-3 {
        width: 10%!important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .custom-table-column-4 {
        width: 15% !important;
        padding-left: 0 !important;
    }
}
@media screen and (max-width: 388px) {
    .btn-fulfillment,
    .btn-timing {
        width: 10rem;
    }
    .custom-table-column-1 {
        width: 75% !important;
    }
    .custom-table-column-2 {
        display: none;
    }
    .custom-table-column-3 {
        display: none;
    }
    .custom-table-column-4 {
        width: 25% !important;
        padding-left: 0 !important;
    }
    .summary-container {
        width: 100%;
    }
}
@media screen and (min-width: 575px) and (max-width: 768px) {
    .checkout-fulfillment {
        text-align: center;
        padding: 5px 0 10px 0;
    }
    .btn-fulfillment,
    .btn-timing {
        width: 20rem;
    }
    .cover-page-description {
        font-size: 18px;
    }
}
@media screen and (min-width: 768px) {
    .d-xl-inline {
        display: inline !important;
    }
    .checkout-fulfillment {
        text-align: center;
        padding: 0 0 10px 0;
    }
    .btn-fulfillment,
    .btn-timing {
        margin: 15px 0;
        width: 20rem;
    }
    .btn-fulfillment.disabled {
        margin: 15px 0;
        width: 25rem;
    }
    .menu-nav-cart {
        display: none !important;
        padding-left: 5px !important;
    }
    .modal-login-policy {
        padding-right: 0 !important;
    }
}
@media screen and (min-width: 768px) and (max-width: 991.98px) {
    .specials-card-text {
        margin-bottom: 3rem;
        height: 100px;
        min-height: 100px;
    }
}
@media screen and (min-width: 992px) {
    .order-summary-items {
        font-size: 12px;
        display: none;
    }
}
@media screen and (max-width: 991.98px) {
    .header.header-fixed .navbar-collapse {
        overflow: unset;
        max-height: calc(100vh - 60px);
    }
    .header .header-cart .total {
        right: 0 !important;
    }
    .menu-dropdown-list {
        margin-left: 0 !important;
        margin-top: 0.5rem !important;
    }
    .footer-text {
        float: none;
        text-align: center !important;
    }
    .header-container .header-logo img {
        max-height: 45px;
        height: fit-content;
    }
    .cover-page-description {
        font-size: 22px !important;
    }
    .checkout .checkout-body {
        font-size: 14px !important;
    }
}
@media screen and (max-width: 1550px) {
    .google-map iframe {
        width: 100%;
        height: 275px;
    }
    .contact-map .google-map iframe {
        height: 300px;
    }
}
@media screen and (min-width: 1550px) {
    .google-map iframe {
        width: 100%;
        height: 275px;
    }
    .contact-map .google-map iframe {
        height: 300px;
    }
}
@media screen and (min-width: 1750px) {
    .google-map iframe {
        width: 150%;
        height: 300px;
    }
    .contact-map .google-map iframe {
        height: 400px;
    }
}
@media screen and (max-width: 1750px) {
    .contact-map .google-map iframe {
        height: 350px;
    }
}
@media screen and (min-width: 991px) and (max-width: 1200px) {
    .menu-dropdown-quantity {
        padding-left: 5px !important;
    }
}

.collapsing {
    transition-duration: 0.15s !important;
    transition-delay: -1s !important;
}

.modal-mixpack-drink-label {
    font-size: 15px;
    font-weight: bold;
}

.modal-mixpack-appetizer-label {
    font-size: 15px;
    font-weight: bold;
}

.modal-mixpack-drink-qty-wrapper {
    width: 110px;
}

.modal-mixpack-drink-qty-wrapper button {
    width: 35px;
}

.btn-add-to-cart.disabled,
.btn-add-to-cart:disabled,
.btn[data-action="togglePeriod"] {
    color: #dedede;
    border-color: #dedede;
}

.btn-add-to-cart:disabled:hover {
    color: #fff;
    background-color: #ccc;
    border-color: #dedede;
}

.added-item .table .product-img {
    float: left;
    width: 4rem;
}

.added-item .table .product-img img {
    width: 100%;
    border-radius: 4px;
}

.added-item .table .product-info .title {
    font-size: 1rem;
    font-weight: 600;
}

.cart-product .product-info .desc {
    font-weight: 600;
    font-size: 0.75rem;
    color: #4c4c4c !important;
}
.swal-title {
    font-size: 18px;
    margin: 15px 0 0 0 !important;
    padding: 10px 15px;
    color: black;
    font-weight: 500;

}
.swal-footer {
    margin-top: 0;
}
.swal-overlay:before {
    height: 60%;
}
.page-preload {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999999;
    background: rgba(255, 255, 255, 0.5);
}
.page-preload .modal-preloader-full-page {
    position: relative;
    height: 100vh;
}
.page-preload .modal-preloader-full-page .lds-grid {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.page-preload .modal-preloader-full-page .lds-grid-custom-msg {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: inline-block;
    width: 320px;
    height: 180px;
    text-align: center;
    font-size: 18px;
}

/** Order timing datepicker */
.bootstrap-datetimepicker-widget .glyphicon {
    font-family: "Font awesome\ 5 Free", "Font awesome\ 5 Pro", "FontAwesome", sans-serif !important;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
}

body .bootstrap-datetimepicker-widget .glyphicon {
    font-size: 14px;
}

body .bootstrap-datetimepicker-widget .glyphicon.glyphicon-chevron-up:before {
    content: "\f106";
}

body .bootstrap-datetimepicker-widget .glyphicon.glyphicon-chevron-down:before {
    content: "\f107";
}

body .bootstrap-datetimepicker-widget .glyphicon.glyphicon-chevron-left:before {
    content: "\f104";
}

body .bootstrap-datetimepicker-widget .glyphicon.glyphicon-chevron-right:before {
    content: "\f105";
}

body .bootstrap-datetimepicker-widget .glyphicon.glyphicon-time:before {
    content: "\f017";
}

body .bootstrap-datetimepicker-widget .glyphicon.glyphicon-calendar:before {
    content: "\f133";
}

body .bootstrap-datetimepicker-widget .timepicker-hour,
body .bootstrap-datetimepicker-widget .timepicker-minute,
body .bootstrap-datetimepicker-widget .timepicker-second {
    border: 1px solid #d3d8df;
    border-radius: 6px;
    display: block;
    width: 80px;
    margin: 0 auto;
    line-height: 22px;
    height: auto;
    padding: 6px 15px;
}

body .bootstrap-datetimepicker-widget .picker-switcher {
    width: 100% !important;
}

body .bootstrap-datetimepicker-widget .datepicker > div {
    display: block;
}

body .bootstrap-datetimepicker-widget.dropdown-menu {
    width: 320px;
    padding: 0;
    border-radius: 6px;
}

body .bootstrap-datetimepicker-widget a[data-action],
body .bootstrap-datetimepicker-widget.dropdown-menu {
    color: #242a30;
}

body .bootstrap-datetimepicker-widget.dropdown-menu .datepicker {
    padding: 0;
}

body .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    top: -7px;
    left: 15px;
}

body .bootstrap-datetimepicker-widget.dropdown-menu.bottom.pull-right:after {
    left: auto;
    right: 15px;
}

body .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    display: none;
}

body .bootstrap-datetimepicker-widget .collapse.in,
body .bootstrap-datetimepicker-widget .timepicker-picker table td .btn,
body .bootstrap-datetimepicker-widget .timepicker-picker table td .btn span {
    display: block;
}

body .bootstrap-datetimepicker-widget .collapse.in + .picker-switch td span {
    margin-top: 0;
    border-radius: 0 0 6px 6px;
}

body .bootstrap-datetimepicker-widget .picker-switch td span {
    display: block;
    width: auto;
    margin: -1px 0 0;
    background: #f2f3f4;
    height: 36px;
    line-height: 36px;
    border-radius: 6px 6px 0 0;
}

body .bootstrap-datetimepicker-widget .picker-switch td a {
    text-decoration: none;
}

body .bootstrap-datetimepicker-widget .picker-switch td span:hover {
    background: #e9ecef;
}

body .bootstrap-datetimepicker-widget table td span:hover,
body .bootstrap-datetimepicker-widget table td.day:hover,
body .bootstrap-datetimepicker-widget table td.hour:hover,
body .bootstrap-datetimepicker-widget table td.minute:hover,
body .bootstrap-datetimepicker-widget table td.second:hover,
body .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: #f2f3f4;
    border-radius: 0;
}

body .bootstrap-datetimepicker-widget .datepicker-days,
body .bootstrap-datetimepicker-widget .datepicker-decades,
body .bootstrap-datetimepicker-widget .datepicker-months,
body .bootstrap-datetimepicker-widget .datepicker-years,
body .bootstrap-datetimepicker-widget .table-condensed > tbody > tr > td,
body .bootstrap-datetimepicker-widget .table-condensed > thead > tr > th,
body .bootstrap-datetimepicker-widget .timepicker .datepicker-seconds,
body .bootstrap-datetimepicker-widget .timepicker .timepicker-hours,
body .bootstrap-datetimepicker-widget .timepicker .timepicker-minutes,
body .bootstrap-datetimepicker-widget .timepicker .timepicker-picker {
    padding: 5px;
}
body .bootstrap-datetimepicker-widget .datepicker-months table tbody tr td,
body .bootstrap-datetimepicker-widget .datepicker-years table tbody tr td,
body .bootstrap-datetimepicker-widget .picker-switch .table-condensed > tbody > tr > td {
    padding: 0;
}
body .bootstrap-datetimepicker-widget .datepicker-decades .decade {
    line-height: 16px !important;
    padding: 11px;
}
body .bootstrap-datetimepicker-widget button[data-action] {
    padding: 6px 15px;
}
body .bootstrap-datetimepicker-widget table td {
    height: 32px;
    width: 32px;
    line-height: 32px;
}
body .bootstrap-datetimepicker-widget .timepicker-picker table td.separator {
    width: 20px;
}
body .bootstrap-datetimepicker-widget .timepicker-picker table td,
body .bootstrap-datetimepicker-widget .timepicker-picker table td .btn span {
    width: auto;
    height: auto;
    line-height: inherit;
}
body .bootstrap-datetimepicker-widget .timepicker-picker table td {
    padding: 0 5px;
}
body .bootstrap-datetimepicker-widget .timepicker-picker table td .btn.btn-primary {
    width: 60px;
    margin-right: 10px;
}
body .bootstrap-datetimepicker-widget .timepicker-picker table td:first-child {
    padding-left: 10px;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: #e9ecef !important;
    color: #d3d3d3 !important;
    border-radius: 0 !important;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
    background: var(--common-green) !important;
    border-radius: 0 !important;
}
.bootstrap-datetimepicker-widget table td.day {
    color: var(--common-green) !important;
    font-weight: bolder;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
    color: white !important;
}

/** End order timing datepicker */

select.pasta-customize option[disabled] {
    display: none;
}
.readers-image {
     max-height: 7.50rem !important;
     outline: 2px solid white;
     border-radius: 2px;
     margin-top: 30px;
     margin-left: 4px;
     box-shadow: 0 0 10px 4px #383838;
}
#checkout-cart .checkout .checkout-footer,
#checkout-info .checkout .checkout-footer {
    text-align: left !important;
}
#checkout-cart .checkout-footer a {
    margin: 0 !important;
}
#checkout-cart .checkout-footer a:nth-child(2) {
    margin-right: 0 !important;
    margin-left: 0 !important;
    float: right !important;
}
#checkout-info .checkout-footer a:nth-child(1) {
    margin-left: 0 !important;
}
#checkout-info .checkout-footer button:nth-child(2) {
    float: right !important;
}
.order-later-time-period {
    width: clamp(40px, 5px + 10vw, 100px);
    margin-right: 10px;
    color: var(--common-green) !important;
    font-size: 26px;
    font-weight: 700;
    pointer-events: none;
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: var(--common-green);
}
.carousel .carousel-caption.carousel-caption-left {
    background: unset !important;
}
@media screen and (max-width: 380px) {
    #checkout-cart .checkout .checkout-footer,
    #checkout-info .checkout .checkout-footer {
        text-align: right !important;
    }
    #checkout-cart .checkout .checkout-footer a:nth-child(1),
    #checkout-info .checkout .checkout-footer a:nth-child(1) {
        display: none;
    }
    #checkout-cart .checkout .checkout-footer .btn:nth-child(2),
    #checkout-info .checkout .checkout-footer .btn:nth-child(2) {
        float: unset !important;
    }
    .cover-text-business-hours,
    .special-day-message {
        font-size: 14px !important;
    }
}
@media screen and (max-width: 575.98px) {
    #checkout-cart .checkout .checkout-footer,
    #checkout-info .checkout .checkout-footer {
        text-align: left;
    }
    #checkout-cart .checkout .checkout-footer .btn:nth-child(2),
    #checkout-info .checkout .checkout-footer .btn:nth-child(2) {
        /*float: right !important;*/
    }
    #checkout-summary .checkout .checkout-footer .btn {
        margin: 0;
    }
    #checkout-info .checkout .checkout-footer .btn {
        margin: unset !important;
    }
    .cover-text-business-hours span {
        display: block;
        min-width: unset;
    }
    .special-day-message-block .special-day-message {
        display: block;
        min-width: unset;
        font-size: 15px;
        padding: 5px 15px !important;
    }
}
@media screen and (max-width: 767.98px) {
    .btn-auth-login {
        display: block;
        width: 100%;
    }
    #checkout-info .form-group {
        margin-bottom: 0.5rem !important;
        margin-top: 0.25rem !important;
    }
    #checkout-info .col-form-label {
        padding-bottom: 4px !important;
        padding-top: 4px !important;
    }
    .cover-page-description {
        font-size: 22px !important;
        line-height: 1.7;
        padding: 10px 15px;
    }
    .header .header-cart .total {
        top: 15px;
    }
    .header .header-nav .nav > li > a:hover {
        background: #f7f7f7;
    }
}
@media screen and (max-width: 574.98px) {
    .carousel .carousel-caption {
        padding-top: 20px !important;
    }
    .checkout-fulfillment .btn-fulfillment,
    .checkout-fulfillment .btn-timing {
        padding: 10px 5px;
        display: block;
        width: 90%;
        font-size: 15px;
    }
    .checkout-fulfillment .btn-fulfillment:nth-child(1),
    .checkout-fulfillment .btn-timing:nth-child(1){
        margin: 15px auto;
    }
    .timing-message-prefix {
        font-size: 14px;
    }
    .btn.btn-theme {
        padding: 0.75rem 10px;
    }
    .btn-checkout-login {
        display: block;
        width: 100%;
        min-width: unset;
    }
    .btn-auth-modal-login {
        min-width: 100px;
    }
    .checkout-login-forgot-password {
        font-size: 12px;
        padding-top: 7px;
        padding-bottom: 0;
        padding-left: 0;
    }
    .form-check-input {
        margin-top: 0.10rem;
    }
    .cover-page-description {
        font-size: 18px !important;
        line-height: 1.6;
        padding: 10px 15px;
    }
    .btn-cover-order-online {
        margin-top: 0 !important;
    }
    .btn-cover-phone-number {
        margin-top: 15px !important;
    }
    .cover-text-business-hours {
        font-size: 15px;
    }
}
@media screen and (max-height: 500px) {
    .carousel .carousel-caption {
        padding-top: 20px !important;
        top: 1.25rem;
    }
    .cover-text-business-hours span {
        font-size: 12px;
    }
    .cover-page-description {
        margin-bottom: 0;
        font-size: 16px !important;
    }
    .special-day-message {
        font-size: 12px !important;
    }
}
@media screen and (max-height: 500px) and (max-width: 767.98px) {
    .cover-page-description {
        font-size: 16px !important;
    }
    .grid-cover-buttons {
        display: grid !important;
        grid-template-areas: "viewPDF orderOnline" !important;
    }
}
.main-menu .row {
    margin-right: -5px;
    margin-left: -5px;
}
.main-menu [class^="col"] {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.main-menu .card-body .badge {
    line-height: 1.25;
    white-space: break-spaces;
    text-align: left;
}
.card-body-specials {
    display: grid;
    grid-template-rows: max-content;
    position: relative;
    padding: 1.00rem !important;
}
.card-text-menu-items {
    margin-bottom: 10px !important;
}
.specials-button {
    position: unset !important;
    align-self: end !important;
}
.menu-dropdown-quantity {
    padding-left: unset !important;
}
.main-menu .item-select-grid {
    display: grid;
    gap: 5px;
    grid-template-columns: repeat(auto-fit, minmax(100px, auto));
}
#desserts .menu-dropdown-quantity {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(75px, auto));
    gap: 5px 10px;
}
@media screen and (min-width: 360px) and (max-width: 575px) {
    .main-menu .col-sm-6:nth-child(odd) {
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: 5px !important;
    }
    .main-menu .col-sm-6:nth-child(even) {
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 5px !important;
    }
    .main-menu .card-body {
        padding: 1.00rem 0.75rem 0.75rem !important;
    }
    .menu-add-to-cart {
        display: grid;
        row-gap: 5px;
        grid-template-areas:
                "add-to-order"
                "customize";
    }
    .pizza-order-customize { grid-area: customize; }
    .btn-add-to-cart-pizza { grid-area: add-to-order; }
    .menu-add-to-cart .pizza-order-customize {
        text-align: left;
        padding-top: 3px !important;
    }
    #salad .menu-add-to-cart {
        display: grid;
        gap: 5px;
    }
    .menu-add-to-cart .btn-add-to-cart-pizza,
    .menu-add-to-cart .customize-only.pizza-order-customize,
    .menu-add-to-cart .btn-add-to-cart-pasta-customize,
    .menu-add-to-cart .btn-add-to-cart-sandwich-donair,
    .menu-add-to-cart .btn-add-to-cart-appetizer-customize,
    .menu-add-to-cart .btn-add-to-cart-sandwich-calzone-customize,
    .menu-add-to-cart .btn-add-to-cart-appetizer,
    .menu-add-to-cart .btn-add-to-cart-salad,
    .menu-add-to-cart .btn-add-to-cart-salad-customize,
    .menu-add-to-cart .btn-add-to-cart-drink,
    .menu-add-to-cart .btn-add-to-cart-drink-customize,
    .menu-add-to-cart .btn-add-to-cart-dessert {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
}
.add-to-cart-modal-grid-footer {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(50px, auto)) !important;
    column-gap: 2.5rem;
    margin-top: 10px;
}
.add-to-cart-modal-grid-footer .close-modal {
    align-self: center;
    font-weight: normal;
    cursor: pointer;
}
.phone-format-note {
    font-style: italic;
    color: var(--common-red);
    font-size: 11px;
    font-weight: 600;
}