/* Nav refresh (Sep 2026) - remove this block to revert */
#header{position:sticky;top:0;z-index:999;background:#fff;box-shadow:-28px 0 0 #fff,28px 0 0 #fff}
.admin-bar #header{top:32px}
.nav-menu:not(.mobile) .menu > li > .menu-item-wrapper > a{color:#333}
.nav-menu:not(.mobile) .menu > li.current-menu-item:not(.nav-order) > .menu-item-wrapper > a{color:#000;box-shadow:0 3px 0 #c6a445}
.nav-menu:not(.mobile) .menu > li.nav-order{margin-top:10px;margin-right:0;flex-shrink:0}
.nav-menu:not(.mobile) .menu > li.nav-order > .menu-item-wrapper > a{background:#c6a445;color:#000;padding:6px 16px;border-radius:3px;box-shadow:none;display:inline-block;width:auto}
.nav-menu:not(.mobile) .menu > li.nav-order > .menu-item-wrapper > a:hover{background:#b08f35;color:#000}
.nav-menu.mobile .menu li.nav-order a{color:#000;background:#c6a445}
@media only screen and (max-width:719px){
.admin-bar #header{top:0}
#wrapper{overflow:clip}
#header-top{position:relative}
#header .site-title{position:absolute;left:16px;top:0;width:auto;height:52px;padding:0;border:0;line-height:52px;z-index:5}
#header .site-title a{display:flex;align-items:center;height:52px}
#header .site-title a img{max-height:44px;width:auto}
}
.main-inner > .elementor{min-width:0}
html{scroll-padding-top:140px}
@media only screen and (max-width:719px){html{scroll-padding-top:60px}}
#order .elementor-heading-title a{color:inherit;text-decoration:underline}

/* Brand typography (Sep 2026) - matches merch/gift card. Remove this whole block to revert. */
body.custom-background{padding-top:0!important}
#header{background:#0b0b0b!important;box-shadow:-28px 0 0 #0b0b0b,28px 0 0 #0b0b0b!important;padding-top:14px!important}
#header-top{border-bottom:1px solid rgba(198,164,69,.6)!important}
#header .site-description{display:none!important}
.nav-menu:not(.mobile) .menu > li > .menu-item-wrapper > a{color:#fff!important;font-family:Oswald,sans-serif!important;font-weight:400!important;text-transform:uppercase;letter-spacing:.14em;font-size:clamp(14px,.35vw + 10.5px,16px)!important}
.nav-menu:not(.mobile) .menu > li > .menu-item-wrapper > a:hover,.nav-menu:not(.mobile) .menu > li > .menu-item-wrapper > a:focus-visible{color:#c6a445!important}
.nav-menu:not(.mobile) .menu > li.current-menu-item:not(.nav-order) > .menu-item-wrapper > a{color:#c6a445!important;box-shadow:0 2px 0 #c6a445!important}
.nav-menu:not(.mobile) .menu > li.nav-order > .menu-item-wrapper > a{background:#c6a445!important;color:#0b0b0b!important;border-radius:0!important;padding:7px 18px!important;font-weight:500!important}
.nav-menu:not(.mobile) .menu > li.nav-order > .menu-item-wrapper > a:hover{background:#fff!important;color:#0b0b0b!important}
#header .menu-toggle,#header #wrap-nav-mobile{background:#0b0b0b!important}
#header .menu-toggle-icon span{background:#fff!important}
.nav-menu.mobile .menu li a{font-family:Oswald,sans-serif!important;font-weight:500!important;text-transform:uppercase;letter-spacing:.12em;font-size:17px!important}
.nav-menu.mobile .menu li:not(.nav-order) a{color:#fff!important}
.nav-menu.mobile .menu li:not(.nav-order){border-bottom:1px solid rgba(255,255,255,.08)}
.nav-menu.mobile .menu li.current-menu-item:not(.nav-order) a{color:#c6a445!important}
/* Homepage hero */
.elementor-element-ae29782{background:#0b0b0b!important}
.elementor-element-fb130fb .elementor-heading-title,.elementor-element-561907f,.elementor-element-561907f *{background:linear-gradient(180deg,#e2c77a 0%,#c6a445 45%,#9c7a2c 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.elementor-element-d191a29 .elementor-heading-title{font-family:Oswald,sans-serif!important;font-weight:300!important;text-transform:uppercase;letter-spacing:.3em!important;color:#fff!important;font-size:clamp(15px,.8vw + 11.5px,22px)!important;line-height:1.7!important;text-wrap:balance}
.cpd-md{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;text-transform:none;letter-spacing:.04em;color:#c6a445;font-size:1.35em;font-weight:500}
.cpd-est{display:inline-flex;align-items:center;gap:14px;font-family:'Cormorant Garamond',Georgia,serif;color:#c6a445;letter-spacing:.3em;font-size:clamp(15px,.4vw + 12.5px,19px);font-weight:500;margin-top:6px}
.cpd-est:before,.cpd-est:after{content:'';width:48px;height:1px;background:#c6a445}
.elementor-element-188ca8a .elementor-button{background:transparent!important;color:#c6a445!important;border:1px solid #c6a445!important;border-radius:0!important;font-family:Oswald,sans-serif!important;letter-spacing:.24em!important;font-size:clamp(15px,.3vw + 13px,17px)!important}
.elementor-element-188ca8a .elementor-button:hover{background:#c6a445!important;color:#0b0b0b!important}
/* Order section buttons */
#order .elementor-button{background:transparent!important;color:#0b0b0b!important;border:1px solid #0b0b0b!important;border-radius:0!important;font-family:Oswald,sans-serif!important;text-transform:uppercase;letter-spacing:.18em!important;font-weight:400!important;font-size:16px!important;min-width:180px;min-height:44px}
#order .elementor-button:hover{background:#c6a445!important;border-color:#c6a445!important}
#order .elementor-heading-title{font-family:Roboto,sans-serif!important;font-weight:400!important}
/* Headings: no hairline weights or squeezed spacing */
.elementor-widget-heading:not(.elementor-element-fb130fb):not(.elementor-element-d191a29):not(.cpd-quote) .elementor-heading-title:not(#order *){font-family:Oswald,sans-serif!important;font-weight:500!important;letter-spacing:.04em!important}
/* Body text and menu items: readable, 16px minimum */
.elementor-widget-text-editor:not(.elementor-element-561907f),.elementor-widget-text-editor:not(.elementor-element-561907f) p{font-family:Roboto,sans-serif!important;font-weight:400!important;line-height:1.6}
.elementor-widget-text-editor:not(.elementor-element-561907f) p{font-size:max(16px,1em)}
.elementor-price-list-title{font-family:Oswald,sans-serif!important;font-weight:500!important;letter-spacing:.05em!important;font-size:clamp(16px,.25vw + 14px,18px)!important}
.elementor-price-list-price{font-family:Oswald,sans-serif!important;font-weight:500!important;font-size:clamp(16px,.25vw + 14px,18px)!important}
.elementor-price-list-description{font-family:Roboto,sans-serif!important;font-weight:400!important;font-size:clamp(16px,.2vw + 14.5px,17px)!important;line-height:1.55!important;color:#555!important}
@media only screen and (max-width:719px){
#header{padding-top:6px!important;border-bottom:1px solid rgba(198,164,69,.6)}
#header-top{border-bottom:0!important}
.elementor-element-ae29782{margin-top:0!important}
.elementor-element-d191a29 .elementor-heading-title{letter-spacing:.2em!important}
.cpd-est:before,.cpd-est:after{width:36px}
}

/* Section widths (Sep 2026) - backgrounds stay full width, content boxed at 1140px. Remove this whole block to revert */
:root{--cpd-w:1140px;--cpd-g:clamp(16px,3vw,24px)}
#header .container-inner,.elementor-page #page.container-inner,#footer .container-inner{max-width:calc(var(--cpd-w) + 80px)}
body .elementor-section:not([data-id="ae29782"]):not([data-id="e30297a"]):not([data-id="532c534d"]):not([data-id="328f5d01"]):not([data-id="8d14e58"]):not([data-id="1d3fbe8c"]):not([data-id="37a6ff61"]):not([data-id="d947e48"]):not(.elementor-inner-section) > .elementor-container{max-width:calc(var(--cpd-w) + 2 * var(--cpd-g))!important;width:100%;margin-left:auto;margin-right:auto;padding-left:var(--cpd-g);padding-right:var(--cpd-g);box-sizing:border-box}
body .elementor-widget-hubspot-form{max-width:var(--cpd-w);margin-left:auto;margin-right:auto}
@media (min-width:1025px){body .elementor-section:not([data-id="ae29782"]):not([data-id="e30297a"]):not([data-id="532c534d"]):not([data-id="328f5d01"]):not([data-id="8d14e58"]):not([data-id="1d3fbe8c"]):not([data-id="37a6ff61"]):not([data-id="d947e48"]):not(.elementor-inner-section){padding-left:0!important;padding-right:0!important}}
@media (max-width:767px){:root{--cpd-g:0px}body .elementor-section[data-id="c11881f"] > .elementor-container,body .elementor-section[data-id="5ef22e42"] > .elementor-container{padding-left:20px!important;padding-right:20px!important}}
/* end Section widths */
/* Star font fix (Sep 2026) - loads the Elementor icon font for logged-out visitors so review stars render. Remove this whole block to revert */

@font-face{font-family:eicons;src:url(https://countryplazadeli.com/wp-content/plugins/elementor/assets/lib/eicons/fonts/eicons.woff2?5.54.0) format(woff2),url(https://countryplazadeli.com/wp-content/plugins/elementor/assets/lib/eicons/fonts/eicons.woff?5.54.0) format(woff),url(https://countryplazadeli.com/wp-content/plugins/elementor/assets/lib/eicons/fonts/eicons.ttf?5.54.0) format(truetype);font-weight:400;font-style:normal;font-display:swap}

/* Mobile body text (Sep 2026) - on phones (767px and under) all paragraph/body text uses one style: Roboto 16px, regular 400, line-height 1.6. Bold/italic words keep their emphasis. Headings, buttons, menu item titles, photo captions, review names/dates, the logo text and the footer are not touched. Delete this block to undo. */
@media (max-width: 767px) {
  .elementor-widget-text-editor:not(.elementor-element-561907f) .elementor-widget-container,
  .elementor-widget-text-editor:not(.elementor-element-561907f) .elementor-widget-container :is(p, li, span, a, div, font),
  .elementor-price-list-description,
  .elementor-testimonial-content,
  .elementor-image-box-description,
  .elementor-icon-list-text,
  .elementor-cta__description,
  .cpd-quote,
  #order .elementor-element-f17b161 .elementor-heading-title {
    font-family: "Roboto", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    letter-spacing: normal !important;
  }
  .elementor-widget-text-editor:not(.elementor-element-561907f) :is(b, strong),
  #order .elementor-element-f17b161 :is(b, strong) {
    font-size: inherit !important;
    line-height: inherit !important;
    font-family: inherit !important;
    font-weight: 600 !important;
  }
  .elementor-widget-text-editor:not(.elementor-element-561907f) :is(em, i) {
    font-size: inherit !important;
    line-height: inherit !important;
    font-family: inherit !important;
  }
  .elementor-widget-text-editor:not(.elementor-element-561907f) .elementor-widget-container p {
    margin-bottom: 1em;
  }
  .elementor-widget-text-editor:not(.elementor-element-561907f) .elementor-widget-container p:last-child {
    margin-bottom: 0;
  }
}
/* end Mobile body text */

/* Order heading (Sep 2026) - the gold ORDER title at the top of the homepage order section uses the same Oswald style as the other section headings (the Brand typography block sets #order headings to Roboto for the text-your-order line). Delete this block to undo. */
#order .elementor-element-23ea76c .elementor-heading-title{font-family:Oswald,sans-serif!important;font-weight:500!important;letter-spacing:.04em!important}
/* end Order heading */

/* Site consistency (Sep 2026) - applies the mobile body-text standard (Roboto 16px, regular 400, line-height 1.6) to tablet/desktop body text, matches the two homepage hours blocks, fixes cramped thin call-to-action titles, evens out mixed text sizes inside one sentence, and loads the brand Oswald font on the News page. Delete this block to undo. */
@font-face{font-family:'Oswald';font-style:normal;font-weight:300 700;font-display:swap;src:url(https://fonts.gstatic.com/s/oswald/v57/TK3iWkUHHAIjg752GT8G.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.elementor-cta__title{font-weight:400!important;line-height:1.3!important}
@media (min-width:768px){
  .elementor-widget-text-editor:not(.elementor-element-561907f):not(.elementor-element-108ca171):not(.elementor-element-d3b72e1) .elementor-widget-container :is(p,li),
  .elementor-image-box-description,
  .elementor-testimonial-content,
  .elementor-cta__description{font-family:"Roboto",sans-serif!important;font-size:16px!important;font-weight:400!important;line-height:1.6!important}
  .elementor-widget-text-editor:not(.elementor-element-561907f) .elementor-widget-container p span{font-size:inherit!important;letter-spacing:inherit!important}
  .elementor-icon-list-text{font-family:"Roboto",sans-serif!important;font-size:16px!important;font-weight:400!important}
  .elementor-element-d3b72e1 .elementor-widget-container p{font-size:21px!important;line-height:1.6!important;margin-bottom:0}
  .elementor-element-76a1d16 .elementor-widget-container p{margin-bottom:1em}
  .elementor-element-76a1d16 .elementor-widget-container p:last-child{margin-bottom:0}
}
/* end Site consistency */

/* Button style (Sep 2026) - every site button uses the homepage Order button look: Oswald caps, thin dark outline, square corners, gold fill on hover. The hero LUNCH MENU button keeps its gold-on-black version; the HubSpot form is not touched. Delete this block to undo. */
body .elementor-widget-button:not(.elementor-element-188ca8a) .elementor-button,
body .elementor-cta__button{background:transparent!important;color:#0b0b0b!important;border:1px solid #0b0b0b!important;border-radius:0!important;box-shadow:none!important;font-family:Oswald,sans-serif!important;text-transform:uppercase!important;letter-spacing:.18em!important;font-weight:400!important;font-size:16px!important;line-height:1.2!important;min-height:44px;padding:12px 24px!important;display:inline-flex!important;align-items:center;justify-content:center;text-align:center}
body .elementor-widget-button:not(.elementor-element-188ca8a) .elementor-button:not([href^="#"]),
body .elementor-cta__button{min-width:180px}
body .elementor-widget-button:not(.elementor-element-188ca8a) .elementor-button *{font:inherit!important;letter-spacing:inherit!important;color:inherit!important;text-transform:inherit!important}
body .elementor-widget-button:not(.elementor-element-188ca8a) .elementor-button:hover,
body .elementor-cta__button:hover{background:#c6a445!important;border-color:#c6a445!important;color:#0b0b0b!important}
body .elementor-widget-button .elementor-button[href^="#"]{width:100%;padding:10px 8px!important;letter-spacing:.12em!important}
@media (min-width:768px){body .elementor-widget-button .elementor-button[href^="#"]{min-height:64px}}
/* end Button style */

/* Heading scale (Sep 2026) - consistent headings. Remove this block to revert. */

@media(min-width:768px){body .elementor-widget-heading:not(.elementor-element-fb130fb):not(.elementor-element-d191a29) .elementor-heading-title{font-size:40px!important;line-height:1.2!important}}@media(max-width:767px){body .elementor-widget-heading:not(.elementor-element-fb130fb):not(.elementor-element-d191a29) h1.elementor-heading-title,body .elementor-widget-heading:not(.elementor-element-fb130fb):not(.elementor-element-d191a29) h2.elementor-heading-title{font-size:32px!important;line-height:1.2!important}}@media(max-width:767px){body .elementor-widget-heading:not(.elementor-element-fb130fb):not(.elementor-element-d191a29) h3.elementor-heading-title{font-size:30px!important;line-height:1.22!important}body .elementor-widget-heading:not(.elementor-element-fb130fb):not(.elementor-element-d191a29) h4.elementor-heading-title{font-size:28px!important;line-height:1.25!important}}body.page-id-6161 .entry-title{font-family:Oswald,sans-serif!important;font-size:40px!important;text-transform:uppercase!important;letter-spacing:.04em!important}

body.page-id-6161 .entry-content h2{font-family:Oswald,sans-serif!important;font-size:34px!important;line-height:1.2!important}

body.page-id-6161 .entry-content h3{font-family:Oswald,sans-serif!important;font-size:26px!important;line-height:1.25!important}@media(max-width:767px){body.page-id-6161 .entry-title{font-size:32px!important}body.page-id-6161 .entry-content h2{font-size:28px!important}body.page-id-6161 .entry-content h3{font-size:24px!important}}

/* end Heading scale *//* Page title (Sep 2026) - make From the Deli's theme title match the deli's gold Oswald section titles; remove to revert. */

body.page-id-6161 .page-title h2{font-family:Oswald,sans-serif!important;font-size:40px!important;font-weight:500!important;text-transform:uppercase!important;letter-spacing:.04em!important;color:#b9963e!important;line-height:1.2!important}

@media(max-width:767px){body.page-id-6161 .page-title h2{font-size:32px!important}}

/* end Page title */



/* Salad bar button (Sep 2026) - white version of the site button style for the homepage salad-bar MENU button, which sits on a dark photo section. Delete these rules to revert. */ body .elementor-element-1efa105 .elementor-button{background:transparent!important;color:#fff!important;border:1px solid #fff!important} body .elementor-element-1efa105 .elementor-button:hover{background:#c6a445!important;border-color:#c6a445!important;color:#0b0b0b!important}

/* Sep 2026 - same rules again with a doubled class so they beat the shared Button style block, whose :not() selectors outrank a plain class. */ body .elementor-element-1efa105.elementor-element-1efa105 .elementor-button{background:transparent!important;color:#fff!important;border:1px solid #fff!important} body .elementor-element-1efa105.elementor-element-1efa105 .elementor-button:hover{background:#c6a445!important;border-color:#c6a445!important;color:#0b0b0b!important}