.elementor-kit-5{--e-global-color-primary:#8B1A1A;--e-global-color-secondary:#111111;--e-global-color-text:#4A4A4A;--e-global-color-accent:#C5783A;--e-global-color-a1b62c4:#8B1A1A;--e-global-color-dark001:#111111;--e-global-color-cream01:#F8F5F0;--e-global-color-gold001:#C5783A;--e-global-color-white01:#FFFFFF;--e-global-color-4864ea8:#99A1AF;--e-global-typography-5f725da-font-family:"Lato";--e-global-typography-5f725da-font-size:12px;--e-global-typography-5f725da-font-weight:600;--e-global-typography-5f725da-line-height:20px;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;line-height:1.7em;}.elementor-kit-5 h1{font-family:"Playfair Display", Sans-serif;font-size:52px;font-weight:700;}.elementor-kit-5 h2{font-family:"Playfair Display", Sans-serif;font-size:38px;font-weight:700;}.elementor-kit-5 h3{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:600;}.elementor-kit-5 h4{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;}.elementor-kit-5 h5{font-size:17px;}.elementor-kit-5 h6{font-size:14px;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{color:#FFFFFF;background-color:#8B1A1A;border-radius:4px 4px 4px 4px;padding:12px 28px 12px 28px;}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{background-color:#6B1212;}.elementor-kit-5 input:not([type="button"]):not([type="submit"]),.elementor-kit-5 textarea,.elementor-kit-5 .elementor-field-textual{background-color:#FFFFFF;border-radius:4px 4px 4px 4px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-5{font-size:15px;}.elementor-kit-5 h1{font-size:38px;}.elementor-kit-5 h2{font-size:30px;}.elementor-kit-5 h3{font-size:20px;}.elementor-kit-5 h4{font-size:18px;}.elementor-kit-5 h5{font-size:16px;}.elementor-kit-5 h6{font-size:13px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5{font-size:14px;}.elementor-kit-5 h1{font-size:30px;}.elementor-kit-5 h2{font-size:26px;}.elementor-kit-5 h3{font-size:18px;}.elementor-kit-5 h4{font-size:16px;}.elementor-kit-5 h5{font-size:15px;}.elementor-kit-5 h6{font-size:12px;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{padding:12px 20px 12px 20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --Red:#8B1A1A; --Brown:#C5783A; --Dark:#161616; --white:#fff; --full-width:100%; --Light-brown:#F8F5F0; }
/* Start custom CSS *//* =================================================
   ANNAPURNA GLOBAL CSS
   Rules here are ONLY for things Elementor cannot
   handle natively. Each rule is commented.
   Last updated: June 2026
   ================================================= */

/* WPCafe: Override default pink/yellow brand colours */
.wpc-food-menu-tab-nav li a:hover,
.wpc-food-menu-tab-nav li.wpc-food-tab-active a,
.wpc-food-menu-tab-nav li a.active {
  color: #C5783A !important;
  border-bottom-color: #C5783A !important;
  border-color: #C5783A !important;
  box-shadow: none !important;
  outline: none !important;
}
.wpc-food-menu-tab-nav li a {
  border-bottom: 2px solid transparent !important;
}
.wpc_food_price .wpc_price,
.wpc-price-badge,
.wpc_food_price,
.wpc-price {
  background-color: #C5783A !important;
  background: #C5783A !important;
  color: #FFFFFF !important;
  border-color: #C5783A !important;
}
.wpc_food_img:hover,
.wpc-food-item:hover,
.wpc_food_box:hover {
  border-color: #C5783A !important;
  box-shadow: 0 0 0 1px #C5783A !important;
}
.wpc-cart-button,
.wpc_add_to_cart,
.wpc-food-cart-btn {
  background-color: #C5783A !important;
  border-color: #C5783A !important;
}
.wpc-cart-button:hover,
.wpc_add_to_cart:hover {
  background-color: #8B1A1A !important;
  border-color: #8B1A1A !important;
}

/* WPCafe tab nav: horizontal scroll on tablet
   Cannot be set via Elementor widget settings */
@media (max-width: 1024px) {
  .wpc-food-menu-tab-nav,
  .wpc-food-menu-tab-nav ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }
  .wpc-food-menu-tab-nav::-webkit-scrollbar { display: none !important; }
  .wpc-food-menu-tab-nav li,
  .wpc-food-menu-tab-nav .nav-item { flex-shrink: 0 !important; }
}

/* WPCafe food grid: 1 column on mobile
   WPCafe does not expose a grid-template-columns Elementor control */
@media (max-width: 767px) {
  .wpc_food_items_wrapper { grid-template-columns: 1fr !important; }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .wpc_food_items_wrapper { grid-template-columns: 1fr 1fr !important; }
}

/* Contact e-0cb1df8 button: width now set to 100% in source. Rule removed. */

/* Footer/page CTA button groups: stack vertically on mobile
   .buttons-container is a named class used on e-div-block containers.
   This cannot be solved via Elementor widget settings (PRO element). */
@media (max-width: 767px) {
  .elementor .buttons-container {
    flex-direction: column !important;
    gap: 12px !important;
    align-items: stretch !important;
    width: 100% !important;
  }
  /* Ensure primary and secondary buttons fill their container on mobile */
  .elementor .buttons-container .primary-button,
  .elementor .buttons-container .secondary-button {
    width: 100% !important;
    justify-content: center !important;
    align-self: stretch !important;
    text-align: center !important;
  }
}
/* =================================================
   HERO IMAGE MARQUEE
   Vertical scrolling marquee for homepage hero.
   Scoped to .annapurna-marquee-wrapper and
   .annapurna-marquee-track only.
   ================================================= */

/* Wrapper: clips the scrolling track */
.annapurna-marquee-wrapper {
  overflow: hidden !important;
  height: 580px !important;
  border-radius: 16px !important;
  position: relative !important;
}

/* Track: the scrolling column of images */
.annapurna-marquee-track {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  animation: annapurnaMarqueeY 28s linear infinite !important;
  will-change: transform;
}

/* Pause on hover for accessibility */
.annapurna-marquee-wrapper:hover .annapurna-marquee-track {
  animation-play-state: paused !important;
}

/* The scroll keyframe: moves up by exactly 50% (half = the original set)
   so when first 4 images scroll off, the duplicate 4 take over seamlessly */
@keyframes annapurnaMarqueeY {
  0%   { transform: translateY(0); }
  100% { transform: translateY(-50%); }
}

/* Individual images in the marquee */
.annapurna-marquee-track .e-image {
  width: 100% !important;
  flex-shrink: 0 !important;
}
.annapurna-marquee-track .e-image img {
  width: 100% !important;
  height: 280px !important;
  object-fit: cover !important;
  border-radius: 12px !important;
  display: block !important;
}

/* Tablet: slightly shorter */
@media (max-width: 1024px) {
  .annapurna-marquee-wrapper { height: 460px !important; }
  .annapurna-marquee-track .e-image img { height: 220px !important; }
}

/* Mobile: hide the marquee column entirely
   (the right column is already hidden on mobile via Elementor responsive) */
@media (max-width: 767px) {
  .annapurna-marquee-wrapper { display: none !important; }
}/* End custom CSS */