div.rpress-popup-actions .btn-count input[type="button"] {
width: 36px !important;
height: 31px !important;
padding: 0px !important;
padding-bottom: 34px !important;
}
.rpress-checkout-service-heading.is-service-delivery,
.rpress-checkout-service-head {
display: none;
}
.nav-item #nav-delivery-tab .rpress-service-tab-inner .rpress-service-tab-icon svg {
transform: scale(1.6);
}
.nav-item #nav-pickup-tab .rpress-service-tab-inner .rpress-service-tab-icon svg {
transform: scale(1.6);
vertical-align: -webkit-baseline-middle;
}
.nav-item #nav-pickup-tab .rpress-service-tab-inner .rpress-service-tab-label,
.nav-item #nav-delivery-tab .rpress-service-tab-inner .rpress-service-tab-label {
font-weight: 500;
}
.rpress-section .rpress-sidebar-cart-wrap {
max-height: 628px !important;
}
.rpress-checkout .rpress-service-tab-inner .rpress-service-tab-label:before {
content: "" !important;
width: 14px !important;
height: 14px !important;
background: url(//tiemxuquang.theme.digis.vn/wp-content/plugins/restropress/assets/svg/date.svg) no-repeat center center / contain !important;
}
.rpress-errors-wrap.disabled{
display:none;
}
.bg-gray.rpress-time-preference-wrap .rp-col-lg-12.rp-col-md-12.rp-col-sm-12.rp-col-xs-12 {
color: #f7f7f7;
}
.bg-gray.rpress-time-preference-wrap .pickup-time-text.text-left,
.bg-gray.rpress-time-preference-wrap .delivery-time-text.text-left{
color: #333333;
}
.rpress-wrap .rpress-errors-wrap.enable {
display: block;
}
.rpress-wrap .rpress-errors-wrap.disabled {
display: none;
}
.rpress-wrap .entry-content {
width: 100% !important;
display: block !important;
}
.rpress-wrap .entry-content a:hover {
-webkit-box-shadow: none !important;
}
.rpress-wrap a, .rpress-wrap a:focus, .rpress-wrap a:hover, .rpress-wrap a:visited {
outline: 0 !important;
text-decoration:none !important;
box-shadow: none !important;
}
main .singular-content-wrap{
padding-left: 0;
padding-right: 0;
}
.rpress-wrap .col-full{
margin-left: 0;
margin-right: 0;
} .rp-loading {
position: relative;
}
img[src=""] {
display: none;
}
.tata{
z-index: 9999999999999 !important;
background: #fff !important;
color: #000000 !important;
}
@media screen and (max-width: 480px) {
.tata{
width: 100% !important;
left: 0 !important;
}
}
li.cart_item.rpress_checkout .rp-loading:after {
top: 10px;
}
.rpress-sidebar-main-wrap i.fa.fa-times.close-cart-ic {
float: right;
font-size: 15px;
margin: 5px;
border-radius: 100%;
height: 20px;
width: 20px;
text-align: center;
line-height: 20px;
}
.rpress-popup-actions .submit-fooditem-button.rp-loading:after {
top:20px;
}
@keyframes lds-dual-ring {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
.rp-text-visibility,
.icon-loading-toggle{
opacity: 0 !important;
} #rpress_checkout_form_wrap span.rpress-description {
font-size: 14px !important;
}
.rpress-checkout p#rpress_show_discount {
display: block;
}
.rpress-checkout p#rpress_show_discount a{
color: #000;
}
.rpress-checkout span.rpress-discount-code-field-wrap{
display: flex;
align-items: baseline;
width: 100%;
gap: 10px;
}
#rpress_checkout_form_wrap .rpress-cart-adjustment input.rpress-input{
display: inline-block;
margin: 0;
box-sizing: border-box;
}
#rpress_checkout_form_wrap .rpress-cart-adjustment .rpress-apply-discount.rpress-submit {
padding: 0 12px;
width: auto;
height: 46px;
margin-left: 0;
border-radius: 4px;
}
.rpress-checkout input#rpress-discount {
flex: 1 1 auto;
min-width: 0;
width: 100%;
margin-bottom: 20px;
}
.rpress-checkout #rpress_checkout_form_wrap fieldset p:last-child {
display: block;
}
.tab-content>.tab-pane {
display: none;
}
.tab-content>.active {
display: block;
}
.rpress_fooditems_list{
margin-top: 25px;
}
.rp-checkout-service-option {
margin-bottom: 20px;
border-radius: 4px;
background: #fff;
box-shadow: 0px 10px 40px 0px #0000000A;
padding: 20px 15px;
}
#rpress_checkout_wrap .rpress-tabs-wrapper #rpress-tab-content {
width: 100%;
}
#rpress_checkout_wrap .delivery-settings-wrapper {
margin-top: 15px;
}
#rpress_checkout_wrap .nav#rpressdeliveryTab > li > a {
font-size: 14px;
font-weight: 500;
text-decoration: none;
}
#rpress_checkout_wrap .delivery-time-text,
#rpress_checkout_wrap .pickup-time-text{
text-align: left;
font-weight: 500;
font-size: 16px;
letter-spacing: -0.3px;
}
#rpress_checkout_wrap .rpress-delivery-options ul#rpressdeliveryTab{
padding: 0;
margin:0;
border-radius: 0;
width: 100%;
list-style: none;
display: inline-block;
border: 1px solid #d8d8d8;
background-color: transparent;
}
.rp-checkout-service-option .rpress-delivery-options ul#rpressdeliveryTab.nav>li>a {
width: 50%;
max-width: 100%;
float:left;
padding: 7px;
line-height: 29px;
} #rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options ul#rpressdeliveryTab.nav > li:only-child,
#rpress_checkout_order_details .rpress-delivery-options ul#rpressdeliveryTab.nav > li:only-child {
width: 100%;
float: none;
}
#rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options ul#rpressdeliveryTab.nav > li:only-child > a,
#rpress_checkout_order_details .rpress-delivery-options ul#rpressdeliveryTab.nav > li:only-child > a {
display: block;
width: 100%;
float: none;
}
#rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options ul#rpressdeliveryTab.nav > li:only-child.active > a,
#rpress_checkout_order_details .rpress-delivery-options ul#rpressdeliveryTab.nav > li:only-child.active > a {
background-color: var(--rpress-theme-primary, #ED5575);
color: var(--rpress-theme-primary-contrast, #fff);
}
#rpress_checkout_wrap .nav#rpressdeliveryTab > li.active > a, 
#rpress_checkout_wrap .nav#rpressdeliveryTab > li.active > a:hover, 
#rpress_checkout_wrap .nav#rpressdeliveryTab > li.active > a:focus{
background-color: var(--rpress-theme-primary, #ED5575);
color: var(--rpress-theme-primary-contrast, #fff);
}
#rpress_checkout_wrap a.btn.btn-primary.btn-block.rpress-delivery-opt-update {
background: var(--rpress-theme-primary, #ED5575);
color: var(--rpress-theme-primary-contrast, #fff);
border: 1px solid var(--rpress-theme-primary, #ED5575);
font-size: 16px;
font-weight: 500;
line-height: normal;
text-transform: capitalize;
text-decoration: none;
padding: 12px 10px;
border-radius: 100px;
width: 100%;
display: none;
margin-top: 15px;
}
#rpress_checkout_form_wrap label {
color: #191919;
font-weight: 700;
line-height: 100%;
text-transform: capitalize;
margin: 0 0 5px;
display: block;
}
#rpress_checkout_wrap div#rpress_checkout_cart_wrap h6 {
margin: 0;
font-size:16px;
}
#rpress_checkout_wrap div#rpress_checkout_cart_wrap td,
#rpress_checkout_wrap div#rpress_checkout_cart_wrap th{
border: 0px solid #d1d5db;
}
#rpress_checkout_wrap div#rpress_checkout_cart_wrap thead td,
#rpress_checkout_wrap div#rpress_checkout_cart_wrap thead th,
#rpress_checkout_wrap div#rpress_checkout_cart_wrap tbody td.rpress_cart_item_name
{
padding-right:0;
padding-left:0;
}
#rpress_checkout_wrap table tbody>tr:nth-child(odd)>td, 
#rpress_checkout_wrap table tbody>tr:nth-child(odd)>th,
#rpress_checkout_wrap table thead,
#rpress_checkout_wrap table:not( .has-background ) th
{
background-color: transparent;
}
#rpress_checkout_wrap div#rpress_checkout_cart_wrap th {
padding: 0;
display: flex;	
align-items: center;
justify-content: space-between;
text-transform: capitalize;
font-weight: 600;
font-size: 16px;
}
#rpress_checkout_wrap p#rpress_final_total_wrap {
flex-direction: row;
gap: 10px;
} .blur-content {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.8);
backdrop-filter: blur(10px);
}
p.blur-txt {
display: block;
width: 50%;
margin-left: 25%;
margin-top: 25vh;
color: #980000;
} .rpress-checkout-fields.hidden {
display: none
}
.rpress-section, .rpress-section *, .rpress-section:before, .rpress-section:after, .rpress-section *:before, .rpress-section *:after, #rp-order-details, #rp-order-details *, #rpressModal, #rpressModal * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
div.rpress-element-title, 
input[type="button"], 
input[type="text"] {
outline: none
}
html body .rpress-errors-wrap {
text-align: center;
width: 90%;
margin: 0 auto;
padding: 6px;
margin-bottom: 20px;
background: #ac2925;
color: #FFF
} .container-actionmenu {
display: none;
} .vegbg { width:20px;
height:20px;
border:2px solid #008000;
background: rgb(255, 255, 255);
border-radius: 5px;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
flex-shrink: 0;
position: absolute;
left: 0;
}
.rpress_fooditems_grid .vegbg,
.rpress_fooditems_grid .non_vegbg{
right: 0;
left: auto;
}
.veg_sub { width: 10px;
height: 10px;
background: #008000;
border-radius: 50%;
}
.non_vegbg { width:20px;
height:20px;
border:2px solid #DC0003;
background: rgb(255, 255, 255);
border-radius: 5px;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
flex-shrink: 0;
position: absolute;
left: 0;
}
.non_vegsub { width: 10px;
height: 10px;
background: #DC0003;
border-radius: 50%;
}   .make-me-sticky{
position: -webkit-sticky;
position: sticky;
top: 0;
z-index:9;
background-color:transparent;
}
.desktop-scroll-menu{
display: contents;
}
.mobile-scroll-menu{
display: none;
}
div.rpress_fooditems_grid .rpress_fooditem.rpress-list .rpress_fooditem_inner {
padding:10px 10px;
margin-bottom:0; }
.image-placeholder-disabled .rp-grid-view-wrap{
display: none;
} .rp-thankyou-page {
--rp-thankyou-accent: var(--rpress-theme-primary, #ed5575);
--rp-thankyou-accent-ink: var(--rpress-theme-primary-dark, #c83258);
--rp-thankyou-bg: #ffffff;
--rp-thankyou-surface: var(--rpress-theme-section-bg, #fff7fa);
--rp-thankyou-border: var(--rpress-theme-border-soft, #f0dfe6);
--rp-thankyou-text: #1f2b46;
--rp-thankyou-subtext: #5c6884;
max-width: 1180px;
margin: 24px auto 48px;
padding: 0 16px;
font-family: "Poppins", "Nunito Sans", "Helvetica Neue", sans-serif;
color: var(--rp-thankyou-text);
}
.rp-thankyou-hero {
position: relative;
overflow: hidden;
border-radius: 22px;
border: 1px solid var(--rp-thankyou-border);
background: linear-gradient(140deg, #ffffff 0%, var(--rp-thankyou-surface) 48%, #ffffff 100%);
padding: 30px;
display: grid;
gap: 24px;
box-shadow: 0 20px 45px rgba(31, 43, 70, 0.08);
}
.rp-thankyou-hero::before {
content: "";
position: absolute;
width: 300px;
height: 300px;
border-radius: 50%;
right: -120px;
top: -140px;
background: radial-gradient(circle at center, rgba(var(--rpress-theme-primary-rgb, 237, 85, 117), 0.18), rgba(var(--rpress-theme-primary-rgb, 237, 85, 117), 0));
}
.rp-thankyou-hero-main {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: auto 1fr;
gap: 16px;
align-items: start;
}
.rp-thankyou-check {
width: 56px;
height: 56px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 16px;
background: linear-gradient(135deg, var(--rp-thankyou-accent), var(--rpress-theme-primary-light, #ff7c98));
box-shadow: 0 10px 20px rgba(var(--rpress-theme-primary-rgb, 237, 85, 117), 0.3);
}
.rp-thankyou-check svg {
width: 28px;
height: 28px;
fill: #ffffff;
}
.rp-thankyou-kicker {
margin: 2px 0 8px;
font-size: 12px;
letter-spacing: 0.08em;
text-transform: uppercase;
font-weight: 700;
color: var(--rp-thankyou-accent-ink);
}
.rp-thankyou-hero h2 {
margin: 0;
font-size: 36px;
line-height: 1.15;
font-weight: 700;
}
.rp-thankyou-message {
margin: 12px 0 0;
font-size: 16px;
color: var(--rp-thankyou-subtext);
line-height: 1.6;
}
.rp-thankyou-message strong {
color: var(--rp-thankyou-text);
font-weight: 600;
word-break: break-word;
}
.rp-thankyou-live-status {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: auto 1fr auto;
gap: 14px;
align-items: center;
padding: 14px;
border-radius: 16px;
border: 1px solid var(--rp-thankyou-border);
background: rgba(255, 255, 255, 0.88);
}
.rp-thankyou-live-status-media {
width: 72px;
height: 72px;
flex-shrink: 0;
background: #ffffff;
border-radius: 14px;
border: 1px solid var(--rp-thankyou-border);
display: flex;
align-items: center;
justify-content: center;
}
.rp-thankyou-live-status-media img {
max-width: 56px;
max-height: 56px;
width: auto;
height: auto;
}
.rp-thankyou-live-status-content h4 {
margin: 0;
font-size: 24px;
line-height: 1.15;
font-weight: 700;
color: var(--rp-thankyou-text);
}
.rp-thankyou-live-status-content p {
margin: 0;
}
.rp-live-status-kicker {
margin: 0 0 4px;
font-size: 11px;
letter-spacing: 0.09em;
text-transform: uppercase;
font-weight: 700;
color: var(--rp-thankyou-accent-ink);
}
#rp-live-order-status-desc {
margin-top: 6px;
color: var(--rp-thankyou-subtext);
font-size: 14px;
line-height: 1.5;
}
#rp-live-status-updated {
margin-top: 6px;
font-size: 12px;
color: #707b93;
}
.rp-thankyou-live-status-actions {
display: flex;
align-items: center;
justify-content: flex-end;
}
.rp-thankyou-notify-btn {
border: 1px solid var(--rp-thankyou-accent);
background: #ffffff;
color: var(--rp-thankyou-accent-ink);
border-radius: 999px;
font-size: 13px;
line-height: 1;
font-weight: 600;
padding: 10px 14px;
cursor: pointer;
transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.rp-thankyou-notify-btn:hover,
.rp-thankyou-notify-btn:focus {
background: var(--rp-thankyou-accent);
color: #ffffff;
border-color: var(--rp-thankyou-accent);
}
.rp-thankyou-notify-btn[disabled] {
cursor: not-allowed;
opacity: 0.74;
}
.rp-thankyou-meta {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
position: relative;
z-index: 1;
}
.rp-thankyou-meta-item {
background: rgba(255, 255, 255, 0.88);
backdrop-filter: blur(2px);
border: 1px solid var(--rp-thankyou-border);
border-radius: 14px;
padding: 12px 14px;
}
.rp-thankyou-meta-item span {
display: block;
font-size: 12px;
letter-spacing: 0.05em;
text-transform: uppercase;
color: var(--rp-thankyou-subtext);
font-weight: 600;
margin-bottom: 4px;
}
.rp-thankyou-meta-item strong {
font-size: 18px;
line-height: 1.2;
font-weight: 700;
color: var(--rp-thankyou-text);
}
.rp-thankyou-details-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
margin-top: 18px;
}
.rp-thankyou-card {
background: var(--rp-thankyou-bg);
border: 1px solid #eaedf4;
border-radius: 18px;
padding: 22px 22px 20px;
box-shadow: 0 8px 22px rgba(22, 34, 60, 0.05);
}
.rp-thankyou-card h3 {
margin: 0;
font-size: 28px;
line-height: 1.2;
font-weight: 600;
}
.rp-thankyou-subhead {
margin-top: 20px !important;
}
.rp-thankyou-list {
margin: 16px 0 0;
padding: 0;
list-style: none;
}
.rp-thankyou-list li {
margin: 0;
padding: 11px 0;
border-bottom: 1px solid #f0f3f8;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
.rp-thankyou-list li:last-child {
border-bottom: 0;
padding-bottom: 0;
}
.rp-thankyou-list span {
font-size: 14px;
color: var(--rp-thankyou-subtext);
}
.rp-thankyou-list strong {
font-size: 15px;
font-weight: 600;
color: var(--rp-thankyou-text);
text-align: right;
}
.rp-thankyou-card-wide {
grid-column: 1 / -1;
}
.rp-thankyou-address {
margin: 12px 0 0;
font-size: 15px;
color: var(--rp-thankyou-subtext);
line-height: 1.6;
}
.rp-thankyou-summary {
margin-top: 18px;
}
.rp-thankyou-summary-header {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 12px;
margin-bottom: 16px;
}
.rp-thankyou-summary-header p {
margin: 0;
font-size: 15px;
font-weight: 600;
color: var(--rp-thankyou-accent-ink);
}
.rp-thankyou-table-wrap {
overflow-x: auto;
border: 1px solid #edf0f5;
border-radius: 14px;
}
.rp-thankyou-page table#rp-order-summary {
margin: 0;
border: 0;
min-width: 620px;
background: #ffffff;
}
.rp-thankyou-page table#rp-order-summary th,
.rp-thankyou-page table#rp-order-summary td {
padding: 14px 16px;
border-color: #eef1f5;
font-size: 15px;
vertical-align: top;
}
.rp-thankyou-page table#rp-order-summary thead th {
background: #f7f9fc;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #5f6a84;
}
.rp-thankyou-page table#rp-order-summary tfoot td {
font-weight: 600;
background: #fcfdff;
}
.rp-thankyou-page table#rp-order-summary .rp-bold {
color: #0f1a36;
}
.rp-thankyou-page .rpress_purchase_receipt_product_name span.rpress-main-item-name {
font-weight: 600;
display: inline-block;
margin-bottom: 2px;
}
.rp-thankyou-page .rpress_purchase_receipt_product_name .rpress-receipt-addon-item {
color: #647089;
font-size: 13px;
}
.rp-thankyou-page .rpress_purchase_receipt_product_name span:not(.rpress-main-item-name) {
display: block;
margin-top: 6px;
font-size: 12px;
font-weight: 600;
color: #5a647d;
text-transform: uppercase;
letter-spacing: 0.03em;
}
.rp-thankyou-page .rpress_purchase_receipt_product_name small {
display: block;
font-size: 13px;
color: #404c66;
}
.rp-thankyou-next {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
margin-top: 18px;
}
.rp-thankyou-next-item {
border-radius: 14px;
background: var(--rp-thankyou-surface);
border: 1px solid var(--rp-thankyou-border);
padding: 14px 16px;
}
.rp-thankyou-next-item h4 {
margin: 0;
font-size: 15px;
font-weight: 700;
}
.rp-thankyou-next-item p {
margin: 6px 0 0;
font-size: 13px;
color: var(--rp-thankyou-subtext);
line-height: 1.5;
}
.rp-live-status-toast {
position: fixed;
right: 18px;
bottom: 18px;
z-index: 9999;
max-width: min(92vw, 360px);
padding: 10px 14px;
border-radius: 12px;
background: #1f2b46;
color: #ffffff;
font-size: 14px;
line-height: 1.4;
box-shadow: 0 14px 28px rgba(18, 31, 60, 0.25);
opacity: 0;
transform: translateY(8px);
pointer-events: none;
transition: opacity 0.2s ease, transform 0.2s ease;
}
.rp-live-status-toast.is-visible {
opacity: 1;
transform: translateY(0);
}
.rp-reveal {
opacity: 0;
transform: translateY(10px);
animation: rp-thankyou-fade 0.45s ease-out forwards;
}
.rp-reveal-2 {
animation-delay: 0.08s;
}
.rp-reveal-3 {
animation-delay: 0.16s;
}
.rp-reveal-4 {
animation-delay: 0.24s;
}
@keyframes rp-thankyou-fade {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@media (prefers-reduced-motion: reduce) {
.rp-reveal {
animation: none;
opacity: 1;
transform: none;
}
}
@media only screen and (max-width: 1024px) {
.rp-thankyou-hero h2 {
font-size: 30px;
}
.rp-thankyou-live-status {
grid-template-columns: auto 1fr;
}
.rp-thankyou-live-status-actions {
grid-column: 1 / -1;
justify-content: flex-start;
}
.rp-thankyou-meta {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media only screen and (max-width: 767px) {
.rp-thankyou-page {
margin-top: 14px;
padding: 0 12px;
}
.rp-thankyou-hero {
padding: 22px 18px;
border-radius: 18px;
}
.rp-thankyou-hero-main {
grid-template-columns: 1fr;
}
.rp-thankyou-check {
width: 50px;
height: 50px;
}
.rp-thankyou-hero h2 {
font-size: 26px;
}
.rp-thankyou-live-status {
grid-template-columns: 1fr;
}
.rp-thankyou-live-status-media {
width: 64px;
height: 64px;
}
.rp-thankyou-live-status-content h4 {
font-size: 21px;
}
.rp-thankyou-notify-btn {
width: 100%;
}
.rp-live-status-toast {
left: 12px;
right: 12px;
bottom: 12px;
max-width: none;
}
.rp-thankyou-meta {
grid-template-columns: 1fr;
}
.rp-thankyou-details-grid,
.rp-thankyou-next {
grid-template-columns: 1fr;
}
.rp-thankyou-card {
border-radius: 14px;
padding: 18px 16px;
}
.rp-thankyou-summary-header {
flex-direction: column;
align-items: flex-start;
}
}
.image-placeholder-disabled .rp-col-md-8{
width: 100%;
}
.rpress_fooditems_grid .image-placeholder-disabled.rpress_fooditem_inner {
height: 100%;
}
div.rpress_fooditems_grid .image-placeholder-disabled.rpress_fooditem_inner .rpress_fooditem_excerpt p {
width: 100%;
}
div.rpress_fooditems_grid .rp-no-img-no-desc.rpress_fooditem_inner .rp-col-md-8.rp-col-xs-8.rp-col-sm-9 {
min-height: 92px;
padding-bottom: 40px;
}
div.rpress_fooditems_grid .rp-no-img-no-desc.rpress_fooditem_inner .rpress-price-holder {
bottom: 8px;
}
div.rpress_fooditems_grid .rp-no-img-no-desc.rpress_fooditem_inner .rpress-price-holder span.price {
line-height: 18px;
}
div.rpress_fooditems_grid .image-placeholder-disabled.rp-no-img.rpress_fooditem_inner .rp-col-md-8.rp-col-xs-8.rp-col-sm-9 {
min-height: 92px;
padding-bottom: 40px;
}
div.rpress_fooditems_grid .image-placeholder-disabled.rp-no-img.rpress_fooditem_inner .rpress-price-holder {
bottom: 8px;
}
div.rpress_fooditems_grid .image-placeholder-disabled.rp-no-img.rpress_fooditem_inner .rpress-price-holder span.price {
line-height: 18px;
}
.rp-no-img.rpress_fooditem_inner .rp-col-md-8 .rpress_purchase_submit_wrapper {
padding: 0;
margin: 0;
}
.rpress_fooditems_grid .rpress_fooditem_inner .rp-col-md-8.rp-col-xs-8.rp-col-sm-9{
padding-right:0;
}
.food-group-wrap {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
div.rpress_fooditems_grid .rpress_fooditem {
display: block;
box-shadow: 0px 4px 20px 0px #0000000F;
background-color: #fff;
border-radius: 12px;
height: 100%;
}
div.rpress_fooditems_grid .rpress-thumbnail-holder img {
margin-bottom:0;
border-radius: 10px;
vertical-align: middle;
}
div.rpress_fooditems_grid .rpress-title-holder h3 {
margin:3px 10px 6px 0;
line-height: 20px;
}
div.rpress_fooditems_grid .rpress_fooditem_inner .rpress_fooditem_excerpt p,
.rpress_fooditems_list .rpress_fooditem_inner .rpress_fooditem_excerpt p,
.rpress_fooditems_list .rpress_fooditem_title .food-title{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
div.rpress_fooditems_grid .rpress_fooditem_inner .rpress_fooditem_excerpt p{
width: 150px;
}
.rpress_fooditems_list .rpress_fooditem_title .food-title{
-webkit-line-clamp: 1;
}
div.rpress_fooditems_grid .has-tags .rpress_fooditem_inner .rpress_fooditem_excerpt p,
.rpress_fooditems_list .has-tags .rpress_fooditem_inner .rpress_fooditem_excerpt p{
-webkit-line-clamp: 1;
}
div.rpress_fooditems_grid .rp-col-md-4.rp-grid-view-wrap {
padding: 0;
}
.rpress_fooditem_buy_button form{
margin: 0;
}
div.rpress_fooditems_grid .rpress-price-holder {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
margin-top:8px;
position: absolute;
bottom: 0;
width: -webkit-fill-available;
}
div.rpress_fooditems_grid .rpress_purchase_submit_wrapper { line-height: normal;
text-align: unset;
margin: 0;
padding: 0;
} div.rpress_fooditems_grid .rpress_fooditem.rpress-list .rpress_purchase_submit_wrapper a.rpress-add-to-cart.rpress-submit,
div.rpress_fooditems_grid .rpress_fooditem.rpress-list .rpress_purchase_submit_wrapper a.rpress-not-available{
padding: 3px 16px;
width: auto;
height: 32px;
margin-top: 0px;
border-radius: 18px;
text-transform: uppercase;
text-decoration: none;
}
div.rpress_fooditems_list .rpress_fooditem.rpress-list .rpress_purchase_submit_wrapper a.rpress-add-to-cart.rpress-submit,
div.rpress_fooditems_list .rpress_fooditem.rpress-list .rpress_purchase_submit_wrapper a.rpress-not-available{
width: 100%;
} div.rpress-section .rpress_fooditem.rpress-list .rpress_purchase_submit_wrapper a.rpress-add-to-cart.rpress-submit.rectangle,
div.rpress-section .rpress_fooditem.rpress-list .rpress_purchase_submit_wrapper a.rpress-not-available.rectangle{
border-radius: 2px;
} div.rpress-section .rpress_fooditem.rpress-list .rpress_purchase_submit_wrapper a.rpress-add-to-cart.rpress-submit.circle,
div.rpress-section .rpress_fooditem.rpress-list .rpress_purchase_submit_wrapper a.rpress-not-available.circle{
border-radius: 100px;
padding: 0 !important;
width: 28px;
}
.rpress_fooditem.rpress-list .rpress_purchase_submit_wrapper a.rpress-not-available.circle{
background-color: #ccc;
}
.rpress_fooditem.rpress-list .rpress_purchase_submit_wrapper a.rpress-add-to-cart.rpress-submit.circle span.rpress-add-to-cart-label,
.rpress_fooditem.rpress-list .rpress_purchase_submit_wrapper a.rpress-not-available.circle span.rpress-add-to-cart-label{
display: none;
}
.rpress_fooditem.rpress-grid .rpress_purchase_submit_wrapper a.rpress-add-to-cart.rpress-submit.circle span.add-icon svg,
.rpress_fooditem.rpress-list .rpress_purchase_submit_wrapper a.rpress-add-to-cart.rpress-submit.circle span.add-icon svg{
height: -webkit-fill-available;
} div.rpress-section .rpress-cart .rpress_checkout a.th-plain,
.rpress-edit-address-popup .modal-footer button.th-plain,
.rpress-checkout fieldset#rpress_purchase_submit .rpress-submit.th-plain,
#rpressModal .rpress-popup-actions .submit-fooditem-button.th-plain,
.rpress-submit.th-plain
{
background: transparent;
background-color: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
padding: 0;
}
div.rpress-section .rpress-cart .rpress_checkout a.th-plain,
.rpress-edit-address-popup .modal-footer button.th-plain,
.rpress-checkout fieldset#rpress_purchase_submit .rpress-submit.th-plain,
#rpressModal .rpress-popup-actions .submit-fooditem-button.th-plain,
.rpress-submit.th-plain{
color:#046bd2;
text-decoration: underline !important;
text-underline-offset: 2px;
}
.rpress-submit:not(.th-plain),
.rpress-submit:not(.th-plain):hover,
.rpress-submit:not(.th-plain):focus,
.btn.btn-primary:not(.th-plain),
.btn.btn-primary:not(.th-plain):hover,
.btn.btn-primary:not(.th-plain):focus {
text-decoration: none !important;
}
.rpress-submit.th-plain:hover,
.rpress-submit.th-plain:focus,
.btn.btn-primary.th-plain:hover,
.btn.btn-primary.th-plain:focus {
background: transparent !important;
border-color: transparent !important;
color: var(--rpress-theme-primary-dark, #CD3857) !important;
text-decoration: underline !important;
}
.rpress-submit:not(.th-plain):hover,
.rpress-submit:not(.th-plain):focus,
.btn.btn-primary:not(.th-plain):hover,
.btn.btn-primary:not(.th-plain):focus {
background-color: var(--rpress-theme-primary-dark, #CD3857);
border-color: var(--rpress-theme-primary-dark, #CD3857);
color: var(--rpress-theme-primary-contrast, #fff);
}
div.rpress-section .rpress-cart .rpress_checkout a.th-rectangle,
.rpress-edit-address-popup .modal-footer button.th-rectangle,
.rpress-checkout fieldset#rpress_purchase_submit .rpress-submit.th-rectangle{
border-radius: 0px;
}
.rpress-checkout fieldset#rpress_purchase_submit .rpress-submit.th-border-radius,
#rpressModal .rpress-popup-actions .submit-fooditem-button.th-border-radius,
.rpress-submit.th-border-radius
{
border-radius: 8px;
}
.rpress-checkout fieldset#rpress_purchase_submit .rpress-submit.th-rounded,
#rpressModal .rpress-popup-actions .submit-fooditem-button.th-rounded
{
border-radius: 100px;
}
.rpress_purchase_submit_wrapper a.rpress-not-available{
cursor: default;
}
div.rpress_fooditems_grid .rpress_fooditem.rpress-list .rpress_purchase_submit_wrapper a.rpress-add-to-cart.rpress-submit:hover{
color: #282727;
background:#fff;
border: 1px solid #282727;
}
div.rpress_fooditems_grid .rpress_fooditem.rpress-list .rpress_purchase_submit_wrapper a.rpress-add-to-cart.rpress-submit.plain:hover {
border: 0px;
}
div.rpress_fooditems_grid .rpress_fooditem.rpress-list .rpress_purchase_submit_wrapper a.rpress-add-to-cart.rpress-submit:hover span.add-icon svg{
fill:#282727;
}
div.rpress_fooditems_grid .rpress-price-holder span.price {
font-size: 14px;
font-weight:600;
color: #132645;
display: flex;
align-items: center;
line-height: 0;
}
div.rpress_fooditems_grid .rpress-price-holder.too-many-adds span.price {
display: flex;
line-height: 18px;
flex-direction: column;
}
div.rpress_fooditems_grid .rpress_fooditem .rpress_price{
margin: 0;
}
div.rpress_fooditems_grid .rpress_fooditem_title .food-title {
font-weight: 600;
font-size: 18px;
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.rpress_fooditem_category {
margin: 5px 0;
}
.rpress_fooditem_category span{
border: 1.5px solid #C6C6C6;
border-radius: 100px;
padding: 3px 12px;
color: #555555;
font-size: 12px;
font-weight: 400;
} .rpress-mobile-menu-wrap{
display: none;
}
.rpress_fooditems_list.rp-col-lg-8.rp-col-md-12.rp-col-sm-12.rp-col-xs-12 {
padding-right: 0;
}
html body .rpress-section ul {
padding: 5px 0 0;
}
.rpress_fooditems_list {
position: relative;
}
.rpress_fooditems_list .rp-col-lg-8.rp-col-md-12.rp-col-sm-12.rp-col-xs-12{
padding-right: 0px;
}
div.rpress_fooditems_list .rpress_fooditem {
width: 100%;
display: block;
margin: 6px 0px;
box-shadow: 0px 4px 20px 0px #0000000F;
background-color: #fff;
border-radius: 12px;
}
div.rpress-thumbnail-holder {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.rpress_fooditems_list div.rpress-thumbnail-holder{
min-height: 150px;
min-width: 100%;
}
div.rpress_fooditems_list .rpress_fooditem:last-child {
border-bottom: none;
}
html body .rpress-section.rpress-main-fooditem-container {
float: none;
clear: both;
overflow: hidden;
}
html body .rpress_checkout_wrap {
overflow: hidden;
clear: both;
}
.food-item-list {
margin-bottom: 8px;
padding-bottom: 8px;
display: none;
border-bottom: 0.84px solid rgb(231 231 231 / 63%);
display: flex;
align-items: center;
justify-content: space-between;
}
.food-item-list label {
font-weight: 400;
display: flex;
align-items: normal;
gap: 10px;
}
div.rpress-element-title {
display: block;
clear: both;
padding: 20px 0 0;
}
.rpress_fooditems_list div.rpress-element-title {
padding: 0px 0 0;
}
.rpress-element-title span {
font-size: 14px;
line-height: 16px;
display: block;
margin-top: -10px;
margin-bottom: 20px;
}
.menu-category-wrap h5.rpress-cat {
width: 100%;
margin-bottom: 20px;
padding-top: 20px;
text-transform: capitalize;
display: block;
font-size: 20px;
font-weight: 700;
color: #191919;
}
.rpress_fooditems_list .menu-category-wrap h5.rpress-cat {
padding-top: 40px;
}
.menu-category-wrap.first-menu-category-wrap h5.rpress-cat{
padding-top: 0px;
}
div.rpress-search-wrap {
margin-left: 10px;
display: block;
clear: both;
flex-basis: unset;
flex-grow: 1;
}
div.rpress-search-wrap input#rpress-food-search {
background-image: url(//tiemxuquang.theme.digis.vn/wp-content/plugins/restropress/assets/svg/search-icon.svg);
background-repeat: no-repeat;
background-size: 17px;
background-position:12px center;
outline: none;
padding: 0 10px 0 35px;
border: 0px solid #F7F7F7;
background-color: #F7F7F7;
border-radius:50px;	
height: 39px;
line-height: 39px;
width: 100%;
min-width: 80px;
box-shadow: none;
font-size: 14px;
}
div.rpress-search-wrap input#rpress-food-search::placeholder{
color:#767876;
font-weight: 400;
}
div.rpress-element-title.not-matched {
display: none;
}
div.rpress-element-title.matched {
display: block;
}
.rpress_fooditem_inner .thumbnail-holder {
float: left;
margin-top: 4px;
}
.rpress_fooditems_list .rpress_fooditem_inner .rp-col-md-8, 
.rpress_fooditems_list .rpress_fooditem_inner .rp-col-md-4 {
padding: 0px;
} .rpress_fooditems_list .rpress-list-view-image-wrapper {
position: relative;
}
.rpress_fooditems_list .rpress_fooditem_buy_button {
position: absolute;
left: 50%;
right: auto;
bottom: -16px;
width: auto;
padding: 0;
transform: translateX(-50%);
z-index: 2;
}
.rpress_fooditems_list .rpress_purchase_submit_wrapper {
padding: 0;
margin: 0;
}
.product_not_available.rpress_fooditem {
opacity: 60%;
}
.product_not_available.rpress_fooditem .rpress-thumbnail-holder img {
filter: grayscale(1);
}
.rpress_fooditems_list h3.rpress_fooditem_title{
text-transform: capitalize;
margin-top: 30px;
margin-bottom:8px;
line-height: 20px;
padding-right: 20px;
}
.rpress_purchase_submit_wrapper {
text-align: center;
line-height: 50px;
padding: 0 8px;
margin: 0 10px;
}
.rpress-submit {
font-size: 21px;
font-weight: 500;
line-height: 1;
}
.rpress_purchase_submit_wrapper a.rpress-add-to-cart.rpress-submit.plain {
padding: 0;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
.rpress_purchase_submit_wrapper a.rpress-add-to-cart.rpress-submit.plain .add-icon {
display: none;
}
.rpress_purchase_submit_wrapper a.rpress-add-to-cart.rpress-submit.plain,
.rpress_purchase_submit_wrapper a.rpress-add-to-cart.rpress-submit.plain:hover {
background: transparent;
border: 0px;
}
.rpress_fooditem.rpress-list .rpress_fooditem_inner {
display: flex;
padding:20px 20px 20px;
width: 100%;
position: relative;
}
.rpress_fooditem.rpress-list.has-tags .rpress_fooditem_inner {
margin-bottom:0;
}
.rpress-price-holder .rpress-add-to-cart {
border-radius: 4px;
padding: 0px 10px;
}
.rpress-thumbnail-holder img {
border-radius: 10px;
width: 100%;
height: 100%;
} .rpress-thumbnail-holder+.rpress-title-holder {
padding-left: 10px;
width: -webkit-calc(100% - 120px);
width: -moz-calc(100% - 120px);
width: calc(100% - 120px);
}
.rpress_fooditems_list .rpress_fooditem.rpress-list .rpress_purchase_submit_wrapper a.rpress-add-to-cart.button,
.rpress_fooditems_list .rpress_fooditem.rpress-list .rpress_purchase_submit_wrapper a.rpress-not-available
{
color: #191919;
padding: 3px 13px;
width: 100%;
height: 35px;
border-radius: 18px;
text-transform: uppercase;
text-decoration: none;
}
.rpress_fooditem.rpress-grid .rpress_purchase_submit_wrapper span.add-icon svg,
.rpress_fooditem.rpress-list .rpress_purchase_submit_wrapper span.add-icon svg {
width: 11px;
height: auto;
} form#fooditem-details {
margin: 0 6px 0 0px;
}
.food-item-list {
margin-bottom: 8px;
display: none;
}
.food-item-list:last-child,
.food-item-list.active:last-of-type
{
border-bottom: 0 solid rgb(231 231 231 / 63%) !important;
}
.food-item-list.active {
display: flex;
}
.addon-popup-wrap .food-item-list label{
gap: 6px;
} .addon-popup-wrap .rpress-addon-category span.rp-min-addon,
.addon-popup-wrap .rpress-addon-category span.rp-max-addon{
display: block;
font-size: 12px;
}
.addon-popup-wrap .rpress-addon-category span.rp-max-addon{
margin-top: 5px;
}
.food-item-list.active .radio-container input:checked~.control__indicator:after {
display: block;
} .rp-addon-required{
background-color: #D9D9D9;
padding: 0px 12px;
border-radius: 100px;
font-size: 14px;
font-weight: 400;
height: 25px;
line-height: 24px;
display: inline-block;
}
span.rp-addon-required.rp-addon-error {
background: url(//tiemxuquang.theme.digis.vn/wp-content/plugins/restropress/assets/svg/alert.svg), #FFE4E9;
color: #DE1135;
background-repeat: no-repeat;
background-position: 9px 47%;
background-size: 13px;
padding: 3px 12px 5px 26px;
}
div#rpressModal {
z-index: 999999;
}
#rpressModal.micromodal-slide,
#rpressDateTime.micromodal-slide {
display: none !important;
position: fixed !important;
inset: 0;
}
#rpressModal.micromodal-slide.is-open,
#rpressDateTime.micromodal-slide.is-open {
display: block !important;
}
.modal__overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
display: flex;
justify-content: center;
align-items: center;
}
.modal__container {
background-color: #fff;
padding: 20px 0 0;
width: 40%;
max-height: 100vh;
border-radius: 10px 10px 0 0;
box-sizing: border-box;
}
.addon-popup-wrap .modal__container p.item-description {
overflow: visible;
text-overflow: initial;
display: block;
-webkit-line-clamp: unset;
-webkit-box-orient: initial;
white-space: normal;
margin-bottom: 5px;
} @media only screen and (min-width: 770px) and (max-width: 991px) {
.rpress_fooditems_grid .rpress-grid-main-wrap .food-group-wrap {
grid-template-columns: 1fr;
}
.rpress-section > .rpress_fooditems_grid {
width: 100%;
float: none;
}
.rpress-section > .rpress-sidebar-cart {
width: 100%;
float: none;
clear: both;
margin-top: 20px;
}
.rpress_fooditems_grid .rpress_fooditem.rpress-grid {
width: 100% !important;
}
.rpress_fooditems_grid .rpress_fooditem_inner .rpress_fooditem_excerpt p {
width: auto;
max-width: 100%;
}
}
.addon-popup-wrap header.modal__header {
padding-right: 15px;
padding-left: 15px;
padding-bottom: 20px;
}
.rpress-edit-address-popup .modal__container{
width: 30%;
border-radius:19px;
padding: 40px 0 0;
}
.modal-body {
margin-top: 30px;
margin-bottom: 30px;
padding:0 10px 0 0; }
.addon-popup-wrap .addon-modal-overlap-bg{
overflow-x: hidden;
}
.addon-popup-wrap .modal__container .addon-modal-overlap-bg{
max-height: 70vh;
overflow-y: auto;
}
.addon-popup-wrap .modal-body{
margin-top: 15px;	
}
.addon-popup-wrap .rp-row .rp-col-lg-6.rp-col-md-6.rp-col-sm-6.rp-col-xs-12:last-child{
padding-right: 0;
}
.addon-popup-wrap .modal__image-section{
display: flex;
flex-direction: column;
align-items: start;
gap:20px;
}
.addon-popup-wrap .modal__image-section img.item-image{
width: 100%;
height:267px;
object-fit: cover; }
.addon-popup-wrap .modal__title {
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
line-height:24px;
font-weight: 400;
}
.addon-popup-wrap p.item-description p{
font-weight: 400;
font-size: 16px;
}
.modal__close{
background: url(//tiemxuquang.theme.digis.vn/wp-content/plugins/restropress/assets/svg/popup-close.svg), transparent;
background-repeat: no-repeat;
background-size: 100%;
color: #494949;
border: 0;
padding: 0px;
width: 18px;
height: 18px;
position: absolute; right: 8px;
top: 10px;
box-shadow: none;
opacity:0.8;
z-index: 9;
}
.rpress-edit-address-popup .modal__close {
right: 9px;
top: 17px;
}
.modal__close:hover {
opacity: 1;
background-color: transparent;
}
.modal__content {
line-height: 1.5;
color: rgba(0, 0, 0, .8);
}
.addon-popup-wrap #fooditem-details h6,
.addon-popup-wrap #fooditem-update-details h6.rpress-addon-category {
font-size: 18px;
text-transform:capitalize;
margin: 0 0 10px 0;
padding: 10px 0 10px 0;
}
#rpressModal .modal__footer {
box-shadow: 0px -4.21px 16.85px 0px #00000019;
padding:10px;
}
.addon-popup-wrap .rp-col-md-12.md-4-top.special-margin {
padding: 10px 0;
}
#rpressModal .rpress-popup-actions .submit-fooditem-button {
color: #fff;
font-size: 16px;
letter-spacing: 0.72px;
text-transform: uppercase;
text-align: center;
font-weight: 600;
padding: 12px 15px;
position: relative;
width: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 44px;
}
#rpressModal .rpress-popup-actions .submit-fooditem-button span.cart-item-price{
font-size: 14px;
position: absolute;
right: 20px;
}
#rpressModal .rpress-popup-actions .submit-fooditem-button.th-plain {
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 6px;
width: auto !important;
max-width: 100%;
margin-left: auto;
padding: 0 !important;
min-height: 0;
line-height: 1.35 !important;
letter-spacing: 0;
text-align: center;
text-transform: none;
white-space: nowrap;
}
#rpressModal .rpress-popup-actions .submit-fooditem-button.th-plain span.cart-item-price {
position: static;
right: auto;
margin-left: 4px;
font-size: inherit;
line-height: inherit;
}
#rpressModal .btn-count {
display: inline-block;
position: relative;
float: right;
margin:5px 0 0 0;
}
div.rpress-popup-actions .btn-count input[type="button"] {
color: #a7a7a7;
background-color: #F6F6F6;
font-size: 24px;
line-height: 30px;
font-weight: 400;
width: 30px;
height: 30px;
padding: 0;
box-shadow: none;
border-radius: 100px;
}
div.rpress-popup-actions .btn-count .qtyplus-wrap,
div.rpress-popup-actions .btn-count .qtyminus-wrap{
position: absolute;
top: 6px;
right: 5px;
}
div.rpress-popup-actions .btn-count .qtyminus-wrap{
left: 5px;
}
.rpress-popup-actions .btn-count input.qty.qty-style {
text-align: center;
height: 42px;
margin-top: 0; border-radius: 24.83px;
border: none; color: #000;
padding: 0;
}
.rpress-popup-actions div.food-item-list span {
color: #191919;
}
.rpress-popup-actions div.food-item-list span.cat_price {
float: right;
font-weight: 500;
font-size: 14px
} .addon-popup-wrap .rd-option input {
display: none;
}
.addon-popup-wrap .rd-option span.control__indicator {
display: inline-block;
position: relative;
padding-left: 24px;
cursor: pointer;
position: relative;
top: 4px;
}
.addon-popup-wrap .rd-option span.control__indicator:before {
content: "";
display: block;
position: absolute;
width: 18px;
height: 18px;
left: 0;
top: 50%;
margin-top: -12px;
border:2px solid #000000;
border-radius: 100px;
}
.addon-popup-wrap .rd-option span.control__indicator:after {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
top: 50%;
left: 8px;
margin-top: 0;
background: #000000;
border-radius: 4px;
transition: 0.2s ease-in-out;
}
.addon-popup-wrap .rd-option :checked + span.control__indicator:after{
height: 8px;
width: 8px;
margin-top: -7px;
left: 5px;
}
.addon-popup-wrap .rd-option .rd-option-name{
font-size: 14px;
font-weight: 400;
text-transform:capitalize;
color: #111827;
} .addon-popup-wrap .food-item-list label.checkbox-container {
font-weight: 400;
display: inline-block;
position: relative;
padding-left: 30px;
margin-bottom: 0px;
cursor: pointer
}
.addon-popup-wrap .checkbox-container .control__indicator {
position: absolute;
top: 1px;
left: 0;
height: 18px;
width: 18px;
background: #ffffff;
margin: 0 !important;
border: 2px solid #000000;
border-radius: 3px;
transition: all 0.2s ease-in-out 0s
}
.addon-popup-wrap .view-food-item-wrap input[type="checkbox"] {
position: absolute !important;
z-index: -1;
opacity: 0;
}
.addon-popup-wrap .checkbox-container input:checked~.control__indicator {
background: #000000
}
.addon-popup-wrap .checkbox-container input:checked~.control__indicator:after {
display: block
}
.addon-popup-wrap .checkbox-container .control__indicator:after {
content: '';
position: absolute;
left: 5px;
top: 2px;
width: 5px;
height: 9px;
border: solid #fff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
display: none;
}  .bg-gray{
background-color: #F7F7F7;
padding:10px 30px;
}
.rpress-edit-address-popup .rpress-edit-address-wrap {
display: flex;
align-items: center;
justify-content: space-between;
}
.rpress-edit-address-popup h2.modal__title.modal-title {	
font-style: normal;
font-weight: 400;
font-size: 20px;
padding: 0px 40px 10px;
}
.rpress-edit-address-popup .bg-gray.rpress-edit-address-wrap p{
margin-bottom: 0;
font-size: 16px;
line-height: 16px;
color: #000000;
}
.rpress-edit-address-popup .bg-gray.rpress-edit-address-wrap span {
font-size: 14px;
color: #767676;
}
.rpress-edit-address-popup h3{
font-style: normal;
font-weight: normal;
font-size: 20px;
padding: 20px 40px 10px;
}
.rpress-edit-address-popup .rpress-time-preference-wrap {
display: flex;
align-items: stretch;
justify-content: space-between;
flex-direction: column-reverse;
padding: 30px 20px;
}
#rpressDateTime.rpress-edit-address-popup .rpress-time-preference-wrap .rp-col-lg-12,
#rpressDateTime.rpress-edit-address-popup .rpress-time-preference-wrap .rp-col-md-12,
#rpressDateTime.rpress-edit-address-popup .rpress-time-preference-wrap .rp-col-sm-12,
#rpressDateTime.rpress-edit-address-popup .rpress-time-preference-wrap .rp-col-xs-12 {
padding-left: 0;
padding-right: 0;
width: 100%;
}
#rpress_checkout_wrap .rp-checkout-service-option .rp-col-lg-12,
#rpress_checkout_wrap .rp-checkout-service-option .rp-col-md-12,
#rpress_checkout_wrap .rp-checkout-service-option .rp-col-sm-12,
#rpress_checkout_wrap .rp-checkout-service-option .rp-col-xs-12 {
padding-left: 0;
padding-right: 0;
width: 100%;
}
.rpress-edit-address-popup .rpress-time-preference-wrap .delivery-time-wrapper,
.rpress-edit-address-popup .rpress-time-preference-wrap .rpress-service-hours-row,
.rpress-edit-address-popup .rpress-time-preference-wrap .rpress-delivery-zone-wrapper {
width: 100%;
}
#rpress_checkout_wrap .rp-checkout-service-option .delivery-time-wrapper,
#rpress_checkout_wrap .rp-checkout-service-option .pickup-time-wraper,
#rpress_checkout_wrap .rp-checkout-service-option .rpress-service-hours-row,
#rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-zone-wrapper {
width: 100%;
}
.rpress-edit-address-popup .rpress-delivery-zone-wrapper input[type=text] {
width: 100%;
}
.rpress-edit-address-popup label {
color: #202427;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
margin-bottom: 6px;
display: block;
}
.rpress-edit-address-popup .delivery-time-text,
.rpress-edit-address-popup .pickup-time-text {
color: #202427;
text-align: left;
font-weight: 500;
font-size: 16px;
letter-spacing: -0.3px;
margin-bottom: 6px;
}
.rpress-edit-address-popup input[type="date"], 
.rpress-edit-address-popup input[type="time"],
select#rpress-delivery-hours,
select.rpress-pickup,
.rp-checkout-service-option select#rpress_get_pickup_dates
{
border: 1.2px solid #E3E3E3;
background-color: #fff;
border-radius: 100px;
width: 100%;
height: 40px;
padding:0 20px 0 40px;
position: relative;
color: #000;
}
#rpress_checkout_wrap select.rpress-pickup{
background-image: url(//tiemxuquang.theme.digis.vn/wp-content/plugins/restropress/assets/svg/time.svg), url("data:image/svg+xml,%3Csvg class='ast-arrow-svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='26px' height='16.043px' fill='%23334155' viewBox='57 35.171 26 16.043' enable-background='new 57 35.171 26 16.043' xml:space='preserve' %3E%3Cpath d='M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z'%3E%3C/path%3E%3C/svg%3E");
background-position: 12px 12px, 96% 50%;
background-size: 16px, 12px;
background-repeat: no-repeat;
-webkit-appearance: none;
}
.rpress-edit-address-popup input[type="date"]{
background-image:url("data:image/svg+xml,%3Csvg class='ast-arrow-svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='26px' height='16.043px' fill='%23334155' viewBox='57 35.171 26 16.043' enable-background='new 57 35.171 26 16.043' xml:space='preserve' %3E%3Cpath d='M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z'%3E%3C/path%3E%3C/svg%3E");
background-size: 12px;
background-repeat: no-repeat;
background-position:96% 50%;
margin-bottom: 20px;
outline: 0;
}
select#rpress-delivery-hours{
background-image: url(//tiemxuquang.theme.digis.vn/wp-content/plugins/restropress/assets/svg/time.svg), url("data:image/svg+xml,%3Csvg class='ast-arrow-svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='26px' height='16.043px' fill='%23334155' viewBox='57 35.171 26 16.043' enable-background='new 57 35.171 26 16.043' xml:space='preserve' %3E%3Cpath d='M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z'%3E%3C/path%3E%3C/svg%3E");
background-size: 16px, 12px;
background-repeat: no-repeat;
background-position: 12px 12px, 96% 50%;
outline: 0;
-webkit-appearance: none;
}
.rpress-edit-address-popup input[type="date"]::-webkit-inner-spin-button,
.rpress-edit-address-popup input[type="date"]::-webkit-calendar-picker-indicator {
display: none;
-webkit-appearance: none;
}
div#rpressDateTime .delivery-time-wrapper select#rpress_get_pickup_dates,
.delivery-time-wrapper select#rpress_get_delivery_dates,
.rp-checkout-service-option select#rpress_get_pickup_dates
{
background-image: url(//tiemxuquang.theme.digis.vn/wp-content/plugins/restropress/assets/svg/date.svg), url("data:image/svg+xml,%3Csvg class='ast-arrow-svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='26px' height='16.043px' fill='%23334155' viewBox='57 35.171 26 16.043' enable-background='new 57 35.171 26 16.043' xml:space='preserve' %3E%3Cpath d='M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z'%3E%3C/path%3E%3C/svg%3E");
background-position: 12px 12px, 96% 50%;
background-size: 16px, 12px;
background-repeat: no-repeat;
-webkit-appearance: none;
padding-left: 40px;
border-radius: 100px;
width:100%;
height: 40px;
border: 1.2px solid #E3E3E3;
}
.rpress-edit-address-popup .rpress-delivery-zone-wrapper input[type=text]{
border-radius: 100px;
border: 1.2px solid #E3E3E3;
background-color: #fff;
box-shadow: none;
}
.delivery-time-wrapper select#rpress_get_delivery_dates{
padding:0 0 0 40px;
}
div#rpressDateTime .delivery-time-wrapper select#rpress_get_pickup_dates:focus,
.delivery-time-wrapper select#rpress_get_delivery_dates{
outline:0;
}
.rpress-edit-address-popup input[type="date"]:before{
content: '';
background:url(//tiemxuquang.theme.digis.vn/wp-content/plugins/restropress/assets/svg/date.svg);
background-size: 16px;
background-repeat: no-repeat;
position: absolute;
left: 12px;
top: 11px;
height: 20px;
width: 20px;
}
.d-flex{
display: flex;
align-items: center;
gap: 20px;
}
.rpress-edit-address-popup .modal-footer button{
font-size: 14px;
font-weight: 500;
line-height: normal;
text-transform: capitalize;
padding: 8px 18px;
border-radius: 100px;
}
.rpress-edit-address-popup button.rpress-editaddress-cancel-btn{
background: #F1F1F1;
color: #A7A7A7;
border: 1px solid #F1F1F1;
margin-right: 5px;
}
.rpress-edit-address-popup .modal-footer {
padding: 20px 20px;
text-align: end;
} .rpress-options-row p.rpress_order-address-wrap .rpress-location-pin-wrap {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
border-radius: 50%;
flex: 0 0 auto;
background: linear-gradient(140deg, var(--rpress-theme-primary, #ed5575) 0%, var(--rpress-theme-primary-light, #ff7b5f) 100%);
box-shadow: 0 0 0 2px rgba(var(--rpress-theme-primary-rgb, 237, 85, 117), 0.22), 0 6px 14px rgba(var(--rpress-theme-primary-rgb, 237, 85, 117), 0.28);
animation: rp-location-pin-blink 1.7s ease-in-out infinite;
}
.rpress-options-row p.rpress_order-address-wrap .rpress-location-pin-pulse {
position: absolute;
inset: -2px;
border: 2px solid rgba(var(--rpress-theme-primary-rgb, 237, 85, 117), 0.45);
border-radius: 999px;
animation: rp-location-pin-glow 1.7s ease-out infinite;
}
.rpress-options-row p.rpress_order-address-wrap .rpress-location-pin {
position: relative;
z-index: 1;
display: block;
width: 12px;
height: 12px;
color: #ffffff;
fill: currentColor;
}
@keyframes rp-location-pin-glow {
0% {
transform: scale(0.72);
opacity: 0.85;
}
70% {
transform: scale(1.5);
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes rp-location-pin-blink {
0%,
100% {
filter: brightness(1);
}
50% {
filter: brightness(1.22);
}
}
@media (prefers-reduced-motion: reduce) {
.rpress-options-row p.rpress_order-address-wrap .rpress-location-pin-wrap,
.rpress-options-row p.rpress_order-address-wrap .rpress-location-pin-pulse {
animation: none;
}
}
#rpressDateTime.rpress-edit-address-popup .modal__container {
width: min(92vw, 520px);
max-width: 520px;
padding: 20px 0 0;
border-radius: 20px;
box-shadow: 0 18px 40px rgba(17, 24, 39, 0.20);
}
#rpressDateTime.rpress-edit-address-popup .modal__header {
padding: 0 16px 4px;
}
#rpressDateTime.rpress-edit-address-popup .rpress-popup-header-copy {
padding: 8px 28px 6px;
}
#rpressDateTime.rpress-edit-address-popup .rpress-popup-header-copy h3 {
margin: 0;
padding: 0;
font-size: 28px;
font-weight: 700;
line-height: 1.25;
letter-spacing: -0.3px;
color: #111827;
}
#rpressDateTime.rpress-edit-address-popup .rpress-popup-subtext {
margin: 8px 0 0;
font-size: 14px;
line-height: 1.45;
color: #6b7280;
}
#rpressDateTime.rpress-edit-address-popup .rpress-time-preference-wrap {
display: flex;
flex-direction: column;
justify-content: flex-start;
padding: 20px 24px 12px;
gap: 16px;
align-items: stretch;
background: #f8fafc;
border-top: 1px solid #eceff3;
border-bottom: 1px solid #eceff3;
}
#rpressDateTime.rpress-edit-address-popup .rpress-time-preference-wrap .rpress-delivery-zone-wrapper {
display: block;
width: 100%;
max-width: 100%;
min-width: 0;
}
#rpressDateTime.rpress-edit-address-popup .rpress-time-preference-wrap .rpress-delivery-zone-wrapper label {
display: block;
width: 100%;
max-width: 100%;
}
#rpressDateTime.rpress-edit-address-popup .rpress-time-preference-wrap .rpress-delivery-zone-wrapper input[type="text"],
#rpressDateTime.rpress-edit-address-popup .rpress-time-preference-wrap .rpress-delivery-zone-wrapper #rp_delivery_location,
#rpressDateTime.rpress-edit-address-popup .rpress-time-preference-wrap .rpress-delivery-zone-wrapper #rp_delivery_zone {
display: block;
width: 100% !important;
max-width: none !important;
min-width: 0;
box-sizing: border-box;
}
#rpressDateTime.rpress-edit-address-popup .rpress-time-preference-wrap .rpress-service-hours-row select#rpress_get_delivery_dates,
#rpressDateTime.rpress-edit-address-popup .rpress-time-preference-wrap .rpress-service-hours-row select#rpress_get_pickup_dates,
#rpressDateTime.rpress-edit-address-popup .rpress-time-preference-wrap .rpress-service-hours-row select#rpress-delivery-hours {
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
#rpressDateTime.rpress-edit-address-popup .rpress-service-type-message {
padding-bottom: 12px;
border-bottom: 1px solid #e6e9ef;
margin-bottom: 2px;
}
#rpressDateTime.rpress-edit-address-popup .rpress-service-type-message .rpress-delivery-options ul#rpressdeliveryTab {
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #ebebeb;
background-color: #ebebeb;
list-style: none;
border-radius: 50px;
padding: 4px 5px 5px;
margin: 0;
min-height: 36px;
}
#rpressDateTime.rpress-edit-address-popup .rpress-service-type-message .rpress-delivery-options ul#rpressdeliveryTab > li.nav-item {
list-style: none;
flex: 1 1 0;
}
#rpressDateTime.rpress-edit-address-popup .rpress-service-type-message .rpress-delivery-options ul#rpressdeliveryTab > li.nav-item:before,
#rpressDateTime.rpress-edit-address-popup .rpress-service-type-message .rpress-delivery-options ul#rpressdeliveryTab > li.nav-item.active + li.nav-item:before {
content: none;
}
#rpressDateTime.rpress-edit-address-popup .rpress-service-type-message .rpress-delivery-options ul#rpressdeliveryTab > li.nav-item > a.nav-link {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 30px;
padding: 0 14px;
line-height: 1.2;
border-radius: 999px;
font-weight: 500;
}
#rpressDateTime.rpress-edit-address-popup .rpress-service-type-message .rpress-delivery-options ul#rpressdeliveryTab > li.nav-item.active > a.nav-link {
background-color: #ffffff;
color: #1f1f1f;
box-shadow: 0 0 0 1px rgba(var(--rpress-theme-primary-rgb, 237, 85, 117), 0.35), 0 4px 10px rgba(0, 0, 0, 0.10);
font-weight: 700;
}
#rpressDateTime.rpress-edit-address-popup .rpress-popup-service-content > .delivery-settings-wrapper {
display: none;
}
#rpressDateTime.rpress-edit-address-popup .rpress-popup-service-content > .delivery-settings-wrapper.active.show {
display: block;
}
#rpressDateTime.rpress-edit-address-popup .rpress-service-type-message p.rpress_order-address-wrap {
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 999px;
padding: 9px 14px;
gap: 8px;
}
#rpressDateTime.rpress-edit-address-popup #rpressDateTime-content > p.rpress_order-address-wrap {
display: none;
}
#rpressDateTime.rpress-edit-address-popup .rpress-service-type-message #editDateTime {
display: none;
}
#rpressDateTime.rpress-edit-address-popup .modal-footer {
padding: 16px 24px 22px;
border-top: 1px solid #eceff3;
background: #fff;
}
#rpressDateTime.rpress-edit-address-popup .modal-footer button {
min-width: 96px;
height: 42px;
font-weight: 600;
}
#rpressDateTime.rpress-edit-address-popup button.rpress-editaddress-cancel-btn {
background: #f1f5f9;
color: #64748b;
border-color: #f1f5f9;
}
#rpressDateTime.rpress-edit-address-popup button.rpress-editaddress-submit-btn {
background: linear-gradient(135deg, var(--rpress-theme-primary-light, #f34776) 0%, var(--rpress-theme-primary, #ed5575) 100%);
border: 1px solid var(--rpress-theme-primary, #ed5575);
color: var(--rpress-theme-primary-contrast, #fff);
}
body:not(.rp-old-ui-ux-enabled) #rpressDateTime.rpress-edit-address-popup button.rpress-editaddress-submit-btn {
background: var(--rpress-theme-primary, #ed5575);
border-color: var(--rpress-theme-primary, #ed5575);
}
#rpressDateTime.rpress-edit-address-popup .rpress-service-type-message:empty {
display: none;
}
#rpressDateTime.rpress-edit-address-popup button.rpress-editaddress-submit-btn:disabled {
opacity: 0.55;
cursor: not-allowed;
} @keyframes mmfadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes mmfadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes mmslideIn {
from {
transform: translateY(15%);
}
to {
transform: translateY(0);
}
}
@keyframes mmslideOut {
from {
transform: translateY(0);
}
to {
transform: translateY(-10%);
}
}
.micromodal-slide {
display: none;
}
.micromodal-slide.is-open {
display: block;
z-index: 99;
position: absolute;
}
.micromodal-slide[aria-hidden="false"] .modal__overlay {
animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.micromodal-slide[aria-hidden="false"] .modal__container {
animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
}
.micromodal-slide[aria-hidden="true"] .modal__overlay {
animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.micromodal-slide[aria-hidden="true"] .modal__container {
animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
}
.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
will-change: transform;
} body.rp-old-ui-ux-enabled .show-service-options .modal__container {
width: 415px;
--rp-old-ui-service-active-bg: var(--rpress-theme-primary, #ed5575);
--rp-old-ui-service-active-text: #ffffff;
--rp-old-ui-service-inactive-bg: #f1f1f1;
--rp-old-ui-service-inactive-text: var(--rpress-theme-primary, #ed5575);
--rp-old-ui-service-hover-bg: rgba(var(--rpress-theme-primary-rgb, 237,85,117), 0.18);
--rp-old-ui-service-hover-text: var(--rpress-theme-primary, #ed5575);
}
body.rp-old-ui-ux-enabled #rpressModal.show-service-options .modal__footer {
display: none;
}
body.rp-old-ui-ux-enabled #rpressModal.show-service-options .modal__image-section {
display: none !important;
}
body.rp-old-ui-ux-enabled #rpressModal.show-service-options .rpress-delivery-options ul#rpressdeliveryTab {
display: flex;
align-items: stretch;
justify-content: space-between;
list-style: none;
border: 1px solid #e6e6e6;
background-color: #efefef;
border-radius: 6px;
padding: 4px;
margin: 0 0 12px;
}
body.rp-old-ui-ux-enabled #rpressModal.show-service-options .rpress-delivery-options ul#rpressdeliveryTab > li.nav-item {
list-style: none;
flex: 1 1 50%;
margin: 0;
padding: 0;
border-radius: 6px;
overflow: hidden;
background-color: var(--rp-old-ui-service-inactive-bg);
}
body.rp-old-ui-ux-enabled #rpressModal.show-service-options .rpress-delivery-options ul#rpressdeliveryTab > li.nav-item:before,
body.rp-old-ui-ux-enabled #rpressModal.show-service-options .rpress-delivery-options ul#rpressdeliveryTab > li.nav-item.active + li.nav-item:before {
content: none !important;
}
body.rp-old-ui-ux-enabled #rpressModal.show-service-options .rpress-delivery-options ul#rpressdeliveryTab > li.nav-item > a.nav-link {
display: block;
width: 100%;
text-align: center;
padding: 10px 12px;
border-radius: 0;
line-height: 1.2;
color: var(--rp-old-ui-service-inactive-text);
font-weight: 500;
position: relative;
z-index: 2;
background-color: transparent;
}
body.rp-old-ui-ux-enabled #rpressModal.show-service-options .rpress-delivery-options ul#rpressdeliveryTab > li.nav-item.active {
background-color: var(--rp-old-ui-service-active-bg);
}
body.rp-old-ui-ux-enabled #rpressModal.show-service-options .rpress-delivery-options ul#rpressdeliveryTab > li.nav-item.active > a.nav-link {
color: var(--rp-old-ui-service-active-text);
font-weight: 700;
}
body.rp-old-ui-ux-enabled #rpressModal.show-service-options .rpress-delivery-options ul#rpressdeliveryTab > li.nav-item:not(.active):hover {
background-color: var(--rp-old-ui-service-hover-bg);
}
body.rp-old-ui-ux-enabled #rpressModal.show-service-options .rpress-delivery-options ul#rpressdeliveryTab > li.nav-item:not(.active):hover > a.nav-link {
color: var(--rp-old-ui-service-hover-text);
}
body.rp-old-ui-ux-enabled #rpressModal.show-service-options .rpress-delivery-options ul#rpressdeliveryTab > li.nav-item > a.nav-link:hover,
body.rp-old-ui-ux-enabled #rpressModal.show-service-options .rpress-delivery-options ul#rpressdeliveryTab > li.nav-item > a.nav-link:focus {
background-color: transparent;
}
body.rp-old-ui-ux-enabled #rpressModal.show-service-options .delivery-time-text,
body.rp-old-ui-ux-enabled #rpressModal.show-service-options .pickup-time-text,
body.rp-old-ui-ux-enabled #rpressDateTime.rpress-edit-address-popup .delivery-time-text,
body.rp-old-ui-ux-enabled #rpressDateTime.rpress-edit-address-popup .pickup-time-text {
text-align: left !important;
}
body.rp-old-ui-ux-enabled #rpressModal.show-service-options label,
body.rp-old-ui-ux-enabled #rpressDateTime.rpress-edit-address-popup label {
text-align: left;
display: block;
}
body.rp-old-ui-ux-enabled #rpressModal.show-service-options select#rpress-delivery-hours,
body.rp-old-ui-ux-enabled #rpressModal.show-service-options select#rpress-pickup-hours,
body.rp-old-ui-ux-enabled #rpressModal.show-service-options select.rpress-pickup,
body.rp-old-ui-ux-enabled #rpressDateTime.rpress-edit-address-popup select#rpress-delivery-hours,
body.rp-old-ui-ux-enabled #rpressDateTime.rpress-edit-address-popup select#rpress-pickup-hours,
body.rp-old-ui-ux-enabled #rpressDateTime.rpress-edit-address-popup select.rpress-pickup {
background-image: url(//tiemxuquang.theme.digis.vn/wp-content/plugins/restropress/assets/svg/time.svg), url("data:image/svg+xml,%3Csvg class='ast-arrow-svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='26px' height='16.043px' fill='%23334155' viewBox='57 35.171 26 16.043' enable-background='new 57 35.171 26 16.043' xml:space='preserve' %3E%3Cpath d='M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z'%3E%3C/path%3E%3C/svg%3E");
background-position: 12px 12px, 96% 50%;
background-size: 16px, 12px;
background-repeat: no-repeat;
padding-left: 40px;
-webkit-appearance: none;
}
body.rp-old-ui-ux-enabled #rpressModal.show-service-options input[type="time"],
body.rp-old-ui-ux-enabled #rpressDateTime.rpress-edit-address-popup input[type="time"] {
background-image: url(//tiemxuquang.theme.digis.vn/wp-content/plugins/restropress/assets/svg/time.svg);
background-position: 12px 50%;
background-size: 16px;
background-repeat: no-repeat;
padding-left: 40px;
}
body.rp-old-ui-ux-enabled #rpressModal.show-service-options input[type="date"],
body.rp-old-ui-ux-enabled #rpressDateTime.rpress-edit-address-popup input[type="date"] {
background-image: url(//tiemxuquang.theme.digis.vn/wp-content/plugins/restropress/assets/svg/date.svg);
background-position: 12px 50%;
background-size: 16px;
background-repeat: no-repeat;
padding-left: 40px;
}
body.rp-old-ui-ux-enabled #rpressModal.show-service-options select#rpress_get_pickup_dates,
body.rp-old-ui-ux-enabled #rpressModal.show-service-options select#rpress_get_delivery_dates,
body.rp-old-ui-ux-enabled #rpressModal.show-service-options select.rpress_get_pickup_dates,
body.rp-old-ui-ux-enabled #rpressModal.show-service-options select.rpress_get_delivery_dates,
body.rp-old-ui-ux-enabled #rpressDateTime.rpress-edit-address-popup select#rpress_get_pickup_dates,
body.rp-old-ui-ux-enabled #rpressDateTime.rpress-edit-address-popup select#rpress_get_delivery_dates,
body.rp-old-ui-ux-enabled #rpressDateTime.rpress-edit-address-popup select.rpress_get_pickup_dates,
body.rp-old-ui-ux-enabled #rpressDateTime.rpress-edit-address-popup select.rpress_get_delivery_dates {
background-image: url(//tiemxuquang.theme.digis.vn/wp-content/plugins/restropress/assets/svg/date.svg), url("data:image/svg+xml,%3Csvg class='ast-arrow-svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='26px' height='16.043px' fill='%23334155' viewBox='57 35.171 26 16.043' enable-background='new 57 35.171 26 16.043' xml:space='preserve' %3E%3Cpath d='M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z'%3E%3C/path%3E%3C/svg%3E");
background-position: 12px 12px, 96% 50%;
background-size: 16px, 12px;
background-repeat: no-repeat;
padding-left: 40px;
-webkit-appearance: none;
}
body.rp-old-ui-ux-enabled #rpressModal.show-service-options a.btn.btn-primary.btn-block.rpress-delivery-opt-update {
display: block;
width: 100%;
margin-top: 12px;
padding: 10px 14px;
border-radius: 6px;
text-align: center;
background: var(--rpress-theme-primary, #ed5575);
border-color: var(--rpress-theme-primary, #ed5575);
color: #fff;
}
body.rp-old-ui-ux-enabled #rpressModal.show-service-options .rpress-time-wrap > .rpress-service-date-row,
body.rp-old-ui-ux-enabled #rpressModal.show-service-options .rpress-time-wrap > .rpress-service-hours-row,
body.rp-old-ui-ux-enabled #rpressModal.show-service-options .rpress-service-date-row-extension .rp-col-lg-12,
body.rp-old-ui-ux-enabled #rpressModal.show-service-options .rpress-service-date-row-extension .rp-col-md-12,
body.rp-old-ui-ux-enabled #rpressModal.show-service-options .rpress-service-date-row-extension .rp-col-sm-12,
body.rp-old-ui-ux-enabled #rpressModal.show-service-options .rpress-service-date-row-extension .rp-col-xs-12,
body.rp-old-ui-ux-enabled #rpressModal.show-service-options .rpress-service-date-row-extension .delivery-time-wrapper,
body.rp-old-ui-ux-enabled #rpressModal.show-service-options .rpress-service-date-row-extension .pickup-time-wraper {
width: 100%;
min-width: 0;
margin: 0;
padding: 0;
}
body.rp-old-ui-ux-enabled #rpressModal.show-service-options .rpress-service-date-row-extension .delivery-time-wrapper,
body.rp-old-ui-ux-enabled #rpressModal.show-service-options .rpress-service-date-row-extension .pickup-time-wraper,
body.rp-old-ui-ux-enabled #rpressModal.show-service-options .rpress-service-hours-row {
display: flex;
flex-direction: column;
gap: 6px;
}
body.rp-old-ui-ux-enabled #rpressModal.show-service-options .rpress-service-date-row-extension select#rpress_get_delivery_dates,
body.rp-old-ui-ux-enabled #rpressModal.show-service-options .rpress-service-date-row-extension select#rpress_get_pickup_dates,
body.rp-old-ui-ux-enabled #rpressModal.show-service-options .rpress-service-date-row-extension select.rpress_get_delivery_dates,
body.rp-old-ui-ux-enabled #rpressModal.show-service-options .rpress-service-date-row-extension select.rpress_get_pickup_dates {
width: 100%;
} body.rp-old-ui-ux-enabled #rpressModal.show-service-options,
body.rp-old-ui-ux-enabled #rpressDateTime.rpress-edit-address-popup {
--rp-old-ui-modal-rect-radius: var(--rpress-default-control-radius, 6px);
}
body.rp-old-ui-ux-enabled #rpressModal.show-service-options .rpress-tabs-wrapper #rpress-tab-content {
width: 100%;
margin: 0;
}
body.rp-old-ui-ux-enabled #rpressModal.show-service-options .rpress-delivery-options ul#rpressdeliveryTab,
body.rp-old-ui-ux-enabled #rpressModal.show-service-options .rpress-delivery-options ul#rpressdeliveryTab > li.nav-item > a.nav-link,
body.rp-old-ui-ux-enabled #rpressModal.show-service-options input[type="text"],
body.rp-old-ui-ux-enabled #rpressModal.show-service-options input[type="date"],
body.rp-old-ui-ux-enabled #rpressModal.show-service-options input[type="time"],
body.rp-old-ui-ux-enabled #rpressModal.show-service-options input[type="email"],
body.rp-old-ui-ux-enabled #rpressModal.show-service-options input[type="tel"],
body.rp-old-ui-ux-enabled #rpressModal.show-service-options input[type="number"],
body.rp-old-ui-ux-enabled #rpressModal.show-service-options input[type="button"],
body.rp-old-ui-ux-enabled #rpressModal.show-service-options input[type="submit"],
body.rp-old-ui-ux-enabled #rpressModal.show-service-options input[type="reset"],
body.rp-old-ui-ux-enabled #rpressModal.show-service-options select,
body.rp-old-ui-ux-enabled #rpressModal.show-service-options textarea,
body.rp-old-ui-ux-enabled #rpressModal.show-service-options button,
body.rp-old-ui-ux-enabled #rpressModal.show-service-options .btn,
body.rp-old-ui-ux-enabled #rpressModal.show-service-options a.btn.btn-primary.btn-block.rpress-delivery-opt-update,
body.rp-old-ui-ux-enabled #rpressDateTime.rpress-edit-address-popup input[type="text"],
body.rp-old-ui-ux-enabled #rpressDateTime.rpress-edit-address-popup input[type="date"],
body.rp-old-ui-ux-enabled #rpressDateTime.rpress-edit-address-popup input[type="time"],
body.rp-old-ui-ux-enabled #rpressDateTime.rpress-edit-address-popup input[type="email"],
body.rp-old-ui-ux-enabled #rpressDateTime.rpress-edit-address-popup input[type="tel"],
body.rp-old-ui-ux-enabled #rpressDateTime.rpress-edit-address-popup input[type="number"],
body.rp-old-ui-ux-enabled #rpressDateTime.rpress-edit-address-popup input[type="button"],
body.rp-old-ui-ux-enabled #rpressDateTime.rpress-edit-address-popup input[type="submit"],
body.rp-old-ui-ux-enabled #rpressDateTime.rpress-edit-address-popup input[type="reset"],
body.rp-old-ui-ux-enabled #rpressDateTime.rpress-edit-address-popup select,
body.rp-old-ui-ux-enabled #rpressDateTime.rpress-edit-address-popup textarea,
body.rp-old-ui-ux-enabled #rpressDateTime.rpress-edit-address-popup button,
body.rp-old-ui-ux-enabled #rpressDateTime.rpress-edit-address-popup .btn,
body.rp-old-ui-ux-enabled #rpressDateTime.rpress-edit-address-popup .single-service-selected {
border-radius: var(--rp-old-ui-modal-rect-radius) !important;
}
body.rp-old-ui-ux-enabled #rpressModal.show-service-options .delivery-settings-wrapper.active.show .rpress-time-wrap {
display: flex !important;
flex-direction: column !important;
gap: 12px !important;
align-items: stretch !important;
}
body.rp-old-ui-ux-enabled #rpressModal.show-service-options .rpress-time-wrap > .rpress-service-date-row,
body.rp-old-ui-ux-enabled #rpressModal.show-service-options .rpress-time-wrap > .rpress-service-hours-row {
flex: 0 0 auto !important;
width: 100% !important;
max-width: 100% !important;
}
body.rp-old-ui-ux-enabled #rpressModal.show-service-options .delivery-time-text,
body.rp-old-ui-ux-enabled #rpressModal.show-service-options .pickup-time-text {
margin: 0 0 6px !important;
font-size: 18px !important;
line-height: 1.25 !important;
font-weight: 400 !important;
color: #333 !important;
}
body.rp-old-ui-ux-enabled #rpressModal.show-service-options select#rpress_get_delivery_dates,
body.rp-old-ui-ux-enabled #rpressModal.show-service-options select#rpress_get_pickup_dates,
body.rp-old-ui-ux-enabled #rpressModal.show-service-options select.rpress_get_delivery_dates,
body.rp-old-ui-ux-enabled #rpressModal.show-service-options select.rpress_get_pickup_dates,
body.rp-old-ui-ux-enabled #rpressModal.show-service-options select#rpress-delivery-hours,
body.rp-old-ui-ux-enabled #rpressModal.show-service-options select#rpress-pickup-hours,
body.rp-old-ui-ux-enabled #rpressModal.show-service-options select.rpress-pickup {
width: 100% !important;
max-width: 100% !important;
min-height: 42px !important;
height: 42px !important;
border: 1px solid #d8dee6 !important;
border-radius: var(--rpress-default-control-radius, var(--rp-old-ui-modal-rect-radius, 6px)) !important;
background-color: #fff !important;
background-position: 14px 50%, calc(100% - 16px) 50% !important;
background-size: 16px, 12px !important;
color: #222 !important;
font-size: 16px !important;
line-height: 1.2 !important;
font-weight: 400 !important;
padding: 8px 42px 8px 42px !important;
}
body.rp-old-ui-ux-enabled #rpressModal.show-service-options a.btn.btn-primary.btn-block.rpress-delivery-opt-update {
min-height: 42px !important;
border-radius: var(--rpress-default-control-radius, var(--rp-old-ui-modal-rect-radius, 6px)) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin-top: 4px !important;
font-size: 18px !important;
}
body.rp-old-ui-ux-enabled #rpressModal.show-service-options a.btn.btn-primary.btn-block.rpress-delivery-opt-update.th-plain {
background: transparent !important;
background-color: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
color: var(--rpress-theme-primary, #ed5575) !important;
display: inline-flex !important;
height: auto !important;
line-height: inherit !important;
min-height: 0 !important;
padding: 0 !important;
text-decoration: underline !important;
width: auto !important;
}
@media only screen and (max-width: 768px) {
body.rp-old-ui-ux-enabled #rpressModal.show-service-options .modal__container {
width: calc(100vw - 32px);
}
body.rp-old-ui-ux-enabled #rpressModal.show-service-options .rpress-delivery-location-field-wrap,
body.rp-old-ui-ux-enabled #rpressDateTime.rpress-edit-address-popup .rpress-delivery-location-field-wrap {
display: none !important;
}
}
.loading .modal__container {
width: 350px;
text-align: center;
}  .rpress-delivery-options ul#rpressdeliveryTab.nav>li>a {
color:#747474;
font-size: 14px;
font-weight: 400;
text-align: center;
padding:0px 10px;
max-width: 100%;
line-height: 25px;
border-radius: 3px;
margin: 0;    
position:relative;
}
.rpress-delivery-options #rpressdeliveryTab .rpress-service-tab-inner {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
}
.rpress-delivery-options #rpressdeliveryTab .rpress-service-tab-icon {
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
font-size: 14px;
}
.rpress-options-row .rpress-delivery-options ul#rpressdeliveryTab {
display: flex;
align-items: center;
justify-content: center;
border:1px solid #EBEBEB;
background-color: #EBEBEB;
list-style: none;
border-radius: 50px;
padding:4px 5px 5px 5px;
margin: 0;
height: 36px;
}
.rpress-options-row .rpress-delivery-options.service-option-pickup ul#rpressdeliveryTab{
padding:3px 0px 5px 0;	
}
.rpress-delivery-options ul#rpressdeliveryTab.nav> li.nav-item{
position: relative;
}
.rpress-delivery-options ul#rpressdeliveryTab.nav> li.active > a,
.rpress-delivery-options ul#rpressdeliveryTab.nav> li > a:hover
{
background-color: transparent;
color: #232323;
outline: 0;
z-index: 1;
}
.order-online .rpress-delivery-options ul#rpressdeliveryTab li.nav-item.active + li.nav-item:before {
transform:translateX(-68px);
transition: transform 300ms linear;
}
.order-online .rpress-delivery-options ul#rpressdeliveryTab li.nav-item.active:before {
content: "";
background-color: #FFFFFF;
height: 100%;
width: 100%;
position: absolute;
left: 0;
top:0;
border-radius: 30px;
transform: translateX(0px);
transition: transform 300ms;
padding: 14px 14px;
} .order-online .rpress-delivery-options ul#rpressdeliveryTab.order-online-servicetabs {
gap: 4px;
padding: 4px;
}
.order-online .rpress-delivery-options ul#rpressdeliveryTab.order-online-servicetabs > li.nav-item {
flex: 1 1 0;
}
.order-online .rpress-delivery-options ul#rpressdeliveryTab.order-online-servicetabs > li.nav-item:before,
.order-online .rpress-delivery-options ul#rpressdeliveryTab.order-online-servicetabs > li.nav-item.active + li.nav-item:before {
content: none;
}
.order-online .rpress-delivery-options ul#rpressdeliveryTab.order-online-servicetabs > li.nav-item > a.nav-link {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 0 14px;
min-height: 30px;
line-height: 1.2;
border-radius: 999px;
font-weight: 500;
transition: all 0.2s ease-in-out;
}
.order-online .rpress-delivery-options ul#rpressdeliveryTab.order-online-servicetabs > li.nav-item.active > a.nav-link {
background-color: #ffffff;
color: #1f1f1f;
box-shadow: 0 0 0 1px rgba(var(--rpress-theme-primary-rgb, 237, 85, 117), 0.35), 0 4px 10px rgba(0, 0, 0, 0.10);
font-weight: 700;
}
.order-online .rpress-delivery-options ul#rpressdeliveryTab.order-online-servicetabs > li.nav-item > a.nav-link:focus-visible {
outline: 2px solid var(--rpress-theme-primary, #ed5575);
outline-offset: 1px;
}
.rpress-options-row{
display: flex; 
flex-wrap: wrap; 
gap:10px; 
align-items: flex-start; 
justify-content: flex-start;
}
.rpress-option-col {
display: flex;
align-items: center;
gap: 10px;
}
.rpress-option-col:first-of-type {
white-space: nowrap;
}
.rpress-option-col.rpress-edit-address-wrap{
flex-shrink: 0;
white-space: nowrap;
}
.rpress-options-row p.rpress_order-address-wrap {
background-color: #F7F7F7;
font-size: 14px;
color: #232323;
padding: 8px 17px 8px 13px;
margin: 0;
border-radius: 50px;
display: inline-flex;
align-items: center;
flex-wrap: nowrap;
gap: 10px;
position: relative;
}
.rpress-options-row p.rpress_order-address-wrap.rpress-order-address-inline {
justify-content: space-between;
min-width: 0;
}
.rpress-options-row p.rpress_order-address-wrap .rpress-order-address-summary {
display: inline-flex;
align-items: center;
flex-wrap: nowrap;
gap: 10px;
min-width: 0;
overflow: hidden;
white-space: nowrap;
}
.rpress-options-row p.rpress_order-address-wrap #deliveryAddress {
display: inline-block;
max-width: 180px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
min-width: 0;
}
.rpress-options-row p.rpress_order-address-wrap #deliveryDate,
.rpress-options-row p.rpress_order-address-wrap #deliveryTime {
white-space: nowrap;
flex: 0 0 auto;
}
.rpress-options-row p.rpress_order-address-wrap a{
color: var(--rpress-theme-primary, #0074DB);
text-decoration: none;
margin-left: 20px;
cursor: pointer;
flex: 0 0 auto;
}
.rpress-options-row p.rpress_order-address-wrap .rpress-edit-datetime-link {
margin-left: auto;
}
.rpress-options-row p.rpress_order-address-wrap .rpress-change-location-link {
margin-left: auto;
color: var(--rpress-theme-primary, #ed5575);
font-weight: 600;
text-decoration: underline;
text-underline-offset: 2px;
}
.rpress-options-row p.rpress_order-address-wrap .rpress-change-location-link:hover,
.rpress-options-row p.rpress_order-address-wrap .rpress-change-location-link:focus {
color: var(--rpress-theme-primary-dark, #cf2e5d);
}
.rpress-options-row .left-brdr{
border-left: 3px solid #E7E7E7;
height: 23px;
}
.rpress-delivery-wrap .rpress-store-closed-info {
width: 95%;
margin: 0 auto 10px;
text-align: center;
}
.rpress-wrap .modal-backdrop.fade.in {
z-index: 99999;
}
html body .modal.rpress-delivery-options .modal-content {
width: 360px;
top: 90px;
}
html body .modal.rpress-delivery-options .modal-footer {
display: none;
}
.delivery-settings-wrapper #rpress-allowed-hours,
.rpress-datepicker-days table {
width: 100%;
}
.rpress-tabs-wrapper {
display: block;
clear: both;
text-align: center;
}
.rpress-popup-actions a.submit-fooditem-button, 
.rpress-popup-actions a.update-fooditem-button,
.rpress-close-button, .rpress-edit-from-cart{
cursor: pointer;
}
.rpress-item-quantity-wrap .qtyplus {
display: inline-block;
float: right;
}
.rpress-tabs-wrapper #rpress-tab-content {
display: block;
clear: both;
overflow: hidden;
width: 90%;
margin: 0 auto;
} .rpress-cart .rpress-special-instruction {
font-size: 13px;
display: block;
margin: 5px 0 0 24px;
font-weight: 700;
}
.rpress-cart>li.rpress-cart-item {
padding: 10px 0px;
border-top:1.5px solid #F2F2F2;
}
.rpress-cart li {
list-style: none;
}
.rpress-cart-item-list {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 10px;
}
.rpress-cart .rpress-cart-item-main {
display: flex;
align-items: center;
gap: 10px;
flex: 1 1 auto;
min-width: 0;
}
.rpress-cart .rpress-cart-item-thumb {
width: 44px;
height: 44px;
border-radius: 8px;
overflow: hidden;
flex: 0 0 44px;
display: inline-block;
background: #f3f4f6;
}
.rpress-cart .rpress-cart-item-thumb .rpress-cart-item-thumb-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.rpress-cart .rpress-cart-item-list .rpress-cart-item-price {
flex: 0 0 auto;
}
.rpress-cart-item-price {
display: flex;
align-items: center;
justify-content: space-between;
gap:20px;
}
.rpress-cart .delivery-opts label {
display: inline-block;
font-size: 13px;
margin-left: 5px;
}
.rpress-cart .delivery-opts label[for=delivery] {
margin-right: 12px;
}
.rpress-cart {
clear: both;
}
.rpress_total {
padding-left: 4%;
}
.rpress-cart .rpress_empty_cart {
font-size: 16px;
font-weight: 500;
line-height: 20px;
color: #767676;
padding: 0 10%;
}
ul.rpress-cart span.cart-total {
float: right;
font-weight: 600;
margin-right: 0;
}
.cart_item .rpress_checkout {
padding-left: 28%;
}
.rpress-sidebar-cart ul.addon-item-wrap {
padding: 0;
}
.rpress-sidebar-cart ul.addon-item-wrap, 
.rpress-sidebar-cart ul.rpress-cart {
margin: 0px;
}
.rpress-sidebar-cart .addon-item-wrap li {
margin-top: 20px;
}
.rpress-cart-meta {
padding: 5px 0px;
}
.rpress-cart-meta.rpress_total {
font-weight: 500;
}
html body .rpress-section ul li.delivery-items-options {
padding: 15px 0 10px 0;
}
#rpress_checkout_wrap .rpress-cart .cart-action-wrap {
float: none;
font-size: 12px;
}
#rpress_checkout_wrap .rpress-cart .cart-action-wrap.addon-items {
display: none;
}
span.cart-action-wrap {
font-weight: 600;
display: flex;
align-items: center;
gap: 8px;
margin: 8px 0;
}
.rpress-cart .cart-action-wrap a {
color: #000000;
font-size: 14px;
font-weight: normal;
border-radius:100px;
text-align: center;
text-decoration: none;
width: fit-content;
padding:3px 15px;
}
.rpress-cart .cart-action-wrap a:first-child{
padding: 0;
}
.rpress-cart .rpress-edit-from-cart {
margin-right: 4px;
background: #F6F6F6;
}
li.cart_item.empty {
text-align: center;
}
li.cart_item.empty:before {
content: '';
background-image: url(//tiemxuquang.theme.digis.vn/wp-content/plugins/restropress/assets/images/empty-cart-icon.png);
background-repeat: no-repeat;
background-size: 100%;
display: block;
width: 214px;
height: 214px;
margin: 16px auto;
}
span.rpress_empty_cart {
display: inline-block;
}
.rpress-cart .rpress_checkout {
text-align: center;
}
.rpress-cart .rpress_checkout a {
color: #ffffff; 
font-size: 16px;
font-weight: 500;
line-height: normal;
text-transform: capitalize;
text-decoration: none;
padding: 14px 10px;
border-radius: 100px;
width: 100%;
display: block;
}
.rpress.item-order {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 10px;
padding-bottom: 6px;
}
.rpress.item-order .rpress-cart-head-right {
display: inline-flex;
align-items: center;
gap: 10px;
margin-left: auto;
}
.rpress.item-order .rpress-cart-head-right .close-cart-ic {
float: none;
margin: 0;
}
.rpress.item-order h4 {
font-size: 18px;
margin: 0;
}
.rpress-cart-total-wrap {
background-color: #F6F6F6;
border-radius: 11px;
padding: 5px 15px;
}
.rpress-cart-summary-list {
list-style: none;
margin: 0;
padding: 0;
}
.rpress-cart-summary-list > li {
list-style: none;
}
.rpress-cart-summary-area li {
list-style: none;
} ul.rpress-category-lists {
list-style: none;
margin: 0;
padding: 0
}
ul.rpress-category-lists .rpress-category-item {
padding: 8px 20px 8px 20px;
font-size: 13px;
font-weight: 500;
color: #9c9c9c;
text-transform: capitalize;
text-align: left;
list-style: none;
border-left: 4px solid #fff;
}
ul.rpress-category-lists .rpress-category-item:hover {
background-color: var(--rpress-theme-section-bg, #FFF6F8);
border-left: 4px solid var(--rpress-theme-section-bg, #FFF6F8);
}
ul.rpress-category-lists .rpress-category-item.current{
border-left: 4px solid var(--rpress-theme-primary, #ED5575);
}
.sticky-sidebar.cat-lists {
padding-right: 0;
padding-left: 0;
box-shadow: 0px 10px 40px 0px #0000000A;
}
ul.rpress-category-lists li.rpress-category-item a {
outline: none;
text-decoration: none;
font-weight: 400;
font-size: 16px;
line-height: 100%;
color: #757B7A;
}
ul.rpress-category-lists .rpress-category-item.current a{
color: #191919;    
font-weight: 600;
}
.rpress-category-link.nav-scroller-item.active:after {
content: '';
display: inline-block;
width: 4px;
height: 18px;
float: right;
}
@media only screen and (max-width: 480px) {
div.food-item-list span.cat_price, div.food-item-list span {
font-size: 13px;
}
.rpress.item-order a.rpress-clear-cart {
margin-right: 25px;
}
} .rpress-section .rpress-sidebar-cart-wrap {
box-shadow: 0px 10px 40px 0px #0000000A;
padding: 20px 15px;
display: flex;
flex-direction: column;
max-height: 420px;
overflow: hidden;
}
.rpress-section .rpress-sidebar-cart-wrap ul.rpress-cart {
flex: 1 1 auto;
overflow-y: auto;
overflow-x: hidden;
margin: 0;
}
.rpress-section .rpress-sidebar-cart-wrap .rpress-cart-summary-area {
flex: 0 0 auto;
background: #fff;
padding-top: 8px;
}
.rpress-section .rpress-sidebar-cart-wrap.empty-cart {
background-color: #F9FAFB;
box-shadow: none;
padding: 20px 15px 40px;
}
@media only screen and (max-width: 767px) {
.rpress-section .rpress-sidebar-cart-wrap {
max-height: 300px;
}
}
.rpress-section .rpress-sidebar-cart-wrap .item-order>span,
.rpress-section .rpress-sidebar-cart-wrap .item-order .rpress-cart-head-count {
font-weight: 500;
font-size: 16px;
color:#767676;
}
.rpress-cart span.rpress-cart-item-title {
max-width: 65%;
display: inline-block;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 19px;
color: #404040;
}
.rpress-cart .rpress-cart-item-main .rpress-cart-item-title {
max-width: none;
}
.rpress_purchase_submit_wrapper .rpress-add-to-cart-label,
.product_not_available.rpress_fooditem span.rpress-add-to-cart-label{
font-size: 16px;
line-height: 25px;
font-weight: 400;
}
.rpress_fooditems_grid .rpress_purchase_submit_wrapper .rpress-add-to-cart-label,
.rpress_fooditems_grid .product_not_available.rpress_fooditem span.rpress-add-to-cart-label{
font-size: 14px;
}
.rpress_fooditem_title .food-title {
font-weight: 500;
font-size: 18px;
}
.rpress-price-holder span.price {
font-weight: 500;
font-size: 18px;
}
.rpress_fooditem_inner .rpress_fooditem_excerpt p {
font-size: 14px;
line-height: 18px;
color: #8E8E8E;
display: block;
margin:10px 0 0;
}
.rpress_fooditems_grid .rpress_fooditem_inner .rpress_fooditem_excerpt p {
margin:0px 0 0;
}
.rpress_fooditems_list .rpress_fooditem_inner .rpress_fooditem_excerpt p{
padding-right: 20px;
}
.rpress_fooditems_list .rpress_fooditem_tags{
margin-top:10px;
}
.rpress_fooditem_tags span.fooditem_tag {
padding: 2px 8px;
font-size: 12px;
line-height:14px;
border: 1px solid;
border-radius: 100px;
margin-right: 5px;
display: inline-block;
max-width: 100px;
width: auto;
text-align: center; }
.rpress-cart .cat_icon img {
width: 16px;
height: auto;
}
.rpress-cart .cart_icon img {
width: 13px;
height: auto;
}
#rpress_purchase_form #rpress-purchase-button, #rpress_purchase_form #rpress-user-login-submit input {
padding: 9px 24px;
}
.rpress-checkout-button-actions {
display: block;
clear: both;
overflow: hidden;
margin-top: 0px;
text-align: center;
}
.rpress-checkout-button-actions span {
display: block;
text-align: center;
margin-bottom: 0px;
}
span.rp-btn-title {
font-size: 13px;
font-weight: 400;
padding-bottom: 5px;
}
.rpress-checkout-button-actions a.rpress-submit.button {
border: 1px solid #ccc;
text-align: center;
padding: 7px 14px;
border-radius: 5px;
font-size: 15px;
font-weight: 500;
}
.rpress-cart .order-icn img {
width: 16px;
height: auto;
}
.rpress-checkout-block {
margin-bottom: 20px;
display: block;
clear: both;
overflow: hidden;
}
.rpress-cart .cart_icon, .rpress-cart .order-icn {
display: inline-block;
}
#nav-tab.nav.nav-tabs {
width: 79%;
float: right;
}
.rpress-cart-item .rpress-cart-item-qty {
vertical-align: top;
padding: 0px;
font-weight: 600;
}
.rpress-cart-item .separator {
vertical-align: top;
padding: 0 2px;
font-weight: 700;
}
input.pick {
margin-left: 7px;
}
.rpress-open-hrs {
display: inline-block;
width: 37%;
}
.delivery-opts {
display: inline-block;
font-size: 14px;
}
.delivery-opts span.delMethod {
text-transform: capitalize;
}
body.rp-old-ui-ux-enabled .delivery-wrap {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
}
body.rp-old-ui-ux-enabled .delivery-wrap .delivery-change {
font-size: 13px;
font-weight: 600;
text-decoration: underline;
text-underline-offset: 2px;
}
body.rp-old-ui-ux-enabled .delivery-wrap .rp-delivery-change-helper {
position: relative;
display: inline-flex;
align-items: center;
}
body.rp-old-ui-ux-enabled .delivery-wrap .rp-delivery-change-tooltip-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
border-radius: 50%;
border: 1px solid #b9bec8;
background: #ffffff;
color: #4b5563;
font-size: 12px;
font-weight: 700;
line-height: 1;
cursor: help;
}
body.rp-old-ui-ux-enabled .delivery-wrap .rp-delivery-change-tooltip-text {
position: absolute;
left: 24px;
top: 50%;
transform: translateY(-50%);
white-space: nowrap;
background: #1f2937;
color: #ffffff;
border-radius: 6px;
padding: 6px 10px;
font-size: 12px;
line-height: 1.3;
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease;
z-index: 12;
}
body.rp-old-ui-ux-enabled .delivery-wrap .rp-delivery-change-helper:hover .rp-delivery-change-tooltip-text,
body.rp-old-ui-ux-enabled .delivery-wrap .rp-delivery-change-helper:focus-within .rp-delivery-change-tooltip-text {
opacity: 1;
}
body.rp-old-ui-ux-enabled .rpress-cart-summary-area .delivery-items-options {
margin: 10px 0 12px;
padding: 0 2px;
}
body.rp-old-ui-ux-enabled .rpress-cart-summary-area .delivery-items-options .delivery-wrap {
justify-content: flex-start;
}
body.rp-old-ui-ux-enabled .rpress-cart-summary-area .delivery-items-options .delivery-opts {
color: #5b6472;
max-width: 100%;
}
body.rp-old-ui-ux-enabled .rpress-cart-summary-area .delivery-items-options .rp-delivery-change-helper {
margin-left: 2px;
}
body.rp-old-ui-ux-enabled .rpress-cart-summary-area .delivery-items-options .rp-delivery-change-tooltip-text {
left: auto;
right: 0;
top: auto;
bottom: calc(100% + 8px);
transform: none;
white-space: normal;
min-width: 170px;
max-width: min(240px, calc(100vw - 48px));
word-break: break-word;
z-index: 1200;
}
body.rp-old-ui-ux-enabled .rpress-cart-summary-area .delivery-items-options .rp-delivery-change-tooltip-text::after {
content: "";
position: absolute;
right: 8px;
top: 100%;
border-width: 6px 6px 0 6px;
border-style: solid;
border-color: #1f2937 transparent transparent transparent;
}
.ui-timepicker-standard a {
font-size: 14px;
margin-left: -22px;
}
.delivery-items-options h3.delivery-options-heading {
text-align: left;
font-size: 14px;
font-weight: 700;
margin-top: 30px;
}
input#rpress-allowed-hours {
background: #f7f7f700;
}
section.fullwidth.nav {
display: none;
margin-bottom: 20px;
}
.row-top.update-bottom {
border-top: 1px solid #d9dbe080;
padding: 16px 12px 0px 30px;
width: 100%;
margin: 0 auto;
position: absolute;
background-color: #ffffff;
left: 0;
bottom: 14px;
}
.qty-button {
border: 1px solid #d9dbe080;
border-radius: 100px;
width: 35%;
}
.rpress-section {
margin-top: 15px;
}
.rpress-section .rp-col-sm-3.left, .rpress-section .rp-col-sm-3.right {
padding-left: 0px;
}
.rp-col-sm-3.cent {
padding-right: 0px;
}
#rpress_purchase_submit .rpress-submit, #rpress_login_submit, #rpress-purchase-button {
padding: 5px 15px;
}
#rpress_purchase_form_wrap #rpress-purchase-button {
margin-top: 15px;
width: 100%;
}
#rpress_checkout_cart_form a.rpress-cart-saving-button {
padding: 5px 15px;
font-size: 16px;
border-radius: 5px;
width: 100%;
}
#rpress_checkout_cart_form .rpress_cart_remove_item_btn {
font-size: 12px;
font-weight: 500;
text-decoration: underline !Important;
}
#rpress_checkout_cart .rpress_cart_header_row th {
padding: 15px;
font-weight: 600;
}
.rpress_cart_item_price, .rpress_cart_actions {
text-align: center;
}
#rpress_checkout_cart td img {
width: 40px;
}
#rpress_checkout_cart #item_thumbnail, #rpress_checkout_cart .tb-cart {
display: inline-block;
}
#rpress_checkout_form_wrap .rpress-payment-icons {
height: 45px;
}
.rpress-cart .cart_icon {
float: right;
padding-left: 7px;
}
#rpress_checkout_cart_wrap .rpress-checkout-item-row {
position: relative;
width: 100%;
margin-bottom: 10px;
}
#rpress_checkout_cart_wrap .rpress-checkout-addon-row {
padding-left: 24px;
}
#rpress_checkout_cart_wrap .rpress-checkout-addon-row .rpress-cart-item-title{
margin-left: 5px;
font-weight: 400;
color: #8E8E8E;
font-size: 13px;
}
#rpress_checkout_cart_form .rpress-cart .cart-item-quantity-wrap {
float: right;
top: 4px; }
.rpress-cart .cart-item-quantity-wrap span {
font-size: 16px;
font-weight: 500;
color: #000000;
}
body .rpress-cart .rpress_subtotal,
body .rpress-cart .rpress_cart_tax,
body .rpress-cart .rpress-delivery-fee,
body .rpress-cart .rpress_cart_fee,
body .rpress-cart .rpress_user_discount,
body .rpress-cart-summary-area .rpress_subtotal,
body .rpress-cart-summary-area .rpress_cart_tax,
body .rpress-cart-summary-area .rpress-delivery-fee,
body .rpress-cart-summary-area .rpress_cart_fee,
body .rpress-cart-summary-area .rpress_user_discount{
font-weight: 600;
font-size: 16px;
font-style: normal;
background: transparent;
display: block;
clear: both;
overflow: hidden;
}
.rpress-cart .rpress_subtotal span,
.rpress-cart .cart-delivery-fee,
.rpress-cart .rpress_cart_tax span,
.rpress-cart .cart-discount,
.rpress-cart-summary-area .rpress_subtotal span,
.rpress-cart-summary-area .cart-delivery-fee,
.rpress-cart-summary-area .rpress_cart_tax span,
.rpress-cart-summary-area .cart-discount {
float: right;
}
.rpress-cart .rpress_total,
.rpress-cart-summary-area .rpress_total {
padding-top: 8px;
color: #404040;
font-weight: 500;
font-size: 16px;
border-top:1.6px dashed #C5C5C5;
}
.rpress-category-item .active {
font-weight: 600;
}
.rpress-cart .cart-item-quantity-wrap span.separator {
padding: 0 2px;
margin-right: 17px;
color: #404040;
}
ul.addon-item-wrap .rpress-cart-item-title {
font-weight: 400;
color:#767676;
font-size: 14px;
}
span.addon-item-price {
float: right;
}
.rpress-section span.cart-total {
margin-right: 0px;
}
.rpress-section .ui-menu-item a {
font-size: 12px;
}
.cart_item.rpress_checkout {
margin-top: 15px;
}
.rpress-cart-summary-area .rpress_checkout {
text-align: center;
}
.rpress-cart-summary-area .rpress_checkout a {
color: #ffffff;
font-size: 16px;
font-weight: 500;
line-height: normal;
text-transform: capitalize;
text-decoration: none;
padding: 14px 10px;
border-radius: var(--rpress-default-control-radius, 100px);
width: 100%;
display: block;
}
.rpress-cart .addon-item-wrap li.rpress-cart-item {
margin: 1px 0px 1px 0px;
padding: 0;
border-bottom: none;
}
.sticky-cat {
position: fixed;
top: 15px;
}
.sticky-category {
position: fixed;
top: 31%;
}
div.rpress_fooditems_list.rp-col-md-5 {
width: 46.666667%;
}
#rpress_user_history tr:nth-child(even) {
background: #f8f8f8;
}
#rpress_user_history tr:nth-child(odd) {
background: #ffffff;
}
#rpress_user_history th {
background: #e4e4e4;
}
#rpress_checkout_cart_wrap table{
border: none !important;
background: #fff;
box-shadow: 1px 1px 10px #efefef;
padding: 15px;
border-radius: 4px;
width: 100%;
border-collapse: inherit;
} .pn-ProductNav_Wrapper {
position: relative;
margin:0 0 0 29px;
box-sizing: border-box;
background-color: #fff;
top:-32px;
} .pn-ProductNav {
margin:0 29px 0 15px;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
white-space: nowrap;
position: relative;
}
.pn-ProductNav_Wrapper:after,
.pn-ProductNav_Wrapper.background-hidden:before 
{
content: "";
width: 12px;
height: 44px;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) -2.9%, rgba(255, 255, 255, 0.929) 43.2%, #FFFFFF 54.62%, #FFFFFF 100%);
top: 0;
right:29px;
position: absolute;
display: inline-block;
}
.pn-ProductNav_Wrapper.background-hidden:before {
left:14px;
right: unset;
transform: rotate(180deg);
}
.js .pn-ProductNav {
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.js .pn-ProductNav::-webkit-scrollbar {
display: none;
}
.pn-ProductNav_Contents {
float: left;
transition: transform 0.2s ease-in-out;
position: relative;
padding-right:5px;
}
.pn-ProductNav_Contents-no-transition {
transition: none;
}
.pn-ProductNav_Link {
text-decoration: none !important;
color: #4f4e4e;
display: inline-flex;
align-items: center;
min-height: 44px;
padding: 0 0px;
margin: 0 5px;
font-size: 13px;
font-weight:500;
text-transform: capitalize;
outline:0;
}
.pn-ProductNav_Link[aria-selected=true],
.pn-ProductNav_Link:hover{
color: #191919;
outline: 0;
font-weight:600;
}
.pn-Advancer {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
padding: 0;
border:0 !important;
position: absolute;
top: 0;
bottom: 0;
opacity: 0;
transition: opacity 0.3s;
}
.pn-Advancer:focus {
outline: 0;
}
.pn-Advancer:hover,
.pn-Advancer:focus{
cursor: pointer;
background-color: transparent;
box-shadow: none;
}
.pn-Advancer_Left {
left: 0;
}
[data-overflowing=both] ~ .pn-Advancer_Left, [data-overflowing=left] ~ .pn-Advancer_Left {
opacity: 1;
box-shadow: none;
}
.pn-Advancer_Right {
right: 0;
}
[data-overflowing=both] ~ .pn-Advancer_Right, [data-overflowing=right] ~ .pn-Advancer_Right {
opacity: 1;
box-shadow: none;
}
.pn-Advancer_Icon {
width: 20px;
height: 15px;
fill: #000;
}
.pn-ProductNav_Indicator {
position: absolute;
bottom: 0;
left: 0;
height: 3px;
width: 100px;
background-color: rgb(0 0 0) !important;
transform-origin: 0 0;
transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out;
} .cd-dropdown-wrapper {
display: inline-block;
position: relative; top: 20px;
height: 44px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-color: #fff;
}
.cd-dropdown-wrapper .cd-dropdown-trigger {
display: block;
position: relative;
top: 13px;
padding: 0 36px 0 20px;
line-height: 40px;
color: #ffffff;
border-radius: 3px;
background-image: url(//tiemxuquang.theme.digis.vn/wp-content/plugins/restropress/assets/images/toogle.svg);
height:18px;
width: 18px;
background-size: contain;
background-repeat: no-repeat;
}
.cd-dropdown-wrapper .no-touch .cd-dropdown-trigger:hover {
background-color: #171b46;
}
.cd-dropdown-wrapper .cd-dropdown h2,
.cd-dropdown-wrapper .cd-dropdown-content a,
.cd-dropdown-wrapper .cd-dropdown-content ul a {
height: 50px;
line-height: 50px;
}
.cd-dropdown-wrapper .cd-dropdown h2,
.cd-dropdown-wrapper .cd-dropdown-content a,
.cd-dropdown-wrapper .cd-dropdown-content ul a,
.cd-dropdown-wrapper .cd-dropdown-content .cd-divider {
padding: 0 20px;
}
.cd-dropdown-wrapper .cd-dropdown {
position: fixed;
z-index: 999;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #111433;
color: #ffffff;
visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0.5s;
-moz-transition: -moz-transform 0.5s 0s, visibility 0s 0.5s;
transition: transform 0.5s 0s, visibility 0s 0.5s;
}
.cd-dropdown-wrapper .cd-dropdown h2 {
color: #000000;
font-size: 18px;
font-weight: 500;
border-bottom: 0px solid #f6f4f4;
margin-bottom: 0px;    
position: relative;
z-index: 1;
}
.cd-dropdown-wrapper .cd-dropdown .cd-close {
position: absolute;
z-index: 1;
right: 11px;
top: 12px;
height: 30px;
width: 30px;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
border-radius: 100%;
background-color: rgb(217 217 217 / 20%);
}
.cd-dropdown-wrapper .cd-dropdown .cd-close::after,
.cd-dropdown-wrapper .cd-dropdown .cd-close::before {
content: '';
position: absolute;
top: 50%;
bottom: auto;
right: auto;
left: 50%;
height: 14px;
width: 2px;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background-color: #000;
}
.cd-dropdown-wrapper .cd-dropdown .cd-close::after {
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.cd-dropdown-wrapper .cd-dropdown .cd-close::before {
-webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
-o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.cd-dropdown-wrapper .cd-dropdown.dropdown-is-active {
border-radius: 20px;
visibility: visible;
-webkit-transform: translateY(-60px);
-moz-transform: translateY(-60px);
-ms-transform: translateY(-60px);
-o-transform: translateY(-60px);
transform: translateY(-60px);
-webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0s;
-moz-transition: -moz-transform 0.5s 0s, visibility 0s 0s;
transition: transform 0.5s 0s, visibility 0s 0s;
}
.cd-dropdown-wrapper .cd-dropdown-content,
.cd-dropdown-wrapper .cd-dropdown-content ul {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
padding-top: 50px;
list-style: none;
}
.cd-dropdown-wrapper .cd-dropdown-content a,
.cd-dropdown-wrapper .cd-dropdown-content ul a {
display: block;
color: #ffffff;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border-top-width: 1px;
border-color: #242643;
border-style: solid;
}
.cd-dropdown-wrapper .cd-dropdown-content li:first-of-type > a,
.cd-dropdown-wrapper .cd-dropdown-content ul li:first-of-type > a {
border-top-width: 0;
}
.cd-dropdown-wrapper .cd-dropdown-content li a span{
float: right;
}
.cd-dropdown-wrapper .cd-dropdown-content li a.mnuactive{
color: #000;
background-color: #F5F5F5;
border-left: 4px solid rgb(0 0 0);
border-bottom: 0;
border-right: 0;
}
.cd-dropdown-wrapper .cd-dropdown-content li:last-of-type > a,
.cd-dropdown-wrapper .cd-dropdown-content ul li:last-of-type > a {
border-bottom-width: 1px;
}
@-webkit-keyframes cd-fade-in {
0% {
opacity: 0;
visibility: visible;
}
100% {
opacity: 1;
visibility: visible;
}
}
@-moz-keyframes cd-fade-in {
0% {
opacity: 0;
visibility: visible;
}
100% {
opacity: 1;
visibility: visible;
}
}
@keyframes cd-fade-in {
0% {
opacity: 0;
visibility: visible;
}
100% {
opacity: 1;
visibility: visible;
}
}
@-webkit-keyframes cd-fade-out {
0% {
opacity: 1;
visibility: visible;
}
100% {
opacity: 0;
visibility: visible;
}
}
@-moz-keyframes cd-fade-out {
0% {
opacity: 1;
visibility: visible;
}
100% {
opacity: 0;
visibility: visible;
}
}
@keyframes cd-fade-out {
0% {
opacity: 1;
visibility: visible;
}
100% {
opacity: 0;
visibility: visible;
}
} .repress-history-inner {
margin-top: 30px;
}
.repress-history-inner .rpress-history-card {
border: 1px solid #ddd;
padding: 25px;
border-radius: 3px;
height: 276px;
}
.rpress-history-card .rpress-his-col {
padding: 0;
}
.rpress-history-card .rp-line {
clear: both;
margin: 10px 0;
border: 1px #cccccc;
border-style: dotted !important;
height: 0px;
}
.rpress-history-card .rpress-order-status-wrap {
text-align: right;
}
.rpress-history-card .rpress-total-am {
font-weight: 600;
color: #1d1d1d;
font-size: 12px;
width: 30%;
text-align: right;
}
.rpress-history-card .rpesss-foods {
font-weight: 500;
font-size: 12px;
width: 70%;
color: #1d1d1d;
}
.rpress-history-card .rpesss-foods span {
font-size: 12px;
font-weight: 500;
color: #404040;
width: 360px;
padding: 0;
overflow: hidden;
display: inline-block;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
text-align: left;
}
.rpress-history-card .rpress-order-cart-ft {
display: flex;
justify-content: space-between;
clear: both;
flex: 1;
padding-top: 15px;
}
.rpress-history-card span.rp-bold-hs {
display: inline-block;
font-weight: 700;
color: #000;
font-size: 14px;
padding-right: 3px;
width: 95px;
}
.rpress-history-card .rpress-lable-txt {
font-size: 14px;
font-weight: 500;
color: #404040;
width: 400px;
padding: 0;
overflow: hidden;
display: inline-block;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
text-align: left;
text-transform: capitalize;
}
.rpress-history-card a.rpress-view-order-btn {
font-weight: 800;
text-transform: uppercase;
font-size: 13px;
line-height: 1.2;
outline: 0;
}
.rpress-history-card .rpess-view-details {
padding: 10px 0;
}
.rpress-history-card span.rpress-status,
#rpressModal.show-order-details.rpress-order-details-context span.rpress-status{
padding: 6px 13px;
font-size: 14px;
background: var(--rpress-theme-primary, #ED5575);
color: var(--rpress-theme-primary-contrast, #fff);
border-radius: 4px;
font-weight: 600;
line-height: 1.2;
text-transform: capitalize;
}
.rpress-history-card .rpress_purchase_row {
margin-bottom: 20px;
}
#rpress_user_history.rpress-order-history {
max-width: 1180px;
margin: 0 auto;
padding: 32px 16px;
color: #111827;
}
#rpress_user_history.rpress-order-history .rpress-order-history-heading {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 16px;
margin-bottom: 22px;
}
#rpress_user_history.rpress-order-history .rpress-order-history-eyebrow {
display: block;
margin-bottom: 6px;
font-size: 12px;
font-weight: 700;
line-height: 1.2;
text-transform: uppercase;
color: var(--rpress-theme-primary, #ED5575);
}
#rpress_user_history.rpress-order-history h2,
#rpress_user_history.rpress-order-history h3,
#rpress_user_history.rpress-order-history p {
margin: 0;
}
#rpress_user_history.rpress-order-history h2 {
font-size: 32px;
font-weight: 800;
line-height: 1.15;
color: #111827;
}
#rpress_user_history.rpress-order-history .rpress-order-history-count {
flex: 0 0 auto;
padding: 8px 12px;
border: 1px solid #e5e7eb;
border-radius: 999px;
background: #f9fafb;
font-size: 13px;
font-weight: 700;
line-height: 1.2;
color: #374151;
}
#rpress_user_history.rpress-order-history .repress-history-inner.rpress-order-history-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
margin-top: 0;
}
#rpress_user_history.rpress-order-history .rpress-history-card {
display: flex;
flex-direction: column;
gap: 18px;
height: auto;
min-height: 100%;
padding: 22px;
border: 1px solid #e7eaf0;
border-radius: 8px;
background: #ffffff;
box-shadow: 0 14px 34px rgba(15, 23, 42, 0.07);
}
#rpress_user_history.rpress-order-history .rpress-history-card-header,
#rpress_user_history.rpress-order-history .rpress-history-card-footer {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 14px;
}
#rpress_user_history.rpress-order-history .rpress-history-card-label,
#rpress_user_history.rpress-order-history .rpress-history-meta-item span,
#rpress_user_history.rpress-order-history .rpress-history-items span,
#rpress_user_history.rpress-order-history .rpress-history-total span {
display: block;
margin-bottom: 4px;
font-size: 12px;
font-weight: 700;
line-height: 1.2;
text-transform: uppercase;
color: #6b7280;
}
#rpress_user_history.rpress-order-history .rpress-history-card h3 {
font-size: 24px;
font-weight: 800;
line-height: 1.1;
color: #0f172a;
}
#rpress_user_history.rpress-order-history .rpress-status-badge {
flex: 0 0 auto;
padding: 7px 11px;
border: 1px solid rgba(var(--rpress-theme-primary-rgb, 237,85,117), 0.22) !important;
border-radius: 999px;
background: rgba(var(--rpress-theme-primary-rgb, 237,85,117), 0.1) !important;
color: var(--rpress-theme-primary, #ED5575) !important;
font-size: 12px;
font-weight: 800;
line-height: 1.2;
text-transform: capitalize;
white-space: nowrap;
}
#rpress_user_history.rpress-order-history .rpress-history-meta-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
#rpress_user_history.rpress-order-history .rpress-history-meta-item {
min-width: 0;
padding: 12px;
border: 1px solid #edf0f5;
border-radius: 8px;
background: #fbfcfe;
}
#rpress_user_history.rpress-order-history .rpress-history-meta-address {
grid-column: 1 / -1;
}
#rpress_user_history.rpress-order-history .rpress-history-meta-item strong,
#rpress_user_history.rpress-order-history .rpress-history-total strong {
display: block;
font-size: 15px;
font-weight: 700;
line-height: 1.35;
color: #1f2937;
overflow-wrap: anywhere;
}
#rpress_user_history.rpress-order-history .rpress-history-items {
padding-top: 2px;
}
#rpress_user_history.rpress-order-history .rpress-history-items p {
display: -webkit-box;
overflow: hidden;
color: #374151;
font-size: 14px;
font-weight: 500;
line-height: 1.55;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
#rpress_user_history.rpress-order-history .rpress-history-card-footer {
align-items: center;
margin-top: auto;
padding-top: 18px;
border-top: 1px solid #eef2f7;
}
#rpress_user_history.rpress-order-history .rpress-history-actions {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 8px;
padding: 0;
}
#rpress_user_history.rpress-order-history .rpress-history-actions a {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 40px;
padding: 0 16px;
border: 1px solid var(--rpress-theme-primary, #ED5575);
border-radius: var(--rpress-default-control-radius, 999px);
background: var(--rpress-theme-primary, #ED5575);
color: #ffffff;
font-size: 13px;
font-weight: 800;
line-height: 1.2;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
}
#rpress_user_history.rpress-order-history .rpress-history-actions a:hover,
#rpress_user_history.rpress-order-history .rpress-history-actions a:focus {
color: #ffffff;
opacity: 0.88;
}
#rpress_user_history.rpress-order-history .rpress-history-actions a.rp-loading {
color: transparent !important;
}
#rpress_user_history.rpress-order-history .rpress-history-actions a.rp-loading:after {
left: 50%;
right: auto;
top: 50%;
margin: -10px 0 0 -10px;
border-color: #fff transparent #fff transparent;
}
#rpress_user_history.rpress-order-history .rp-infinite-load-main {
margin-top: 22px;
text-align: center;
}
#rpress_user_history.rpress-order-history .rp-infi-load {
margin: 0;
font-size: 15px;
color: #6b7280;
}
@media (max-width: 767px) {
#rpress_user_history.rpress-order-history {
padding: 22px 12px;
}
#rpress_user_history.rpress-order-history .rpress-order-history-heading {
align-items: flex-start;
flex-direction: column;
margin-bottom: 16px;
}
#rpress_user_history.rpress-order-history h2 {
font-size: 25px;
}
#rpress_user_history.rpress-order-history .repress-history-inner.rpress-order-history-grid {
grid-template-columns: 1fr;
gap: 14px;
}
#rpress_user_history.rpress-order-history .rpress-history-card {
gap: 14px;
padding: 16px;
}
#rpress_user_history.rpress-order-history .rpress-history-card-header,
#rpress_user_history.rpress-order-history .rpress-history-card-footer {
flex-direction: column;
align-items: stretch;
}
#rpress_user_history.rpress-order-history .rpress-status-badge {
width: fit-content;
}
#rpress_user_history.rpress-order-history .rpress-history-meta-grid {
grid-template-columns: 1fr;
gap: 10px;
}
#rpress_user_history.rpress-order-history .rpress-history-actions {
justify-content: stretch;
width: 100%;
}
#rpress_user_history.rpress-order-history .rpress-history-actions a {
flex: 1 1 150px;
min-width: 0;
}
}
@media (max-width: 420px) {
#rpress_user_history.rpress-order-history .rpress-history-actions a {
flex-basis: 100%;
width: 100%;
}
} #rpressModal.show-order-details.rpress-order-details-context {
display: none !important;
}
#rpressModal.show-order-details.rpress-order-details-context.is-open {
display: block !important;
position: fixed !important;
inset: 0;
z-index: 999999;
}
#rpressModal.show-order-details.rpress-order-details-context .modal__container {
max-width: 920px;
width: calc(100vw - 40px);
border-radius: 22px;
overflow: hidden;
}
#rpressModal.show-order-details.rpress-order-details-context .modal-header {
padding: 26px 34px 20px;
border-bottom: 1px solid #e6ebf2;
}
#rpressModal.show-order-details.rpress-order-details-context .modal-header .modal-title {
width: 100%;
margin: 0;
font-size: 42px;
font-weight: 700;
line-height: 1.05;
color: #262b3a;
display: flex;
align-items: center;
gap: 16px;
}
#rpressModal.show-order-details.rpress-order-details-context .rpress-status {
margin-left: auto;
float: none;
margin-right: 40px;
padding: 10px 22px;
border-radius: 12px;
font-size: 16px;
}
#rpressModal.show-order-details.rpress-order-details-context .modal__close {
background: url(//tiemxuquang.theme.digis.vn/wp-content/plugins/restropress/assets/svg/popup-close.svg), #eff2f7;
background-repeat: no-repeat;
background-size: 16px;
background-position: center;
border-radius: 999px;
width: 48px;
height: 48px;
right: 22px;
top: 20px;
opacity: 0.95;
}
#rpressModal.show-order-details.rpress-order-details-context .modal-body {
padding: 26px 34px;
}
#rpressModal.show-order-details.rpress-order-details-context .rp-detils-content-view .rp-detail-row {
display: flex;
flex-direction: column;
gap: 4px;
margin-bottom: 16px;
}
#rpressModal.show-order-details.rpress-order-details-context .rp-detils-content-view .rp-detail-label {
font-size: 15px;
font-weight: 700;
line-height: 1.3;
color: #2f3647;
letter-spacing: .2px;
}
#rpressModal.show-order-details.rpress-order-details-context .rp-detils-content-view .rp-detail-value {
font-size: 18px;
font-weight: 500;
line-height: 1.45;
color: #4a5162;
word-break: break-word;
}
#rpressModal.show-order-details.rpress-order-details-context .rp-order-list-main-wrap h3 {
font-size: 34px;
font-weight: 700;
line-height: 1.12;
margin: 14px 0 12px;
}
#rpressModal.show-order-details.rpress-order-details-context .rp-order-list-main-wrap ul.rpress-cart {
margin: 0 0 10px;
padding: 0;
list-style: none;
background: #fff;
border: 1px solid #e8eef6;
border-radius: 16px;
overflow: hidden;
}
#rpressModal.show-order-details.rpress-order-details-context .rp-order-list-main-wrap ul.rpress-cart > li {
list-style: none;
}
#rpressModal.show-order-details.rpress-order-details-context .rp-order-list-main-wrap ul.rpress-cart > li:before {
display: none !important;
content: none !important;
}
#rpressModal.show-order-details.rpress-order-details-context .rp-order-list-main-wrap .rpress-cart-item {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 10px;
padding: 14px 18px;
border-bottom: 1px solid #eef3f9;
}
#rpressModal.show-order-details.rpress-order-details-context .rp-order-list-main-wrap .rpress-cart-item-title {
vertical-align: middle;
line-height: 1.3;
font-weight: 600;
color: #2b3445;
flex: 1 1 auto;
min-width: 0;
}
#rpressModal.show-order-details.rpress-order-details-context .rp-addons-ht-wrap {
margin: 0 0 0 36px;
max-width: calc(100% - 36px);
display: block;
font-size: 12px;
color: #6a7384;
vertical-align: middle;
flex: 1 0 100%;
}
#rpressModal.show-order-details.rpress-order-details-context .rp-order-list-main-wrap span.rpress-cart-item-qty.qty-class {
line-height: 1.2;
padding-right: 10px;
font-size: 14px;
vertical-align: middle;
font-weight: 700;
color: #111827;
}
#rpressModal.show-order-details.rpress-order-details-context .modal-footer{
font-weight: 700;
color: #111827;
padding: 18px 24px !important;
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
text-align: left;
}
#rpressModal.show-order-details.rpress-order-details-context .modal-footer > span {
margin-left: auto;
text-align: right;
}
#rpressModal.show-order-details.rpress-order-details-context .rp-order-list-main-wrap li.rpress-cart-meta {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 18px;
gap: 12px;
border-top: 1px solid #eef3f9;
background: #fcfdff;
font-weight: 600;
color: #374151;
}
#rpressModal.show-order-details.rpress-order-details-context .rp-order-list-main-wrap li.rpress-cart-meta span {
margin-left: auto;
text-align: right;
font-weight: 700;
color: #111827;
}
#rpressModal.show-order-details.rpress-order-details-context .rpress-cart .cart-item-quantity-wrap {
width: auto;
display: block;
font-size: 14px;
float: none;
text-align: right;
position: static;
margin-left: auto;
flex: 0 0 auto;
}
#rpressModal.show-order-details.rpress-order-details-context .cart-item-quantity-wrap span.rpress-cart-item-price.qty-class{
display: block;
justify-content: flex-end;
text-align: right;
font-weight: 700;
color: #111827;
}
@media (max-width: 767px) {
#rpressModal.show-order-details.rpress-order-details-context .modal__container {
width: calc(100vw - 20px);
border-radius: 16px;
}
#rpressModal.show-order-details.rpress-order-details-context .modal-header {
padding: 18px 16px 16px;
}
#rpressModal.show-order-details.rpress-order-details-context .modal-header .modal-title {
font-size: 30px;
line-height: 1.15;
padding-right: 56px;
}
#rpressModal.show-order-details.rpress-order-details-context .rpress-status {
margin-right: 52px;
padding: 8px 12px;
font-size: 14px;
}
#rpressModal.show-order-details.rpress-order-details-context .modal__close {
width: 40px;
height: 40px;
right: 10px;
top: 10px;
}
#rpressModal.show-order-details.rpress-order-details-context .modal-body {
padding: 16px;
}
#rpressModal.show-order-details.rpress-order-details-context .rp-order-list-main-wrap h3 {
font-size: 28px;
}
#rpressModal.show-order-details.rpress-order-details-context .rp-order-list-main-wrap .rpress-cart-item {
padding: 12px 14px;
}
#rpressModal.show-order-details.rpress-order-details-context .rpress-cart .cart-item-quantity-wrap {
flex: 0 0 100%;
text-align: right;
margin-left: auto;
}
#rpressModal.show-order-details.rpress-order-details-context .cart-item-quantity-wrap span.rpress-cart-item-price.qty-class {
text-align: right;
}
#rpressModal.show-order-details.rpress-order-details-context .rp-order-list-main-wrap li.rpress-cart-meta {
padding: 10px 14px;
}
#rpressModal.show-order-details.rpress-order-details-context .modal-footer{
padding: 14px 16px !important;
}
} .custom-reset-password {
max-width: 400px;
margin: 60px auto;
font-family: 'Helvetica Neue', sans-serif;
text-align: center;
}
.custom-reset-password h2 {
font-size: 28px;
font-weight: 700;
}
.custom-reset-password p {
color: #333;
margin-bottom: 20px;
}
.custom-reset-password label {
display: block;
text-align: left;
margin: 15px 0 5px;
font-weight: 600;
}
.custom-reset-password input[type="text"] {
width: 100%;
padding: 12px;
font-size: 16px;
border: 1px solid #ddd;
border-radius: 6px;
}
.reset-button {
margin-top: 20px;
background-color: #f54b6e;
color: #fff;
border: none;
padding: 14px;
border-radius: 30px;
width: 100%;
font-size: 16px;
cursor: pointer;
}
.reset-button:hover {
background-color: #e24364;
}
.login-link {
margin-top: 20px;
}
.login-link a {
text-decoration: none;
color: #000;
font-weight: 500;
}
.success {
color: green;
margin-top: 15px;
}
.error {
color: red;
margin-top: 15px;
} .rp-row {
margin-right: -15px;
margin-left: -15px;
}
.rp-col-xs-1, .rp-col-sm-1, .rp-col-md-1, .rp-col-lg-1, .rp-col-xs-2, .rp-col-sm-2, .rp-col-md-2, .rp-col-lg-2, .rp-col-xs-3, .rp-col-sm-3, .rp-col-md-3, .rp-col-lg-3, .rp-col-xs-4, .rp-col-sm-4, .rp-col-md-4, .rp-col-lg-4, .rp-col-xs-5, .rp-col-sm-5, .rp-col-md-5, .rp-col-lg-5, .rp-col-xs-6, .rp-col-sm-6, .rp-col-md-6, .rp-col-lg-6, .rp-col-xs-7, .rp-col-sm-7, .rp-col-md-7, .rp-col-lg-7, .rp-col-xs-8, .rp-col-sm-8, .rp-col-md-8, .rp-col-lg-8, .rp-col-xs-9, .rp-col-sm-9, .rp-col-md-9, .rp-col-lg-9, .rp-col-xs-10, .rp-col-sm-10, .rp-col-md-10, .rp-col-lg-10, .rp-col-xs-11, .rp-col-sm-11, .rp-col-md-11, .rp-col-lg-11, .rp-col-xs-12, .rp-col-sm-12, .rp-col-md-12, .rp-col-lg-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.rp-col-xs-1, .rp-col-xs-2, .rp-col-xs-3, .rp-col-xs-4, .rp-col-xs-5, .rp-col-xs-6, .rp-col-xs-7, .rp-col-xs-8, .rp-col-xs-9, .rp-col-xs-10, .rp-col-xs-11, .rp-col-xs-12 {
float: left;
}
.rp-col-xs-12 {
width: 100%;
}
.rp-col-xs-11 {
width: 91.66666667%;
}
.rp-col-xs-10 {
width: 83.33333333%;
}
.rp-col-xs-9 {
width: 75%;
}
.rp-col-xs-8 {
width: 66.66666667%;
}
.rp-col-xs-7 {
width: 58.33333333%;
}
.rp-col-xs-6 {
width: 50%;
}
.rp-col-xs-5 {
width: 41.66666667%;
}
.rp-col-xs-4 {
width: 33.33333333%;
}
.rp-col-xs-3 {
width: 25%;
}
.rp-col-xs-2 {
width: 16.66666667%;
}
.rp-col-xs-1 {
width: 8.33333333%;
}
.rp-col-xs-pull-12 {
right: 100%;
}
.rp-col-xs-pull-11 {
right: 91.66666667%;
}
.rp-col-xs-pull-10 {
right: 83.33333333%;
}
.rp-col-xs-pull-9 {
right: 75%;
}
.rp-col-xs-pull-8 {
right: 66.66666667%;
}
.rp-col-xs-pull-7 {
right: 58.33333333%;
}
.rp-col-xs-pull-6 {
right: 50%;
}
.rp-col-xs-pull-5 {
right: 41.66666667%;
}
.rp-col-xs-pull-4 {
right: 33.33333333%;
}
.rp-col-xs-pull-3 {
right: 25%;
}
.rp-col-xs-pull-2 {
right: 16.66666667%;
}
.rp-col-xs-pull-1 {
right: 8.33333333%;
}
.rp-col-xs-pull-0 {
right: auto;
}
.rp-col-xs-push-12 {
left: 100%;
}
.rp-col-xs-push-11 {
left: 91.66666667%;
}
.rp-col-xs-push-10 {
left: 83.33333333%;
}
.rp-col-xs-push-9 {
left: 75%;
}
.rp-col-xs-push-8 {
left: 66.66666667%;
}
.rp-col-xs-push-7 {
left: 58.33333333%;
}
.rp-col-xs-push-6 {
left: 50%;
}
.rp-col-xs-push-5 {
left: 41.66666667%;
}
.rp-col-xs-push-4 {
left: 33.33333333%;
}
.rp-col-xs-push-3 {
left: 25%;
}
.rp-col-xs-push-2 {
left: 16.66666667%;
}
.rp-col-xs-push-1 {
left: 8.33333333%;
}
.rp-col-xs-push-0 {
left: auto;
}
.rp-col-xs-offset-12 {
margin-left: 100%;
}
.rp-col-xs-offset-11 {
margin-left: 91.66666667%;
}
.rp-col-xs-offset-10 {
margin-left: 83.33333333%;
}
.rp-col-xs-offset-9 {
margin-left: 75%;
}
.rp-col-xs-offset-8 {
margin-left: 66.66666667%;
}
.rp-col-xs-offset-7 {
margin-left: 58.33333333%;
}
.rp-col-xs-offset-6 {
margin-left: 50%;
}
.rp-col-xs-offset-5 {
margin-left: 41.66666667%;
}
.rp-col-xs-offset-4 {
margin-left: 33.33333333%;
}
.rp-col-xs-offset-3 {
margin-left: 25%;
}
.rp-col-xs-offset-2 {
margin-left: 16.66666667%;
}
.rp-col-xs-offset-1 {
margin-left: 8.33333333%;
}
.rp-col-xs-offset-0 {
margin-left: 0;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
} @media (min-width: 768px) {
.rp-col-sm-1, .rp-col-sm-2, .rp-col-sm-3, .rp-col-sm-4, .rp-col-sm-5, .rp-col-sm-6, .rp-col-sm-7, .rp-col-sm-8, .rp-col-sm-9, .rp-col-sm-10, .rp-col-sm-11, .rp-col-sm-12 {
float: left;
}
.rp-col-sm-12 {
width: 100%;
}
.rp-col-sm-11 {
width: 91.66666667%;
}
.rp-col-sm-10 {
width: 83.33333333%;
}
.rp-col-sm-9 {
width: 75%;
}
.rp-col-sm-8 {
width: 66.66666667%;
}
.rp-col-sm-7 {
width: 58.33333333%;
}
.rp-col-sm-6 {
width: 50%;
}
.rp-col-sm-5 {
width: 41.66666667%;
}
.rp-col-sm-4 {
width: 33.33333333%;
}
.rp-col-sm-3 {
width: 25%;
}
.rp-col-sm-2 {
width: 16.66666667%;
}
.rp-col-sm-1 {
width: 8.33333333%;
}
.rp-col-sm-pull-12 {
right: 100%;
}
.rp-col-sm-pull-11 {
right: 91.66666667%;
}
.rp-col-sm-pull-10 {
right: 83.33333333%;
}
.rp-col-sm-pull-9 {
right: 75%;
}
.rp-col-sm-pull-8 {
right: 66.66666667%;
}
.rp-col-sm-pull-7 {
right: 58.33333333%;
}
.rp-col-sm-pull-6 {
right: 50%;
}
.rp-col-sm-pull-5 {
right: 41.66666667%;
}
.rp-col-sm-pull-4 {
right: 33.33333333%;
}
.rp-col-sm-pull-3 {
right: 25%;
}
.rp-col-sm-pull-2 {
right: 16.66666667%;
}
.rp-col-sm-pull-1 {
right: 8.33333333%;
}
.rp-col-sm-pull-0 {
right: auto;
}
.rp-col-sm-push-12 {
left: 100%;
}
.rp-col-sm-push-11 {
left: 91.66666667%;
}
.rp-col-sm-push-10 {
left: 83.33333333%;
}
.rp-col-sm-push-9 {
left: 75%;
}
.rp-col-sm-push-8 {
left: 66.66666667%;
}
.rp-col-sm-push-7 {
left: 58.33333333%;
}
.rp-col-sm-push-6 {
left: 50%;
}
.rp-col-sm-push-5 {
left: 41.66666667%;
}
.rp-col-sm-push-4 {
left: 33.33333333%;
}
.rp-col-sm-push-3 {
left: 25%;
}
.rp-col-sm-push-2 {
left: 16.66666667%;
}
.rp-col-sm-push-1 {
left: 8.33333333%;
}
.rp-col-sm-push-0 {
left: auto;
}
.rp-col-sm-offset-12 {
margin-left: 100%;
}
.rp-col-sm-offset-11 {
margin-left: 91.66666667%;
}
.rp-col-sm-offset-10 {
margin-left: 83.33333333%;
}
.rp-col-sm-offset-9 {
margin-left: 75%;
}
.rp-col-sm-offset-8 {
margin-left: 66.66666667%;
}
.rp-col-sm-offset-7 {
margin-left: 58.33333333%;
}
.rp-col-sm-offset-6 {
margin-left: 50%;
}
.rp-col-sm-offset-5 {
margin-left: 41.66666667%;
}
.rp-col-sm-offset-4 {
margin-left: 33.33333333%;
}
.rp-col-sm-offset-3 {
margin-left: 25%;
}
.rp-col-sm-offset-2 {
margin-left: 16.66666667%;
}
.rp-col-sm-offset-1 {
margin-left: 8.33333333%;
}
.rp-col-sm-offset-0 {
margin-left: 0;
}
div.rpress-section .rpress_fooditem.rpress-list .rpress_purchase_submit_wrapper a.rpress-add-to-cart.rpress-submit.circle{
width: 32px;
}
.rpress-options-row p.rpress_order-address-wrap{
display: block;
}
}
@media (min-width: 992px) {
.rp-col-md-1, .rp-col-md-2, .rp-col-md-3, .rp-col-md-4, .rp-col-md-5, .rp-col-md-6, .rp-col-md-7, .rp-col-md-8, .rp-col-md-9, .rp-col-md-10, .rp-col-md-11, .rp-col-md-12 {
float: left;
}
.rp-col-md-12 {
width: 100%;
}
.rp-col-md-11 {
width: 91.66666667%;
}
.rp-col-md-10 {
width: 83.33333333%;
}
.rp-col-md-9 {
width: 75%;
}
.rp-col-md-8 {
width: 66.66666667%;
}
.rp-col-md-7 {
width: 58.33333333%;
}
.rp-col-md-6 {
width: 50%;
}
.rp-col-md-5 {
width: 41.66666667%;
}
.rp-col-md-4 {
width: 33.33333333%;
}
.rp-col-md-3 {
width: 25%;
}
.rp-col-md-2 {
width: 16.66666667%;
}
.rp-col-md-1 {
width: 8.33333333%;
}
.rp-col-md-pull-12 {
right: 100%;
}
.rp-col-md-pull-11 {
right: 91.66666667%;
}
.rp-col-md-pull-10 {
right: 83.33333333%;
}
.rp-col-md-pull-9 {
right: 75%;
}
.rp-col-md-pull-8 {
right: 66.66666667%;
}
.rp-col-md-pull-7 {
right: 58.33333333%;
}
.rp-col-md-pull-6 {
right: 50%;
}
.rp-col-md-pull-5 {
right: 41.66666667%;
}
.rp-col-md-pull-4 {
right: 33.33333333%;
}
.rp-col-md-pull-3 {
right: 25%;
}
.rp-col-md-pull-2 {
right: 16.66666667%;
}
.rp-col-md-pull-1 {
right: 8.33333333%;
}
.rp-col-md-pull-0 {
right: auto;
}
.rp-col-md-push-12 {
left: 100%;
}
.rp-col-md-push-11 {
left: 91.66666667%;
}
.rp-col-md-push-10 {
left: 83.33333333%;
}
.rp-col-md-push-9 {
left: 75%;
}
.rp-col-md-push-8 {
left: 66.66666667%;
}
.rp-col-md-push-7 {
left: 58.33333333%;
}
.rp-col-md-push-6 {
left: 50%;
}
.rp-col-md-push-5 {
left: 41.66666667%;
}
.rp-col-md-push-4 {
left: 33.33333333%;
}
.rp-col-md-push-3 {
left: 25%;
}
.rp-col-md-push-2 {
left: 16.66666667%;
}
.rp-col-md-push-1 {
left: 8.33333333%;
}
.rp-col-md-push-0 {
left: auto;
}
.rp-col-md-offset-12 {
margin-left: 100%;
}
.rp-col-md-offset-11 {
margin-left: 91.66666667%;
}
.rp-col-md-offset-10 {
margin-left: 83.33333333%;
}
.rp-col-md-offset-9 {
margin-left: 75%;
}
.rp-col-md-offset-8 {
margin-left: 66.66666667%;
}
.rp-col-md-offset-7 {
margin-left: 58.33333333%;
}
.rp-col-md-offset-6 {
margin-left: 50%;
}
.rp-col-md-offset-5 {
margin-left: 41.66666667%;
}
.rp-col-md-offset-4 {
margin-left: 33.33333333%;
}
.rp-col-md-offset-3 {
margin-left: 25%;
}
.rp-col-md-offset-2 {
margin-left: 16.66666667%;
}
.rp-col-md-offset-1 {
margin-left: 8.33333333%;
}
.rp-col-md-offset-0 {
margin-left: 0;
}
}
@media (min-width: 769px) {
.rp-col-lg-1, .rp-col-lg-2, .rp-col-lg-3, .rp-col-lg-4, .rp-col-lg-5, .rp-col-lg-6, .rp-col-lg-7, .rp-col-lg-8, .rp-col-lg-9, .rp-col-lg-10, .rp-col-lg-11, .rp-col-lg-12 {
float: left;
}
.rp-col-lg-12 {
width: 100%;
}
.rp-col-lg-11 {
width: 91.66666667%;
}
.rp-col-lg-10 {
width: 83.33333333%;
}
.rp-col-lg-9 {
width: 75%;
}
.rp-col-lg-8 {
width: 66.66666667%;
}
.rp-col-lg-7 {
width: 58.33333333%;
}
.rp-col-lg-6 {
width: 50%;
}
.rp-col-lg-5 {
width: 41.66666667%;
}
.rp-col-lg-4 {
width: 33.33333333%;
}
.rp-col-lg-3 {
width: 25%;
}
.rp-col-lg-2 {
width: 16.66666667%;
}
.rp-col-lg-1 {
width: 8.33333333%;
}
.rp-col-lg-pull-12 {
right: 100%;
}
.rp-col-lg-pull-11 {
right: 91.66666667%;
}
.rp-col-lg-pull-10 {
right: 83.33333333%;
}
.rp-col-lg-pull-9 {
right: 75%;
}
.rp-col-lg-pull-8 {
right: 66.66666667%;
}
.rp-col-lg-pull-7 {
right: 58.33333333%;
}
.rp-col-lg-pull-6 {
right: 50%;
}
.rp-col-lg-pull-5 {
right: 41.66666667%;
}
.rp-col-lg-pull-4 {
right: 33.33333333%;
}
.rp-col-lg-pull-3 {
right: 25%;
}
.rp-col-lg-pull-2 {
right: 16.66666667%;
}
.rp-col-lg-pull-1 {
right: 8.33333333%;
}
.rp-col-lg-pull-0 {
right: auto;
}
.rp-col-lg-push-12 {
left: 100%;
}
.rp-col-lg-push-11 {
left: 91.66666667%;
}
.rp-col-lg-push-10 {
left: 83.33333333%;
}
.rp-col-lg-push-9 {
left: 75%;
}
.rp-col-lg-push-8 {
left: 66.66666667%;
}
.rp-col-lg-push-7 {
left: 58.33333333%;
}
.rp-col-lg-push-6 {
left: 50%;
}
.rp-col-lg-push-5 {
left: 41.66666667%;
}
.rp-col-lg-push-4 {
left: 33.33333333%;
}
.rp-col-lg-push-3 {
left: 25%;
}
.rp-col-lg-push-2 {
left: 16.66666667%;
}
.rp-col-lg-push-1 {
left: 8.33333333%;
}
.rp-col-lg-push-0 {
left: auto;
}
.rp-col-lg-offset-12 {
margin-left: 100%;
}
.rp-col-lg-offset-11 {
margin-left: 91.66666667%;
}
.rp-col-lg-offset-10 {
margin-left: 83.33333333%;
}
.rp-col-lg-offset-9 {
margin-left: 75%;
}
.rp-col-lg-offset-8 {
margin-left: 66.66666667%;
}
.rp-col-lg-offset-7 {
margin-left: 58.33333333%;
}
.rp-col-lg-offset-6 {
margin-left: 50%;
}
.rp-col-lg-offset-5 {
margin-left: 41.66666667%;
}
.rp-col-lg-offset-4 {
margin-left: 33.33333333%;
}
.rp-col-lg-offset-3 {
margin-left: 25%;
}
.rp-col-lg-offset-2 {
margin-left: 16.66666667%;
}
.rp-col-lg-offset-1 {
margin-left: 8.33333333%;
}
.rp-col-lg-offset-0 {
margin-left: 0;
}
} .rpress_fooditems_list .rpress_fooditem_buy_button {
top: 55%;
width: auto;
left: 50%;
right: auto;
transform: translateX(-50%);
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.container-actionmenu.cart-has-items {
bottom: 150px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
body .rpress-section a {
text-decoration: none !important;
}
} @media only screen and (max-width:1920px){
.addon-popup-wrap input[type="radio"]:checked:after,
.addon-popup-wrap input[type="radio"]:after
{
top: 1px;
left: 0px;
}
}
@media only screen and (max-width:1600px){
.addon-popup-wrap input[type="radio"]:checked:after,
.addon-popup-wrap input[type="radio"]:after
{
top: 1px;
left: 0px;
}
.rpress-popup-actions .btn-count input.qty.qty-style{
width:100%;
}
}
@media screen and (max-width:1440px){
.rpress_fooditems_list .rpress_fooditem_title .food-title {
-webkit-line-clamp: none;
}
}
@media only screen and (min-width:1222px) and (max-width: 1251px){
.rpress-option-col.rpress-edit-address-wrap {
order: 3;
width: 100%;
display: block;
}
.rpress-option-col.rpress-search-wrap {
flex-grow: 1;
margin-left: 0;
}
div.rpress-search-wrap input#rpress-food-search {
width: 100%;
background-size: 12px;
padding: 0 10px 0 30px;
}
.rpress-options-row span.left-brdr {
display: none;
}
.rpress-options-row p.rpress_order-address-wrap {
border-radius: 5px;
border: 2px solid #F3EDED;
background-color: #fff;
}
.addon-popup-wrap .modal__container .addon-modal-overlap-bg{
max-height: 380px !important;
overflow-y: scroll;
} }
@media only screen and (max-width: 1222px) { .rpress_fooditems_list div.rpress-thumbnail-holder {
min-height: 100px;
}
.rpress-edit-address-popup .modal__container {
width: 50%;
margin: 0 10px;
}
.rpress-option-col.rpress-edit-address-wrap {
order: 3;
width: 100%;
display: block;
}
.rpress-options-row span.left-brdr {
display: none;
}
.rpress-option-col.rpress-search-wrap {
flex-grow: 1;
margin-left: 0;
}
div.rpress-search-wrap input#rpress-food-search {
width: 100%;
background-size: 12px;
padding: 0 10px 0 30px;
}
.rpress-options-row p.rpress_order-address-wrap {
border-radius: 5px;
border: 2px solid #F3EDED;
background-color: #fff;
}
ul.rpress-category-lists .rpress-category-item {
padding: 8px 15px 8px 15px;
}
ul.rpress-category-lists li.rpress-category-item a {
font-size: 14px;
}
.addon-popup-wrap .modal__container {
max-height: 100%;
padding: 20px 0 0;
border-radius: 10px 10px 0 0;
} .addon-popup-wrap .addon-modal-overlap-bg {
max-height: 450px;
}
}
@media only screen and (min-width:1099px) and (max-width: 1168px){ div.rpress_fooditems_grid .rpress_fooditem_title .food-title{
font-size: 15px;
}
div.rpress_fooditems_grid .rpress-price-holder span.price{
font-size: 13px;
}
div.rpress_fooditems_grid .rpress_fooditem.rpress-list .rpress_purchase_submit_wrapper a.rpress-add-to-cart.rpress-submit{
padding: 0px 11px;
height: 27px;
}
div.rpress_fooditems_grid .rpress-title-holder h3 {
margin: 0px 10px 4px 0;
}
}
@media only screen and (max-width: 1100px) {  .rpress-grid.rpress_fooditem, 
.rpress_fooditem.rpress-grid .rpress-price-holder.rpress-grid-view-holder {
width: 100% !important;
}	
.addon-popup-wrap .modal__image-section {
gap: 5px;
}
.addon-popup-wrap .modal__container {
padding: 30px 0px 0; width: 55%;
}
.addon-popup-wrap .addon-modal-overlap-bg {
max-height: 450px;
}
.addon-popup-wrap .modal-body {
margin-top: 0px;
margin-bottom: 30px;  }
form#fooditem-details {
margin: 0 6px 0 0;
}
.addon-popup-wrap .modal__close {
right: 5px;
top: 12px;
}
.addon-popup-wrap #fooditem-details h6{
font-size: 12px;
padding: 10px 0 0px 0;
}
.addon-popup-wrap .rp-addon-required {
font-size: 12px; }
.addon-popup-wrap .modal__title {
font-size: 22px;
display: block;
}
.addon-popup-wrap .food-item-list {
margin-bottom: 4px;
padding-bottom: 4px;
}
.addon-popup-wrap .rp-col-md-12.md-4-top.special-margin {
padding: 10px 0;
}
#rpressModal .modal__footer {
padding: 10px !important;
}
.addon-popup-wrap#rpressModal .rpress-popup-actions .submit-fooditem-button {
font-size: 12px;
letter-spacing: 0.72px;
text-transform: uppercase;
text-align: center;
font-weight: 600; position: relative;
width: 100%; display: flex;
align-items: center;
justify-content: center;
}
.addon-popup-wrap#rpressModal .rpress-popup-actions .submit-fooditem-button.th-rectangle{
border-radius: 0px; 
}
.addon-popup-wrap#rpressModal .rpress-popup-actions .submit-fooditem-button.th-rounded{
border-radius: 100px; 
} body .rpress-cart .rpress_subtotal {
font-weight: 500;
}
.rpress-cart .cart-action-wrap a {
font-size: 11px;
padding: 3px 7px;
}
.rpress-cart span.rpress-cart-item-title,
.rpress-cart .cart-item-quantity-wrap span,
.rpress-cart-item .rpress-cart-item-qty,
.rpress-cart-item .separator,
.rpress-cart .rpress_total{
font-size: 14px;
line-height: 17px;
}
.rpress-cart-item-price{
align-items: flex-start;
}
.rpress-edit-address-popup .modal__container {
width: 50%;
margin: 0 10px;
}
.rpress_fooditems_list .rpress-thumbnail-holder img {
height: auto;
}
}
@media only screen and (min-width:993px) and (max-width: 1099px){
.addon-popup-wrap .modal__close {
right: 5px;
top: 12px;
}
.rpress_fooditems_grid .rpress-grid-main-wrap .food-group-wrap {
grid-template-columns: repeat(1, 1.5fr);
}
}
@media (min-width: 992px) {
.modal-lg {
width: 900px;
}	
}
@media only screen and (min-width:900px) and (max-width: 992px){
.rpress_fooditems_list .rpress_fooditem.rpress-list .rpress_purchase_submit_wrapper a.rpress-add-to-cart.button {
width: fit-content;
}
.rpress_fooditems_grid .rpress-grid-main-wrap .food-group-wrap {
grid-template-columns: repeat(1, 1.5fr);
}
.order-online .rpress-delivery-options ul#rpressdeliveryTab li.nav-item + li.nav-item:before{
padding: 2px 7px 5px 0;
}
}
@media screen and (max-width: 900px) { .rpress-edit-address-popup .modal__container {
width: 50%;
margin: 0 10px;
}
.pn-ProductNav_Wrapper {
margin: 0 0 0 29px;
}
div.rpress-search-wrap input#rpress-food-search{
height: 37px;
line-height: 37px;
}
div.rpress-search-wrap {
margin-left: 0;
}
.rpress-options-row {
margin-top: 20px;
justify-content: space-between;
}
.rpress_fooditems_grid .rpress-grid-main-wrap .food-group-wrap{
grid-template-columns: repeat(1, 1.5fr);
}
.rpress-mobile-menu-wrap {
display: contents;
}
div.rpress-filter-wrapper {
display: none;
padding: 0 15px;
}
.rpress_fooditems_list>.rp-col-lg-8 {
width: 100%;
}
.addon-popup-wrap input[type="radio"]:checked:after,
.addon-popup-wrap input[type="radio"]:after
{
top: 0px;
}
.rpress-delivery-options ul#rpressdeliveryTab {
padding:3px 7px 6px 0;
} .rpress-popup-actions .submit-fooditem-button.rp-loading:after {
top: 8px;
} .addon-popup-wrap .modal__image-section img.item-image { object-fit: cover;
width: 100%;
display: block;
margin-bottom: 20px;
}
.addon-popup-wrap .rp-col-lg-6 {
width: 100%;
}
.addon-popup-wrap .modal__container { padding: 30px 0 0;
overflow-x: visible;
}
.addon-popup-wrap .modal-body {
padding-bottom: 20px;
} .addon-popup-wrap .modal__image-section {
gap: 5px;
}
.addon-popup-wrap .modal__close {
right: 5px;
top: 12px;
}
.addon-popup-wrap #fooditem-details h6{
padding: 10px 0 0px 0;
font-size: 14px;
}
.addon-popup-wrap .modal__title {
font-size: 22px;
display: block;
}
.addon-popup-wrap .food-item-list {
margin-bottom: 4px;
padding-bottom: 4px;
}
.addon-popup-wrap .rp-col-md-12.md-4-top.special-margin {
padding: 10px 0;
}
.addon-popup-wrap#rpressModal .rpress-popup-actions .submit-fooditem-button {
font-size: 12px;
text-align: center;
padding: 0px 15px;
float: right;
height: 40px;
line-height: 40px;
display: inline-block;
}
.addon-popup-wrap#rpressModal .rpress-popup-actions .submit-fooditem-button.th-rectangle{
border-radius: 0px; 
}
.addon-popup-wrap#rpressModal .rpress-popup-actions .submit-fooditem-button.th-rounded{
border-radius: 100px; 
}
#rpressModal .btn-count {
float: none;
margin: 0;
}
div.rpress-popup-actions .btn-count input[type="button"]{
line-height: 30px;
width: 30px;
height: 30px;
padding: 0 !important;
}
.rpress-popup-actions .btn-count input.qty.qty-style{
width: 100%;
}
#rpressModal .modal__footer {
padding: 10px 10px !important;
background-color: #fff;
position: fixed;
bottom: 0;
}
#rpressModal .rpress-popup-actions .submit-fooditem-button span.cart-item-price {
font-size: 10px;
}
}
@media only screen and (min-width: 769px) {
.rpress-category-item.current a {
background: transparent !important;
}
.rp-mb-cat-ft-btn {
display: none;
}
i.fa.fa-times.close-cart-ic{
display: none;
}
.rpress-mobile-cart-icons{
display: none !important;
}
.cd-dropdown-wrapper .cd-dropdown {
bottom: auto !important;
position: absolute;
top: calc(100% - -15px);
height: auto;
width: 280px !important;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
background-color: #ffffff;
color: #111433;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
opacity: 0;
-webkit-transform: translateY(30px);
-moz-transform: translateY(30px);
-ms-transform: translateY(30px);
-o-transform: translateY(30px);
transform: translateY(30px);
-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
}
}
@media only screen and (min-width:419px) and (max-width: 768px) {
.rp-col-xs-1, .rp-col-xs-2, .rp-col-xs-3, .rp-col-xs-4, .rp-col-xs-5, .rp-col-xs-6, .rp-col-xs-7, .rp-col-xs-8, .rp-col-xs-9, .rp-col-xs-10, .rp-col-xs-11, .rp-col-xs-12 {
padding: 0px !important;
} .container-actionmenu {
display: block;
position: fixed;
bottom: 110px;
z-index: 9999;
left: 40%;
}
.container-actionmenu #actionburger {
display: flex;
align-items: center;
gap: 10px;
background-color: #fff;
color: #000000;
font-size: 18px;
font-weight: 500;
padding: 13px 16px;
border: none;
outline: none;
cursor: pointer;
border-radius: 6px;
position: absolute;
right: unset;
z-index: 99999;
box-shadow: 0px 4px 20px 0px #0000000F;
}
.container-actionmenu .actionmenu {
background-color:#fff;
box-shadow: 0px 4px 20px 0px #0000000F;
border-radius: 20px;
position: fixed;
bottom: 96px;
right: 0;
z-index: 9998;
width: 95%;
}
.container-actionmenu nav.slides-up {
transition: all 0.75s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transform: translatey(-3.125rem) scale(1);
}
.container-actionmenu nav.slides-down {
transition: all 0.75s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transform: translatey(6.25rem) scale(0);
}
.container-actionmenu nav.slides-down{
opacity: 0;
margin: 0 auto;
}
.container-actionmenu nav.slides-up{
opacity: 1;
}
.container-actionmenu .actionmenu h2{
padding: 20px 20px 10px;
margin: 0;
color: #000000;
font-size: 20px;
font-weight: 500;
}
.container-actionmenu .actionmenu ul{
height: 280px;
overflow-y: scroll;
margin-top: 0;
}
.container-actionmenu .actionmenu ul li {
list-style: none;
border-radius: 3px;
text-align: center;
font-weight: 700;
font-size: 0.85rem;
position: relative;
}
.container-actionmenu ul li a{
color: #111433;
font-size: 15px;
font-weight: 500;
display: flex;
align-items: center;
justify-content: space-between;
padding:10px 20px;
}
.container-actionmenu .actionmenu ul li a.mnuactive {
color: #000;
background-color: rgba(168, 140, 3, 0.1);
border-left: 4px solid #a88c03;
border-bottom: 0;
border-right: 0;
} form#fooditem-details {
margin: 0 6px 0 0px;
}
.view-food-item-wrap .rp-col-sm-3 {
width: 17%;
}
.rpress-popup-actions {
padding: 0;
}
.rpress-popup-actions .rp-col-xs-8 {
padding-left: 10px !important;
}
.addon-popup-wrap .modal__image-section {
gap: 5px;
}
.addon-popup-wrap .modal__container {
width: 100%;
max-height: 100%;
border-radius: 0;
height: 100%;	
overflow: hidden;	
}
#rpressModal .modal__footer {
background-color: #fff;
padding: 10px 10px !important;
position: fixed;
bottom: 0;
}
.addon-popup-wrap .modal__container .rp-row {
margin-right: 15px;
margin-left: 15px;
}
.addon-popup-wrap .modal-body {
padding-bottom: 20px;
}
.addon-popup-wrap #fooditem-details h6{
padding: 10px 0 0px 0;
font-size: 14px;
}
.addon-popup-wrap .modal__title {
font-size: 22px;
display: block;
}
.addon-popup-wrap p.item-description p {
line-height: 25px;
margin-bottom: 10px;
}
.addon-popup-wrap .food-item-list {
margin-bottom: 4px;
padding-bottom: 4px;
}
.addon-popup-wrap .rp-col-md-12.md-4-top.special-margin {
padding: 10px 0;
}
.addon-popup-wrap#rpressModal .rpress-popup-actions .submit-fooditem-button {
font-size: 12px;
}
.addon-popup-wrap#rpressModal .rpress-popup-actions .submit-fooditem-button.th-rectangle{
border-radius: 0px; 
}
.addon-popup-wrap#rpressModal .rpress-popup-actions .submit-fooditem-button.th-rounded{
border-radius: 100px; 
}
#rpressModal .btn-count {
float: none;
margin: 0;
}
div.rpress-popup-actions .btn-count input[type="button"]{
line-height: 30px;
width: 30px;
height: 30px;
padding: 0 !important;
}
.rpress-popup-actions .btn-count input.qty.qty-style{
width: 100%;
}
#rpressModal .rpress-popup-actions .submit-fooditem-button span.cart-item-price {
font-size: 10px;
} .rpress-edit-address-popup .modal__container {
width:  80%;
margin: 0 10px;
} div.rpress_fooditems_grid .rpress-price-holder{		
position: absolute;
bottom: 2px;
width: 100%;
}
.make-me-sticky {
padding-left: 20px;    
background-color: #fff;
}
.make-me-sticky .pn-ProductNav_Wrapper:after{
display: none;
}
.make-me-sticky .pn-ProductNav_Wrapper {
margin:0 0 0 29px;
background-color: transparent;
}
.rpress_fooditems_list .rpress_fooditem_buy_button {
padding: 0 0px;
}	
div.rpress-search-wrap {
margin-left: 0;
}
.rpress_fooditems_list div.rpress-thumbnail-holder {
min-height: 100px;
}
.ast-header-break-point .ast-primary-header-bar {
border-bottom-width: 0;
}	
.order-online{
background-color: #FAFAFA;
}
[data-overflowing=both] ~ .pn-Advancer_Right, [data-overflowing=right] ~ .pn-Advancer_Right,
.pn-Advancer_Icon{
display: none;
}
.pn-ProductNav {
margin:0 10px 0 5px;
}	
.rpress-section {
margin-top: 0;
}
.pn-ProductNav_Link {
border-bottom: 0px solid #eee;
}
.ast-container, .ast-container-fluid {
padding-left:0px;
padding-right:0px;
}
.rpress-options-row,
.rpress_fooditems_list,
.rpress-grid-main-wrap
{
padding-left: 20px;
padding-right: 20px;
}
div.rpress_fooditems_grid .rpress_fooditem.rpress-list .rpress_fooditem_inner {
padding: 10px 10px 10px 10px;
height: auto;
}
.rpress_fooditems_grid .rpress-thumbnail-holder img {
width: 100%;
}
.rpress_fooditems_grid div.rpress-thumbnail-holder {
padding-right: 10px;
}
.rp-addons-data-wrapper .food-item-list .cat_price.total-addon-quantity {
display: flex;
align-items: center;
}
.rp-addons-data-wrapper .food-item-list .cat_price.total-addon-quantity input,
.rp-addons-data-wrapper .food-item-list .cat_price.total-addon-quantity .addon_qty
{
width: 18px !important;
height: 18px;
padding: 0;
}
.rp-addons-data-wrapper .food-item-list .cat_price.total-addon-quantity .addon_qty{
font-size: 12px;
}
div.rpress-filter-wrapper {
display: none;
padding: 0 15px;
}
.rpress-categories-menu .rpress-category-lists::-webkit-scrollbar {
display: none;
}
.rpress-categories-menu {
margin-bottom: 20px;
}
.rpress-mobile-menu-wrap{
display: contents;
}
.rpress-options-row span.left-brdr {
display: none;
}
.rpress-section>.rp-col-lg-8.rp-col-md-8 {
padding: 0;
}
.rpress-options-row p.rpress_order-address-wrap,
div.rpress-search-wrap input#rpress-food-search{
font-size: 15px;
line-height: 14px;
height: 40px;
}
.rpress-options-row p.rpress_order-address-wrap{
padding:22px 11px;
border-radius:5px;
border:2px solid #F3EDED;
background-color: #fff;
}
.rpress-delivery-options ul#rpressdeliveryTab {
padding:2.6px 6px 5px 0px;
}
div.rpress_fooditems_grid .rpress-title-holder h3 {
margin: 0px 10px 8px 0;
}
div.rpress_fooditems_grid .rpress_fooditem_title .food-title {
font-size: 16px;
}
.rpesss-foods span {
width: auto;
display: block;
}
.rpress-history-card {
height: 300px;
}
.rpress_fooditems_list.rp-grid-view {
width: 100%;
}
.rpress_fooditem.rpress-grid .rpress-price-holder {
padding-left: 0;
}
div.rpress_fooditems_grid .rpress_fooditem.rpress-list .rpress_purchase_submit_wrapper a.rpress-add-to-cart.rpress-submit {
padding: 2px 16px;
height: 28px;
}
.rpress-grid.rpress_fooditem {
width: 50% !important;
}
table#rp-order-summary{
display: block;
overflow-x: auto;
font-size: 14px;
}
table#rp-order-summary th, table#rp-order-summary td{
padding: 10px 5px;
}
.rpress_purchase_receipt_product_name{
width: 240px;
}
#rp-order-details h3,
.rp-order-summary-main h3{
font-size: 1.2em;
}
.rpress-mobile-cart-icons {
font-size: 15px !important;
border-radius: 0;
bottom: 0;
padding: 0 15px;
cursor: pointer;
height: 80px;
width: 100%;
outline: none;
display: flex;
align-items: center;
justify-content: space-between;
position: fixed;
left: 0;
right: 0;
z-index: 999999;
box-shadow: 0px -1px 14px #0000008c;
background: #fff;
}
.rp-cart-right-wrap {
opacity: 1;
font-size: 16px;
text-align: center;
padding: 0px 15px;
margin: 15px 0px;
float: right;
height: 50px;
line-height: 50px;
width: 50%;
display: inline-block;
}
.rp-cart-right-wrap.th-rounded{
border-radius: 100px;
}
.rp-cart-right-wrap.th-rectangle{
border-radius: 0px;
}
.rp-cart-right-wrap svg{
margin-left: 10px;
} 
.rpress-total-price-wrap {
color: #172B4D;
font-size: 18px;
line-height: 18px;
font-weight: 500;
}	
.rpress-total-price-wrap span{
margin-right: 8px;
}
.rp-cart-left-wrap {
width: 60%;
text-align: left;
background: #fff;
font-weight: 600;
font-size: 14px;
float: left;
display: inline-block;
padding: 0 15px 0 0;
}
.rp-cart-left-wrap span.rp-cart-mb-icon {
padding-right: 5px;
}
.rpress-cart-total-item-list {
color: #172B4D;
font-size: 14px;
font-weight: 500;
}
.rpress-options-row{
margin-top: 20px;
justify-content: space-between;
}
.rpress-option-col.rpress-edit-address-wrap {
order: 3;
width: 100%;
display: block;
}
.rpress-sidebar-main-wrap {
position: fixed;
top: 0;
width: 100%;
left: 100%;
background: #fafafa;
transition: 1s ease;
height: 100%;
z-index: 99999;
overflow: auto;
} 	
.rpress-option-col.rpress-search-wrap {
flex-grow: 1;
}
div.rpress-search-wrap input#rpress-food-search{
width: 100%;
background-size: 12px;
padding: 0 10px 0 30px;
background-color: #fff;
box-shadow: 0px 1px 10px 0px #00000005;
}
.rpress-cat-overlay{
position: fixed;
width: 100%;
height: 100%;
background: #3c3c3c;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: .6;
z-index: 99;
overflow: hidden;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.desktop-scroll-menu{
display: none;
}
.mobile-scroll-menu{
display: contents;
}
.rpress_fooditems_list .rpress_purchase_submit_wrapper {
padding: 0 20px;
}
.rpress_fooditem.rpress-list .rpress_purchase_submit_wrapper a.rpress-add-to-cart.button {
padding: 5px 13px;
width: 100%;
height: auto;
}
.rpress_purchase_submit_wrapper .rpress-add-to-cart-label,
.product_not_available.rpress_fooditem span.rpress-add-to-cart-label{
font-size: 14px;
}
.rpress_fooditems_list .rpress_fooditem.rpress-list .rpress_purchase_submit_wrapper span.add-icon svg{
width: 10px;
}
}
@media only screen and (min-width: 320px) and (max-width: 419px){
.rp-col-xs-1, .rp-col-xs-2, .rp-col-xs-3, .rp-col-xs-4, .rp-col-xs-5, .rp-col-xs-6, .rp-col-xs-7, .rp-col-xs-8, .rp-col-xs-9, .rp-col-xs-10, .rp-col-xs-11, .rp-col-xs-12 {
padding: 0px !important;
} .container-actionmenu {
display: block;
position: fixed;
bottom: 110px;
z-index: 9999;
left: 35%;
}
.container-actionmenu #actionburger {
display: flex;
align-items: center;
gap: 10px;
background-color: #fff;
color: #000000;
font-size: 18px;
font-weight: 500;
padding: 13px 16px;
border: none;
outline: none;
cursor: pointer;
border-radius: 6px;
position: absolute;
right: unset;
z-index: 99999;
box-shadow: 0px 4px 20px 0px #0000000F;
}
.container-actionmenu .actionmenu {
background-color:#fff;
box-shadow: 0px 4px 20px 0px #0000000F;
border-radius: 20px;
position: fixed;
bottom: 96px;
right: 0;
z-index: 9998;
width: 95%;
}
.container-actionmenu nav.slides-up {
transition: all 0.75s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transform: translatey(-3.125rem) scale(1);
}
.container-actionmenu nav.slides-down {
transition: all 0.75s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transform: translatey(6.25rem) scale(0);
}
.container-actionmenu nav.slides-down{
opacity: 0;
margin: 0 auto;
}
.container-actionmenu nav.slides-up{
opacity: 1;
}
.container-actionmenu .actionmenu h2{
padding: 20px 20px 10px;
margin: 0;
color: #000000;
font-size: 20px;
font-weight: 500;
}
.container-actionmenu .actionmenu ul{
height: 280px;
overflow-y: scroll;
margin-top: 0;
}
.container-actionmenu .actionmenu ul li {
list-style: none;
border-radius: 3px;
text-align: center;
font-weight: 700;
font-size: 0.85rem;
position: relative;
}
.container-actionmenu ul li a{
color: #111433;
font-size: 15px;
font-weight: 500;
display: flex;
align-items: center;
justify-content: space-between;
padding:10px 20px;
}
.container-actionmenu .actionmenu ul li a.mnuactive {
color: #000;
background-color: rgba(168, 140, 3, 0.1);
border-left: 4px solid #a88c03;
border-bottom: 0;
border-right: 0;
} .rpress-edit-address-popup .modal__container {
width: 100%;
margin: 0 10px;
}
.rpress-edit-address-popup h2.modal__title.modal-title,
.rpress-edit-address-popup h3{
font-size: 16px;
}
.rpress-edit-address-popup h2.modal__title.modal-title{
padding: 0px 20px 10px;
}
.rpress-edit-address-popup .rpress-edit-address-wrap svg{
width: 18px;
height: 18px;
}
.rpress-edit-address-popup .bg-gray.rpress-edit-address-wrap p {
font-size: 14px;
}
.rpress-edit-address-popup .bg-gray.rpress-edit-address-wrap span {
font-size: 12px;
} form#fooditem-details {
margin: 0 6px 0 0px;
}
.view-food-item-wrap .rp-col-sm-3 {
width: 17%;
}
.rpress-popup-actions .rp-col-xs-8 {
padding-left: 10px !important;
}
.addon-popup-wrap .modal__image-section {
gap: 5px;
}
.addon-popup-wrap .modal__container {
width: 100%;
max-height: 100%;
border-radius: 0;
height: 100%;
overflow: hidden;	
}
.addon-popup-wrap .modal__container .rp-col-xs-12,
.addon-popup-wrap .modal__container .modal__footer .rp-row
{
padding-right: 15px !important;
padding-left: 15px !important;
} .addon-popup-wrap #fooditem-details h6{
padding: 10px 0 0px 0;
font-size: 14px;
}
.addon-popup-wrap .modal__title {
font-size: 20px;
display: block;
}
.addon-popup-wrap .food-item-list {
margin-bottom: 4px;
padding-bottom: 4px;
}
.addon-popup-wrap .rp-col-md-12.md-4-top.special-margin {
padding: 10px 0;
}
#rpressModal .btn-count {
float: none;
margin: 0;
}
div.rpress-popup-actions .btn-count input[type="button"]{
line-height: 30px;
width: 30px;
height: 30px;
padding: 0 !important;
}
.rpress-popup-actions .btn-count input.qty.qty-style{
width: 100%;
}
#rpressModal .modal__footer {
background-color: #fff;
padding: 10px 10px !important;
position: fixed;
bottom: 0;
}
#rpressModal .rpress-popup-actions .submit-fooditem-button span.cart-item-price {
font-size: 10px;
}
.addon-popup-wrap .modal__image-section img.item-image { object-fit: cover;
width: 100%;
height: 170px;
display: block;
margin-bottom: 20px;
}
.rp-addons-data-wrapper .food-item-list .cat_price.total-addon-quantity {
display: flex;
align-items: center;
}
.rp-addons-data-wrapper .food-item-list .cat_price.total-addon-quantity input,
.rp-addons-data-wrapper .food-item-list .cat_price.total-addon-quantity .addon_qty
{
width: 18px !important;
height: 18px;
padding: 0;
}
.rp-addons-data-wrapper .food-item-list .cat_price.total-addon-quantity .addon_qty{
font-size: 12px;
} body{
overflow-x: hidden;
}
.rpress_fooditems_list .rpress-thumbnail-holder img {
height: 100%;
object-fit: cover;
}
div.rpress-search-wrap {
margin-left: 0;
}
.rpress_fooditems_list div.rpress-thumbnail-holder {
min-height: 100px;
}
.ast-header-break-point .ast-primary-header-bar {
border-bottom-width: 0;
}
.make-me-sticky {
padding-left: 20px;
background-color: #fff;
}
.make-me-sticky .pn-ProductNav_Wrapper:after{
display: none;
}
.make-me-sticky .pn-ProductNav_Wrapper {
margin:0 0 0 29px;
background-color: transparent;
}
.order-online{
background-color: #FAFAFA;
}
[data-overflowing=both] ~ .pn-Advancer_Right, [data-overflowing=right] ~ .pn-Advancer_Right,
.pn-Advancer_Icon{
display: none;
}
.pn-ProductNav {
margin:0 10px 0 5px;
}	
.rpress-section {
margin-top: 0;
}
.pn-ProductNav_Link {
border-bottom: 0px solid #eee;
}
.ast-container, .ast-container-fluid {
padding-left:0px;
padding-right:0px;
}
.rpress-options-row,
.rpress_fooditems_list,
.rpress-grid-main-wrap
{
padding-left: 20px;
padding-right: 20px;
}
div.rpress_fooditems_grid .rpress_fooditem.rpress-list .rpress_fooditem_inner {
padding: 10px 10px 10px 10px;
height: auto;
}
.cd-dropdown-wrapper .cd-dropdown.dropdown-is-active {
margin: 0 10px;
width: 95%;
}
.rpress_fooditems_grid div.rpress-thumbnail-holder {
padding-right: 10px;
}
.desktop-scroll-menu,
div.rpress-filter-wrapper,
.rpress-options-row span.left-brdr{
display: none;
}
.rpress-mobile-menu-wrap{
display: contents;
}	
.mobile-scroll-menu{
display: contents;		
}
.rpress-section>.rp-col-lg-8.rp-col-md-8 {
padding: 0;
}
.rpress-options-row p.rpress_order-address-wrap{
padding: 0px 11px;
gap: 5px;
border-radius:5px;
border:2px solid #F3EDED;
background-color: #fff;
}
.rpress-option-col.rpress-search-wrap {
flex-grow: 1;
}
.rpress-options-row p.rpress_order-address-wrap, 
div.rpress-search-wrap input#rpress-food-search {
font-size: 10px;
line-height: 14px;
height: 40px;
min-width: auto;
}	
div.rpress-search-wrap input#rpress-food-search {
width: 100%;
background-size: 12px;
padding: 0 10px 0 30px;
background-color: #fff;
box-shadow: 0px 1px 10px 0px #00000005;
}
.rpress-delivery-options ul#rpressdeliveryTab {
padding:2px 6px 5px 2px;
}
.rpress-delivery-options ul#rpressdeliveryTab.nav>li>a {
width: 132px;
font-size: 10px;
}
.order-online .rpress-delivery-options ul#rpressdeliveryTab li.nav-item + li.nav-item:before {
width: 53px;
}
.order-online .rpress-delivery-options ul#rpressdeliveryTab li.nav-item.active + li.nav-item:before {
transform: translateX(-55px);
}
.qtyplus-style {
padding: 0px 21px 15px 19px !important;
}
.qty_plus_font {
padding: 16px 20px !important;
}
.rpress_fooditems_grid a.rpress-add-to-cart .rpress-add-to-cart-label{
font-size: 12px;
font-weight: 600;
}	
.rpress-grid.rpress_fooditem {
width: 50% !important;
}
div.rpress_fooditems_grid .rpress-title-holder h3 {
margin: 0px 10px 3px 0;
}
div.rpress_fooditems_grid .rpress_fooditem_title .food-title {
font-size: 16px;
}
.rpress-title-holder h3.rpress_fooditem_title {
margin-top: 0;
padding-top: 0px;
margin-bottom: 10px;
}
.rpress_fooditem_inner .rpress_fooditem_excerpt p {
margin: 10px 0 0;
}
.rpesss-foods span {
width: auto;
display: block;
}
.rpress-history-card {
height: 300px;
}
.rpress_fooditems_list.rp-grid-view {
width: 100%;
}
.rpress_fooditem.rpress-grid .rpress-price-holder {
padding-left: 0;
}
div.rpress_fooditems_grid .rpress_fooditem.rpress-list .rpress_purchase_submit_wrapper a.rpress-add-to-cart.rpress-submit {
padding: 0px 14px;
height: 26px;
}
div.rpress_fooditems_grid .rpress_fooditem.rpress-list .rpress_purchase_submit_wrapper span.add-icon svg{
width: 9px;
}
table#rp-order-summary{
display: block;
overflow-x: auto;
font-size: 14px;
}
table#rp-order-summary th, table#rp-order-summary td{
padding: 10px 5px;
}
.rpress_purchase_receipt_product_name{
width: 240px;
}
#rp-order-details h3,
.rp-order-summary-main h3{
font-size: 1.2em;
}
.rpress-mobile-cart-icons {
font-size: 15px !important;
border-radius: 0;
bottom: 0;
padding: 0 15px;
cursor: pointer;
height: 80px;
width: 100%;
outline: none;
display: flex;
align-items: center;
justify-content: space-between;
position: fixed;
left: 0;
right: 0;
z-index: 999999;
box-shadow: 0px -1px 14px #0000008c;
background: #fff;
}
.rp-cart-right-wrap{
opacity: 1;
font-size: 16px;
text-align: center;
padding: 0px 15px;
margin: 15px 0px;
float: right;
height: 50px;
line-height: 50px;
width: 50%;
border-radius: 100px;
display: inline-block;
}
.rp-cart-right-wrap svg{
margin-left: 10px;
} 
.rpress-total-price-wrap {
color: #172B4D;
font-size: 18px;
line-height: 18px;
font-weight: 500;
}	
.rpress-total-price-wrap span{
margin-right: 8px;
}
.rp-cart-left-wrap {
width: 60%;
text-align: left;
background: #fff;
font-weight: 600;
font-size: 14px;
float: left;
display: inline-block;
padding: 0 15px 0 0;
}
.rpress-cart-total-item-list {
color: #172B4D;
font-size: 14px;
font-weight: 500;
}
.rpress-options-row{
margin-top: 20px;
justify-content: space-between;
}
.rpress-option-col.rpress-edit-address-wrap {
order: 3;
width: 100%;
display: block;
}
.rpress-sidebar-main-wrap {
position: fixed;
top: 0;
width: 100%;
left: 100%;
background: #fafafa;
transition: 1s ease;
height: 100%;
z-index: 99999;
overflow: auto;
} 	
.rpress-cat-overlay{
position: fixed;
width: 100%;
height: 100%;
background: #3c3c3c;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: .6;
z-index: 99;
overflow: hidden;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.rpress_fooditems_list .rpress_fooditem_buy_button {
padding:0 10px;
}	
.rpress_fooditems_list .rpress_fooditem.rpress-list .rpress_purchase_submit_wrapper a.rpress-add-to-cart.button{
padding: 0px 13px;
height: auto;
}
.rpress_purchase_submit_wrapper .rpress-add-to-cart-label,
.product_not_available.rpress_fooditem span.rpress-add-to-cart-label{
font-size: 14px;
} .rpress_fooditems_list .rpress_fooditem.rpress-list .rpress_purchase_submit_wrapper span.add-icon svg {
width: 8px;
}
.rpress_fooditem.rpress-list .rpress_purchase_submit_wrapper a.rpress-add-to-cart.button {
padding: 0px 13px;
width: 100%;
height: auto;
}
.rpress_fooditems_list .non_vegbg, 
.rpress_fooditems_list .vegbg {
position: relative;
margin-bottom: 20px;
}
}
@media only screen and (min-width: 320px) { .cd-dropdown-wrapper .cd-dropdown-trigger {
font-size: 1.5rem;
}
.cd-dropdown-wrapper .no-touch .cd-dropdown-trigger.dropdown-is-active:hover {
background-color: #47975f;
}
.cd-dropdown-wrapper .cd-dropdown-trigger.dropdown-is-active::before,
.cd-dropdown-wrapper .cd-dropdown-trigger.dropdown-is-active::after {
width: 14px;
}
.cd-dropdown-wrapper .cd-dropdown-trigger.dropdown-is-active::before {
-webkit-transform: translateX(5px) rotate(-45deg);
-moz-transform: translateX(5px) rotate(-45deg);
-ms-transform: translateX(5px) rotate(-45deg);
-o-transform: translateX(5px) rotate(-45deg);
transform: translateX(5px) rotate(-45deg);
}
.cd-dropdown-wrapper .cd-dropdown-trigger.dropdown-is-active::after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.cd-dropdown-wrapper .cd-dropdown h2,
.cd-dropdown-wrapper .cd-dropdown-content a,
.cd-dropdown-wrapper .cd-dropdown-content ul a {
height: 50px;
line-height: 50px;
}
.cd-dropdown-wrapper .cd-dropdown {
bottom: 2%;
top: auto;
height: auto;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
background-color: #ffffff;
color: #111433;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
opacity: 0;
-webkit-transform: translateY(30px);
-moz-transform: translateY(30px);
-ms-transform: translateY(30px);
-o-transform: translateY(30px);
transform: translateY(30px);
-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
}
.cd-dropdown-wrapper .open-to-left .cd-dropdown { right: 0;
left: auto;
}
.cd-dropdown-wrapper .cd-dropdown h2,
.cd-dropdown-wrapper .cd-dropdown .cd-close { display: block;
}
.cd-dropdown-wrapper .cd-dropdown.dropdown-is-active {
margin-top: 25px;
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity 0.3s 0s, visibility 0.3s 0s, -webkit-transform 0.3s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0.3s 0s, -moz-transform 0.3s 0s;
transition: opacity 0.3s 0s, visibility 0.3s 0s, transform 0.3s 0s;
}
.cd-dropdown-wrapper .cd-dropdown-content,
.cd-dropdown-wrapper .cd-dropdown-content ul {
padding-top: 0;
overflow: visible;
}
.cd-dropdown-wrapper .cd-dropdown-content a,
.cd-dropdown-wrapper .cd-dropdown-content ul a {
color: #111433;
height: 30px;
line-height: 30px;
font-size: 15px;
border-color: #ffffff;    
font-weight: 500;
text-decoration: none;
}
.cd-dropdown-wrapper .cd-dropdown-content a,
.cd-dropdown-wrapper .cd-dropdown-content ul a {
color: #111433;
font-size: 14px; 
font-weight: 500;
text-decoration: none;
text-transform: capitalize;
height: 35px;
line-height: 35px;
border-color: #ffffff;   
outline: 0;
}
.cd-dropdown-wrapper .cd-dropdown-content .cd-divider,
.cd-dropdown-wrapper .cd-dropdown-content ul .cd-divider {
background-color: transparent;
color: #b3b3b3;
border-top: 1px solid #ebebeb;
}
.cd-dropdown-wrapper .cd-dropdown-content .cd-divider + li > a,
.cd-dropdown-wrapper .cd-dropdown-content ul .cd-divider + li > a {
border-top-width: 1px;
}
.cd-dropdown-wrapper .cd-dropdown-content.is-hidden > li > a,
.cd-dropdown-wrapper .cd-dropdown-content.is-hidden > li > .cd-search,
.cd-dropdown-wrapper .cd-dropdown-content.is-hidden > .cd-divider,
.cd-dropdown-wrapper .cd-dropdown-content.move-out > li > a,
.cd-dropdown-wrapper .cd-dropdown-content.move-out > li > .cd-search,
.cd-dropdown-wrapper .cd-dropdown-content.move-out > .cd-divider,
.cd-dropdown-wrapper .cd-dropdown-content ul.is-hidden > li > a,
.cd-dropdown-wrapper .cd-dropdown-content ul.is-hidden > li > .cd-search,
.cd-dropdown-wrapper .cd-dropdown-content ul.is-hidden > .cd-divider,
.cd-dropdown-wrapper .cd-dropdown-content ul.move-out > li > a,
.cd-dropdown-wrapper .cd-dropdown-content ul.move-out > li > .cd-search,
.cd-dropdown-wrapper .cd-dropdown-content ul.move-out > .cd-divider { opacity: 1;
}
.cd-dropdown-wrapper .cd-dropdown-content { position: static; width: 100%;
padding-bottom: 20px;
margin: 0 0 15px;	  
height: 300px;
overflow-y:scroll;
}
.cd-dropdown-wrapper .cd-dropdown-content > li:last-of-type a {
border-bottom: none;
}
.cd-dropdown-wrapper .no-touch .cd-dropdown-content > li:not(.has-children) a:hover {
color: #3f8654;
}
.cd-dropdown-wrapper .cd-dropdown-content.move-out > li > a,
.cd-dropdown-wrapper .cd-dropdown-content.move-out > li > .cd-search,
.cd-dropdown-wrapper .cd-dropdown-content.move-out > .cd-divider { -webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.cd-dropdown-wrapper .cd-dropdown-content .cd-secondary-dropdown,
.cd-dropdown-wrapper .cd-dropdown-content .cd-dropdown-gallery,
.cd-dropdown-wrapper .cd-dropdown-content .cd-dropdown-icons {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
left: 100%;
height: auto;
background-color: #ffffff;
box-shadow: 0 2px 14px rgba(0, 0, 0, 0.1);
}
.cd-dropdown-wrapper .cd-dropdown-content .cd-secondary-dropdown::after,
.cd-dropdown-wrapper .cd-dropdown-content .cd-dropdown-gallery::after,
.cd-dropdown-wrapper .cd-dropdown-content .cd-dropdown-icons::after {
clear: both;
content: "";
display: table;
}
.cd-dropdown-wrapper .open-to-left .cd-dropdown-content .cd-secondary-dropdown,
.cd-dropdown-wrapper .open-to-left .cd-dropdown-content .cd-dropdown-gallery,
.cd-dropdown-wrapper .open-to-left .cd-dropdown-content .cd-dropdown-icons { left: auto;
right: 100%;
}
.cd-dropdown-wrapper .cd-dropdown-content .cd-secondary-dropdown.is-hidden,
.cd-dropdown-wrapper .cd-dropdown-content .cd-dropdown-gallery.is-hidden,
.cd-dropdown-wrapper .cd-dropdown-content .cd-dropdown-icons.is-hidden { -webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cd-dropdown-wrapper .cd-dropdown-content .cd-secondary-dropdown.fade-in,
.cd-dropdown-wrapper .cd-dropdown-content .cd-dropdown-gallery.fade-in,
.cd-dropdown-wrapper .cd-dropdown-content .cd-dropdown-icons.fade-in { -webkit-animation: cd-fade-in 0.2s;
-moz-animation: cd-fade-in 0.2s;
animation: cd-fade-in 0.2s;
}
.cd-dropdown-wrapper .cd-dropdown-content .cd-secondary-dropdown.fade-out,
.cd-dropdown-wrapper .cd-dropdown-content .cd-dropdown-gallery.fade-out,
.cd-dropdown-wrapper .cd-dropdown-content .cd-dropdown-icons.fade-out { -webkit-animation: cd-fade-out 0.2s;
-moz-animation: cd-fade-out 0.2s;
animation: cd-fade-out 0.2s;
}
.cd-dropdown-wrapper .cd-dropdown-content .cd-secondary-dropdown > .go-back,
.cd-dropdown-wrapper .cd-dropdown-content .cd-dropdown-gallery > .go-back,
.cd-dropdown-wrapper .cd-dropdown-content .cd-dropdown-icons > .go-back {
display: none;
}
.cd-dropdown-wrapper .cd-dropdown-content .cd-secondary-dropdown > .see-all,
.cd-dropdown-wrapper .cd-dropdown-content .cd-dropdown-gallery > .see-all,
.cd-dropdown-wrapper .cd-dropdown-content .cd-dropdown-icons > .see-all {
position: absolute;
bottom: 20px;
height: 45px;
text-align: center;
}
.cd-dropdown-wrapper .cd-dropdown-content .cd-secondary-dropdown > .see-all a,
.cd-dropdown-wrapper .cd-dropdown-content .cd-dropdown-gallery > .see-all a,
.cd-dropdown-wrapper .cd-dropdown-content .cd-dropdown-icons > .see-all a {
margin: 0;
height: 100%;
line-height: 45px;
background: #ebebeb;
pointer-events: auto;
-webkit-transition: color 0.2s, background-color 0.2s;
-moz-transition: color 0.2s, background-color 0.2s;
transition: color 0.2s, background-color 0.2s;
}
.cd-dropdown-wrapper .no-touch .cd-dropdown-content .cd-secondary-dropdown > .see-all a:hover,
.cd-dropdown-wrapper .no-touch .cd-dropdown-content .cd-dropdown-gallery > .see-all a:hover,
.cd-dropdown-wrapper .no-touch .cd-dropdown-content .cd-dropdown-icons > .see-all a:hover {
color: #ffffff;
background-color: #111433;
}
.cd-dropdown-wrapper .cd-dropdown-content .cd-secondary-dropdown .cd-dropdown-item,
.cd-dropdown-wrapper .cd-dropdown-content .cd-secondary-dropdown a,
.cd-dropdown-wrapper .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item,
.cd-dropdown-wrapper .cd-dropdown-content .cd-dropdown-gallery a,
.cd-dropdown-wrapper .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item,
.cd-dropdown-wrapper .cd-dropdown-content .cd-dropdown-icons a {
border: none;
}
.cd-dropdown-wrapper .cd-dropdown-content .cd-dropdown-gallery,
.cd-dropdown-wrapper .cd-dropdown-content .cd-dropdown-icons {
padding: 20px 30px 100px;
}
.cd-dropdown-wrapper .cd-dropdown-content .cd-dropdown-gallery > .see-all,
.cd-dropdown-wrapper .cd-dropdown-content .cd-dropdown-icons > .see-all {
width: calc(100% - 60px);
}
.cd-dropdown-wrapper .cd-dropdown-content .cd-dropdown-icons > li,
.cd-dropdown-wrapper .cd-dropdown-content .cd-secondary-dropdown > li {
width: 50%;
float: left;
}
.cd-dropdown-wrapper .cd-dropdown-content .cd-secondary-dropdown {
overflow: hidden;
width: 550px;
padding-bottom: 65px;
}
.cd-dropdown-wrapper .cd-dropdown-content .cd-secondary-dropdown::before { position: absolute;
content: '';
top: 290px;
left: 15px;
height: 1px;
width: 520px;
background-color: #ebebeb;
}
.cd-dropdown-wrapper .cd-dropdown-content .cd-secondary-dropdown > li > a {
color: #3f8654;
font-size: 1.6rem;
margin-bottom: 10px;
line-height: 30px;
height: 30px;
pointer-events: none;
}
.cd-dropdown-wrapper .cd-dropdown-content .cd-secondary-dropdown > li > a::after,
.cd-dropdown-wrapper .cd-dropdown-content .cd-secondary-dropdown > li > a::before { display: none;
}
.cd-dropdown-wrapper .cd-dropdown-content .cd-secondary-dropdown.move-out > li > a { -webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cd-dropdown-wrapper .cd-dropdown-content .cd-secondary-dropdown > li {
margin: 20px 0;
border-right-width: 1px;
border-color: #ebebeb;
border-style: solid;
padding: 0 30px;
height: 250px;
}
.cd-dropdown-wrapper .cd-dropdown-content .cd-secondary-dropdown > li:nth-of-type(2n) {
border-right-width: 0;
}
.cd-dropdown-wrapper .cd-dropdown-content .cd-secondary-dropdown > li > ul { -webkit-transform: translate(0);
-moz-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
transform: translate(0);
position: relative;
height: auto;
}
.cd-dropdown-wrapper .cd-dropdown-content .cd-secondary-dropdown > li > ul > .go-back {
display: none;
}
.cd-dropdown-wrapper .cd-dropdown-content .cd-secondary-dropdown a {
line-height: 25px;
height: 25px;
font-size: 1.3rem;
padding-left: 0;
}
.cd-dropdown-wrapper .no-touch .cd-dropdown-content .cd-secondary-dropdown a:hover {
color: #3f8654;
}
.cd-dropdown-wrapper .cd-dropdown-content .cd-secondary-dropdown ul {
padding-bottom: 25px;
overflow: hidden;
height: auto;
}
.cd-dropdown-wrapper .cd-dropdown-content .cd-secondary-dropdown .go-back a {
padding-left: 20px;
color: transparent;
}
.cd-dropdown-wrapper .no-touch .cd-dropdown-content .cd-secondary-dropdown .go-back a:hover {
color: transparent;
}
.cd-dropdown-wrapper .cd-dropdown-content .cd-secondary-dropdown .go-back a::before,
.cd-dropdown-wrapper .cd-dropdown-content .cd-secondary-dropdown .go-back a::after {
left: 0;
}
.cd-dropdown-wrapper .cd-dropdown-content .cd-secondary-dropdown .see-all {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.cd-dropdown-wrapper .cd-dropdown-content .cd-dropdown-icons {
width: 600px;
}
.cd-dropdown-wrapper .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
height: 80px;
line-height: 1.2;
padding: 24px 0 0 85px;
}
.cd-dropdown-wrapper .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item:hover {
background: #ebebeb;
}
.cd-dropdown-wrapper .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 {
color: #3f8654;
font-weight: bold;
}
.cd-dropdown-wrapper .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p {
display: block;
font-size: 1.2rem;
}
.cd-dropdown-wrapper .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before {
left: 25px;
}
.cd-dropdown-wrapper .cd-dropdown-content > .has-children > ul {
visibility: hidden;
}
.cd-dropdown-wrapper .cd-dropdown-content > .has-children > ul.is-active { visibility: visible;
}
.cd-dropdown-wrapper .cd-dropdown-content > .has-children > .cd-secondary-dropdown.is-active > li > ul { visibility: visible;
}
.cd-dropdown-wrapper .cd-dropdown-content > .has-children > a.is-active { box-shadow: inset 2px 0 0 #3f8654;
color: #3f8654;
}
.cd-dropdown-wrapper .cd-dropdown-content > .has-children > a.is-active::before,
.cd-dropdown-wrapper .cd-dropdown-content > .has-children > a.is-active::after {
background: #3f8654;
}
.cd-dropdown-wrapper .open-to-left .cd-dropdown-content > .has-children > a.is-active {
box-shadow: inset -2px 0 0 #3f8654;
}
.cd-dropdown-wrapper .has-children > a::before,
.cd-dropdown-wrapper .has-children > a::after,
.cd-dropdown-wrapper .go-back a::before,
.cd-dropdown-wrapper .go-back a::after {
background: #b3b3b3;
}
.cd-dropdown-wrapper .open-to-left .cd-dropdown-content > .has-children > a {
padding-left: 40px;
padding-right: 20px;
}
.cd-dropdown-wrapper .open-to-left .cd-dropdown-content > .has-children > a::before,
.cd-dropdown-wrapper .open-to-left .cd-dropdown-content > .has-children > a::after {
right: auto;
left: 20px;
-webkit-transform-origin: 1px 50%;
-moz-transform-origin: 1px 50%;
-ms-transform-origin: 1px 50%;
-o-transform-origin: 1px 50%;
transform-origin: 1px 50%;
}
} .rpress-section .rpress_fooditems_grid .rpress-element-title {
clear: none;
}
.rpress-section .rpress_fooditems_list .rpress-element-title {
clear: both;
}
.rpress-section .rpress_fooditems_grid .menu-category-wrap h5.rpress-cat,
.rpress-section .rpress_fooditems_list .menu-category-wrap h5.rpress-cat {
margin-top: 0;
}
.rpress-section .rpress_fooditems_list {
display: flex;
align-items: flex-start;
gap: 24px;
}
.rpress-section .rpress_fooditems_list > .rp-col-lg-4.rp-col-md-4.rp-col-sm-3.rp-col-xs-12 {
flex: 0 0 270px;
width: 270px;
max-width: 270px;
float: none;
}
.rpress-section .rpress_fooditems_list > .rp-col-lg-8.rp-col-md-12.rp-col-sm-12.rp-col-xs-12 {
flex: 1 1 auto;
min-width: 0;
width: auto;
max-width: none;
float: none;
}
.rpress-section .pn-ProductNav_Wrapper {
top: 0;
margin: 0;
}
.rpress-section .pn-ProductNav {
margin: 0;
padding: 0 8px;
}
.rpress-section .pn-ProductNav_Contents {
float: none;
display: inline-flex;
align-items: center;
gap: 6px;
min-width: max-content;
}
.rpress-section .pn-ProductNav_Link {
flex: 0 0 auto;
margin: 0;
}
@media only screen and (max-width: 1024px) {
.rpress-section > .rp-col-lg-8.rp-col-md-8 {
width: 100%;
max-width: 100%;
float: none;
}
.rpress-section > .rpress-sidebar-cart.item-cart {
width: 0;
max-width: 0;
margin: 0;
padding: 0;
float: none;
clear: none;
}
.rpress-section > .rpress-sidebar-cart.item-cart > .rpressStickySidebar {
position: static !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
width: auto !important;
min-height: 0 !important;
transform: none !important;
overflow: visible !important;
}
.rpress-section .rpress-mobile-menu-wrap {
display: block !important;
width: 100%;
margin: 8px 0 4px;
}
.rpress-section .rpress_fooditems_list {
display: block;
flex-direction: column;
gap: 16px;
}
.rpress-section .rpress_fooditems_list > .sticky-sidebar.cat-lists,
.rpress-section .rpress_fooditems_list > .rp-col-lg-4.rp-col-md-4.rp-col-sm-3.rp-col-xs-12.sticky-sidebar.cat-lists,
.rpress-section .rpress_fooditems_list .rpress-filter-wrapper,
.rpress-section .rpress_fooditems_list .rpress-categories-menu,
.rpress-section .rpress_fooditems_list .rpress-category-lists {
display: none !important;
}
.rpress-section .rpress_fooditems_list > .rp-col-lg-8,
.rpress-section .rpress_fooditems_list > .rp-col-lg-8.rp-col-md-12.rp-col-sm-12.rp-col-xs-12 {
flex: 1 1 auto;
width: 100%;
max-width: 100%;
flex-basis: 100%;
padding-left: 0;
padding-right: 0;
}
.rpress-section .pn-ProductNav_Wrapper:after,
.rpress-section .pn-ProductNav_Wrapper.background-hidden:before {
display: none;
}
.rpress-section .pn-ProductNav {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.rpress-section .pn-ProductNav_Contents {
display: inline-flex !important;
flex-wrap: nowrap;
align-items: center;
gap: 6px;
min-width: max-content;
}
.rpress-section .pn-ProductNav_Link {
white-space: nowrap;
flex: 0 0 auto;
font-size: 13px;
}
.rpress-section .rpress-sidebar-main-wrap {
position: fixed;
top: 0;
left: 100%;
width: 100%;
height: 100%;
background: #fafafa;
overflow: auto;
z-index: 10020;
transition: left 0.35s ease;
}
.rpress-section .rpress-mobile-cart-icons {
display: flex !important;
align-items: center;
justify-content: space-between;
gap: 12px;
font-size: 15px !important;
position: fixed !important;
top: auto !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
width: 100vw !important;
max-width: 100vw !important;
height: 80px;
padding: 0 15px;
background: #fff;
box-sizing: border-box;
box-shadow: 0 -2px 16px rgba(0, 0, 0, 0.15);
transform: none !important;
writing-mode: horizontal-tb !important;
text-orientation: mixed !important;
z-index: 10030;
}
.rpress-section .rpress-mobile-cart-icons * {
writing-mode: horizontal-tb !important;
text-orientation: mixed !important;
}
.rpress-section .rpress-mobile-cart-icons[style*="display:none"],
.rpress-section .rpress-mobile-cart-icons[style*="display: none"] {
display: none !important;
}
.rpress-section .rp-cart-left-wrap {
flex: 1 1 auto;
width: 60%;
min-width: 0;
padding: 0 15px 0 0;
text-align: left;
background: #fff;
font-weight: 600;
font-size: 14px;
display: flex;
align-items: center;
}
.rpress-section .rp-cart-left-wrap .rpress-cart-badge {
width: 100%;
}
.rpress-section .rp-cart-right-wrap {
flex: 0 0 auto;
float: none !important;
display: inline-flex;
align-items: center;
justify-content: center;
width: auto;
max-width: none;
min-width: 168px;
height: 50px;
line-height: 50px;
padding: 0 20px;
font-size: 16px;
text-align: center;
margin: 0;
white-space: nowrap;
border-radius: 100px;
box-shadow: none;
}
.rpress-section .rp-cart-right-wrap.th-rounded {
border-radius: 100px;
}
.rpress-section .rp-cart-right-wrap.th-rectangle {
border-radius: 0;
}
.rpress-section .rp-cart-right-wrap svg {
margin-left: 10px;
display: inline-block;
flex-shrink: 0;
}
.rpress-section .rp-cart-right-wrap .rp-cart-mb-txt {
font-size: 15px;
font-weight: 600;
line-height: 1;
color: inherit;
}
.rpress-section .rpress-total-price-wrap {
color: #172B4D;
font-size: 18px;
line-height: 18px;
font-weight: 500;
}
.rpress-section .rpress-total-price-wrap span {
margin-right: 8px;
}
.rpress-section .rpress-cart-total-item-list {
color: #172B4D;
font-size: 14px;
font-weight: 500;
}
.rpress-section i.fa.fa-times.close-cart-ic {
display: inline-flex;
align-items: center;
justify-content: center;
}
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.rpress-section .container-actionmenu {
bottom: 96px !important;
right: 16px;
}
.rpress-section .container-actionmenu .actionmenu {
bottom: 158px;
} body:not(.rpress-add-button-hidden) .rpress-section .rpress_fooditems_list .rpress-list-view-image-wrapper {
position: relative;
display: block;
}
body:not(.rpress-add-button-hidden) .rpress-section .rpress_fooditems_list .rpress_fooditem_buy_button {
top: auto;
bottom: 8px;
left: 50%;
right: auto;
transform: translateX(-50%);
padding: 0;
width: auto;
z-index: 3;
}
body:not(.rpress-add-button-hidden) .rpress-section .rpress_fooditems_list .rpress_purchase_submit_wrapper {
padding: 0;
margin: 0;
}
}
@media only screen and (max-width: 1100px) {
.rpress-section .rpress_fooditems_grid .rpress-grid-main-wrap .food-group-wrap {
grid-template-columns: 1fr !important;
}
.rpress-section div.rpress_fooditems_grid .rpress_fooditem.rpress-list .rpress_fooditem_inner {
height: auto;
padding: 12px;
}
.rpress-section div.rpress_fooditems_grid .rpress_fooditem_inner .rpress_fooditem_excerpt p {
width: auto;
max-width: 100%;
}
.rpress-section div.rpress_fooditems_grid .rpress-price-holder {
position: static;
width: 100%;
margin-top: 8px;
}
}
@media only screen and (max-width: 768px) {
.rpress-section .rpress-options-row {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
align-items: stretch;
}
.rpress-section .rpress-options-row .rpress-option-col {
width: 100%;
min-width: 0;
gap: 8px;
}
.rpress-section .rpress-options-row .rpress-option-col:first-of-type {
width: max-content;
}
.rpress-section .rpress-option-col.rpress-search-wrap,
.rpress-section .rpress-option-col.rpress-edit-address-wrap {
width: 100%;
}
.rpress-section .rpress-options-row p.rpress_order-address-wrap {
width: 100%;
min-height: 42px;
padding: 10px 12px;
border-radius: 10px;
gap: 8px;
flex-wrap: wrap;
align-items: center;
white-space: normal;
}
.rpress-section .rpress-options-row p.rpress_order-address-wrap .rpress-order-address-summary {
width: 100%;
white-space: normal;
overflow: visible;
}
.rpress-section .rpress-options-row p.rpress_order-address-wrap #deliveryAddress {
max-width: 100%;
white-space: normal;
text-overflow: clip;
}
.rpress-section .rpress-options-row p.rpress_order-address-wrap a {
margin-left: auto;
}
.rpress-section .container-actionmenu {
position: fixed;
left: auto !important;
right: 16px;
bottom: 16px !important;
z-index: 10010;
}
.rpress-section .container-actionmenu.cart-has-items {
bottom: 96px !important;
}
.rpress-section .container-actionmenu #actionburger {
position: static;
right: auto;
left: auto;
}
.rpress-section .container-actionmenu .actionmenu {
left: 16px;
right: 16px;
width: auto;
max-width: calc(100% - 32px);
bottom: 78px;
}
.rpress-section .rpress_fooditems_grid,
.rpress-section .rpress_fooditems_list,
.rpress-section .rpress-grid-main-wrap {
padding-bottom: 110px;
}
.rpress-section div.rpress_fooditems_grid .rpress_fooditem.rpress-list .rpress_fooditem_inner {
padding: 12px;
}
.rpress-section div.rpress_fooditems_grid .rpress_fooditem_inner .rpress_fooditem_excerpt p {
width: auto;
max-width: 100%;
}
.rpress-section div.rpress_fooditems_grid .rpress-price-holder {
position: static;
width: 100%;
margin-top: 8px;
}
.rpress-section .rpress_fooditems_list .rpress_fooditem_inner {
display: grid;
grid-template-columns: minmax(0, 1fr) 112px;
gap: 10px;
align-items: center;
}
.rpress-section .rpress_fooditems_list .rpress_fooditem_inner > .rp-col-md-8,
.rpress-section .rpress_fooditems_list .rpress_fooditem_inner > .rp-col-sm-8,
.rpress-section .rpress_fooditems_list .rpress_fooditem_inner > .rp-col-xs-8,
.rpress-section .rpress_fooditems_list .rpress_fooditem_inner > .rp-col-md-4,
.rpress-section .rpress_fooditems_list .rpress_fooditem_inner > .rp-col-sm-4,
.rpress-section .rpress_fooditems_list .rpress_fooditem_inner > .rp-col-xs-4 {
float: none;
width: 100%;
padding: 0;
}
.rpress-section .rpress_fooditems_list .rpress-list-view-image-wrapper {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
}
.rpress-section .rpress_fooditems_list .rpress_fooditem_buy_button {
position: static;
transform: none;
left: auto;
bottom: auto;
}
.rpress-section .rpress_fooditem.rpress-list .rpress_purchase_submit_wrapper a.rpress-add-to-cart.rpress-submit.circle,
.rpress-section .rpress_fooditem.rpress-list .rpress_purchase_submit_wrapper a.rpress-not-available.circle {
width: 32px;
height: 32px;
min-width: 32px;
padding: 0 !important;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
}
}
@media only screen and (max-width: 575px) {
.rpress-section .rpress_fooditems_grid .rpress-grid-main-wrap .food-group-wrap {
grid-template-columns: 1fr !important;
}
.rpress-section .pn-ProductNav_Link {
font-size: 12px;
}
} @media only screen and (max-width: 1024px) {
#rpress_checkout_wrap {
display: flex;
flex-direction: column;
gap: 16px;
}
#rpress_checkout_wrap #rpress_checkout_form_wrap,
#rpress_checkout_wrap #rpress_checkout_cart_form {
width: 100% !important;
max-width: 100% !important;
float: none !important;
padding-left: 0;
padding-right: 0;
}
#rpress_checkout_wrap #rpress_checkout_form_wrap {
order: 2;
overflow: visible;
}
#rpress_checkout_wrap #rpress_checkout_cart_form {
order: 1;
margin-top: 0;
position: static;
}
#rpress_checkout_wrap #rpress_checkout_form_wrap .rpress-checkout-block {
clear: none;
}
#rpress_checkout_wrap .rp-checkout-service-option,
#rpress_checkout_wrap #rpress_checkout_cart_wrap table {
box-shadow: 0px 4px 20px 0px #0000000F;
}
}
@media only screen and (max-width: 768px) {
#rpress_checkout_wrap {
gap: 12px;
}
#rpress_checkout_wrap #rpress_checkout_form_wrap .rpress-checkout-button-actions {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
text-align: left;
}
#rpress_checkout_wrap #rpress_checkout_form_wrap .rpress-checkout-button-actions > div {
width: 100%;
}
#rpress_checkout_wrap #rpress_checkout_form_wrap .rpress-checkout-button-actions a.rpress-submit.button {
width: 100%;
}
#rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options ul#rpressdeliveryTab.nav {
display: flex;
align-items: stretch;
padding: 0;
}
#rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options ul#rpressdeliveryTab.nav > li {
flex: 1 1 0;
width: auto;
float: none;
}
#rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options ul#rpressdeliveryTab.nav > li > a {
width: 100%;
float: none;
display: flex;
align-items: center;
justify-content: center;
min-height: 42px;
padding: 8px 12px;
line-height: 1.2;
margin: 0;
}
#rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options ul#rpressdeliveryTab.nav > li:only-child {
flex-basis: 100%;
}
#rpress_checkout_wrap #rpress_checkout_cart_wrap {
overflow-x: auto;
}
} .order-online .rpress-section .make-me-sticky,
.order-online .rpress-section .make-me-sticky .scrollable-div-wrapper-main {
display: flex !important;
align-items: center;
flex-wrap: nowrap;
gap: 10px;
width: 100%;
max-width: 100%;
margin-top: 10px;
padding: 0 !important;
background: #fff;
overflow: visible;
position: -webkit-sticky !important;
position: sticky !important;
top: 0;
}
.order-online .rpress-section .make-me-sticky .cd-dropdown-wrapper,
.order-online .rpress-section .make-me-sticky .scrollable-div-wrapper-main > .cd-dropdown-wrapper {
display: inline-flex;
align-items: center;
flex: 0 0 auto;
position: relative;
top: 0 !important;
height: auto;
margin: 0;
background: transparent;
z-index: 1005;
}
.order-online .rpress-section .make-me-sticky .cd-dropdown-wrapper .cd-dropdown-trigger,
.order-online .rpress-section .make-me-sticky .scrollable-div-wrapper-main > .cd-dropdown-wrapper .cd-dropdown-trigger {
top: 0 !important;
width: 22px;
height: 22px;
line-height: 1;
padding: 0;
margin: 0;
background-position: center;
cursor: pointer;
}
.order-online .rpress-section .make-me-sticky .cd-dropdown-wrapper .cd-dropdown,
.order-online .rpress-section .make-me-sticky .scrollable-div-wrapper-main > .cd-dropdown-wrapper .cd-dropdown {
z-index: 1006;
}
.order-online .rpress-section .make-me-sticky .pn-ProductNav_Wrapper,
.order-online .rpress-section .make-me-sticky .scrollable-div-wrapper-main > .pn-ProductNav_Wrapper {
flex: 1 1 auto;
min-width: 0;
width: 100%;
max-width: 100%;
margin: 0 !important;
top: 0;
overflow: hidden;
background: transparent;
}
.order-online .rpress-section .make-me-sticky .pn-ProductNav,
.order-online .rpress-section .make-me-sticky .scrollable-div-wrapper-main > .pn-ProductNav_Wrapper .pn-ProductNav {
width: 100%;
margin: 0 !important;
padding: 0 !important;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
.order-online .rpress-section .make-me-sticky .pn-ProductNav_Contents,
.order-online .rpress-section .make-me-sticky .scrollable-div-wrapper-main > .pn-ProductNav_Wrapper .pn-ProductNav_Contents {
float: none;
display: inline-flex;
flex-wrap: nowrap;
align-items: center;
min-width: max-content;
padding-right: 0;
}
.order-online .rpress-section .make-me-sticky .pn-ProductNav_Link,
.order-online .rpress-section .make-me-sticky .scrollable-div-wrapper-main > .pn-ProductNav_Wrapper .pn-ProductNav_Link {
display: inline-flex;
flex: 0 0 auto;
align-items: center;
white-space: nowrap;
min-height: 42px;
}
.order-online .rpress-section .make-me-sticky .pn-ProductNav_Wrapper:after,
.order-online .rpress-section .make-me-sticky .pn-ProductNav_Wrapper.background-hidden:before,
.order-online .rpress-section .make-me-sticky .scrollable-div-wrapper-main > .pn-ProductNav_Wrapper:after,
.order-online .rpress-section .make-me-sticky .scrollable-div-wrapper-main > .pn-ProductNav_Wrapper.background-hidden:before {
display: none !important;
content: none !important;
}
.order-online .rpress-section .make-me-sticky .pn-Advancer_Icon {
display: block !important;
}
.order-online .rpress-section .make-me-sticky [data-overflowing=both] ~ .pn-Advancer_Left,
.order-online .rpress-section .make-me-sticky [data-overflowing=left] ~ .pn-Advancer_Left,
.order-online .rpress-section .make-me-sticky [data-overflowing=both] ~ .pn-Advancer_Right,
.order-online .rpress-section .make-me-sticky [data-overflowing=right] ~ .pn-Advancer_Right {
opacity: 1;
}
body.admin-bar .order-online .rpress-section .make-me-sticky,
body.admin-bar .order-online .rpress-section .make-me-sticky .scrollable-div-wrapper-main {
top: 32px;
}
@media screen and (max-width: 782px) {
body.admin-bar .order-online .rpress-section .make-me-sticky,
body.admin-bar .order-online .rpress-section .make-me-sticky .scrollable-div-wrapper-main {
top: 46px;
}
} @media only screen and (max-width: 768px) {
.order-online .rpress-section .rpress-options-row {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
align-items: stretch;
}
.order-online .rpress-section .rpress-options-row .rpress-option-col,
.order-online .rpress-section .rpress-options-row .rpress-option-col:first-of-type,
.order-online .rpress-section .rpress-options-row .rpress-option-col.rpress-search-wrap,
.order-online .rpress-section .rpress-options-row .rpress-option-col.rpress-edit-address-wrap {
width: 100%;
min-width: 0;
margin: 0;
}
.order-online .rpress-section .rpress-options-row .rpress-option-col:first-of-type {
white-space: normal;
}
.order-online .rpress-section .rpress-delivery-wrap,
.order-online .rpress-section .rpress-tabs-wrapper.rpress-delivery-options,
.order-online .rpress-section .rpress-delivery-options ul#rpressdeliveryTab.order-online-servicetabs {
width: 100%;
max-width: 100%;
}
.order-online .rpress-section .rpress-delivery-options ul#rpressdeliveryTab.order-online-servicetabs {
padding: 4px;
gap: 4px;
}
.order-online .rpress-section .rpress-delivery-options ul#rpressdeliveryTab.order-online-servicetabs > li.nav-item {
flex: 1 1 0;
min-width: 0;
}
.order-online .rpress-section .rpress-delivery-options ul#rpressdeliveryTab.order-online-servicetabs > li.nav-item > a.nav-link {
width: 100%;
min-height: 36px;
white-space: nowrap;
}
.order-online .rpress-section .rpress-option-col.rpress-search-wrap div.rpress-search-wrap,
.order-online .rpress-section .rpress-option-col.rpress-search-wrap input#rpress-food-search {
width: 100%;
max-width: 100%;
margin: 0;
box-sizing: border-box;
}
.order-online .rpress-section .rpress-options-row p.rpress_order-address-wrap.rpress-order-address-inline {
width: 100%;
min-height: 40px;
padding: 0 11px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: nowrap;
gap: 8px;
}
.order-online .rpress-section .rpress-options-row p.rpress_order-address-wrap.rpress-order-address-inline .rpress-order-address-summary {
display: inline-flex;
align-items: center;
flex: 1 1 auto;
min-width: 0;
gap: 8px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.order-online .rpress-section .rpress-options-row p.rpress_order-address-wrap.rpress-order-address-inline #deliveryDate,
.order-online .rpress-section .rpress-options-row p.rpress_order-address-wrap.rpress-order-address-inline #deliveryTime {
white-space: nowrap;
flex: 0 0 auto;
}
.order-online .rpress-section .rpress-options-row p.rpress_order-address-wrap.rpress-order-address-inline #editDateTime,
.order-online .rpress-section .rpress-options-row p.rpress_order-address-wrap.rpress-order-address-inline .rpress-edit-datetime-link,
.order-online .rpress-section .rpress-options-row p.rpress_order-address-wrap.rpress-order-address-inline .rpress-change-location-link {
margin-left: auto;
white-space: nowrap;
flex: 0 0 auto;
}
}
@media only screen and (max-width: 1024px) {
.rpress-section .rpress-sidebar-main-wrap .rpress-sidebar-cart-wrap {
height: calc(100% - 34px);
max-height: none;
min-height: 0;
}
.rpress-section .rpress-sidebar-main-wrap .rpress-sidebar-cart-wrap ul.rpress-cart {
min-height: 140px;
}
.rpress-section .rpress-sidebar-main-wrap .rpress-sidebar-cart-wrap .rpress-cart-summary-area {
padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px));
}
body.rp-mobile-cart-open .rpress-section .rpress-mobile-cart-icons {
display: none !important;
}
} .order-online .rpress-delivery-options ul#rpressdeliveryTab.order-online-servicetabs > li.nav-item.active > a.nav-link,
#rpressDateTime.rpress-edit-address-popup .rpress-service-type-message .rpress-delivery-options ul#rpressdeliveryTab > li.nav-item.active > a.nav-link,
#rpress_checkout_wrap .nav#rpressdeliveryTab > li.active > a,
#rpress_checkout_wrap .nav#rpressdeliveryTab > li.active > a:hover,
#rpress_checkout_wrap .nav#rpressdeliveryTab > li.active > a:focus,
#rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options ul#rpressdeliveryTab.nav > li:only-child.active > a,
#rpress_checkout_order_details .rpress-delivery-options ul#rpressdeliveryTab.nav > li:only-child.active > a {
background-color: var(--rpress-theme-primary, #ed5575);
border-color: var(--rpress-theme-primary, #ed5575);
color: #fff;
box-shadow: 0 0 0 1px rgba(var(--rpress-theme-primary-rgb, 237, 85, 117), 0.28), 0 4px 10px rgba(0, 0, 0, 0.08);
}
.order-online .rpress-delivery-options ul#rpressdeliveryTab.order-online-servicetabs > li.nav-item > a.nav-link:focus-visible {
outline-color: var(--rpress-theme-primary, #ed5575);
}
#rpress_checkout_wrap a.btn.btn-primary.btn-block.rpress-delivery-opt-update,
#rpress_checkout_form_wrap .rpress-cart-adjustment .rpress-apply-discount.rpress-submit {
background: var(--rpress-theme-primary, #ed5575);
border-color: var(--rpress-theme-primary, #ed5575);
color: #fff;
}
#rpressModal .qtyplus-wrap input[type="button"],
#rpressModal .qtyminus-wrap input[type="button"],
#rpressModal div.rpress-popup-actions .btn-count input[type="button"] {
color: var(--rpress-theme-primary, #ed5575);
background-color: #f6f6f6;
border: 1px solid var(--rpress-theme-primary, #ed5575);
}
#rpressModal .qtyplus-wrap input[type="button"]:hover,
#rpressModal .qtyplus-wrap input[type="button"]:focus,
#rpressModal .qtyminus-wrap input[type="button"]:hover,
#rpressModal .qtyminus-wrap input[type="button"]:focus,
#rpressModal div.rpress-popup-actions .btn-count input[type="button"]:hover,
#rpressModal div.rpress-popup-actions .btn-count input[type="button"]:focus {
color: var(--rpress-theme-primary, #ed5575);
background-color: #f6f6f6;
border-color: var(--rpress-theme-primary, #ed5575);
} #rpress_checkout_wrap #rpress_purchase_submit #rpress_final_total_wrap {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
gap: 12px;
margin: 0 0 12px;
}
#rpress_checkout_wrap #rpress_purchase_submit #rpress_final_total_wrap strong {
margin: 0;
}
#rpress_checkout_wrap #rpress_purchase_submit #rpress_final_total_wrap .rpress_cart_amount {
margin-left: auto;
text-align: right;
}
@media only screen and (max-width: 1024px) {
#rpress_checkout_wrap #rpress_purchase_submit {
width: 100%;
}
#rpress_checkout_wrap #rpress_purchase_submit #rpress-purchase-button {
display: block;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
} #rpress_checkout_wrap {
display: grid;
grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
gap: 24px;
align-items: start;
}
#rpress_checkout_wrap #rpress_checkout_form_wrap,
#rpress_checkout_wrap #rpress_checkout_cart_form {
float: none;
width: auto;
max-width: none;
padding-left: 0;
padding-right: 0;
}
#rpress_checkout_wrap #rpress_checkout_form_wrap {
order: 1;
}
#rpress_checkout_wrap #rpress_checkout_cart_form {
order: 2;
position: sticky;
top: 88px;
}
body.admin-bar #rpress_checkout_wrap #rpress_checkout_cart_form {
top: 120px;
}
@media screen and (max-width: 782px) {
body.admin-bar #rpress_checkout_wrap #rpress_checkout_cart_form {
top: 134px;
}
}
#rpress_checkout_wrap #rpress_discount_code_wrap,
#rpress_checkout_wrap #rpress_checkout_login_register,
#rpress_checkout_wrap #rpress_checkout_user_info,
#rpress_checkout_wrap #rpress_checkout_order_details,
#rpress_checkout_wrap #rpress_cc_fields,
#rpress_checkout_wrap #rpress_purchase_submit,
#rpress_checkout_wrap #rpress_checkout_cart_wrap table,
#rpress_checkout_wrap .rp-checkout-service-option {
background: #fff;
border: 1px solid #e4e9f2;
border-radius: 20px;
box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
}
#rpress_checkout_wrap #rpress_discount_code_wrap,
#rpress_checkout_wrap .rp-checkout-service-option,
#rpress_checkout_wrap #rpress_purchase_submit {
padding: 18px 24px;
}
#rpress_checkout_wrap #rpress_checkout_login_register,
#rpress_checkout_wrap #rpress_checkout_user_info,
#rpress_checkout_wrap #rpress_checkout_order_details,
#rpress_checkout_wrap #rpress_cc_fields {
padding: 22px 24px 20px;
margin: 0 0 18px;
}
#rpress_checkout_wrap fieldset > legend {
font-size: clamp(24px, 2vw, 34px);
line-height: 1.05;
font-weight: 700;
letter-spacing: -0.01em;
color: #101827;
margin-bottom: 18px;
padding: 0;
border: 0;
background: transparent;
width: auto;
}
#rpress_checkout_wrap .rpress-label {
display: inline-block;
font-size: 16px;
font-weight: 600;
color: #1f2937;
margin-bottom: 8px;
}
#rpress_checkout_wrap .rpress-input,
#rpress_checkout_wrap select.rpress-select,
#rpress_checkout_wrap select.rp-form-control,
#rpress_checkout_wrap select.rpress-hrs {
width: 100%;
min-height: 52px;
border-radius: 14px;
border: 1px solid #cfd7e3;
background: #fff;
padding: 0 16px;
color: #111827;
box-shadow: none;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
#rpress_checkout_wrap textarea.rpress-input {
min-height: 120px;
padding: 14px 16px;
resize: vertical;
}
#rpress_checkout_wrap .rpress-input:focus,
#rpress_checkout_wrap select.rpress-select:focus,
#rpress_checkout_wrap select.rp-form-control:focus,
#rpress_checkout_wrap select.rpress-hrs:focus,
#rpress_checkout_wrap textarea.rpress-input:focus {
border-color: var(--rpress-theme-primary, #ed5575);
box-shadow: 0 0 0 3px rgba(var(--rpress-theme-primary-rgb, 237, 85, 117), 0.16);
outline: none;
}
#rpress_checkout_wrap .rpress-delivery-options ul#rpressdeliveryTab.nav {
display: flex;
gap: 6px;
padding: 5px;
border: 1px solid #d7deea;
border-radius: var(--rpress-default-control-radius, 100px);
background: #f5f7fb;
}
#rpress_checkout_wrap .rpress-delivery-options ul#rpressdeliveryTab.nav > li {
flex: 1 1 0;
width: auto;
float: none;
border-radius: var(--rpress-default-control-radius, 100px);
}
#rpress_checkout_wrap .rpress-delivery-options ul#rpressdeliveryTab.nav > li > a {
display: flex;
align-items: center;
justify-content: center;
min-height: 48px;
border-radius: var(--rpress-default-control-radius, 100px);
padding: 10px 14px;
font-size: 18px;
font-weight: 600;
}
#rpress_checkout_wrap .nav#rpressdeliveryTab > li.active > a,
#rpress_checkout_wrap .nav#rpressdeliveryTab > li.active > a:hover,
#rpress_checkout_wrap .nav#rpressdeliveryTab > li.active > a:focus {
background: #2d78bb;
border-color: #2d78bb;
color: #fff;
}
#rpress_checkout_wrap #rpress_checkout_cart_wrap table {
border-collapse: separate;
border-spacing: 0;
overflow: hidden;
}
#rpress_checkout_wrap #rpress_checkout_cart_wrap thead th {
padding: 22px 24px 12px;
background: transparent;
border: 0;
}
#rpress_checkout_wrap #rpress_checkout_cart_wrap .item-order h6 {
font-size: clamp(24px, 1.8vw, 32px);
line-height: 1.08;
font-weight: 700;
margin: 0;
}
#rpress_checkout_wrap #rpress_checkout_cart_wrap td.rpress_cart_item_name {
padding: 0 24px;
}
#rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-item-row,
#rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-addon-row {
display: grid;
grid-template-columns: auto 1fr auto;
align-items: start;
gap: 10px;
padding: 14px 0;
}
#rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress_checkout_cart_item_qty,
#rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-cart-item-title {
font-size: 16px;
}
#rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-cart-item-title {
color: #1f2937;
font-weight: 600;
min-width: 0;
}
#rpress_checkout_wrap #rpress_checkout_cart_wrap .cart-item-quantity-wrap {
margin-left: auto;
text-align: right;
white-space: nowrap;
font-weight: 700;
}
#rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress_cart_remove_item_btn {
color: #c2410c;
text-decoration: none;
font-weight: 600;
}
#rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress_cart_remove_item_btn:hover {
color: #9a3412;
}
#rpress_checkout_wrap #rpress_checkout_cart_wrap th.rpress_get_subtotal,
#rpress_checkout_wrap #rpress_checkout_cart_wrap th.rpress_cart_discount,
#rpress_checkout_wrap #rpress_checkout_cart_wrap th.rpress_cart_tax,
#rpress_checkout_wrap #rpress_checkout_cart_wrap th.rpress_cart_fee_label,
#rpress_checkout_wrap #rpress_checkout_cart_wrap th.rpress_cart_total {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 14px 24px;
border-top: 1px solid #e9eef7;
background: #fafcff;
}
#rpress_checkout_wrap #rpress_checkout_cart_wrap th.rpress_cart_total {
font-size: 24px;
line-height: 1.1;
font-weight: 800;
color: #0f172a;
}
#rpress_checkout_wrap #rpress_checkout_cart_wrap .pull-right,
#rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress_cart_amount,
#rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress_cart_subtotal_amount,
#rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress_cart_tax_amount {
margin-left: auto;
text-align: right;
float: none;
}
#rpress_checkout_wrap #rpress_purchase_submit #rpress-purchase-button,
#rpress_checkout_wrap #rpress_purchase_submit input[type="submit"] {
width: 100%;
min-height: 56px;
border-radius: 14px;
font-size: 18px;
font-weight: 700;
letter-spacing: 0.01em;
}
@media only screen and (max-width: 1024px) {
#rpress_checkout_wrap {
grid-template-columns: 1fr;
gap: 16px;
}
#rpress_checkout_wrap #rpress_checkout_cart_form {
position: static;
}
}
@media only screen and (max-width: 768px) {
#rpress_checkout_wrap #rpress_discount_code_wrap,
#rpress_checkout_wrap .rp-checkout-service-option,
#rpress_checkout_wrap #rpress_purchase_submit,
#rpress_checkout_wrap #rpress_checkout_login_register,
#rpress_checkout_wrap #rpress_checkout_user_info,
#rpress_checkout_wrap #rpress_checkout_order_details,
#rpress_checkout_wrap #rpress_cc_fields {
padding: 14px 14px;
border-radius: 14px;
}
#rpress_checkout_wrap fieldset > legend,
#rpress_checkout_wrap #rpress_checkout_cart_wrap .item-order h6 {
font-size: 30px;
}
#rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-item-row,
#rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-addon-row {
grid-template-columns: auto 1fr auto;
gap: 8px;
}
#rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress_checkout_cart_item_qty,
#rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-cart-item-title,
#rpress_checkout_wrap #rpress_checkout_cart_wrap .cart-item-quantity-wrap {
font-size: 18px;
}
#rpress_checkout_wrap #rpress_checkout_cart_wrap th.rpress_get_subtotal,
#rpress_checkout_wrap #rpress_checkout_cart_wrap th.rpress_cart_discount,
#rpress_checkout_wrap #rpress_checkout_cart_wrap th.rpress_cart_tax,
#rpress_checkout_wrap #rpress_checkout_cart_wrap th.rpress_cart_fee_label,
#rpress_checkout_wrap #rpress_checkout_cart_wrap th.rpress_cart_total {
padding: 12px 14px;
}
#rpress_checkout_wrap #rpress_checkout_cart_wrap th.rpress_cart_total {
font-size: 22px;
}
#rpress_checkout_wrap #rpress_purchase_submit #rpress-purchase-button,
#rpress_checkout_wrap #rpress_purchase_submit input[type="submit"] {
min-height: 52px;
font-size: 18px;
}
} #rpress_checkout_wrap {
--rp-checkout-card: #ffffff;
--rp-checkout-card-soft: #f7f9fd;
--rp-checkout-border: #d9e2ef;
--rp-checkout-ink: #1f2937;
--rp-checkout-muted: #586273;
--rp-checkout-brand: var(--rpress-theme-primary, #ed5575);
--rp-checkout-brand-rgb: var(--rpress-theme-primary-rgb, 237, 85, 117);
--rp-checkout-shadow: 0 16px 36px rgba(15, 23, 42, 0.08);
display: grid;
grid-template-columns: minmax(0, 1.12fr) minmax(320px, 0.88fr);
gap: 28px;
align-items: start;
padding: 18px;
border-radius: 24px;
background:
radial-gradient(1100px 360px at -8% -14%, rgba(var(--rp-checkout-brand-rgb), 0.08), transparent 45%),
linear-gradient(180deg, #f8fbff 0%, #f2f6fc 100%);
}
#rpress_checkout_wrap #rpress_checkout_cart_form,
#rpress_checkout_wrap #rpress_checkout_form_wrap {
float: none;
width: auto;
max-width: none;
padding-left: 0;
padding-right: 0;
} #rpress_checkout_wrap #rpress_checkout_cart_form {
order: 1;
position: sticky;
top: 88px;
}
#rpress_checkout_wrap #rpress_checkout_form_wrap {
order: 2;
}
body.admin-bar #rpress_checkout_wrap #rpress_checkout_cart_form {
top: 120px;
}
@media screen and (max-width: 782px) {
body.admin-bar #rpress_checkout_wrap #rpress_checkout_cart_form {
top: 132px;
}
}
#rpress_checkout_wrap #rpress_discount_code_wrap,
#rpress_checkout_wrap .rp-checkout-service-option,
#rpress_checkout_wrap #rpress_checkout_cart_wrap table,
#rpress_checkout_wrap #rpress_purchase_submit,
#rpress_checkout_wrap #rpress_checkout_login_register,
#rpress_checkout_wrap #rpress_checkout_user_info,
#rpress_checkout_wrap #rpress_checkout_order_details,
#rpress_checkout_wrap #rpress_cc_fields {
background: var(--rp-checkout-card);
border: 1px solid var(--rp-checkout-border);
border-radius: 22px;
box-shadow: var(--rp-checkout-shadow);
}
#rpress_checkout_wrap #rpress_discount_code_wrap,
#rpress_checkout_wrap .rp-checkout-service-option,
#rpress_checkout_wrap #rpress_purchase_submit {
padding: 20px 24px;
}
#rpress_checkout_wrap #rpress_checkout_login_register,
#rpress_checkout_wrap #rpress_checkout_user_info,
#rpress_checkout_wrap #rpress_checkout_order_details,
#rpress_checkout_wrap #rpress_cc_fields {
padding: 22px 24px 20px;
margin: 0 0 18px;
}
#rpress_checkout_wrap #rpress_discount_code_wrap {
padding-top: 16px;
padding-bottom: 16px;
}
#rpress_checkout_wrap #rpress_discount_code_wrap .rpress-cart-adjustment {
background: var(--rp-checkout-card-soft);
border: 1px solid #e6edf8;
border-radius: 16px;
padding: 16px 18px;
}
#rpress_checkout_wrap #rpress_discount_code_wrap .rpress-discount-code-field-wrap {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
color: var(--rp-checkout-muted);
width: 100%;
max-width: 100%;
}
#rpress_checkout_wrap #rpress_discount_code_wrap input#rpress-discount {
flex: 1 1 auto;
width: 100%;
min-width: 0;
margin: 0;
}
#rpress_checkout_wrap #rpress_discount_code_wrap .rpress-apply-discount.rpress-submit {
flex: 0 0 auto;
margin-left: 0;
min-width: 110px;
}
#rpress_checkout_wrap #rpress_discount_code_wrap .rpress-apply-discount.rpress-submit.th-plain {
min-width: 0;
}
@media only screen and (max-width: 480px) {
#rpress_checkout_wrap #rpress_discount_code_wrap .rpress-discount-code-field-wrap {
align-items: stretch;
flex-direction: column;
}
#rpress_checkout_wrap #rpress_discount_code_wrap .rpress-apply-discount.rpress-submit:not(.th-plain) {
width: 100%;
}
}
#rpress_checkout_wrap #rpress_discount_code_wrap .rpress-discount-code-field-wrap a {
color: #0f172a;
font-weight: 700;
text-underline-offset: 2px;
}
#rpress_checkout_wrap fieldset > legend {
color: #0f172a;
font-size: clamp(34px, 2.25vw, 48px);
line-height: 1.03;
font-weight: 800;
letter-spacing: -0.02em;
margin: 0 0 16px;
padding: 0 0 6px;
border: 0;
background: transparent;
position: relative;
width: auto;
}
#rpress_checkout_wrap fieldset > legend::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 46px;
height: 4px;
background: rgba(var(--rp-checkout-brand-rgb), 0.7);
border-radius: 99px;
}
#rpress_checkout_wrap .rpress-label {
display: inline-block;
font-size: 16px;
font-weight: 650;
color: #172033;
margin-bottom: 8px;
}
#rpress_checkout_wrap .rpress-input,
#rpress_checkout_wrap select.rpress-select,
#rpress_checkout_wrap select.rp-form-control,
#rpress_checkout_wrap select.rpress-hrs {
width: 100%;
min-height: 52px;
border-radius: 14px;
border: 1px solid #ccd7e8;
background: #ffffff;
padding: 0 16px;
color: #111827;
box-shadow: inset 0 1px 1px rgba(15, 23, 42, 0.02);
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
#rpress_checkout_wrap textarea.rpress-input {
min-height: 120px;
padding: 14px 16px;
resize: vertical;
}
#rpress_checkout_wrap .rpress-input:focus,
#rpress_checkout_wrap select.rpress-select:focus,
#rpress_checkout_wrap select.rp-form-control:focus,
#rpress_checkout_wrap select.rpress-hrs:focus,
#rpress_checkout_wrap textarea.rpress-input:focus {
border-color: rgba(var(--rp-checkout-brand-rgb), 0.75);
box-shadow: 0 0 0 4px rgba(var(--rp-checkout-brand-rgb), 0.14);
outline: none;
}
#rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options ul#rpressdeliveryTab.nav {
display: flex;
align-items: stretch;
gap: 8px;
padding: 6px;
border: 1px solid #d7e1ef;
background: #f4f7fc;
border-radius: var(--rpress-default-control-radius, 100px);
}
#rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options ul#rpressdeliveryTab.nav > li,
#rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options ul#rpressdeliveryTab.nav > li.nav-item {
flex: 1 1 0;
width: auto;
float: none;
border-radius: var(--rpress-default-control-radius, 100px);
}
#rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options ul#rpressdeliveryTab.nav > li > a {
width: 100%;
float: none;
display: flex;
align-items: center;
justify-content: center;
min-height: 52px;
padding: 10px 14px;
font-size: 18px;
font-weight: 700;
border-radius: var(--rpress-default-control-radius, 100px);
color: #394355;
background: transparent;
}
#rpress_checkout_wrap .nav#rpressdeliveryTab > li.active > a,
#rpress_checkout_wrap .nav#rpressdeliveryTab > li.active > a:hover,
#rpress_checkout_wrap .nav#rpressdeliveryTab > li.active > a:focus {
color: #ffffff;
background: linear-gradient(135deg, rgba(var(--rp-checkout-brand-rgb), 1) 0%, rgba(var(--rp-checkout-brand-rgb), 0.82) 100%);
border-color: transparent;
box-shadow: 0 8px 18px rgba(var(--rp-checkout-brand-rgb), 0.28);
}
#rpress_checkout_wrap #rpress_checkout_cart_wrap table {
border-collapse: separate;
border-spacing: 0;
overflow: hidden;
}
#rpress_checkout_wrap #rpress_checkout_cart_wrap thead th {
padding: 22px 24px 14px;
border: 0;
background: transparent;
}
#rpress_checkout_wrap #rpress_checkout_cart_wrap .item-order h6 {
font-size: clamp(30px, 2.1vw, 42px);
line-height: 1.04;
font-weight: 800;
letter-spacing: -0.02em;
margin: 0;
color: #0f172a;
}
#rpress_checkout_wrap #rpress_checkout_cart_wrap td.rpress_cart_item_name {
padding: 0 24px 18px;
}
#rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-item-row,
#rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-addon-row {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
align-items: start;
gap: 10px 12px;
padding: 14px 0;
border-bottom: 1px solid #e8edf6;
}
#rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress_checkout_cart_item_qty {
font-size: 16px;
font-weight: 700;
color: #0f172a;
}
#rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-cart-item-title {
color: #1f2937;
font-size: 17px;
font-weight: 650;
min-width: 0;
}
#rpress_checkout_wrap #rpress_checkout_cart_wrap .cart-item-quantity-wrap {
margin-left: auto;
text-align: right;
white-space: nowrap;
font-size: 18px;
font-weight: 800;
color: #0f172a;
}
#rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-item-row > a.rpress_cart_remove_item_btn {
grid-column: 2 / 4;
justify-self: start;
font-size: 14px;
font-weight: 700;
color: #c2410c;
text-decoration: none;
margin-top: -2px;
}
#rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress_cart_remove_item_btn:hover {
color: #9a3412;
}
#rpress_checkout_wrap #rpress_checkout_cart_wrap th.rpress_get_subtotal,
#rpress_checkout_wrap #rpress_checkout_cart_wrap th.rpress_cart_discount,
#rpress_checkout_wrap #rpress_checkout_cart_wrap th.rpress_cart_tax,
#rpress_checkout_wrap #rpress_checkout_cart_wrap th.rpress_cart_fee_label {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 10px;
padding: 14px 24px;
background: #fbfcff;
border-top: 1px solid #e8edf6;
color: #263247;
font-size: 18px;
font-weight: 700;
}
#rpress_checkout_wrap #rpress_checkout_cart_wrap th.rpress_cart_total {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 10px;
padding: 18px 24px;
border-top: 1px dashed #c9d4e6;
background: #f4f8ff;
font-size: clamp(30px, 2vw, 42px);
line-height: 1.05;
font-weight: 900;
letter-spacing: -0.015em;
color: #0f172a;
}
#rpress_checkout_wrap #rpress_checkout_cart_wrap .pull-right,
#rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress_cart_amount,
#rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress_cart_subtotal_amount,
#rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress_cart_tax_amount {
margin-left: auto;
float: none;
text-align: right;
justify-self: end;
}
#rpress_checkout_wrap #rpress_purchase_submit #rpress_final_total_wrap {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 10px;
margin: 0 0 14px;
}
#rpress_checkout_wrap #rpress_purchase_submit #rpress-purchase-button,
#rpress_checkout_wrap #rpress_purchase_submit input[type="submit"] {
width: 100%;
min-height: 58px;
border-radius: var(--rpress-default-control-radius, 14px);
font-size: 18px;
font-weight: 800;
letter-spacing: 0.01em;
box-shadow: 0 10px 20px rgba(var(--rp-checkout-brand-rgb), 0.24);
}
@media only screen and (max-width: 1100px) {
#rpress_checkout_wrap {
grid-template-columns: 1fr;
gap: 16px;
padding: 12px;
}
#rpress_checkout_wrap #rpress_checkout_cart_form,
#rpress_checkout_wrap #rpress_checkout_form_wrap {
order: initial;
position: static;
}
}
@media only screen and (max-width: 768px) {
#rpress_checkout_wrap {
padding: 8px;
gap: 12px;
border-radius: 16px;
}
#rpress_checkout_wrap #rpress_discount_code_wrap,
#rpress_checkout_wrap .rp-checkout-service-option,
#rpress_checkout_wrap #rpress_purchase_submit,
#rpress_checkout_wrap #rpress_checkout_login_register,
#rpress_checkout_wrap #rpress_checkout_user_info,
#rpress_checkout_wrap #rpress_checkout_order_details,
#rpress_checkout_wrap #rpress_cc_fields {
padding: 14px;
border-radius: 14px;
}
#rpress_checkout_wrap fieldset > legend,
#rpress_checkout_wrap #rpress_checkout_cart_wrap .item-order h6 {
font-size: clamp(30px, 9vw, 38px);
}
#rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options ul#rpressdeliveryTab.nav {
gap: 6px;
padding: 4px;
}
#rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options ul#rpressdeliveryTab.nav > li > a {
min-height: 46px;
font-size: 17px;
padding: 8px 10px;
}
#rpress_checkout_wrap #rpress_checkout_cart_wrap td.rpress_cart_item_name,
#rpress_checkout_wrap #rpress_checkout_cart_wrap thead th,
#rpress_checkout_wrap #rpress_checkout_cart_wrap th.rpress_get_subtotal,
#rpress_checkout_wrap #rpress_checkout_cart_wrap th.rpress_cart_discount,
#rpress_checkout_wrap #rpress_checkout_cart_wrap th.rpress_cart_tax,
#rpress_checkout_wrap #rpress_checkout_cart_wrap th.rpress_cart_fee_label,
#rpress_checkout_wrap #rpress_checkout_cart_wrap th.rpress_cart_total {
padding-left: 14px;
padding-right: 14px;
}
#rpress_checkout_wrap #rpress_checkout_cart_wrap th.rpress_cart_total {
font-size: clamp(28px, 10vw, 36px);
}
} #rpress_checkout_wrap { background: #fafafa !important;
border-radius: 0;
padding: 0;
} #rpress_checkout_wrap #rpress_payment_mode_select,
#rpress_checkout_wrap #rpress_purchase_form_wrap > fieldset#rpress_cc_fields,
#rpress_checkout_wrap #rpress_purchase_form_wrap > fieldset#rpress_cc_address {
background: #ffffff;
border: 1px solid var(--rp-checkout-border, #d9e2ef);
border-radius: 22px;
box-shadow: var(--rp-checkout-shadow, 0 16px 36px rgba(15, 23, 42, 0.08));
}
#rpress_checkout_wrap #rpress_payment_mode_select_wrap {
background: transparent;
border: 0;
box-shadow: none;
padding: 0;
margin: 0 0 18px;
}
#rpress_checkout_wrap #rpress_payment_mode_select {
padding: 18px 20px 16px;
margin: 0;
min-height: 0 !important;
height: auto !important;
min-inline-size: 0;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
gap: 14px;
}
#rpress_checkout_wrap #rpress_purchase_form_wrap > fieldset#rpress_cc_fields,
#rpress_checkout_wrap #rpress_purchase_form_wrap > fieldset#rpress_cc_address {
padding: 22px 24px 20px;
margin: 0 0 18px;
}
#rpress_checkout_wrap #rpress_payment_mode_select > legend,
#rpress_checkout_wrap #rpress_cc_address > legend {
color: #0f172a;
font-size: clamp(28px, 1.9vw, 40px);
line-height: 1.08;
font-weight: 800;
letter-spacing: -0.02em;
margin: 0;
padding: 0 0 6px;
border: 0;
position: relative;
}
#rpress_checkout_wrap #rpress_payment_mode_select > legend::after,
#rpress_checkout_wrap #rpress_cc_address > legend::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 46px;
height: 4px;
background: rgba(var(--rp-checkout-brand-rgb, 237, 85, 117), 0.7);
border-radius: 99px;
}
#rpress_checkout_wrap #rpress-payment-mode-wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px;
margin: 0;
}
#rpress_checkout_wrap #rpress_payment_mode_select .rpress-gateway-option {
display: inline-flex;
align-items: center;
gap: 10px;
margin: 0;
min-height: 56px;
padding: 0 16px;
border: 1px solid #d6dfed;
border-radius: 14px;
background: #ffffff;
color: #0f172a;
font-size: 17px;
font-weight: 700;
line-height: 1.2;
}
#rpress_checkout_wrap #rpress_payment_mode_select .rpress-gateway-option input[type="radio"] {
margin: 0;
accent-color: var(--rpress-theme-primary, #ed5575);
}
#rpress_checkout_wrap #rpress_payment_mode_select .rpress-gateway-option .control__indicator {
display: none;
}
#rpress_checkout_wrap #rpress_payment_mode_select .rpress-gateway-option-selected {
border-color: rgba(var(--rp-checkout-brand-rgb, 237, 85, 117), 0.45);
background: rgba(var(--rp-checkout-brand-rgb, 237, 85, 117), 0.08);
} #rpress_checkout_wrap .nav#rpressdeliveryTab > li.active > a,
#rpress_checkout_wrap .nav#rpressdeliveryTab > li.active > a:hover,
#rpress_checkout_wrap .nav#rpressdeliveryTab > li.active > a:focus {
background: var(--rpress-theme-primary, #ed5575) !important;
border-color: var(--rpress-theme-primary, #ed5575) !important;
box-shadow: 0 8px 18px rgba(var(--rp-checkout-brand-rgb, 237, 85, 117), 0.24);
color: #ffffff !important;
}
@media only screen and (max-width: 768px) {
#rpress_checkout_wrap #rpress_payment_mode_select,
#rpress_checkout_wrap #rpress_purchase_form_wrap > fieldset#rpress_cc_fields,
#rpress_checkout_wrap #rpress_purchase_form_wrap > fieldset#rpress_cc_address {
padding: 14px;
border-radius: 14px;
}
#rpress_checkout_wrap #rpress_payment_mode_select > legend,
#rpress_checkout_wrap #rpress_cc_address > legend {
font-size: clamp(26px, 8.2vw, 34px);
}
#rpress_checkout_wrap #rpress-payment-mode-wrap {
gap: 10px;
}
#rpress_checkout_wrap #rpress_payment_mode_select .rpress-gateway-option {
min-height: 48px;
padding: 0 12px;
font-size: 16px;
}
} #rpress_checkout_wrap {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
gap: 24px;
align-items: start;
background: #fafafa !important;
}
#rpress_checkout_wrap > #rpress_checkout_form_wrap {
grid-column: 1;
order: 1;
}
#rpress_checkout_wrap > #rpress_checkout_cart_form {
grid-column: 2;
order: 2;
position: sticky;
top: 88px;
}
body.admin-bar #rpress_checkout_wrap > #rpress_checkout_cart_form {
top: 120px;
}
#rpress_checkout_wrap > #rpress_checkout_cart_form .rp-checkout-service-option {
display: none !important;
} #rpress_checkout_wrap #rpress_payment_mode_select_wrap {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
padding: 0 !important;
}
#rpress_checkout_wrap #rpress_payment_mode_select {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
padding: 0 !important;
min-height: 0 !important;
height: auto !important;
}
#rpress_checkout_wrap #rpress_payment_mode_select > legend {
font-size: clamp(22px, 1.5vw, 30px) !important;
line-height: 1.2 !important;
font-weight: 700 !important;
margin: 0 0 12px !important;
padding: 0 !important;
}
#rpress_checkout_wrap #rpress_payment_mode_select > legend::after {
display: none !important;
}
#rpress_checkout_wrap #rpress-payment-mode-wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 14px;
}
#rpress_checkout_wrap #rpress_payment_mode_select .rpress-gateway-option {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 0;
margin: 0;
min-height: 0;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
font-size: 18px;
font-weight: 600;
}
#rpress_checkout_wrap #rpress_payment_mode_select .rpress-gateway-option-selected {
background: transparent !important;
border: 0 !important;
}
#rpress_checkout_wrap #rpress_payment_mode_select .rpress-gateway-option .control__indicator {
display: none !important;
}
@media only screen and (max-width: 1100px) {
#rpress_checkout_wrap {
grid-template-columns: 1fr;
}
#rpress_checkout_wrap > #rpress_checkout_form_wrap,
#rpress_checkout_wrap > #rpress_checkout_cart_form {
grid-column: 1;
position: static;
}
#rpress_checkout_wrap > #rpress_checkout_form_wrap {
order: 1;
}
#rpress_checkout_wrap > #rpress_checkout_cart_form {
order: 2;
}
} body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .item-order h6 {
font-size: clamp(24px, 2vw, 32px) !important;
line-height: 1.15 !important;
font-weight: 800 !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options ul#rpressdeliveryTab.nav > li > a {
font-size: clamp(22px, 1.8vw, 30px) !important;
min-height: 72px !important;
box-shadow: none !important;
}
body.rpress-checkout #rpress_checkout_wrap .nav#rpressdeliveryTab > li.active > a,
body.rpress-checkout #rpress_checkout_wrap .nav#rpressdeliveryTab > li.active > a:hover,
body.rpress-checkout #rpress_checkout_wrap .nav#rpressdeliveryTab > li.active > a:focus {
box-shadow: none !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-item-row,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-addon-row {
display: grid !important;
grid-template-columns: auto minmax(0, 1fr) auto !important;
align-items: start !important;
column-gap: 10px !important;
row-gap: 8px !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress_checkout_cart_item_qty,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-cart-item-title,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .cart-item-quantity-wrap {
font-size: clamp(18px, 1.6vw, 28px) !important;
line-height: 1.25 !important;
font-weight: 700 !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-cart-item-title {
max-width: 100% !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-item-row > a.rpress_cart_remove_item_btn,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-addon-row > .cart-action-wrap {
grid-column: 2 / 4 !important;
margin: 0 !important;
} body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-addon-row {
padding-top: 6px !important;
padding-bottom: 6px !important;
border-bottom: 0 !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-addon-row .rpress_checkout_cart_item_qty,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-addon-row .rpress-cart-item-title {
font-size: 16px !important;
line-height: 1.35 !important;
font-weight: 500 !important;
color: #404040 !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-addon-row .cart-item-quantity-wrap {
font-size: 16px !important;
line-height: 1.35 !important;
font-weight: 600 !important;
color: #404040 !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap th.rpress_get_subtotal,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap th.rpress_cart_discount,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap th.rpress_cart_tax,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap th.rpress_cart_fee_label {
font-size: clamp(20px, 1.4vw, 26px) !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap th.rpress_cart_total {
font-size: clamp(32px, 2.3vw, 44px) !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress_cart_total .rpress_cart_amount {
font-size: clamp(34px, 2.5vw, 46px) !important;
}
@media only screen and (max-width: 767px) {
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options ul#rpressdeliveryTab.nav > li > a {
min-height: 56px !important;
font-size: 18px !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-item-row,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-addon-row {
grid-template-columns: auto minmax(0, 1fr) auto !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress_checkout_cart_item_qty,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-cart-item-title,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .cart-item-quantity-wrap {
font-size: 17px !important;
}
}
body.rpress-checkout #rpress_checkout_wrap {
max-width: 1240px !important;
margin: 24px auto 44px !important;
padding: 0 16px !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(320px, 380px) !important;
gap: 24px !important;
align-items: start !important;
background: #f5f7fb !important;
}
body.rpress-checkout #rpress_checkout_wrap > #rpress_checkout_form_wrap,
body.rpress-checkout #rpress_checkout_wrap > #rpress_checkout_cart_form {
width: 100% !important;
max-width: none !important;
float: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.rpress-checkout #rpress_checkout_wrap > #rpress_checkout_form_wrap {
grid-column: 1 !important;
order: 1 !important;
}
body.rpress-checkout #rpress_checkout_wrap > #rpress_checkout_cart_form {
grid-column: 2 !important;
order: 2 !important;
position: sticky !important;
top: 92px !important;
}
body.admin-bar.rpress-checkout #rpress_checkout_wrap > #rpress_checkout_cart_form {
top: 122px !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_payment_mode_select_wrap {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option,
body.rpress-checkout #rpress_checkout_wrap #rpress_discount_code_wrap,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_login_register,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_user_info,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_order_details,
body.rpress-checkout #rpress_checkout_wrap #rpress_payment_mode_select_wrap,
body.rpress-checkout #rpress_checkout_wrap #rpress_payment_icons,
body.rpress-checkout #rpress_checkout_wrap #rpress_cc_fields,
body.rpress-checkout #rpress_checkout_wrap #rpress_cc_address,
body.rpress-checkout #rpress_checkout_wrap #rpress_purchase_submit,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap table {
background: #ffffff !important;
border: 1px solid #e5e8ef !important;
border-radius: 14px !important;
box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06) !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option,
body.rpress-checkout #rpress_checkout_wrap #rpress_discount_code_wrap,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_login_register,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_user_info,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_order_details,
body.rpress-checkout #rpress_checkout_wrap #rpress_payment_mode_select_wrap,
body.rpress-checkout #rpress_checkout_wrap #rpress_payment_icons,
body.rpress-checkout #rpress_checkout_wrap #rpress_cc_fields,
body.rpress-checkout #rpress_checkout_wrap #rpress_cc_address,
body.rpress-checkout #rpress_checkout_wrap #rpress_purchase_submit {
padding: 18px !important;
margin: 0 0 16px !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap table {
overflow: hidden !important;
}
body.rpress-checkout #rpress_checkout_wrap fieldset > legend,
body.rpress-checkout #rpress_checkout_wrap #rpress_payment_mode_select > legend,
body.rpress-checkout #rpress_checkout_wrap #rpress_cc_address > legend {
font-size: 34px !important;
line-height: 1.15 !important;
font-weight: 800 !important;
color: #111827 !important;
margin: 0 0 14px !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
position: static !important;
width: auto !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_payment_mode_select > legend::after,
body.rpress-checkout #rpress_checkout_wrap #rpress_cc_address > legend::after,
body.rpress-checkout #rpress_checkout_wrap fieldset > legend::after {
content: none !important;
}
body.rpress-checkout #rpress_checkout_wrap .rpress-label,
body.rpress-checkout #rpress_checkout_wrap label {
font-size: 13px !important;
line-height: 1.2 !important;
font-weight: 600 !important;
color: #4b5563 !important;
margin-bottom: 6px !important;
}
body.rpress-checkout #rpress_checkout_wrap .rpress-description {
display: block !important;
font-size: 13px !important;
line-height: 1.45 !important;
color: #6b7280 !important;
margin-top: 3px !important;
margin-bottom: 8px !important;
}
body.rpress-checkout #rpress_checkout_wrap .rpress-input,
body.rpress-checkout #rpress_checkout_wrap select.rpress-select,
body.rpress-checkout #rpress_checkout_wrap select.rp-form-control,
body.rpress-checkout #rpress_checkout_wrap select.rpress-hrs {
height: 44px !important;
border-radius: 10px !important;
border: 1px solid #dbe1ea !important;
background: #fff !important;
padding: 10px 12px !important;
font-size: 15px !important;
font-weight: 500 !important;
color: #111827 !important;
box-shadow: none !important;
}
body.rpress-checkout #rpress_checkout_wrap textarea.rpress-input {
min-height: 110px !important;
height: auto !important;
}
body.rpress-checkout #rpress_checkout_wrap .rpress-input:focus,
body.rpress-checkout #rpress_checkout_wrap select.rpress-select:focus,
body.rpress-checkout #rpress_checkout_wrap select.rp-form-control:focus,
body.rpress-checkout #rpress_checkout_wrap select.rpress-hrs:focus,
body.rpress-checkout #rpress_checkout_wrap textarea.rpress-input:focus {
border-color: rgba(var(--rpress-theme-primary-rgb, 255, 107, 26), 0.58) !important;
box-shadow: 0 0 0 3px rgba(var(--rpress-theme-primary-rgb, 255, 107, 26), 0.12) !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options ul#rpressdeliveryTab.nav {
display: flex !important;
gap: 8px !important;
padding: 4px !important;
background: #fff !important;
border: 1px solid #dfe5ef !important;
border-radius: var(--rpress-default-control-radius, 10px) !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options ul#rpressdeliveryTab.nav > li,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options ul#rpressdeliveryTab.nav > li.nav-item {
flex: 1 1 0 !important;
margin: 0 !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options ul#rpressdeliveryTab.nav > li > a {
min-height: 44px !important;
padding: 10px 12px !important;
border-radius: var(--rpress-default-control-radius, 10px) !important;
font-size: 16px !important;
font-weight: 700 !important;
color: #374151 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
box-shadow: none !important;
}
body.rpress-checkout #rpress_checkout_wrap .nav#rpressdeliveryTab > li.active > a,
body.rpress-checkout #rpress_checkout_wrap .nav#rpressdeliveryTab > li.active > a:hover,
body.rpress-checkout #rpress_checkout_wrap .nav#rpressdeliveryTab > li.active > a:focus {
background: var(--rpress-theme-primary, #ff6b1a) !important;
border-color: var(--rpress-theme-primary, #ff6b1a) !important;
color: var(--rpress-theme-primary-contrast, #fff) !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_payment_mode_select {
display: block !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
box-shadow: none !important;
background: transparent !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress-payment-mode-wrap {
display: grid !important;
grid-template-columns: repeat(4, minmax(110px, 1fr));
gap: 8px !important;
align-items: stretch !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_payment_mode_select .rpress-gateway-option {
min-height: 40px !important;
padding: 8px 12px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
border: 1px solid #d8e0ec !important;
border-radius: 9px !important;
background: #fff !important;
color: #1f2937 !important;
font-size: 14px !important;
font-weight: 600 !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_payment_mode_select .rpress-gateway-option-selected {
border-color: var(--rpress-theme-primary, #ff6b1a) !important;
background: rgba(var(--rpress-theme-primary-rgb, 255, 107, 26), 0.08) !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_payment_icons {
padding-top: 12px !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_payment_icons legend {
font-size: 13px !important;
font-weight: 600 !important;
margin-bottom: 8px !important;
color: #6b7280 !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_payment_icons .rpress-payment-icons {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_payment_icons img.payment-icon {
height: 22px !important;
width: auto !important;
filter: saturate(0.95);
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap thead th {
padding: 18px 18px 8px !important;
background: #fff !important;
border: 0 !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .item-order h6 {
font-size: 18px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
color: #111827 !important;
margin: 0 !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap td.rpress_cart_item_name {
padding: 0 18px !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-item-row,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-addon-row {
display: grid !important;
grid-template-columns: auto minmax(0, 1fr) auto !important;
align-items: start !important;
column-gap: 8px !important;
row-gap: 5px !important;
padding: 12px 0 !important;
border-top: 1px solid #eef2f7 !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap tbody tr:first-child .rpress-checkout-item-row {
border-top: 0 !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress_checkout_cart_item_qty,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-cart-item-title,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .cart-item-quantity-wrap {
font-size: 16px !important;
line-height: 1.35 !important;
font-weight: 600 !important;
color: #111827 !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-cart-item-title {
max-width: 100% !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-item-row > a.rpress_cart_remove_item_btn,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-addon-row > .cart-action-wrap {
grid-column: 2 / 4 !important;
margin: 0 !important;
font-size: 13px !important;
color: #d97706 !important;
text-decoration: underline !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap th.rpress_get_subtotal,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap th.rpress_cart_discount,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap th.rpress_cart_tax,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap th.rpress_cart_fee_label {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding: 10px 18px !important;
font-size: 14px !important;
line-height: 1.4 !important;
font-weight: 500 !important;
color: #4b5563 !important;
border-top: 1px solid #eef2f7 !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap th.rpress_cart_total {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding: 14px 18px 16px !important;
font-size: 17px !important;
font-weight: 700 !important;
color: #111827 !important;
border-top: 1px solid #e5e8ef !important;
background: #fafbfd !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .pull-right,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress_cart_amount,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress_cart_subtotal_amount,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress_cart_tax_amount {
float: none !important;
margin-left: auto !important;
text-align: right !important;
font-weight: 600 !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_purchase_submit #rpress_final_total_wrap {
display: flex !important;
align-items: baseline !important;
justify-content: space-between !important;
font-size: 15px !important;
margin: 0 0 14px !important;
padding-top: 8px !important;
border-top: 1px solid #edf1f7 !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_purchase_submit #rpress_final_total_wrap strong {
font-size: 16px !important;
font-weight: 700 !important;
color: #111827 !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_purchase_submit #rpress_final_total_wrap .rpress_cart_amount {
font-size: 18px !important;
font-weight: 800 !important;
color: #111827 !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_purchase_submit #rpress-purchase-button,
body.rpress-checkout #rpress_checkout_wrap #rpress_purchase_submit input[type="submit"] {
width: 100% !important;
min-height: 48px !important;
border-radius: var(--rpress-default-control-radius, 10px) !important;
border: 1px solid var(--rpress-theme-primary, #ff6b1a) !important;
background: var(--rpress-theme-primary, #ff6b1a) !important;
color: var(--rpress-theme-primary-contrast, #fff) !important;
font-size: 18px !important;
font-weight: 700 !important;
box-shadow: 0 10px 24px rgba(var(--rpress-theme-primary-rgb, 255, 107, 26), 0.26) !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_terms_agreement {
margin-top: 4px !important;
margin-bottom: 10px !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_terms_agreement label {
font-size: 13px !important;
font-weight: 500 !important;
color: #4b5563 !important;
}
@media only screen and (max-width: 1100px) {
body.rpress-checkout #rpress_checkout_wrap {
grid-template-columns: 1fr !important;
padding: 0 14px !important;
}
body.rpress-checkout #rpress_checkout_wrap > #rpress_checkout_cart_form {
position: static !important;
}
}
@media only screen and (max-width: 767px) {
body.rpress-checkout #rpress_checkout_wrap {
padding: 0 10px !important;
gap: 14px !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option,
body.rpress-checkout #rpress_checkout_wrap #rpress_discount_code_wrap,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_login_register,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_user_info,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_order_details,
body.rpress-checkout #rpress_checkout_wrap #rpress_payment_mode_select_wrap,
body.rpress-checkout #rpress_checkout_wrap #rpress_payment_icons,
body.rpress-checkout #rpress_checkout_wrap #rpress_cc_fields,
body.rpress-checkout #rpress_checkout_wrap #rpress_cc_address,
body.rpress-checkout #rpress_checkout_wrap #rpress_purchase_submit {
padding: 14px !important;
border-radius: 12px !important;
}
body.rpress-checkout #rpress_checkout_wrap fieldset > legend,
body.rpress-checkout #rpress_checkout_wrap #rpress_payment_mode_select > legend,
body.rpress-checkout #rpress_checkout_wrap #rpress_cc_address > legend {
font-size: 26px !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress-payment-mode-wrap {
grid-template-columns: repeat(2, minmax(110px, 1fr));
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-item-row,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-addon-row {
grid-template-columns: auto minmax(0, 1fr) auto !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress_checkout_cart_item_qty,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-cart-item-title,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .cart-item-quantity-wrap {
font-size: 15px !important;
}
} body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .item-order h6,
body.rpress-checkout #rpress_checkout_wrap fieldset > legend,
body.rpress-checkout #rpress_checkout_wrap #rpress_payment_mode_select > legend,
body.rpress-checkout #rpress_checkout_wrap #rpress_cc_address > legend {
font-size: 18px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
color: #111827 !important;
margin: 0 0 12px !important;
padding: 0 !important;
text-transform: none !important;
} body.rpress-checkout,
body.rpress-checkout #rpress_checkout_wrap,
body.rpress-checkout #rpress_checkout_wrap * {
box-sizing: border-box;
}
body.rpress-checkout #rpress_checkout_wrap {
overflow: visible !important;
}
body.rpress-checkout #rpress_checkout_wrap table {
width: 100% !important;
max-width: 100% !important;
}
body.rpress-checkout #rpress_checkout_wrap .rpress-cart-item-title,
body.rpress-checkout #rpress_checkout_wrap .rpress-description,
body.rpress-checkout #rpress_checkout_wrap label,
body.rpress-checkout #rpress_checkout_wrap legend {
overflow-wrap: anywhere;
word-break: break-word;
}
@media only screen and (max-width: 1024px) {
body.rpress-checkout #rpress_checkout_wrap {
grid-template-columns: 1fr !important;
gap: 14px !important;
padding: 0 12px !important;
}
body.rpress-checkout #rpress_checkout_wrap > #rpress_checkout_form_wrap,
body.rpress-checkout #rpress_checkout_wrap > #rpress_checkout_cart_form {
grid-column: 1 !important;
width: 100% !important;
max-width: 100% !important;
}
body.rpress-checkout #rpress_checkout_wrap > #rpress_checkout_cart_form {
position: static !important;
top: auto !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .item-order h6,
body.rpress-checkout #rpress_checkout_wrap fieldset > legend,
body.rpress-checkout #rpress_checkout_wrap #rpress_payment_mode_select > legend,
body.rpress-checkout #rpress_checkout_wrap #rpress_cc_address > legend {
font-size: 20px !important;
}
}
@media only screen and (max-width: 860px) {
body.rpress-checkout #rpress_checkout_wrap .rp-col-lg-6,
body.rpress-checkout #rpress_checkout_wrap .rp-col-md-6,
body.rpress-checkout #rpress_checkout_wrap .rp-col-sm-6,
body.rpress-checkout #rpress_checkout_wrap .rp-col-xs-6,
body.rpress-checkout #rpress_checkout_wrap .rp-col-lg-4,
body.rpress-checkout #rpress_checkout_wrap .rp-col-md-4,
body.rpress-checkout #rpress_checkout_wrap .rp-col-sm-4,
body.rpress-checkout #rpress_checkout_wrap .rp-col-xs-4 {
width: 100% !important;
float: none !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress-payment-mode-wrap {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-item-row,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-addon-row {
grid-template-columns: auto minmax(0, 1fr) auto !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-item-row > a.rpress_cart_remove_item_btn,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-addon-row > .cart-action-wrap {
grid-column: 1 / -1 !important;
}
}
@media only screen and (max-width: 575px) {
body.rpress-checkout #rpress_checkout_wrap {
padding: 0 8px !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option,
body.rpress-checkout #rpress_checkout_wrap #rpress_discount_code_wrap,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_login_register,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_user_info,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_order_details,
body.rpress-checkout #rpress_checkout_wrap #rpress_payment_mode_select_wrap,
body.rpress-checkout #rpress_checkout_wrap #rpress_payment_icons,
body.rpress-checkout #rpress_checkout_wrap #rpress_cc_fields,
body.rpress-checkout #rpress_checkout_wrap #rpress_cc_address,
body.rpress-checkout #rpress_checkout_wrap #rpress_purchase_submit {
padding: 12px !important;
border-radius: 10px !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap td.rpress_cart_item_name,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap thead th,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap th.rpress_get_subtotal,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap th.rpress_cart_discount,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap th.rpress_cart_tax,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap th.rpress_cart_fee_label,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap th.rpress_cart_total {
padding-left: 12px !important;
padding-right: 12px !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress_checkout_cart_item_qty,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-cart-item-title,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .cart-item-quantity-wrap {
font-size: 14px !important;
line-height: 1.4 !important;
}
}
@media only screen and (max-width: 390px) {
body.rpress-checkout #rpress_checkout_wrap #rpress-payment-mode-wrap {
grid-template-columns: 1fr !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options ul#rpressdeliveryTab.nav > li,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options ul#rpressdeliveryTab.nav > li.nav-item {
flex: 1 1 100% !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options ul#rpressdeliveryTab.nav {
flex-wrap: wrap !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_purchase_submit #rpress-purchase-button,
body.rpress-checkout #rpress_checkout_wrap #rpress_purchase_submit input[type="submit"] {
font-size: 16px !important;
min-height: 44px !important;
}
} body.rpress-checkout #rpress_checkout_wrap {
--rp-checkout-accent: var(--rpress-theme-primary, #ff5a1f);
--rp-checkout-accent-rgb: var(--rpress-theme-primary-rgb, 255, 90, 31);
--rp-checkout-text: #121826;
--rp-checkout-muted: #6b7280;
--rp-checkout-border: var(--rpress-theme-border-soft, #e8eaee);
--rp-checkout-card: #ffffff;
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(320px, 360px) !important;
gap: 18px !important;
max-width: 1140px !important;
margin: 0 auto !important;
padding: 0 14px 36px !important;
background: #f7f7f8 !important;
}
body.rpress-checkout #rpress_checkout_wrap > #rpress_checkout_form_wrap {
order: 1 !important;
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
float: none !important;
}
body.rpress-checkout #rpress_checkout_wrap > #rpress_checkout_cart_form {
order: 2 !important;
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
float: none !important;
position: sticky !important;
top: 24px !important;
align-self: start !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option,
body.rpress-checkout #rpress_checkout_wrap #rpress_discount_code,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_login_register,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_user_info,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_order_details,
body.rpress-checkout #rpress_checkout_wrap #rpress_payment_mode_select_wrap,
body.rpress-checkout #rpress_checkout_wrap #rpress_payment_icons,
body.rpress-checkout #rpress_checkout_wrap #rpress_cc_fields,
body.rpress-checkout #rpress_checkout_wrap #rpress_cc_address,
body.rpress-checkout #rpress_checkout_wrap #rpress_purchase_submit,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap table {
background: var(--rp-checkout-card) !important;
border: 1px solid var(--rp-checkout-border) !important;
border-radius: 14px !important;
box-shadow: 0 2px 14px rgba(15, 23, 42, 0.03) !important;
padding: 14px !important;
margin: 0 0 12px !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap table {
padding: 0 !important;
border-collapse: separate !important;
border-spacing: 0 !important;
overflow: hidden !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_user_info,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_order_details,
body.rpress-checkout #rpress_checkout_wrap #rpress_cc_address,
body.rpress-checkout #rpress_checkout_wrap #rpress_cc_fields {
display: flex !important;
flex-wrap: wrap !important;
gap: 10px 0 !important;
}
body.rpress-checkout #rpress_checkout_wrap fieldset > legend,
body.rpress-checkout #rpress_checkout_wrap #rpress_payment_mode_select > legend,
body.rpress-checkout #rpress_checkout_wrap #rpress_cc_address > legend {
display: flex !important;
align-items: center !important;
gap: 9px !important;
font-size: 18px !important;
line-height: 1.3 !important;
font-weight: 700 !important;
color: var(--rp-checkout-text) !important;
margin: 0 0 10px !important;
padding: 0 !important;
}
body.rpress-checkout #rpress_checkout_wrap fieldset > legend::before,
body.rpress-checkout #rpress_checkout_wrap #rpress_payment_mode_select > legend::before,
body.rpress-checkout #rpress_checkout_wrap #rpress_cc_address > legend::before {
font-family: FontAwesome;
font-size: 14px;
line-height: 1;
color: #272b35;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_user_info > legend::before {
content: "\f007";
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_order_details > legend::before {
content: "\f041";
}
body.rpress-checkout #rpress_checkout_wrap #rpress_discount_code > legend::before {
content: "\f02b";
}
body.rpress-checkout #rpress_checkout_wrap #rpress_payment_mode_select > legend::before {
content: "\f09d";
}
body.rpress-checkout #rpress_checkout_wrap #rpress_cc_fields > legend::before,
body.rpress-checkout #rpress_checkout_wrap #rpress_cc_address > legend::before {
content: "\f15c";
}
body.rpress-checkout #rpress_checkout_wrap .rpress-description {
display: none !important;
}
body.rpress-checkout #rpress_checkout_wrap .rpress-label,
body.rpress-checkout #rpress_checkout_wrap label {
font-size: 12px !important;
line-height: 1.25 !important;
font-weight: 500 !important;
color: #59616f !important;
margin: 0 0 6px !important;
}
body.rpress-checkout #rpress_checkout_wrap .rpress-input,
body.rpress-checkout #rpress_checkout_wrap select.rpress-select,
body.rpress-checkout #rpress_checkout_wrap select.rp-form-control,
body.rpress-checkout #rpress_checkout_wrap select.rpress-hrs {
height: 44px !important;
border: 1px solid #e2e6ee !important;
border-radius: 9px !important;
background: #fff !important;
padding: 10px 12px !important;
font-size: 15px !important;
font-weight: 500 !important;
color: #111827 !important;
box-shadow: none !important;
}
body.rpress-checkout #rpress_checkout_wrap textarea.rpress-input {
min-height: 110px !important;
height: auto !important;
resize: vertical !important;
}
body.rpress-checkout #rpress_checkout_wrap .rpress-input:focus,
body.rpress-checkout #rpress_checkout_wrap select.rpress-select:focus,
body.rpress-checkout #rpress_checkout_wrap select.rp-form-control:focus,
body.rpress-checkout #rpress_checkout_wrap select.rpress-hrs:focus,
body.rpress-checkout #rpress_checkout_wrap textarea.rpress-input:focus {
border-color: rgba(var(--rp-checkout-accent-rgb), 0.6) !important;
box-shadow: 0 0 0 3px rgba(var(--rp-checkout-accent-rgb), 0.1) !important;
}
body.rpress-checkout #rpress_checkout_wrap .rpress-checkout-service-head {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
margin-bottom: 10px !important;
}
body.rpress-checkout #rpress_checkout_wrap .rpress-checkout-service-heading {
margin: 0 !important;
font-size: 18px !important;
font-weight: 700 !important;
color: var(--rp-checkout-text) !important;
display: flex !important;
align-items: center !important;
gap: 9px !important;
}
body.rpress-checkout #rpress_checkout_wrap .rpress-checkout-service-heading::before {
content: "\f0d1";
font-family: FontAwesome;
font-size: 14px;
line-height: 1;
color: #272b35;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options ul#rpressdeliveryTab.nav {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px !important;
background: transparent !important;
border: 0 !important;
padding: 0 !important;
margin: 0 0 10px !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options ul#rpressdeliveryTab.nav > li,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options ul#rpressdeliveryTab.nav > li.nav-item {
margin: 0 !important;
width: 100% !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options ul#rpressdeliveryTab.nav > li > a {
min-height: 40px !important;
padding: 8px 10px !important;
border-radius: 8px !important;
border: 1px solid #e4e8ef !important;
background: #fff !important;
font-size: 16px !important;
font-weight: 600 !important;
color: #272b35 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
body.rpress-checkout #rpress_checkout_wrap .nav#rpressdeliveryTab > li.active > a,
body.rpress-checkout #rpress_checkout_wrap .nav#rpressdeliveryTab > li.active > a:hover,
body.rpress-checkout #rpress_checkout_wrap .nav#rpressdeliveryTab > li.active > a:focus {
background: rgba(var(--rp-checkout-accent-rgb), 0.08) !important;
border-color: rgba(var(--rp-checkout-accent-rgb), 0.6) !important;
color: var(--rp-checkout-accent) !important;
}
body.rpress-checkout #rpress_checkout_wrap .delivery-time-text,
body.rpress-checkout #rpress_checkout_wrap .pickup-time-text {
font-size: 12px !important;
font-weight: 500 !important;
color: #5c6471 !important;
margin: 0 0 5px !important;
}
body.rpress-checkout #rpress_checkout_wrap .delivery-settings-wrapper {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 8px !important;
}
body.rpress-checkout #rpress_checkout_wrap .rpress-service-hours-row,
body.rpress-checkout #rpress_checkout_wrap .delivery-time-wrapper,
body.rpress-checkout #rpress_checkout_wrap .pickup-time-wraper {
width: 100% !important;
margin: 0 !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_discount_code #rpress_show_discount {
display: none !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress-discount-code-wrap {
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
margin: 0 !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress-discount-code-wrap .rpress-discount-code-field-wrap {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 92px !important;
gap: 8px !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_form_wrap .rpress-cart-adjustment .rpress-apply-discount.rpress-submit {
min-height: 44px !important;
border-radius: 9px !important;
border: 1px solid #dce3ee !important;
background: #fff !important;
color: #1f2937 !important;
font-size: 15px !important;
font-weight: 600 !important;
box-shadow: none !important;
}
body.rpress-checkout #rpress_checkout_wrap .rpress-checkout-reward-summary {
margin: 8px 0 0 !important;
padding: 10px 12px !important;
border: 1px solid #eceff4 !important;
border-radius: 9px !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 10px !important;
}
body.rpress-checkout #rpress_checkout_wrap .rpress-checkout-reward-summary-copy {
display: inline-flex !important;
flex-direction: column !important;
gap: 2px !important;
}
body.rpress-checkout #rpress_checkout_wrap .rpress-checkout-reward-summary-copy strong {
font-size: 13px !important;
font-weight: 600 !important;
color: #111827 !important;
}
body.rpress-checkout #rpress_checkout_wrap .rpress-checkout-reward-summary-copy span {
font-size: 13px !important;
color: #6b7280 !important;
}
body.rpress-checkout #rpress_checkout_wrap .rpress-checkout-reward-link {
font-size: 13px !important;
font-weight: 600 !important;
color: var(--rp-checkout-accent) !important;
text-decoration: none !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_payment_mode_select {
border: 0 !important;
padding: 0 !important;
background: transparent !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress-payment-mode-wrap {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 0 !important;
border: 1px solid #e6eaf0 !important;
border-radius: 9px !important;
overflow: hidden !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_payment_mode_select .rpress-gateway-option {
min-height: 38px !important;
padding: 8px 10px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
border: 0 !important;
border-right: 1px solid #eceff4 !important;
border-radius: 0 !important;
background: #fff !important;
font-size: 14px !important;
font-weight: 500 !important;
color: #4b5563 !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_payment_mode_select .rpress-gateway-option:last-child {
border-right: 0 !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_payment_mode_select .rpress-gateway-option-selected {
background: rgba(var(--rp-checkout-accent-rgb), 0.06) !important;
color: var(--rp-checkout-accent) !important;
box-shadow: inset 0 0 0 1px rgba(var(--rp-checkout-accent-rgb), 0.45) !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_payment_mode_select .rpress-gateway-option .control__indicator {
display: none !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_payment_icons {
margin-top: -2px !important;
padding-top: 0 !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_payment_icons legend {
font-size: 13px !important;
color: #5b6471 !important;
font-weight: 500 !important;
margin: 0 0 8px !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_payment_icons .rpress-payment-icons {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_payment_icons img.payment-icon {
height: 18px !important;
width: auto !important;
filter: saturate(1) !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap thead th {
padding: 18px 18px 8px !important;
background: #fff !important;
border: 0 !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .item-order h6 {
font-size: 20px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
color: #111827 !important;
margin: 0 !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap td.rpress_cart_item_name {
padding: 0 18px !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-item-row {
display: grid !important;
grid-template-columns: 56px minmax(0, 1fr) auto !important;
gap: 12px !important;
align-items: flex-start !important;
padding: 12px 0 !important;
border-top: 1px solid #eef1f5 !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap tbody tr:first-child .rpress-checkout-item-row {
border-top: 0 !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-item-media {
width: 56px !important;
height: 56px !important;
border-radius: 8px !important;
overflow: hidden !important;
background: #f3f4f6 !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-item-media img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-item-content {
min-width: 0 !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-item-mainline {
display: flex !important;
align-items: flex-start !important;
gap: 5px !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress_checkout_cart_item_qty,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-cart-item-title,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .cart-item-quantity-wrap {
font-size: 16px !important;
line-height: 1.35 !important;
font-weight: 600 !important;
color: #111827 !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-item-meta {
font-size: 14px !important;
line-height: 1.3 !important;
color: #6b7280 !important;
margin-top: 3px !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-addon-row {
display: grid !important;
grid-template-columns: auto minmax(0, 1fr) auto !important;
align-items: center !important;
gap: 8px !important;
margin-top: 6px !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .special-instruction-wrapper {
margin-top: 5px !important;
font-size: 13px !important;
color: #6b7280 !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-item-row > a.rpress_cart_remove_item_btn {
display: inline-block !important;
margin-top: 6px !important;
font-size: 13px !important;
color: var(--rp-checkout-accent) !important;
text-decoration: none !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap th.rpress_get_subtotal,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap th.rpress_cart_discount,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap th.rpress_cart_tax,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap th.rpress_cart_fee_label {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding: 10px 18px !important;
font-size: 15px !important;
font-weight: 500 !important;
color: #4b5563 !important;
border-top: 1px solid #eef1f5 !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap th.rpress_cart_total {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding: 14px 18px 18px !important;
font-size: 17px !important;
font-weight: 700 !important;
color: #111827 !important;
border-top: 1px solid #e5e8ee !important;
background: #fff !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap th.rpress_cart_total .rpress_cart_amount {
font-size: 36px !important;
line-height: 1 !important;
font-weight: 700 !important;
color: #111827 !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .pull-right,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress_cart_amount,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress_cart_subtotal_amount,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress_cart_tax_amount {
float: none !important;
margin-left: auto !important;
text-align: right !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-order-meta {
padding: 2px 6px 0 !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-order-meta-row {
display: flex !important;
align-items: center !important;
gap: 8px !important;
font-size: 14px !important;
color: #666f7d !important;
margin: 10px 0 !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-order-meta-row::before {
font-family: FontAwesome;
font-size: 14px;
color: #2b313f;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-order-security::before {
content: "\f132";
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-order-support::before {
content: "\f0e0";
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-order-support a {
color: var(--rp-checkout-accent) !important;
text-decoration: none !important;
font-weight: 600 !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_purchase_submit #rpress_final_total_wrap {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding: 12px 14px !important;
border: 1px solid #eef1f5 !important;
border-radius: 10px !important;
margin: 0 0 12px !important;
background: #fff !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_purchase_submit #rpress_final_total_wrap strong {
font-size: 17px !important;
font-weight: 700 !important;
color: #111827 !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_purchase_submit #rpress_final_total_wrap .rpress_cart_amount {
font-size: 30px !important;
line-height: 1 !important;
font-weight: 700 !important;
color: #111827 !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_purchase_submit #rpress-purchase-button,
body.rpress-checkout #rpress_checkout_wrap #rpress_purchase_submit input[type="submit"] {
width: 100% !important;
min-height: 52px !important;
border: 1px solid var(--rp-checkout-accent) !important;
border-radius: 8px !important;
background: var(--rp-checkout-accent) !important;
color: #fff !important;
font-size: 20px !important;
font-weight: 700 !important;
box-shadow: none !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_terms_agreement {
margin: 0 0 10px !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_terms_agreement label {
font-size: 14px !important;
color: #4b5563 !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_terms_agreement .rpress-show-terms a {
color: var(--rp-checkout-accent) !important;
}
@media only screen and (max-width: 1100px) {
body.rpress-checkout #rpress_checkout_wrap {
grid-template-columns: 1fr !important;
max-width: 760px !important;
}
body.rpress-checkout #rpress_checkout_wrap > #rpress_checkout_cart_form {
position: static !important;
top: auto !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap th.rpress_cart_total .rpress_cart_amount,
body.rpress-checkout #rpress_checkout_wrap #rpress_purchase_submit #rpress_final_total_wrap .rpress_cart_amount {
font-size: 28px !important;
}
}
@media only screen and (max-width: 767px) {
body.rpress-checkout #rpress_checkout_wrap {
padding: 0 10px 24px !important;
gap: 12px !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option,
body.rpress-checkout #rpress_checkout_wrap #rpress_discount_code,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_login_register,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_user_info,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_order_details,
body.rpress-checkout #rpress_checkout_wrap #rpress_payment_mode_select_wrap,
body.rpress-checkout #rpress_checkout_wrap #rpress_payment_icons,
body.rpress-checkout #rpress_checkout_wrap #rpress_cc_fields,
body.rpress-checkout #rpress_checkout_wrap #rpress_cc_address,
body.rpress-checkout #rpress_checkout_wrap #rpress_purchase_submit,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap table {
padding: 12px !important;
border-radius: 12px !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap table {
padding: 0 !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap th.rpress_cart_total .rpress_cart_amount,
body.rpress-checkout #rpress_checkout_wrap #rpress_purchase_submit #rpress_final_total_wrap .rpress_cart_amount {
font-size: 26px !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_purchase_submit #rpress-purchase-button,
body.rpress-checkout #rpress_checkout_wrap #rpress_purchase_submit input[type="submit"] {
font-size: 22px !important;
min-height: 48px !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress-payment-mode-wrap {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-item-row {
grid-template-columns: 48px minmax(0, 1fr) auto !important;
gap: 10px !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-item-media {
width: 48px !important;
height: 48px !important;
}
} body.rpress-checkout #rpress_checkout_wrap {
--rp-checkout-accent: var(--rpress-theme-primary, #ed5575);
--rp-checkout-accent-rgb: var(--rpress-theme-primary-rgb, 237, 85, 117);
--rp-checkout-button-radius: var(--rpress-default-control-radius, 100px);
} body.rpress-checkout #rpress_checkout_wrap .tab-content > .delivery-settings-wrapper {
display: none !important;
}
body.rpress-checkout #rpress_checkout_wrap .tab-content > .delivery-settings-wrapper.active.show {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 8px !important;
} body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options ul#rpressdeliveryTab.nav {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 8px !important;
padding: 4px !important;
border: 1px solid #dfe5ef !important;
border-radius: var(--rp-checkout-button-radius) !important;
background: #fff !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options ul#rpressdeliveryTab.nav > li > a {
min-height: 42px !important;
padding: 8px 12px !important;
border: 1px solid transparent !important;
border-radius: var(--rp-checkout-button-radius) !important;
}
body.rpress-checkout #rpress_checkout_wrap .nav#rpressdeliveryTab > li.active > a,
body.rpress-checkout #rpress_checkout_wrap .nav#rpressdeliveryTab > li.active > a:hover,
body.rpress-checkout #rpress_checkout_wrap .nav#rpressdeliveryTab > li.active > a:focus {
background: var(--rp-checkout-accent) !important;
border-color: var(--rp-checkout-accent) !important;
color: #fff !important;
} body.rpress-checkout #rpress_checkout_wrap #rpress-payment-mode-wrap {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;
gap: 8px !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_payment_mode_select .rpress-gateway-option {
min-height: 42px !important;
padding: 8px 12px !important;
border: 1px solid #d8e0ec !important;
border-right: 1px solid #d8e0ec !important;
border-radius: var(--rp-checkout-button-radius) !important;
background: #fff !important;
color: #1f2937 !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_payment_mode_select .rpress-gateway-option-selected {
border-color: var(--rp-checkout-accent) !important;
background: rgba(var(--rp-checkout-accent-rgb), 0.1) !important;
color: var(--rp-checkout-accent) !important;
box-shadow: 0 0 0 1px rgba(var(--rp-checkout-accent-rgb), 0.25) inset !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_payment_mode_select .rpress-gateway-option input[type="radio"] {
accent-color: var(--rp-checkout-accent) !important;
} body.rpress-checkout #rpress_checkout_wrap a.rpress_cart_remove_item_btn,
body.rpress-checkout #rpress_checkout_wrap .rpress-checkout-order-support a,
body.rpress-checkout #rpress_checkout_wrap #rpress_terms_agreement a,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_rewards .rp-checkout-rewards-link,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_rewards .rp-checkout-rewards-link:visited,
body.rpress-checkout #rpress_checkout_wrap .lost-password-link {
color: var(--rp-checkout-accent) !important;
} body.rpress-checkout #rpress_checkout_wrap #rpress_purchase_submit #rpress-purchase-button,
body.rpress-checkout #rpress_checkout_wrap #rpress_purchase_submit input[type="submit"],
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_rewards .rpress-apply-discount.rpress-submit,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_rewards .rpress-apply-redemp.rpress-submit,
body.rpress-checkout #rpress_checkout_wrap a.btn.btn-primary.btn-block.rpress-delivery-opt-update {
border-radius: var(--rp-checkout-button-radius) !important;
border-color: var(--rp-checkout-accent) !important;
background: var(--rp-checkout-accent) !important;
color: #fff !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_rewards .rpress-apply-discount.rpress-submit:hover,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_rewards .rpress-apply-redemp.rpress-submit:hover,
body.rpress-checkout #rpress_checkout_wrap #rpress_purchase_submit #rpress-purchase-button:hover {
filter: brightness(0.95);
} body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_rewards {
background: #fff !important;
border: 1px solid #e5e8ef !important;
border-radius: 14px !important;
box-shadow: 0 2px 14px rgba(15, 23, 42, 0.03) !important;
padding: 14px !important;
margin: 0 0 12px !important;
}
@media only screen and (max-width: 767px) {
body.rpress-checkout #rpress_checkout_wrap #rpress-payment-mode-wrap {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
} body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option {
padding: 16px 20px !important;
}
body.rpress-checkout #rpress_checkout_wrap .rpress-checkout-service-head {
margin-bottom: 12px !important;
}
body.rpress-checkout #rpress_checkout_wrap .rpress-checkout-service-heading {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
margin: 0 !important;
font-size: 34px !important;
line-height: 1.15 !important;
font-weight: 700 !important;
color: #111827 !important;
}
body.rpress-checkout #rpress_checkout_wrap .rpress-checkout-service-heading::before {
content: none !important;
}
body.rpress-checkout #rpress_checkout_wrap .rpress-checkout-service-heading .rpress-checkout-service-heading-icon {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 18px !important;
height: 18px !important;
color: #111827 !important;
}
body.rpress-checkout #rpress_checkout_wrap .rpress-checkout-service-heading .rpress-checkout-service-heading-text {
display: inline-block !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options ul#rpressdeliveryTab.nav {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 8px !important;
padding: 0 !important;
margin: 0 0 12px !important;
border: 1px solid #e5e7eb !important;
border-radius: 8px !important;
background: #fff !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options ul#rpressdeliveryTab.nav > li,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options ul#rpressdeliveryTab.nav > li.nav-item {
margin: 0 !important;
width: 100% !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options ul#rpressdeliveryTab.nav > li > a {
min-height: 42px !important;
border: 1px solid transparent !important;
border-radius: var(--rpress-default-control-radius, 100px) !important;
background: transparent !important;
color: #111827 !important;
text-decoration: none !important;
padding: 8px 10px !important;
}
body.rpress-checkout #rpress_checkout_wrap .rpress-service-tab-inner {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 100% !important;
}
body.rpress-checkout #rpress_checkout_wrap .rpress-service-tab-icon {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 14px !important;
height: 14px !important;
color: #4b5563 !important;
}
body.rpress-checkout #rpress_checkout_wrap .rpress-service-tab-label {
font-size: 14px !important;
line-height: 1.2 !important;
font-weight: 600 !important;
color: inherit !important;
}
body.rpress-checkout #rpress_checkout_wrap .nav#rpressdeliveryTab > li.active > a,
body.rpress-checkout #rpress_checkout_wrap .nav#rpressdeliveryTab > li.active > a:hover,
body.rpress-checkout #rpress_checkout_wrap .nav#rpressdeliveryTab > li.active > a:focus,
body.rpress-checkout #rpress_checkout_wrap #rpressdeliveryTab .single-service-selected.active,
body.rpress-checkout #rpress_checkout_wrap #rpressdeliveryTab .single-service-selected[aria-selected="true"] {
background: rgba(var(--rpress-theme-primary-rgb, 237, 85, 117), 0.08) !important;
border-color: var(--rpress-theme-primary, #ed5575) !important;
color: var(--rpress-theme-primary, #ed5575) !important;
box-shadow: inset 0 0 0 1px rgba(var(--rpress-theme-primary-rgb, 237, 85, 117), 0.26) !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpressdeliveryTab .single-service-selected.active .rpress-service-tab-icon,
body.rpress-checkout #rpress_checkout_wrap #rpressdeliveryTab .single-service-selected[aria-selected="true"] .rpress-service-tab-icon,
body.rpress-checkout #rpress_checkout_wrap #rpressdeliveryTab .nav-item.active .rpress-service-tab-icon {
color: var(--rpress-theme-primary, #ed5575) !important;
}
body.rpress-checkout #rpress_checkout_wrap .delivery-settings-wrapper.active.show .rpress-time-wrap {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
gap: 12px !important;
align-items: start !important;
}
body.rpress-checkout #rpress_checkout_wrap .delivery-settings-wrapper.active.show .rpress-time-wrap > .rp-col-lg-12,
body.rpress-checkout #rpress_checkout_wrap .delivery-settings-wrapper.active.show .rpress-time-wrap > .rp-col-md-12,
body.rpress-checkout #rpress_checkout_wrap .delivery-settings-wrapper.active.show .rpress-time-wrap > .rp-col-sm-12,
body.rpress-checkout #rpress_checkout_wrap .delivery-settings-wrapper.active.show .rpress-time-wrap > .rp-col-xs-12,
body.rpress-checkout #rpress_checkout_wrap .delivery-settings-wrapper.active.show .rpress-time-wrap > .rpress-service-hours-row {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.rpress-checkout #rpress_checkout_wrap .delivery-settings-wrapper.active.show .rpress-time-wrap .delivery-time-wrapper,
body.rpress-checkout #rpress_checkout_wrap .delivery-settings-wrapper.active.show .rpress-time-wrap .pickup-time-wraper,
body.rpress-checkout #rpress_checkout_wrap .delivery-settings-wrapper.active.show .rpress-time-wrap .rpress-service-time-row {
display: flex !important;
flex-direction: column !important;
gap: 6px !important;
}
body.rpress-checkout #rpress_checkout_wrap .delivery-settings-wrapper.active.show .delivery-time-text,
body.rpress-checkout #rpress_checkout_wrap .delivery-settings-wrapper.active.show .pickup-time-text {
display: inline-flex !important;
align-items: center !important;
gap: 7px !important;
margin: 0 !important;
font-size: 12px !important;
line-height: 1.25 !important;
font-weight: 600 !important;
color: #4b5563 !important;
text-align: left !important;
}
body.rpress-checkout #rpress_checkout_wrap .delivery-settings-wrapper.active.show .delivery-time-wrapper .delivery-time-text::before,
body.rpress-checkout #rpress_checkout_wrap .delivery-settings-wrapper.active.show .pickup-time-wraper .pickup-time-text::before {
content: "" !important;
width: 14px !important;
height: 14px !important;
background: url(//tiemxuquang.theme.digis.vn/wp-content/plugins/restropress/assets/svg/date.svg) no-repeat center center / contain !important;
}
body.rpress-checkout #rpress_checkout_wrap .delivery-settings-wrapper.active.show .rpress-service-time-row .delivery-time-text::before,
body.rpress-checkout #rpress_checkout_wrap .delivery-settings-wrapper.active.show .rpress-service-time-row .pickup-time-text::before {
content: "" !important;
width: 14px !important;
height: 14px !important;
background: url(//tiemxuquang.theme.digis.vn/wp-content/plugins/restropress/assets/svg/time.svg) no-repeat center center / contain !important;
}
body.rpress-checkout #rpress_checkout_wrap .delivery-settings-wrapper.active.show #rpress_get_delivery_dates,
body.rpress-checkout #rpress_checkout_wrap .delivery-settings-wrapper.active.show #rpress_get_pickup_dates,
body.rpress-checkout #rpress_checkout_wrap .delivery-settings-wrapper.active.show #rpress-delivery-hours,
body.rpress-checkout #rpress_checkout_wrap .delivery-settings-wrapper.active.show #rpress-pickup-hours {
min-height: 42px !important;
height: 42px !important;
padding: 8px 34px 8px 38px !important;
border: 1px solid #dbe1ea !important;
border-radius: 8px !important;
color: #111827 !important;
font-size: 14px !important;
font-weight: 500 !important;
background-color: #fff !important;
background-repeat: no-repeat !important;
background-size: 14px, 11px !important;
background-position: 12px 50%, calc(100% - 12px) 50% !important;
-webkit-appearance: none !important;
appearance: none !important;
}
body.rpress-checkout #rpress_checkout_wrap .delivery-settings-wrapper.active.show #rpress_get_delivery_dates,
body.rpress-checkout #rpress_checkout_wrap .delivery-settings-wrapper.active.show #rpress_get_pickup_dates {
background-image: url(//tiemxuquang.theme.digis.vn/wp-content/plugins/restropress/assets/svg/date.svg), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2364748B' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
body.rpress-checkout #rpress_checkout_wrap .delivery-settings-wrapper.active.show #rpress-delivery-hours,
body.rpress-checkout #rpress_checkout_wrap .delivery-settings-wrapper.active.show #rpress-pickup-hours {
background-image: url(//tiemxuquang.theme.digis.vn/wp-content/plugins/restropress/assets/svg/time.svg), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2364748B' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
@media only screen and (max-width: 767px) {
body.rpress-checkout #rpress_checkout_wrap .rpress-checkout-service-heading {
font-size: 32px !important;
}
body.rpress-checkout #rpress_checkout_wrap .delivery-settings-wrapper.active.show .rpress-time-wrap {
grid-template-columns: 1fr !important;
}
} body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(320px, 46%) !important;
column-gap: 16px !important;
row-gap: 12px !important;
align-items: center !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-checkout-service-head {
margin: 0 !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-checkout-service-heading {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
margin: 0 !important;
font-size: 30px !important;
line-height: 1.1 !important;
font-weight: 700 !important;
color: #111827 !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-checkout-service-heading .rpress-checkout-service-heading-icon {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 18px !important;
height: 18px !important;
color: #111827 !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-checkout-service-heading .service-icon-delivery,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-checkout-service-heading .service-icon-pickup {
display: none !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-checkout-service-heading.is-service-delivery .service-icon-delivery,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-checkout-service-heading.is-service-pickup .service-icon-pickup {
display: inline-flex !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options ul#rpressdeliveryTab.nav {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 8px !important;
padding: 4px !important;
margin: 0 !important;
border: 1px solid #e5e7eb !important;
border-radius: 10px !important;
background: #f8fafc !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options ul#rpressdeliveryTab.nav > li,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options ul#rpressdeliveryTab.nav > li.nav-item {
margin: 0 !important;
width: 100% !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options ul#rpressdeliveryTab.nav > li > a {
min-height: 44px !important;
padding: 8px 12px !important;
border: 1px solid transparent !important;
border-radius: 8px !important;
background: transparent !important;
color: #111827 !important;
text-decoration: none !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option #rpressdeliveryTab .single-service-selected.active,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option #rpressdeliveryTab .single-service-selected[aria-selected="true"] {
background: #ffffff !important;
border-color: var(--rpress-theme-primary, #ed5575) !important;
color: var(--rpress-theme-primary, #ed5575) !important;
box-shadow: inset 0 0 0 1px rgba(var(--rpress-theme-primary-rgb, 237, 85, 117), 0.2) !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options .tab-content {
grid-column: 1 / -1 !important;
margin-top: 0 !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show .rpress-time-wrap {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
align-items: start !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show .rpress-time-wrap > .rp-col-lg-12,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show .rpress-time-wrap > .rp-col-md-12,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show .rpress-time-wrap > .rp-col-sm-12,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show .rpress-time-wrap > .rp-col-xs-12,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show .rpress-time-wrap > .delivery-time-wrapper,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show .rpress-time-wrap > .pickup-time-wraper,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show .rpress-time-wrap > .rpress-service-hours-row,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show .rpress-time-wrap > .rpress-service-date-row,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show .rpress-time-wrap > .rpress-service-time-row {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show .rpress-time-wrap .delivery-time-wrapper,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show .rpress-time-wrap .pickup-time-wraper,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show .rpress-time-wrap .rpress-service-hours-row,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show .rpress-time-wrap .rpress-service-date-row,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show .rpress-time-wrap .rpress-service-time-row {
display: flex !important;
flex-direction: column !important;
gap: 6px !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show .delivery-time-text,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show .pickup-time-text {
display: inline-flex !important;
align-items: center !important;
gap: 7px !important;
margin: 0 !important;
font-size: 12px !important;
line-height: 1.3 !important;
font-weight: 600 !important;
color: #4b5563 !important;
text-align: left !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show .delivery-time-wrapper .delivery-time-text::before,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show .pickup-time-wraper .pickup-time-text::before,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show .rpress-service-date-row .delivery-time-text::before,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show .rpress-service-date-row .pickup-time-text::before {
content: "" !important;
width: 14px !important;
height: 14px !important;
background: url(//tiemxuquang.theme.digis.vn/wp-content/plugins/restropress/assets/svg/date.svg) no-repeat center center / contain !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show .rpress-service-hours-row .delivery-time-text::before,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show .rpress-service-hours-row .pickup-time-text::before,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show .rpress-service-time-row .delivery-time-text::before,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show .rpress-service-time-row .pickup-time-text::before {
content: "" !important;
width: 14px !important;
height: 14px !important;
background: url(//tiemxuquang.theme.digis.vn/wp-content/plugins/restropress/assets/svg/time.svg) no-repeat center center / contain !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show #rpress_get_delivery_dates,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show #rpress_get_pickup_dates,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show #rpress-delivery-hours,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show #rpress-pickup-hours {
min-height: 44px !important;
height: 44px !important;
padding: 8px 34px 8px 38px !important;
border: 1px solid #dbe1ea !important;
border-radius: 8px !important;
color: #111827 !important;
font-size: 14px !important;
font-weight: 500 !important;
background-color: #ffffff !important;
background-repeat: no-repeat !important;
background-size: 14px, 11px !important;
background-position: 12px 50%, calc(100% - 12px) 50% !important;
-webkit-appearance: none !important;
appearance: none !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show #rpress_get_delivery_dates,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show #rpress_get_pickup_dates {
background-image: url(//tiemxuquang.theme.digis.vn/wp-content/plugins/restropress/assets/svg/date.svg), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2364748B' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show #rpress-delivery-hours,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show #rpress-pickup-hours {
background-image: url(//tiemxuquang.theme.digis.vn/wp-content/plugins/restropress/assets/svg/time.svg), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2364748B' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
@media only screen and (max-width: 991px) {
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options {
grid-template-columns: 1fr !important;
}
}
@media only screen and (max-width: 767px) {
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-checkout-service-heading {
font-size: 26px !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options ul#rpressdeliveryTab.nav > li > a {
min-height: 40px !important;
padding: 7px 10px !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show .rpress-time-wrap {
grid-template-columns: 1fr !important;
}
} body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-tabs-wrapper.rpress-delivery-options {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
gap: 12px 16px !important;
align-items: center !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-checkout-service-head {
grid-column: 1 / 2 !important;
margin: 0 !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-checkout-service-heading {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
margin: 0 !important;
font-size: 32px !important;
line-height: 1.1 !important;
font-weight: 700 !important;
color: #111827 !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-checkout-service-heading .rpress-checkout-service-heading-icon {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 18px !important;
height: 18px !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-checkout-service-heading .service-icon-delivery,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-checkout-service-heading .service-icon-pickup {
display: none !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-checkout-service-heading.is-service-delivery .service-icon-delivery,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-checkout-service-heading.is-service-pickup .service-icon-pickup {
display: inline-flex !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options ul#rpressdeliveryTab.nav {
grid-column: 2 / 3 !important;
display: flex !important;
align-items: center !important;
gap: 10px !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
background: transparent !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options ul#rpressdeliveryTab.nav > li,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options ul#rpressdeliveryTab.nav > li.nav-item {
flex: 0 0 auto !important;
width: auto !important;
margin: 0 !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options ul#rpressdeliveryTab.nav > li > a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 168px !important;
min-height: 44px !important;
padding: 8px 14px !important;
border: 1px solid #d8e0ec !important;
border-radius: 10px !important;
background: #ffffff !important;
color: #1f2937 !important;
text-decoration: none !important;
box-shadow: 0 2px 10px rgba(15, 23, 42, 0.08) !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options #rpressdeliveryTab .single-service-selected.active,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options #rpressdeliveryTab .single-service-selected[aria-selected="true"] {
border-color: var(--rpress-theme-primary, #ed5575) !important;
background: rgba(var(--rpress-theme-primary-rgb, 237, 85, 117), 0.1) !important;
color: var(--rpress-theme-primary, #ed5575) !important;
box-shadow: 0 0 0 1px rgba(var(--rpress-theme-primary-rgb, 237, 85, 117), 0.25), 0 6px 16px rgba(var(--rpress-theme-primary-rgb, 237, 85, 117), 0.2) !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-service-tab-inner {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 7px !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-service-tab-icon {
width: 15px !important;
height: 15px !important;
color: currentColor !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-service-tab-label {
font-size: 15px !important;
line-height: 1.2 !important;
font-weight: 600 !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options .tab-content {
grid-column: 1 / -1 !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show .rpress-time-wrap {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
gap: 12px !important;
align-items: start !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show .rpress-time-wrap .rpress-service-date-row,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show .rpress-time-wrap .delivery-time-wrapper,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show .rpress-time-wrap .pickup-time-wraper {
grid-column: 1 / 2 !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show .rpress-time-wrap .rpress-service-hours-row,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show .rpress-time-wrap .rpress-service-time-row {
grid-column: 2 / 3 !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show .rpress-time-wrap .rpress-service-date-row,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show .rpress-time-wrap .delivery-time-wrapper,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show .rpress-time-wrap .pickup-time-wraper,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show .rpress-time-wrap .rpress-service-hours-row,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show .rpress-time-wrap .rpress-service-time-row {
display: flex !important;
flex-direction: column !important;
gap: 6px !important;
margin: 0 !important;
padding: 0 !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show .delivery-time-text::before,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show .pickup-time-text::before {
content: none !important;
background: none !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show .delivery-time-text i,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show .pickup-time-text i {
display: none !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show #rpress_get_delivery_dates,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show #rpress_get_pickup_dates,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show #rpress-delivery-hours,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show #rpress-pickup-hours {
min-height: 44px !important;
height: 44px !important;
padding: 8px 34px 8px 38px !important;
border-radius: 8px !important;
}
@media only screen and (max-width: 991px) {
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-tabs-wrapper.rpress-delivery-options {
grid-template-columns: 1fr !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options ul#rpressdeliveryTab.nav {
grid-column: 1 / -1 !important;
justify-content: flex-start !important;
}
}
@media only screen and (max-width: 767px) {
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-checkout-service-heading {
font-size: 26px !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options ul#rpressdeliveryTab.nav {
flex-wrap: wrap !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .rpress-delivery-options ul#rpressdeliveryTab.nav > li > a {
min-width: 134px !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show .rpress-time-wrap {
grid-template-columns: 1fr !important;
}
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show .rpress-time-wrap .rpress-service-date-row,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show .rpress-time-wrap .delivery-time-wrapper,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show .rpress-time-wrap .pickup-time-wraper,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show .rpress-time-wrap .rpress-service-hours-row,
body.rpress-checkout #rpress_checkout_wrap .rp-checkout-service-option .delivery-settings-wrapper.active.show .rpress-time-wrap .rpress-service-time-row {
grid-column: 1 / -1 !important;
}
} body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_order_details #rpress-order-note-wrap {
flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
min-width: 0 !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_order_details #rpress-order-note-wrap .rpress-service-instruction-label {
display: inline-flex !important;
align-items: center !important;
gap: 7px !important;
width: auto !important;
max-width: 100% !important;
margin: 0 0 6px !important;
line-height: 1.25 !important;
white-space: normal !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_order_details #rpress-order-note-wrap .rpress-service-instruction-label::after {
content: none !important;
display: none !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_order_details #rpress-order-note-wrap .rpress-service-instruction-icon {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 14px !important;
width: 14px !important;
min-width: 14px !important;
color: currentColor !important;
font-size: 13px !important;
line-height: 1 !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_order_details #rpress-order-note-wrap textarea.rpress-input {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
min-height: 110px !important;
} .rpress-add-button-hidden .rpress-section .rpress_fooditem_buy_button {
display: none !important;
}
.rpress-add-button-hidden .rpress-section .rpress_fooditem {
cursor: pointer;
}
.rpress-add-button-hidden .rpress-section .product_not_available.rpress_fooditem {
cursor: default;
}
.rpress-add-button-hidden .rpress-section .rpress_fooditems_list .rpress-list-view-image-wrapper {
gap: 0 !important;
}
@media only screen and (max-width: 768px) {
.rpress-add-button-hidden.order-online .rpress-section .rpress_fooditems_list .rpress_fooditem {
margin: 4px 0;
}
.rpress-add-button-hidden.order-online .rpress-section .rpress_fooditems_list .rpress_fooditem_inner {
grid-template-columns: minmax(0, 1fr) 84px;
gap: 8px;
align-items: center;
padding: 8px 10px;
}
.rpress-add-button-hidden.order-online .rpress-section .rpress_fooditems_list div.rpress-thumbnail-holder,
.rpress-add-button-hidden.order-online .rpress-section .rpress_fooditems_list .rpress-thumbnail-holder img {
min-width: 84px;
min-height: 84px;
width: 84px;
height: 84px;
}
.rpress-add-button-hidden.order-online .rpress-section .rpress_fooditems_list h3.rpress_fooditem_title {
margin-bottom: 4px;
}
.rpress-add-button-hidden.order-online .rpress-section .rpress_fooditems_list .rpress_fooditem_inner .rpress_fooditem_excerpt p {
margin-top: 4px;
}
} @media only screen and (max-width: 768px) {
.order-online .rpress-section .rpress_fooditems_list,
.order-online .rpress-section .rpress-grid-main-wrap {
padding-left: 12px;
padding-right: 12px;
}
.order-online .rpress-section div.rpress_fooditems_list .rpress_fooditem {
margin: 4px 0;
border-radius: 10px;
}
.order-online .rpress-section .rpress_fooditems_list .rpress_fooditem_inner {
grid-template-columns: minmax(0, 1fr) 96px;
gap: 8px;
align-items: start;
padding: 10px;
}
.order-online .rpress-section .rpress_fooditems_list .rpress-list-view-image-wrapper {
gap: 4px;
}
.order-online .rpress-section .rpress_fooditems_list div.rpress-thumbnail-holder {
min-width: 84px;
min-height: 84px;
width: 84px;
}
.order-online .rpress-section .rpress_fooditems_list .rpress-thumbnail-holder img {
width: 84px;
height: 84px;
object-fit: cover;
border-radius: 8px;
}
.order-online .rpress-section .rpress_fooditems_list .vegbg,
.order-online .rpress-section .rpress_fooditems_list .non_vegbg,
.rpress-section .rpress_fooditems_list .vegbg,
.rpress-section .rpress_fooditems_list .non_vegbg {
width: 16px;
height: 16px;
border-width: 1.5px;
position: static;
left: auto;
right: auto;
margin: 0 0 8px;
}
.order-online .rpress-section .rpress_fooditems_list .veg_sub,
.order-online .rpress-section .rpress_fooditems_list .non_vegsub {
width: 8px;
height: 8px;
}
.order-online .rpress-section .rpress_fooditems_list h3.rpress_fooditem_title {
margin-top: 0;
margin-bottom: 4px;
line-height: 1.25;
padding-right: 6px;
}
.order-online .rpress-section .rpress_fooditems_list .rpress_fooditem_title .food-title {
font-size: 15px;
line-height: 1.25;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.order-online .rpress-section .rpress_fooditems_list .rpress-price-holder span.price {
font-size: 16px;
line-height: 1.2;
}
.order-online .rpress-section .rpress_fooditems_list .rpress_fooditem_inner .rpress_fooditem_excerpt p {
margin: 4px 0 0;
padding-right: 6px;
font-size: 12px;
line-height: 1.35;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.order-online .rpress-section .rpress_fooditems_list .rpress_purchase_submit_wrapper {
padding: 0;
margin: 0;
}
.order-online .rpress-section .rpress_fooditems_list .rpress_fooditem_buy_button {
padding: 0;
}
.order-online .rpress-section .rpress_fooditems_list .rpress_fooditem.rpress-list .rpress_purchase_submit_wrapper a.rpress-add-to-cart.button,
.order-online .rpress-section .rpress_fooditems_list .rpress_fooditem.rpress-list .rpress_purchase_submit_wrapper a.rpress-not-available {
height: 28px;
min-height: 28px;
padding: 0 10px;
border-radius: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 3px;
text-align: center;
line-height: 1;
}
.order-online .rpress-section .rpress_fooditems_list .rpress_purchase_submit_wrapper .rpress-add-to-cart-label {
font-size: 13px;
line-height: 1;
display: inline-flex;
align-items: center;
justify-content: center;
margin: 0;
}
.order-online .rpress-section .rpress_fooditems_list .rpress_purchase_submit_wrapper .add-icon {
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
} body:not(.rpress-add-button-hidden) .rpress-section .rpress_fooditems_list .rpress-list-view-image-wrapper {
position: relative;
display: block;
width: 84px;
}
body:not(.rpress-add-button-hidden) .rpress-section .rpress_fooditems_list .rpress_fooditem_buy_button {
position: absolute;
left: 50%;
right: auto;
bottom: -8px;
transform: translateX(-50%);
z-index: 3;
padding: 0;
width: auto;
}
body:not(.rpress-add-button-hidden) .rpress-section .rpress_fooditems_list .rpress_purchase_submit_wrapper {
padding: 0;
margin: 0;
}
} body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-item-row {
display: grid !important;
grid-template-columns: 56px minmax(0, 1fr) !important;
gap: 12px !important;
align-items: start !important;
padding: 14px 0 !important;
border-top: 1px solid #e8edf6 !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap tbody tr:first-child .rpress-checkout-item-row {
border-top: 0 !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-item-media {
width: 56px !important;
height: 56px !important;
border-radius: 8px !important;
overflow: hidden !important;
background: #f3f4f6 !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-item-media img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-item-content {
min-width: 0 !important;
text-align: left !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-item-mainline {
display: flex !important;
align-items: flex-start !important;
justify-content: space-between !important;
gap: 10px !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress_checkout_cart_item_title {
flex: 1 1 auto !important;
min-width: 0 !important;
max-width: none !important;
font-size: 16px !important;
line-height: 1.3 !important;
font-weight: 500 !important;
color: #404040 !important;
text-align: left !important;
justify-self: start !important;
margin: 0 !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-item-mainline > .cart-item-quantity-wrap {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
white-space: nowrap !important;
margin-left: auto !important;
text-align: right !important;
justify-self: end !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-item-mainline > .cart-item-quantity-wrap .rpress_checkout_cart_item_qty,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-item-mainline > .cart-item-quantity-wrap .rpress_checkout_cart_item_price {
font-size: 16px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
color: #28303f !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-addon-row {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
align-items: center !important;
gap: 8px !important;
padding: 6px 0 !important;
margin: 0 !important;
border: 0 !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-addon-row .rpress-cart-item-title {
font-size: 16px !important;
line-height: 1.35 !important;
font-weight: 500 !important;
color: #767676 !important;
text-align: left !important;
justify-self: start !important;
margin: 0 !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-addon-row .cart-item-quantity-wrap .rpress_checkout_cart_item_qty {
font-size: 16px !important;
line-height: 1.35 !important;
font-weight: 600 !important;
color: #28303f !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-addon-row .cart-item-quantity-wrap {
text-align: right !important;
justify-self: end !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-item-actions {
display: flex !important;
align-items: center !important;
gap: 8px !important;
margin: 8px 0 0 !important;
font-size: 14px !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-item-actions a {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 3px 14px !important;
border-radius: 100px !important;
text-decoration: none !important;
font-size: 14px !important;
line-height: 1.2 !important;
color: #28303f !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-item-actions .rpress-edit-from-cart {
background: #f6f6f6 !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-item-actions .rpress_cart_remove_item_btn,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-item-actions .rpress-remove-from-cart {
background: #e9efde !important;
color: #28303f !important;
text-decoration: none !important;
}
@media only screen and (max-width: 767px) {
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-item-row {
grid-template-columns: 48px minmax(0, 1fr) !important;
gap: 10px !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-item-media {
width: 48px !important;
height: 48px !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress_checkout_cart_item_title,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-item-mainline > .cart-item-quantity-wrap .rpress_checkout_cart_item_qty,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-item-mainline > .cart-item-quantity-wrap .rpress_checkout_cart_item_price {
font-size: 15px !important;
}
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-item-actions .rpress_cart_remove_item_btn,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-item-actions .rpress-remove-from-cart {
min-height: 28px !important;
border: 1px solid var(--rpress-theme-primary, #ED5575) !important;
background: var(--rpress-theme-primary, #ED5575) !important;
color: #ffffff !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-item-actions .rpress_cart_remove_item_btn:hover,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-item-actions .rpress-remove-from-cart:hover {
color: #ffffff !important;
opacity: 0.88;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-remove-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 14px;
height: 14px;
font-size: 18px;
font-weight: 700;
line-height: 1;
}
#rpress_purchase_submit.rp-submit-loading {
position: relative;
}
#rpress_purchase_submit .rp-purchase-loading {
position: absolute !important;
left: 50% !important;
top: 50% !important;
width: 24px;
height: 24px;
margin: -12px 0 0 -12px !important;
pointer-events: none;
z-index: 2;
}
#rpress_purchase_submit .rp-purchase-loading:after {
left: 0 !important;
right: 0 !important;
top: 0 !important;
bottom: 0 !important;
margin: 0 auto !important;
border-color: #ffffff transparent #ffffff transparent !important;
}
#rpress_purchase_submit .rp-purchase-button-loading {
color: transparent !important;
text-shadow: none !important;
} .rpress-section .rpress-cart-summary-area .rpress-cart-summary-list > li.rpress-cart-meta,
.rpress-section .rpress-sidebar-cart-wrap .rpress-cart-summary-area .rpress-cart-summary-list > li.rpress-cart-meta,
.rpress-section ul.rpress-cart > li.rpress-cart-meta {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 12px !important;
width: 100% !important;
clear: none !important;
overflow: visible !important;
padding-left: 0 !important;
}
.rpress-section .rpress-cart-summary-area .rpress-cart-summary-list > li.rpress-cart-meta > span:last-child,
.rpress-section .rpress-sidebar-cart-wrap .rpress-cart-summary-area .rpress-cart-summary-list > li.rpress-cart-meta > span:last-child,
.rpress-section ul.rpress-cart > li.rpress-cart-meta > span:last-child {
float: none !important;
margin-left: auto !important;
text-align: right !important;
white-space: nowrap !important;
}
.rpress-section .rpress-cart-summary-area .rpress_total .rpress-total-label,
.rpress-section ul.rpress-cart .rpress_total .rpress-total-label {
display: inline-flex !important;
align-items: baseline !important;
gap: 0 !important;
min-width: 0 !important;
}
.rpress-submit:not(.th-plain),
a.rpress-submit:not(.th-plain),
button.rpress-submit:not(.th-plain),
input[type="submit"].rpress-submit:not(.th-plain),
input[type="button"].rpress-submit:not(.th-plain),
#rpressModal .rpress-popup-actions .submit-fooditem-button:not(.th-plain),
.rpress-edit-address-popup .modal-footer button:not(.th-plain),
.rpress-edit-address-popup .rpress-editaddress-submit-btn:not(.th-plain),
.rpress-edit-address-popup .rpress-editaddress-cancel-btn:not(.th-plain),
.rpress-section .rpress_checkout a:not(.th-plain) {
text-decoration: none !important;
}
.rpress-submit,
a.rpress-submit,
button.rpress-submit,
input[type="submit"].rpress-submit,
input[type="button"].rpress-submit,
#rpressModal .rpress-popup-actions .submit-fooditem-button,
.rpress-edit-address-popup .modal-footer button,
.rpress-edit-address-popup .rpress-editaddress-submit-btn,
.rpress-edit-address-popup .rpress-editaddress-cancel-btn,
.rpress-section .rpress_checkout a {
transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease;
}
.rpress-submit.th-plain,
a.rpress-submit.th-plain,
button.rpress-submit.th-plain,
input[type="submit"].rpress-submit.th-plain,
input[type="button"].rpress-submit.th-plain,
#rpressModal .rpress-popup-actions .submit-fooditem-button.th-plain,
.rpress-edit-address-popup .modal-footer button.th-plain,
.rpress-edit-address-popup .rpress-editaddress-submit-btn.th-plain,
.rpress-edit-address-popup .rpress-editaddress-cancel-btn.th-plain,
.rpress-section .rpress_checkout a.th-plain {
background: transparent !important;
background-color: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
color: var(--rpress-theme-primary, #ED5575) !important;
height: auto !important;
line-height: 1.35 !important;
min-height: 0 !important;
min-width: 0 !important;
padding: 0 !important;
text-decoration: underline !important;
text-underline-offset: 2px;
text-transform: none !important;
width: auto !important;
}
#rpressModal .rpress-popup-actions .rpress-popup-submit-wrap {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
}
#rpressModal .rpress-popup-actions .submit-fooditem-button.th-plain {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
width: auto !important;
max-width: 100% !important;
margin-left: 0 !important;
padding: 0 !important;
min-height: 0 !important;
letter-spacing: 0 !important;
text-align: center !important;
text-transform: none !important;
white-space: nowrap !important;
}
#rpressModal .rpress-popup-actions .submit-fooditem-button.th-plain span.cart-action-text,
#rpressModal .rpress-popup-actions .submit-fooditem-button.th-plain span.cart-item-price {
color: inherit !important;
line-height: inherit !important;
text-decoration: inherit !important;
}
#rpressModal .rpress-popup-actions .submit-fooditem-button.th-plain span.cart-item-price {
position: static !important;
right: auto !important;
margin-left: 4px !important;
font-size: inherit !important;
white-space: nowrap !important;
}
.rpress-submit:not(.th-plain):hover,
.rpress-submit:not(.th-plain):focus,
a.rpress-submit:not(.th-plain):hover,
a.rpress-submit:not(.th-plain):focus,
button.rpress-submit:not(.th-plain):hover,
button.rpress-submit:not(.th-plain):focus,
input[type="submit"].rpress-submit:not(.th-plain):hover,
input[type="submit"].rpress-submit:not(.th-plain):focus,
input[type="button"].rpress-submit:not(.th-plain):hover,
input[type="button"].rpress-submit:not(.th-plain):focus,
#rpressModal .rpress-popup-actions .submit-fooditem-button:not(.th-plain):hover,
#rpressModal .rpress-popup-actions .submit-fooditem-button:not(.th-plain):focus,
.rpress-edit-address-popup .modal-footer button:not(.th-plain):hover,
.rpress-edit-address-popup .modal-footer button:not(.th-plain):focus,
.rpress-edit-address-popup .rpress-editaddress-submit-btn:not(.th-plain):hover,
.rpress-edit-address-popup .rpress-editaddress-submit-btn:not(.th-plain):focus,
.rpress-section .rpress_checkout a:not(.th-plain):hover,
.rpress-section .rpress_checkout a:not(.th-plain):focus {
background-color: var(--rpress-theme-primary-dark, #cf2e5d) !important;
border-color: var(--rpress-theme-primary-dark, #cf2e5d) !important;
color: var(--rpress-theme-primary-contrast, #fff) !important;
text-decoration: none !important;
}
.rpress-submit.th-plain:hover,
.rpress-submit.th-plain:focus,
a.rpress-submit.th-plain:hover,
a.rpress-submit.th-plain:focus,
button.rpress-submit.th-plain:hover,
button.rpress-submit.th-plain:focus,
input[type="submit"].rpress-submit.th-plain:hover,
input[type="submit"].rpress-submit.th-plain:focus,
input[type="button"].rpress-submit.th-plain:hover,
input[type="button"].rpress-submit.th-plain:focus,
#rpressModal .rpress-popup-actions .submit-fooditem-button.th-plain:hover,
#rpressModal .rpress-popup-actions .submit-fooditem-button.th-plain:focus,
.rpress-edit-address-popup .modal-footer button.th-plain:hover,
.rpress-edit-address-popup .modal-footer button.th-plain:focus,
.rpress-edit-address-popup .rpress-editaddress-submit-btn.th-plain:hover,
.rpress-edit-address-popup .rpress-editaddress-submit-btn.th-plain:focus,
.rpress-section .rpress_checkout a.th-plain:hover,
.rpress-section .rpress_checkout a.th-plain:focus {
background: transparent !important;
border-color: transparent !important;
color: var(--rpress-theme-primary-dark, #cf2e5d) !important;
text-decoration: underline !important;
}
body.rpress-checkout #rpress_checkout_form_wrap #rpress-discount-code-wrap.rpress-cart-adjustment {
width: 100% !important;
}
body.rpress-checkout #rpress_checkout_form_wrap #rpress-discount-code-wrap .rpress-discount-code-field-wrap {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
align-items: stretch !important;
gap: 10px !important;
width: 100% !important;
}
body.rpress-checkout #rpress_checkout_form_wrap #rpress-discount-code-wrap input#rpress-discount.rpress-input {
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
}
body.rpress-checkout #rpress_checkout_form_wrap #rpress-discount-code-wrap .rpress-apply-discount.rpress-submit:not(.th-plain) {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 124px !important;
min-height: 44px !important;
height: auto !important;
margin-left: 0 !important;
padding: 0 20px !important;
font-size: 16px !important;
line-height: 1.2 !important;
}
body.rpress-checkout #rpress_checkout_form_wrap #rpress-discount-code-wrap .rpress-apply-discount.rpress-submit.th-plain {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
align-self: center !important;
min-width: 92px !important;
min-height: 44px !important;
margin-left: 0 !important;
padding: 0 8px !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
color: var(--rpress-theme-primary, #ED5575) !important;
font-size: 16px !important;
line-height: 1.2 !important;
text-decoration: underline !important;
text-underline-offset: 2px !important;
width: auto !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_purchase_submit #rpress-purchase-button.th-plain,
body.rpress-checkout #rpress_checkout_wrap #rpress_purchase_submit input[type="submit"].rpress-submit.th-plain,
body.rpress-checkout #rpress_checkout_wrap a.rpress-checkout-cart.rpress-submit.th-plain {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
color: var(--rpress-theme-primary, #ED5575) !important;
text-decoration: underline !important;
text-underline-offset: 2px !important;
width: auto !important;
}
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-item-actions .rpress_cart_remove_item_btn.th-plain,
body.rpress-checkout #rpress_checkout_wrap #rpress_checkout_cart_wrap .rpress-checkout-item-actions .rpress-remove-from-cart.th-plain,
.rpress-section .rpress_checkout a.th-plain {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
color: var(--rpress-theme-primary, #ED5575) !important;
text-decoration: underline !important;
text-underline-offset: 2px !important;
}
@media only screen and (max-width: 600px) {
body.rpress-checkout #rpress_checkout_form_wrap #rpress-discount-code-wrap .rpress-discount-code-field-wrap {
grid-template-columns: minmax(0, 1fr) !important;
}
body.rpress-checkout #rpress_checkout_form_wrap #rpress-discount-code-wrap .rpress-apply-discount.rpress-submit:not(.th-plain) {
width: 100% !important;
}
}