.elementor-44 .elementor-element.elementor-element-a3ee33b{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.75;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:5%;--padding-bottom:5%;--padding-left:3%;--padding-right:3%;}.elementor-44 .elementor-element.elementor-element-a3ee33b:not(.elementor-motion-effects-element-type-background), .elementor-44 .elementor-element.elementor-element-a3ee33b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://chardonnaysrestaurant.com/wp-content/uploads/2026/09/imgi_5__original.jpg");background-position:center center;background-size:cover;}.elementor-44 .elementor-element.elementor-element-a3ee33b::before, .elementor-44 .elementor-element.elementor-element-a3ee33b > .elementor-background-video-container::before, .elementor-44 .elementor-element.elementor-element-a3ee33b > .e-con-inner > .elementor-background-video-container::before, .elementor-44 .elementor-element.elementor-element-a3ee33b > .elementor-background-slideshow::before, .elementor-44 .elementor-element.elementor-element-a3ee33b > .e-con-inner > .elementor-background-slideshow::before, .elementor-44 .elementor-element.elementor-element-a3ee33b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-44 .elementor-element.elementor-element-ff36c44{text-align:center;}.elementor-44 .elementor-element.elementor-element-ff36c44 .elementor-heading-title{font-family:"Noto Sans Telugu", Sans-serif;font-size:53px;font-weight:300;text-transform:uppercase;color:#000000;}.elementor-44 .elementor-element.elementor-element-7bdf6b3{padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-44 .elementor-element.elementor-element-a3ee33b{--content-width:1242px;}}@media(max-width:1024px){.elementor-44 .elementor-element.elementor-element-a3ee33b{--margin-top:13%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}}@media(max-width:767px){.elementor-44 .elementor-element.elementor-element-a3ee33b{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:26%;--padding-bottom:12%;--padding-left:0%;--padding-right:0%;}.elementor-44 .elementor-element.elementor-element-ff36c44 .elementor-heading-title{font-size:35px;}}/* Start custom CSS for container, class: .elementor-element-a3ee33b *//* =========================================================
   MENU PILLS — square outline buttons, fill on hover/active
   (replaces the old .df-menu-pill underline CSS)
========================================================= */
.df-menu-canvas .df-menu-pills{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:14px;
}

.df-menu-canvas button.df-menu-pill{
  position:relative;
  z-index:0;
  isolation:isolate;
  overflow:hidden;

  -webkit-appearance:none !important;
  appearance:none !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  min-height:44px !important;
  padding:0 26px !important;
  margin:0 !important;

  border:1px solid #111 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:#fff !important;
  color:#111 !important;

  font-family:"Noto Sans",sans-serif !important;
  font-size:14px !important;
  font-weight:600 !important;
  line-height:1 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  white-space:nowrap !important;

  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  transition:color .3s ease,border-color .3s ease !important;
}

/* the black fill that slides up */
.df-menu-canvas button.df-menu-pill::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:#111;
  transform:translateY(101%);
  transition:transform .35s cubic-bezier(.33,1,.68,1);
}

.df-menu-canvas button.df-menu-pill:hover,
.df-menu-canvas button.df-menu-pill:focus-visible{
  color:#fff !important;
  border-color:#111 !important;
  background:#fff !important;
}

.df-menu-canvas button.df-menu-pill:hover::before,
.df-menu-canvas button.df-menu-pill:focus-visible::before{
  transform:translateY(0);
}

/* selected tab stays filled */
.df-menu-canvas button.df-menu-pill.active,
.df-menu-canvas button.df-menu-pill[aria-selected="true"]{
  color:#fff !important;
  border-color:#111 !important;
}

.df-menu-canvas button.df-menu-pill.active::before,
.df-menu-canvas button.df-menu-pill[aria-selected="true"]::before{
  transform:translateY(0);
}

.df-menu-canvas button.df-menu-pill:focus-visible{
  outline:2px solid #111 !important;
  outline-offset:3px !important;
}

/* no leftover underline */
.df-menu-canvas button.df-menu-pill::after{
  display:none !important;
}

@media (max-width:767px){
  .df-menu-canvas .df-menu-pills{
    gap:10px;
  }

  .df-menu-canvas button.df-menu-pill{
    min-height:40px !important;
    padding:0 18px !important;
    font-size:12.5px !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .df-menu-canvas button.df-menu-pill,
  .df-menu-canvas button.df-menu-pill::before{
    transition:none !important;
  }
}/* End custom CSS */