/*
Theme Name: Twenty Twenty Child
Theme URI: https://wordpress.org/themes/twentytwenty/
Template: twentytwenty
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog,one-column,custom-background,custom-colors,custom-logo,custom-menu,editor-style,featured-images,footer-widgets,full-width-template,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,block-patterns,block-styles,wide-blocks,accessibility-ready
Version: 3.0.1775796711
Updated: 2026-04-10 04:51:51

*/


/* Common CSS Start */

.container {   max-width: 1840px;  margin: auto;  padding: 0px 30px; }
.cnt {  text-align: center;  }
h1, h2, h3, h4, h5, h6 {  margin-top: 0;  letter-spacing: 0.2px;  }
p {  margin-bottom: 0;   font-family: "Mona Sans", sans-serif;  }
.disp-flex {  display: flex;  align-items: center;  justify-content: space-between;  }
.col-left, .col-right {  width: 50%;  }
a {  text-decoration: none;  }
.main-heading span {  color: #e1ab60;  }
.main-heading {  font-family: "Baskervville", serif;  font-weight: 600;   font-size: 42px;      margin-bottom: 20px;     color: #050607; }
li {   list-style: none;   margin-left: 0;  }
.theme-btn {  margin-top: 30px; }
.wht {  color: #fff;  }
.col-left, .col-right {  width: 50%;  }
.desc, p {  color: #0f1f22;  line-height: 2;  font-size: 16px;  font-weight: 400;    letter-spacing: 0.3px;  }
.cky-btn.cky-btn-reject {
  color: #e1ab60 !important;
  border-color: #e1ab60 !important;
	background: #fff !important;
}

.cky-btn.cky-btn-accept {
  background: #e1ab60 !important;
  border: 1px solid #e1ab60 !important;
}
.cky-policy {
  color: #e1ab60 !important;
  text-decoration: none !important;
  font-weight: bold;
}
.subheading {  font-size: 18px;  color: #050607;  margin-bottom: 16px;   display: flex;  justify-content: center; 
	align-items: center;  gap: 12px;   text-align: center;     font-weight: 400 }

.subheading::before, .subheading::after {  content: "";  width: 6px;  height: 6px;  background: #d6a45c;  border-radius: 50%;  }
ul {    margin: 0;  }

.widget_text p, .widget_text ol, .widget_text ul, .widget_text dl, .widget_text dt, .widget-content .rssSummary {
    font-family: 'Mona Sans';     font-size: 16px;   }

body {  font-family: 'Mona Sans';   }
.primary-menu > li {  margin: 0;  }
ul.primary-menu {  margin: 0;   }
#site-footer a:focus, #site-footer a:hover {  text-decoration: none;  }
.primary-menu a:hover, .primary-menu a:focus, .primary-menu .current_page_ancestor {   text-decoration: none;  }
.sub-header {    min-height: 180px;    display: flex;    flex-direction: column;    align-items: center;  }
.sub-header p {     font-weight: 500;  }
.featured-banner {  position: relative;  background-size: cover !important;    padding: 80px 0;  overflow: hidden;  }
.featured-banner .container {  position: relative;  z-index: 2;  }
.featured-banner .heading p {  color: #fff;  font-size: 48px;      font-family: 'Baskervville';  }
.gld {  color: #d6a45c; }
#site-header {  border-top: solid 2px #d6a45c;  }
section {  padding: 5rem 0;  }
.featured-banner .heading p{  font-weight: 700; text-align: center;  padding: 12px 30px;  background: rgba(0,0,0,0.45);  border-radius: 12px;  backdrop-filter: blur(4px);  }
h3.term_hdg, h1.term_hdg, h2.term_hdg, h4.term_hdg, h5.term_hdg { 
  padding: 1.5rem 0;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  letter-spacing: 0px;
  margin: 0px;
}
.cookie-page li {
  color: #0f1f22;
  line-height: 2;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.3px;
}

body p {
    -webkit-text-size-adjust: none;
}

:root {
    --wp--preset--font-size--normal: 14px;
    --wp--preset--font-size--huge: 14px;
}

/* Common CSS END */




/* Toggle Menu CSS Start */

.modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a {  font-weight: 500;  color: #152238;  padding: 18px 20px;  font-size: 18px;  letter-spacing: 0.3px;  text-decoration: none;  display: inline-block;  position: relative;  transition: all 0.3s ease;  }

.modal-menu > li > a::after, .modal-menu > li > .ancestor-wrapper > a::after {  content: "";  position: absolute;  left: 0;
  bottom: 10px;  width: 0%;  height: 1px;  background: #d6a45c;  transition: 0.3s ease;  }

.modal-menu > li > a:hover::after, .modal-menu > li > .ancestor-wrapper > a:hover::after {  width: 100%; }
.modal-menu .current-menu-item > .ancestor-wrapper > a { color: #d6a45c; }
.custom-toggle {  display: none; }

@media (max-width: 1024px) {
  .custom-toggle {   display: flex;  }
}

/* Hide desktop menu on mobile */
@media (max-width: 1024px) {
	.primary-menu-wrapper {    display: none;  }
	
}

.hamb-menu {  position: relative;  width: 24px;  height: 20px;  }

.hamb-menu span {  position: absolute;  left: 0;  width: 100%;  height: 2px;  background: #3c4662;  border-radius: 2px;
	transition: all 0.3s ease;  }

.hamb-menu span:nth-child(1) { top: 0; }
.hamb-menu span:nth-child(2) { top: 50%; transform: translateY(-50%); }
.hamb-menu span:nth-child(3) { bottom: 0; }

.nav-toggle.active .hamb-menu span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
.nav-toggle.active .hamb-menu span:nth-child(2) {  opacity: 0; }
.nav-toggle.active .hamb-menu span:nth-child(3) {  transform: translateY(-8px) rotate(-45deg); }

svg.svg-icon {    display: none; }
span.toggle-text {    display: none; }
.header-inner .toggle {   z-index: 999;  }

.modal-menu a:focus, .modal-menu a:hover, .modal-menu li.current-menu-item > .ancestor-wrapper > a,
.modal-menu li.current_page_ancestor > .ancestor-wrapper > a {    text-decoration: none;  }

/* Toggle Menu CSS END */







/* Arrow To Top CSS Start  */

.back-to-top {  position: fixed;  bottom: 90px;  right: 24px;  height: 44px;  width: 44px;  border-radius: 50%;  background: #ffffff;  color: #000000;  font-size: 22px;  text-decoration: none;  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
  border: 1px solid #000;  display: flex;  align-items: center;  justify-content: center;  z-index: 999;    opacity: 0;  pointer-events: none;  transform: translateY(10px) scale(0.9);  transition:
    opacity 0.3s ease,    transform 0.3s ease,    background 0.3s ease,    color 0.3s ease,    box-shadow 0.3s ease;  }

/* Visible state */
.back-to-top.show {  opacity: 1;  pointer-events: auto;  transform: translateY(0) scale(1); }

/* Hover interaction */
.back-to-top:hover {  background: #000000;  color: #ffffff;  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35);   transform: translateY(-3px) scale(1.05); }

/* Arrow To Top CSS END  */




/* Button Animation CSS Start */

.theme-btn .cfs-hyperlink {  display: inline-block;  background: #d6a45c;  color: #fff;  padding: 16px 40px;  font-size: 14px;
  text-decoration: none;  letter-spacing: 0.5px;  border-radius: 2px;  position: relative;  overflow: hidden;  font-weight: 500;  }
.theme-btn .cfs-hyperlink span { font-weight: 500; }
.theme-btn .cfs-hyperlink::after {  content: "";  position: absolute;  top: 0;  left: -120%;  width: 50%;  height: 100%;
  background: linear-gradient(    120deg,    transparent,    rgba(255,255,255,0.35),    transparent  );
  transform: skewX(-20deg);  }

.theme-btn .cfs-hyperlink:hover::after {  animation: shineSweep 0.9s ease forwards;  }
@keyframes shineSweep {  from {    left: -120%;   }  to {    left: 130%;   }  }
.theme-btn .cfs-hyperlink:hover {  transform: translateY(-1px);  }

/* Button Animation CSS END */





/* Error Mess CSS Start */

.wpcf7 form .wpcf7-response-output {    margin: 30px 0 0;    padding: 16px 20px;    border-radius: 12px;    font-size: 14px;
    line-height: 1.6;    font-weight: 500;    letter-spacing: 0.3px;    border: none;    position: relative;    overflow: hidden;    
    background: rgba(255,255,255,0.6);    backdrop-filter: blur(8px);        transition: all 0.4s ease;   }

.wpcf7 form .wpcf7-response-output::before {    content: "";    position: absolute;    left: 0;    top: 0;    bottom: 0;
    width: 4px;    border-radius: 12px 0 0 12px;  }

.wpcf7 form.sent .wpcf7-response-output {    color: #1f5133;    background: rgba(46, 125, 50, 0.08);  }
.wpcf7 form.sent .wpcf7-response-output::before {   background: #2e7d32;  }

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {    color: #7a4b00;    background: rgba(214, 164, 92, 0.12);   }

.wpcf7 form.invalid .wpcf7-response-output::before, .wpcf7 form.unaccepted .wpcf7-response-output::before,
.wpcf7 form.payment-required .wpcf7-response-output::before {    background: #d6a45c;  }

.wpcf7 form.submitting .wpcf7-response-output {   opacity: 0.6; }
.wpcf7 form .wpcf7-response-output {    transform: translateY(10px);     opacity: 0;  }

.wpcf7 form.sent .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    transform: translateY(0);    opacity: 1;  }

/* Error Mess CSS END */





/* Header CSS Start */

.header-inner {  display: flex;  align-items: center;  justify-content: space-between;  padding: 15px 40px;  }
.header-inner.section-inner {  max-width: 1840px;  margin: auto;  padding: 12px 30px;  }
.site-logo img {  width: 70px;  height: auto;   object-fit: contain;   }
.header-navigation-wrapper {  display: flex;  align-items: center;  gap: 20px;  width: 60%;  }
.primary-menu {  display: flex;  align-items: center;  gap: 30px;  list-style: none;  margin: 0;  padding: 0;  }

.primary-menu li a {  font-size: 16px;  color: #050607 !important;  text-decoration: none;  font-weight: 500; 
	letter-spacing: 0.5px;  position: relative;  }

.primary-menu li a::after {  content: "";  position: absolute;  left: 0;  bottom: -6px;  width: 0%;  height: 2px;
  background: #d6a45c;   transition: 0.3s ease; }

.primary-menu li a:hover::after, .primary-menu .current-menu-item a::after {  width: 100%;  }
.primary-menu li.current-menu-item > a, .primary-menu li.current-menu-item > .link-icon-wrapper > a {  text-decoration: none; }
.nav-toggle {  display: none;  }

.res-btn, .onl-btn {  padding: 10px 22px;  font-size: 14px;  letter-spacing: 0.5px;  text-decoration: none;  position: relative;
  overflow: hidden;  display: inline-block;  transition: all 0.3s ease;     font-weight: 600; }

.res-btn {  border: 1px solid #d6a45c;  color: #222;  background: transparent;  }
.onl-btn {  background: #d6a45c;  color: #fff;  }

.res-btn::after, .onl-btn::after {  content: "";  position: absolute;  top: 0;  left: -120%;  width: 50%;  height: 100%;
  background: linear-gradient(    120deg,    transparent,    rgba(255,255,255,0.35),    transparent  );  transform: skewX(-20deg); }

.res-btn:hover::after, .onl-btn:hover::after {  animation: shineSweep 0.9s ease forwards;  }
.res-btn:hover {  background: #d6a45c;  color: #fff; }
.onl-btn:hover {  background: #c3924f;  }
.res-btn:hover, .onl-btn:hover {  transform: translateY(-1px); }

@keyframes shineSweep {
  from { left: -120%; }
  to { left: 130%; }
}

.top-btns {
    column-gap: 11px;
}
.top-right {   display: flex;    align-items: center;    justify-content:   flex-end;    gap: 12px;  width: 40%;    }
.top-right .t-left, .top-right .t-right {  display: flex;   align-items: center; }
.res-btn, .onl-btn {  display: inline-flex;  align-items: center;     justify-content: center;  height: 45px;    padding: 0 20px;   }

#site-header{  position: sticky;  top: 0;  left: 0;  width: 100%;  z-index: 9999;  background: #fff;  transition: all 0.3s ease;  box-shadow: 0 4px 20px rgba(0,0,0,0.06); }
#site-header .header-inner{  display: flex;  align-items: center;  justify-content: space-between;  }
body{  margin: 0; }

button, button:focus, button:active, button:hover {   outline: none !important;   box-shadow: none !important; }

/* Header CSS END */





/* Slider Section CSS Start */

section.slider {  padding: 0;  }
.hero-sec {  position: relative;  height: 90vh;  overflow: hidden;  display: flex;  align-items: center;  justify-content: center;  }

.hero-bg {  position: absolute;  inset: 0;
  background: url("https://mamaspot.nl/wp-content/uploads/2026/05/mama-banner.webp") center/cover no-repeat;
  transform: scale(1.1);  animation: heroZoom 12s ease forwards;   z-index: 0;  }

.hero-sec::after {  content: "";  position: absolute;  inset: 0;  background: linear-gradient(    to right,
    rgba(0,0,0,0.65),    rgba(0,0,0,0.3)  );    z-index: 1;  }

.hero-content {  position: relative;  z-index: 2;  text-align: center;  color: #fff;  max-width: 800px;  opacity: 0;
  transform: translateY(30px);  animation: fadeUp 1.5s ease forwards;   animation-delay: 0.6s;  }

.hero-content h1 {  font-size: 64px;  font-weight: 500;  line-height: 1.2;  margin-bottom: 20px;  font-family: 'Baskervville';  }
.hero-content p {  font-size: 16px;  line-height: 1.9;  opacity: 0.9;    margin-bottom: 30px; color: #fff; }

.hero-btn {  display: inline-block;  padding: 14px 30px;  border: 1px solid #d6a45c;  color: #fff;  text-decoration: none;
  font-size: 13px;  letter-spacing: 1px;  position: relative;  overflow: hidden;  transition: all 0.3s ease;  }

.hero-btn::after {  content: "";  position: absolute;  top: 0;  left: -120%;  width: 50%;  height: 100%;  background: linear-gradient(
    120deg,    transparent,    rgba(255,255,255,0.35),    transparent  );  transform: skewX(-20deg);  }

.hero-btn:hover::after {  animation: shineSweep 0.9s ease forwards;  }
.hero-btn:hover {  background: #d6a45c;  transform: translateY(-1px);  }

.hero-social {  position: absolute;  right: 30px;  top: 50%;  transform: translateY(-50%);  z-index: 2;  display: flex;
  flex-direction: column;  gap: 15px;  }

.hero-social a {  width: 40px;  height: 40px;  border: 1px solid rgba(255,255,255,0.4);  display: flex;  align-items: center;
  justify-content: center;  border-radius: 50%;  color: #fff;  font-size: 14px;  transition: 0.3s;  }

.hero-social a:hover {  background: #d6a45c;  border-color: #d6a45c;  }

@keyframes heroZoom {
  from {
    transform: scale(1.1);
  }
  to {
    transform: scale(1);
  }
}

@keyframes fadeUp {
  to {    opacity: 1;    transform: translateY(0);  }
}
.site-logo.faux-heading {
    margin-left: 0;
}


/* Slider Section CSS END */

.wpml-ls-legacy-list-horizontal {    padding: 0;}



/* About Us Section CSS Start */

.home-abt .main-heading {  max-width: 52%;  }
.home-abt .desc {   max-width: 60%;   margin: auto;  }
.home-abt .subheading.cnt {   max-width: 100%;  }

/* About Us Section CSS END */





/* Reservation Section CSS Start */

.home-res {  background: url(https://mamaspot.nl/wp-content/uploads/2026/05/reservation-image.webp) center/cover no-repeat;
  min-height: 700px;  display: flex;  align-items: flex-end;  position: relative;  overflow: hidden;     background-size: cover !important; }

.home-res::after {  content: "";  position: absolute;  inset: 0;  z-index: 1;  }

.home-res::before {  content: "";  position: absolute;  top: 0;  left: -120%;  width: 50%;  height: 100%;
	background: linear-gradient(    120deg,    transparent,    rgba(255,255,255,0.08),    transparent  );  z-index: 2;
	transition: 1.8s ease;  }

.home-res .container {  position: relative;  z-index: 3;  }
.home-res .disp-flex {  margin-bottom: 0;  width: 100%;  }
.home-res .subheading {  text-align: left;  color: #fff;  display: flex;  justify-content: flex-start;     font-family: "Poppins", sans-serif; }
.home-res .main-heading {  margin-bottom: 0;  max-width: 50%;  text-align: left;  margin-left: 0;  font-weight: 600;  color: #fff;    font-size: 69px; }

.home-res .desc {     text-align: right;
    color: #fff;
    line-height: 1.7;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    max-width: 83%;
    margin-left: auto;}
.home-res .theme-btn {  display: flex;  justify-content: flex-end;  }

.home-res .theme-btn a {  display: inline-block;  background: #d6a45c;  color: #fff;  padding: 14px 32px;
  font-size: 14px;  text-decoration: none;  border-radius: 2px;  position: relative;   overflow: hidden;  }

.home-res .theme-btn a::after {  content: "";  position: absolute;  top: 0;  left: -120%;  width: 60%;  height: 100%;
  background: linear-gradient(    120deg,    transparent,    rgba(255,255,255,0.4),    transparent  );  transition: 0.6s;  }

.home-res:hover::before {  left: 120%; }
.home-res .theme-btn a:hover::after {  left: 120%; }

.home-res {  background-size: 105%;  transition: background-size 6s ease;  }
.home-res:hover {  background-size: 110%; }

/* Reservation Section CSS END */






/* Services Section CSS Start */

.home-sec3 {  padding: 0;  }
.home-sec3 .container {  max-width: 100%;   padding: 0; }
.home-sec3 .container {  display: flex;     align-items: stretch; }

.home-sec3 .col-left, .home-sec3 .col-right {  width: 50%;  position: relative;  overflow: hidden;      min-height: 610px;    }
.home-sec3 .box-img img {  width: 100%;    object-fit: cover;  display: block;  transform: scale(1.06);
  transition: transform 5s ease; height:100% }
.box-img {
    height: 100%;
}
.home-sec3 .col-left::after, .home-sec3 .col-right::after {  content: "";  position: absolute;  inset: 0;  
	background: linear-gradient(    to right,    rgba(0,0,0,0.6) 0%,    rgba(0,0,0,0.35) 45%,    rgba(0,0,0,0.1) 100%  );
    z-index: 1;   }

.home-sec3 .col-left::before, .home-sec3 .col-right::before {  content: "";  position: absolute;  top: 0;  left: -120%;
  width: 60%;  height: 100%;  background: linear-gradient(    120deg,    transparent,    rgba(255,255,255,0.08),    transparent  );
  z-index: 2;  transition: 1.8s ease;  }

.home-sec3 .box-content {  position: absolute;  bottom: 70px;  left: 66px;  z-index: 3;  color: #fff;  max-width: 420px;
  opacity: 1;  transform: translateY(0);  transition: transform 0.6s ease, opacity 0.6s ease; }

.home-sec3 .box-content p {  font-size: 40px;  font-weight: 600;  margin-bottom: 10px;  letter-spacing: 0.5px; 
	font-family: "Baskervville", serif;      color: #fff;       line-height: 1.4;   }

.home-sec3 .box-content h3 {   font-size: 16px;    margin-bottom: 25px;    font-weight: 300; font-family: "Poppins", sans-serif;  color:#ffffffc9;  }

.home-sec3 .theme-btn a {  display: inline-block;  background: #d6a45c;  color: #fff;  padding: 14px 32px;
  font-size: 14px;  text-decoration: none;  border-radius: 2px;  position: relative;  overflow: hidden;  }

.home-sec3 .theme-btn a::after {  content: "";  position: absolute;  top: 0;  left: -120%;
  width: 60%;  height: 100%;  background: linear-gradient(    120deg,    transparent,    rgba(255,255,255,0.4),
	  transparent  );  transition: 0.6s;  }

.home-sec3 .col-left:hover img, .home-sec3 .col-right:hover img {  transform: scale(1.12); }
.home-sec3 .col-left:hover::before, .home-sec3 .col-right:hover::before {  left: 120%;  }
.home-sec3 .col-left:hover .box-content, .home-sec3 .col-right:hover .box-content {  transform: translateY(-6px); }
.home-sec3 .cfs-hyperlink:hover::after {  left: 120%;  }

/* Services Section CSS END */





/* Marquee Section CSS Start */

.lux-marquee {  overflow: hidden;  white-space: nowrap;  padding: 30px 0;   background: #fff;  }
.marquee-track {  display: inline-flex;  align-items: center;  gap: 40px;  animation: marqueeMove 25s linear infinite;  }
.marquee-track .dot {  width: 8px;  height: 8px;  background: #d6a45c;  border-radius: 50%;  display: inline-block;  }

.marquee-track span {  font-size: 60px;  font-weight: 600;  color: transparent;  -webkit-text-stroke: 1px rgba(0,0,0,0.15);
  text-transform: uppercase;  letter-spacing: 2px;  }

@keyframes marqueeMove {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

.marquee-track {  animation: marqueeMove 40s linear infinite;  }
.lux-marquee:hover .marquee-track {  animation-play-state: paused;  }

/* Marquee Section CSS END */




/* Menu Section CSS Start */

.menu-dish-item .top {    display: flex;    align-items: center;     position: relative;
    padding-bottom: 8px; }
.menu-dish-item .top span:first-child {    font-weight: 600;    font-size: 16px;    color: #1a1a1a;    white-space: nowrap; }
.menu-dish-item .top span:last-child {    font-weight: 600;    color: #c9a36b;    margin-left: auto;    white-space: nowrap;    font-family: 'Baskervville';
    font-size: 22px; }
.menu-dish-item .top::after { 
    content: "";     border-bottom: 1px solid #ffd28d;
    width: 40%;    position: absolute;    bottom: 0;    left: 0;  }
.menu-section {     padding: 0px 0;  background: url('imgs/menu-waves.png') ,linear-gradient(180deg, #f8f5ef 0%, #f1ebe1 100%);}
.menu-home {    gap: 30px;  align-items: stretch;   display: flex;  }
.menu-left, .menu-right {   flex: 1;  }
.sub-title {    color: #c9a36b;    font-size: 14px;    letter-spacing: 1.4px;        font-weight: 500;  margin-bottom: 10px;  }

.title {  font-size: 46px;   margin-bottom: 25px;   font-family: 'Baskervville';   font-weight: 600;   color: #1a1a1a; 
	line-height: 1.2;     margin-left: 0;  }

.menu-title {    font-size: 18px;    margin: 0;    color: #333;     font-family: 'Baskervville'; }
.tabs {    display: flex;    gap: 12px;    margin-bottom: 35px;  flex-wrap: wrap;  }

.tab {    padding: 10px 22px;    border-radius: 30px;    background: rgba(0,0,0,0.04);    cursor: pointer;
    font-family: 'Baskervville';    transition: all 0.3s ease;   color: #101010;     text-transform: capitalize;  text-decoration: none;}

.tab:hover {    background: rgba(201,163,107,0.2); text-decoration: none;  }
.tab.active {    background: #c9a36b;    color: #fff;    box-shadow: 0 5px 15px rgba(201,163,107,0.3); text-decoration: none; }

.menu-dish {    background: #fff;    padding: 16px 20px;    border-radius: 14px;    margin-bottom: 18px;    transition: all 0.4s ease;
    border: 1px solid rgba(0,0,0,0.04);    box-shadow: 0 10px 25px rgba(0,0,0,0.04);  }

.menu-dish:hover {    transform: translateY(-4px);    box-shadow: 0 20px 40px rgba(0,0,0,0.08);  }
.menu-dish-item p {    margin-top: 8px;    font-size: 14px;    color: #050607;    line-height: 1.6;  }
.menu-dish-item .top span:first-child {    order: 1; }
.menu-dish-item .top::after {    order: 2; }
.menu-dish-item .top span:last-child {    order: 3;   margin-left: auto; }

.menu-right {  display: flex; }
.menu-home .menu-left {    display: flex;    flex-direction: column;    justify-content: center;    align-items: flex-start; }
.menu-items {   width: 100%; }

.menu-home {    display: flex;         align-items: stretch; }
.menu-left {  width: 50%;  padding: 60px 60px 60px 0px;  }
.menu-right {  width: 50%;  margin-right: calc(-50vw + 50%);  }
.menu-section {   overflow-x: hidden;  }
.menu-right {   }
.menu-right img {  width: 100%;  height: 100%;  object-fit: cover;  display: block;  height:680px; }
#menuImage {
  opacity: 1;
     transform: translateX(0);
     
    transition: 0.2s linear;
}

#menuImage.fade-out {
  opacity: 0;  transform: translateX(20px);
}
/* Menu Section CSS END */






/* Gallery Section CSS Start */

.gallery-marquee .main-heading {   margin-bottom: 40px;  }
.gallery-marquee {  overflow: hidden;  }
.gallery-track {  display: flex;  animation: scrollGallery 40s linear infinite;  gap: 30px;  }
.gallery-track .img {    height: 560px;  overflow: hidden;  flex-shrink: 0;  }
.gallery-track img {  width: 100%;  height: 100%;  object-fit: cover;  }

@keyframes scrollGallery {
  to { transform: translateX(-50%); }
}
.owl-item {    display: inline-block;    vertical-align: middle;  }

/* Gallery Section CSS END */







/* Footer CSS Start */

#site-footer {  background: #e1ab60;    padding-top: 4em;  }
#site-footer .container {   display: flex;   gap: 40px; }
ul.social-icons li {  margin: 0; }
.footer-sec-four {  width: 25%; }
.footer-sec-four h3 {   color: #fff;    font-size: 25px;    font-family: 'Baskervville';    letter-spacing: 1.2px;   font-weight: 700; }
.fooeter-copyright .disp-flex {   display: flex;   justify-content: center;  }
.fooeter-copyright {   border-top: 1px solid #edcda0;   padding: 20px 0px;    margin-top: 50px;  color: #fff;   font-size: 16px;  }
.footer-sec-four.first {  width: 40%;    border-right: 1px solid #edcda0;    padding-right: 30px;   margin-right: 30px;   }
#site-footer {  padding-bottom: 0; }

	.second .menu {   display: flex;    flex-wrap: wrap;  }
	.second .menu li {   width: 48%;  }

.main-footer .menu-links-container ul li a { color: #fff; font-size: 16px; transition: color 0.3s ease; font-weight: 300; }
.main-footer .menu-links-container ul li a:hover { color: #d6a45c; }
.main-footer .menu-links-container ul li { margin-bottom: 10px; font-weight: 400; }
.addres li,.addres li a {  color: #fff;   display: flex;    align-items: flex-start;  font-weight: 300;  }
.addres li i {  padding-top: 5px;   margin-right: 16px;     font-size: 16px;   }
.widget_text p {   color: #fff;  }
.fourth .textwidget {  display: flex;  flex-direction: column;  gap: 10px;  margin-top: -2px;  }
.social-icons a {  background-color: #e4b472 !important;     border-radius: 20%;    }
ul.social-icons {  gap: 18px;  margin-left: 0px; }
#site-footer a  {   color: #fff;   }
.fooeter-copyright p {  color: #fff;   text-align: center;   }
.main-footer .menu-links-container ul li { position: relative;   padding-left: 18px;  }

.main-footer .menu-links-container ul li::before {  content: "›";    position: absolute;    left: 0;    top: 50%;   
	transform: translateY(-50%);    color: #fff;   font-size: 20px;   font-weight: 400;   }

.main-footer .menu-links-container ul li::before {  transition: transform 0.3s ease;  }
.main-footer .menu-links-container ul li:hover::before { transform: translateY(-50%) translateX(4px);  }

.main-footer .footer-sec-four.fourth p {  position: relative;  padding-left: 18px;   }

.main-footer .footer-sec-four.fourth p::before {  content: "›";  position: absolute;  left: 0;  top: 22%;
  transform: translateY(-50%);  color: #fff;  font-size: 20px;  font-weight: 400;  transition: transform 0.3s ease;  }

.main-footer .footer-sec-four.fourth p:hover::before {  transform: translateY(-50%) translateX(4px);  }
.footer-top-hidden #site-footer {   margin: 0;  }

.footer-sec-four .menu a {  color: #bbb;  text-decoration: none;  position: relative;  transition: all 0.3s ease;  }
.footer-sec-four .menu .current-menu-item > a, .footer-sec-four .menu .current_page_item > a {  color: #d6a45c; }

.footer-sec-four .menu a::after {  content: "";  position: absolute;  left: 0;  bottom: -2px;  width: 0%;  height: 2px;
  background: #fff;  transition: 0.3s ease;  }

.footer-sec-four .menu .current-menu-item > a::after, .footer-sec-four .menu .current_page_item > a::after {   width: 100%;  }
span.our-link {  font-weight: 500;  }

/* Footer CSS END */






/* Contact Page CSS Start */

.cont-top { padding: 0;  }
.cont-top .container {flex-direction: row-reverse;    max-width: 100%;    padding: 0;    position: relative;}
.col-left-cont, .col-right-cont {    width: 48%;  }
.cont-top  .col-left-cont {     padding:6em 4em;}
.cont-top   p.c-info{    max-width: 75%;    margin-bottom: 30px;    line-height: 1.6;}
.col-right-cont img {    width: 50%;    height: 100%;    object-fit: cover;    position: absolute;    left: 0;    top: 0;  }
.cont-top  .subheading{justify-content: flex-start;    margin-bottom: 5px;}
.cont-top  .main-heading { margin-bottom:10px;}
.cont-top p.desc {    color: rgba(255, 255, 255, 0.7);  }
.cont-top .bg-clr {  display: flex;  gap: 60px;  flex-direction: column;  }

.col-right-cont {     background: #fff;    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.05);
    padding: 60px 40px;     border-radius: 20px; }

.con-addres {  list-style: none;  padding: 0;  margin: 0;   margin-top: 30px;  }

.con-addres li {  position: relative;  padding-left: 28px;  margin-bottom: 15px;   color: #0f1f22;    line-height: 2;
    font-size: 16px;    font-weight: 300;    letter-spacing: 0.3px;  }

.con-addres li i {  position: absolute;  left: 0;  top: 8px;  color: #d6a45c;  }
.con-addres a {  color: #0f1f22;  text-decoration: none;  }
.con-addres a:hover {  color: #d6a45c;  }
.form_row p {  margin-bottom: 0;  }

.wpcf7 span input, .wpcf7 textarea {  width: 100%;  padding: 20px 16px;  border: 1px solid rgba(0,0,0,0.1);  background: #fafafa;
  font-size: 14px;  transition: all 0.3s ease;     border-radius: 8px;   }

.wpcf7 input:focus, .wpcf7 textarea:focus {  border-color: #d6a45c;  background: #fff;  outline: none;  }
.wpcf7 textarea {       height: auto;  resize: none;  }

.wpcf7-submit {  background: #d6a45c;  color: #fff;  padding: 14px 30px;  border: none;  font-size: 14px;  letter-spacing: 0.5px;
  cursor: pointer;  transition: all 0.3s ease;  }

.wpcf7-submit:hover {  background: #c3924f;  }
.contact-form {    display: flex;    flex-wrap: wrap;    gap: 15px;    justify-content: space-between;  }
.col-full {    width: 100%;  }
.col-half {    width: 49%;  }
.form-col.half {  width:48%;  }
.contact-form.form-grid br {  display: none; }
.form-col.full.btnn .theme-btn {  margin-top: 0;   text-align: left;  }
.cont-top .form-col.full.btnn p {  display: flex;   align-items: flex-start;  }
.cont-mid {       background: #f9f3e5;    padding-top: 3em;    padding: 3em 0 1.5em;  }
.cont-mid  .subheading{    justify-content: flex-start;    margin-bottom: 5px; }
.cont-mid .disp-flex {    }
.cont-mid p.desc {     max-width: 36%;     line-height: 1.6;   }
.cont-mid  .main-heading { margin-bottom:10px;}

.contact-grid {     display: flex;    justify-content: space-between;    gap: 60px;    margin-top: 20px; }
.contact-col {     text-align: center;    position: relative;    padding: 0;    display: flex;    column-gap: 19px;    align-items: center;
    justify-content: flex-start;    width: 24%;   }

.contact-col:not(:last-child)::after {  content: "";  position: absolute;  right: 0;  top: 10%;
  height: 80%;  width: 1px;  background: rgba(255,255,255,0.15);   }

.contact-col .icon {     display: block;    color: #d6a45c;     margin-bottom: 0;     width: 80px;    height: 80px;    margin: 0; }
.contact-col .icon i {    font-size: 37px;    margin-top: 19px;  }
.contact-col h4 {   font-size: 16px;    font-weight: 600;    margin-bottom: 2px;    color: #050607;    text-align: left;    font-family: "Poppins", sans-serif;  }
.contact-col p {  color: #555;    line-height: 1.5;    font-size: 14px;    text-align: left; }
.contact-col a {  color: #555;   text-decoration: none;  }
.contact-col a:hover {  color: #d6a45c; }
.contact-col strong { color: #555;  font-weight: 500;  }
.contact-col .highlight {  color: #d6a45c;  }

.cont-mid .disp-flex { display: flex;   align-items: stretch; }
.cont-mid .col-left, .cont-mid .col-right {  width: 50%; }
.cont-mid .col-right {  display: flex;  }
.cont-mid .col-right iframe {  width: 100%;  height: 100%;  border: 0;    display: block;  border-radius: 10px;  }
section.cont-ifrmae  {   padding: 0;  }
section.cont-ifrmae  iframe {      filter: grayscale(0.5);   }

/* Contact Page CSS END */






/* Working-With-Us Page CSS Start */
.work-topp {   padding-bottom: 0;   position: relative;  }
.features {    display: flex;    gap: 40px;    flex-wrap: wrap;     justify-content: space-between;     margin-top: 30px;  }
.feature-box {  display: flex;   align-items: center;   gap: 20px;        width: 48%;  }
.feature-content h3 {  font-size: 14px;    font-weight: 500;    margin-bottom: 5px;    color: #010101;    font-family: 'Poppins', serif;  }
.feature-content p {       font-size: 13px;    line-height: 1.6;    margin: 0;    max-width: 80%;    font-family: 'Poppins', serif; } 
.work-topp .col-top {  display: flex;   gap: 30px;  }
.col-top .main-heading {    width: 48%;     margin-left: 0;  }
.col-top .desc {  width: 48%;  }

.why-choose {  padding-top: 10rem;  }

.work-topp .disp-flex {    display: flex;    align-items: flex-start;        }
.work-topp .col-left {    width: 10%;    flex: auto;; }
.work-topp .col-left img:first-child {  width: 26%;    display: block;    max-height: 530px;    object-fit: cover;    border: 0;    left: 0;    position: absolute;   }
.work-topp .col-right {  padding-top: 8rem;      width: 48%;    flex: auto;    text-align: left;}
.abt-info .subheading {    justify-content: flex-start;    margin-bottom: 10px;}
.abt-info-full {    margin: 40px 0; }
.abt-info-full p {    color: #7a7a7a;    font-size: 14px;       line-height: 1.6;    color: #0f1f22;  }
.col-btm {   display: flex;    justify-content: space-between;    align-items: center;    gap: 20px;      width: 100%;  }
.col-btm img {     max-width: 100%;    height: auto;     object-fit: cover;       max-height: 550px;  }
.col-btm img:last-child {   max-height: 400px;  }
.col-mid {  width: 100%;  }
.mrq-2 span {  color: #00373d;  }

.opening-hours {   margin-top: 8rem;   margin-left: 20rem;    padding-top: 10px;  }
.oh-title {  color: #ffffff;  font-size: 16px;  margin-bottom: 30px;  }
.oh-row {  display: flex;  gap: 10px;  font-size: 14px;  margin-bottom: 6px; }
.oh-row span:first-child {  color: #fff;   min-width: 110px;  }
.oh-row span:last-child {  color: rgba(255,255,255,0.8);  }
.oh-row:last-child span:last-child {  color: #d6a45c;    font-weight: 600;  }


.work-top {  overflow-x: hidden;  }
.work-top .rgt-img {  max-width: none;    max-height: 700px;  }

.work-top .disp-flex {  display: flex;     align-items: flex-end;   }
.work-top .col-left {  width: 50%;      margin-bottom: 30px;  }
.work-top .col-right {  width: 50%;   margin-right: calc(-50vw + 50%); }
.work-top .rgt-img {  width: 100%;  height: 100%;  min-height: 500px;  object-fit: cover;   display: block;  }

.work-top .form-row {   max-width: 94%;  }

.abt-sec2 .row:first-child {  display: flex;  align-items: center;  }
.sec2-left {  width: 25%;    }
.abt-sec2  img {  width: 100%;  height: 100%;  object-fit: cover;  display: block;  }
.sec2-right {  width: 25%;    }

.work-top:first-of-type {  text-align: center;  background: #f8f6f2;  }
.work-top:first-of-type p {  max-width: 800px;  margin: 0 auto;  font-size: 18px;  line-height: 1.8;  color: #555;  }

.sec2-center {      width: 49%;    text-align: center;    padding: 6em 1em; }
.sec2-center  p {   font-size: 14px;    line-height: 1.7;  }
.sec2-center  .subheading {    font-size: 14px;    color: #00000096;  }
.sec2-center .subheading:before,.sec2-center .subheading:after {    background: #00000096;  }
.sec2-center .main-heading {    font-size: 30px; color: #fff;  }
.work-form {   margin: 0 auto;   }

.work-top .wpcf7 span input, .work-top .wpcf7 textarea {  border: 1px solid rgb(255 255 255 / 20%);   background: #ffffff17; color: #fff; }

.work-top {  background: #00373d;    }
.work-top .main-heading {   color: #fff;  }
.form-row br {  display: none;  }
.form-row {    display: flex;    gap: 20px;    margin-bottom: 20px;    flex-wrap: wrap;    justify-content: space-between;  }
.form-col {    width: 48%;  }
.form-col.full {   width: 100%; }
.col-left, .col-right {  flex: 1; }
.col-full {  width: 100%;  margin-bottom: 20px; }
.form-col.full input.wpcf7-submit {  width: fit-content;  text-align: center;  display: flex; justify-content: center;  padding: 14px 36px; }
.form-col.full.btnn p {    display: flex;    flex-direction: column;    }
.sec2-right p {  color: #f7f7f7; }
.work-form .wpcf7 form.invalid .wpcf7-response-output {   color: #fff;   margin-bottom: 50px;   }
.work-form .form-col label {   color: #cacaca;  }

.work-form input, .work-form textarea {  width: 100%;  padding: 14px;  border: 1px solid #ddd;  border-radius: 6px;  font-size: 14px;
  transition: 0.3s ease; }

.work-form input:focus, .work-form textarea:focus {  border-color: #c8a96a;   outline: none; }

.wpcf7-submit {  background: #c8a96a;  color: #fff;  padding: 14px 30px;  border: none;  border-radius: 4px;  cursor: pointer;
  transition: 0.3s;  }

.wpcf7-submit:hover {  background: #b89555;  }
.sec2-left img {    }

.abt-sec2 .col-left {  width: 20%;  font-weight: 600;  color: #c8a96a;  }
.abt-sec2 .col-right {  width: 30%;  margin-bottom: 20px;  color: #444;  }

.form-col.btnn {  text-align: center; }
.form-col.btnn p {  margin: 0; }
.form-col.btnn .theme-btn {  display: inline-block;  }

.form-col.btnn .theme-btn .cfs-hyperlink {  transition: transform 0.3s ease;  }

.form-col.btnn .theme-btn .cfs-hyperlink::after {  content: "";  position: absolute;  top: 0;  left: -120%;
  width: 50%;  height: 100%;  background: linear-gradient(    120deg,    transparent,    rgba(255,255,255,0.35),
    transparent  );  transform: skewX(-20deg);  }

.form-col.btnn .theme-btn .cfs-hyperlink:hover::after {  animation: shineSweep 0.9s ease forwards;  }
.form-col.btnn .theme-btn .cfs-hyperlink:hover {  transform: translateY(-1px);  }

@keyframes shineSweep {
  from { left: -120%; }
  to { left: 130%; }
}

.intl-tel-input.separate-dial-code .selected-dial-code {    color: #fff; }
.wrk_slect {  display: flex;  gap: 20px;  margin-top: 10px; }
.wrk_slect .wpcf7-list-item {  margin: 0; }
.wrk_slect label {  display: flex;  align-items: center;  cursor: pointer;  gap: 8px;  font-size: 14px;   color: #000; }

.wrk_slect input[type="radio"] {  appearance: none;  -webkit-appearance: none;  width: 16px;  height: 16px;  border: 1px solid #999;
  border-radius: 50%;  position: relative;  cursor: pointer;  transition: all 0.3s ease;  }

.wrk_slect input[type="radio"]::before {  content: "";  position: absolute;  inset: 3px;
  border-radius: 50%;  background: #C7B299;  opacity: 0;  transform: scale(0.5);  transition: 0.3s ease;  }

.wrk_slect input[type="radio"]:checked {  border-color: #C7B299;  }
.wrk_slect input[type="radio"]:checked::before {  opacity: 1;   transform: scale(1); }
.wrk_slect .wpcf7-list-item-label {  color: #fff; }
.wrk_slect label:hover input[type="radio"] {   border-color: #C7B299;  }
.wpcf7-form-control-wrap {  width: 100%;  }

.col-btm {    display: flex;    gap: 40px;    align-items: center; }
.img-box {    position: relative;   width: 42%;  } 
.img-box img {    width: 100%;     display: block; }
.circle-badge {    position: absolute;    top: 30px;    right: -118px;    }
.circle-badge svg {    width: 100%;    height: 100%;    transform: rotate(-20deg);  }
.circle-badge text {      fill: #dcdcdc;  }

.center-logo {    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);        width: 65px;
    height: 65px;    border-radius: 50%;    background: #fff;    display: flex;    align-items: center;    justify-content: center;
    font-size: 16px;    font-weight: 600;    color: #111;  }

.circle-badge svg {    width: 100%;    height: 100%;    animation: rotateBadge 20s linear infinite;  }

@keyframes rotateBadge {
    from {  transform: rotate(0deg);    }
    to {    transform: rotate(360deg);  }
}

.circle-badge {    width: 240px;    height: 240px; }
.circle-badge text {    font-size: 13px;    letter-spacing: 3px; }
.center-logo {    width: 90px;    height: 90px;     font-size: 22px;  }
.services {    display: flex;    justify-content: flex-start;    gap: 30px;    flex-wrap: wrap;  }
.service-box {   width: 23%;   }
.icon {    width: 100px;    height: 100px;      border: 2px solid #d6a45c;    border-radius: 50%;    display: flex;    align-items: center;
    justify-content: center;    margin: 0 auto 20px;  }
.service-box  .icon { border:0;    margin: 0;  justify-content: flex-start;}
.service-box  img {     filter: brightness(0.5);}
.icon img {    width: 45px;    height: 45px;    object-fit: contain; }
.service-box h3 {   font-size: 18px;      margin-bottom: 10px;    font-weight: 600;     font-family: "Baskervville", serif; }
.service-box p {           margin: 0 auto;    line-height: 1.6;    font-size: 14px;  }
.why-boxs {  margin-top: 10px;  }
.why-choose {}
.abt-sec2 {  background:#e1ab60 ; padding:0;}
.abt-sec2 .disp-flex {       align-items: stretch; padding:0; max-width:100%;}
.sec2-left {   position: relative;   }
.sec2-left .img-box {    overflow: hidden;     width: 62%;  }
.sec2-left .img-main img {    width: 100%;    height: auto;    display: block;    border-radius: 4px;}  

.sec2-left .img-overlay {    position: absolute;    right: 62px;    top: 50%;    transform: translateY(-50%);    width: 45%;
    z-index: 2;    max-height: 400px;  }

.sec2-left .img-overlay img {    width: 100%;    height: auto;    display: block;    border-radius: 4px;   
	box-shadow: 0 20px 50px rgba(0,0,0,0.25);  }

.booking-box {    padding: 20px 0px 10px 0px;    border-top: solid 1px #0000000a;    margin-top: 20px;  }
.booking-label {    color:#00000096;    font-size: 16px;    margin-bottom: 10px;  }
.booking-number a {    color: #0b0b0b;    font-size: 48px;    font-weight: 600;    text-decoration: none;     letter-spacing: 1px;  }

.sec2-center .theme-btn {    margin-top: 0px; }
.sec2-center .theme-btn .cfs-hyperlink {  border: 1px solid #fff;  }
.sec2-center     .cfs-hyperlink span {    font-weight: 600;   color: #ffffffe8; }

.vid-sec {    background: url(https://mamaspot.nl/wp-content/uploads/2026/04/reservation-background.jpg);    min-height: 360px;
    background-repeat: no-repeat;    background-size: cover;    position: relative;  }

.vid-sec p {   color: #f7f7f7;  }
.vid-sec::before {   content: "";    position: absolute;    inset: 0;    background: rgba(0, 0, 0, 0.6);   z-index: 1;  }
.vid-sec .container {    position: relative;   z-index: 2;   max-width: 100%;    margin: 0;    width: 100%; }
.vid-sec {  display: flex;  align-items: center;  }
.vod-left {width: 58%;  }
.vid-right {   width: 20%; }
.vid-right  a{  position:relative;  }
.vid-right a i {    font-size: 30px;    position: absolute;    left: 0;    right: 0;    margin: auto;    text-align: center;    transition: 0.2s linear;    top: 32%;
       border-radius: 100px;    width: 60px;    height: 60px;    line-height: 55px; color:#e1ab60; box-shadow: 0 0 0 rgba(204,169,44, 0.4);  animation: pulse 2s infinite;    border: solid 3px;  }

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 20px rgba(204,169,44, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 20px rgba(204,169,44, 0);
      box-shadow: 0 0 0 20px rgba(204,169,44, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
      box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}
.page-template-working-with-us #site-footer { border:0;}

/* Working-With-Us Page CSS END */






/* Menu page CSS Start */
.menu-container.disp-flex {    align-items: stretch;  }
.section-menu .menu-left {    width: 50%;    padding: 0;    background: #1a1a1a;    display: flex;    align-items: center;    justify-content: center;  }
.section-menu .menu-right {    width: 50%;    margin-right: calc(-50vw + 50%);  }
.menu-sec .main-heading {   text-align: center;    color: #191919;   margin-bottom:15px;   }
.menu-sec p.desc{  text-align: center;  }

section.section-menu .container {  position: relative;  display: flex;  justify-content: space-between;    flex-wrap: wrap;
    align-items: stretch;    flex-direction: column-reverse;  }

.resturent-name .container {  display: flex!important;    justify-content: space-between;	flex-direction:row !important;  }
.section-menu-odd .resturent-name .container {  display: flex!important;  justify-content: space-between; flex-direction:row !important;  }
.resturent-name img {  width: 100%;  height: 280px;  object-fit: cover;  }
.section-menu .column-right, .section-menu .column-left {  width: 100% !important;   display: flex;  flex-direction: column;  }

.section-menu .column-left {   }
.widget-container {  background-color: #fff;    position: relative;  padding: 20px;   width: 100%;  }

.section-menu h4.heading-title, .section-menu h2.heading-title {    color: #fff;       
    text-align: center;    font-size: 48px;    margin-bottom: 15px;     font-family: "Baskervville", serif;   }

.section-menu ul.menu-item-left, .section-menu ul.menu-item-right { width: 100%;  display: flex;  flex-wrap: wrap;
	justify-content: flex-start;   column-gap: 5%;     row-gap: 20px; }

.section-menu ul li {    width: 47%;      padding-bottom: 0;    margin:0 ;  }
.section-menu .menu-content {  display: flex;    align-items: flex-start;    flex-wrap: wrap;    flex-grow: 1;  margin-bottom: 5px;  }

.section-menu .menu-title {    display: inline-flex;    align-items: center;    flex-basis: 100%;    font-size: 17px;
    font-weight: 600;    margin-bottom: 5px;    justify-content: space-between;        }

.section-menu .menu-title h4, .section-menu .menu-title h3 {   color: #010101;    padding: 0;    font-size: 16px;    line-height: 24px;   max-width: 80%;    margin: 0;    }

.section-menu span.dot {     background: #e5e5e5;    height: 1px;      width: 35%;  }
.section-menu span.price {    font-weight: 600;    font-size: 15px;    color: #d6a45c;    font-family: "Mona Sans", sans-serif; min-width: 50px;    float: right;    text-align: right;  }

p.en_desc, p.du_desc {font-size: 13px;margin: 0;display: block;width: 100%;line-height: 1.5;color: #555;}
p.du_desc {  color: #d6a45c;   margin-top: 5px; }
.section-menu .resturent-name { height: 100%;  margin-bottom: 0;  position: relative;  }
.section-menu-odd .widget-container {    left: 0;  }
.section-menu-odd .container{flex-direction:column !important;}
.section-menu-odd  .column-left{     order: 1; }
.section-menu-odd .column-right {     order: 2; }
.section-menu-odd .column-left {    order: 1;	padding-right:0;  }
.section-menu {  padding: 0;    overflow: hidden;  }
.widget-container {       padding: 60px;    }
.section-menu .menu-heading.container {    flex-direction: column;    text-align: center;  z-index: 1;   }
.menu-page-section {padding-bottom: 60px;background: #f8f6f2;  }
.resturent-name .container {    padding: 0;}
.menu-left p.en_desc, .menu-left p.du_desc {  font-size: 15px;    max-width: 80%;    margin: auto;    line-height: 1.4;    color: #ffffffd1;    font-style: italic;  }
.menu-left p.du_desc {    color: #fff;	margin-top: 5px; }
.section-menu2 .menu-container.disp-flex {  flex-direction: row-reverse;  }

.section-menu .menu-left::after {    content: "";    position: absolute;    left: 0;    top: 0;    width: 100%;    height: 100%;
    background-color: rgba(9, 22, 29, .4);    z-index: 0;  }

.section-menu.section-top-veg .menu-left {  background:url(https://mamaspot.nl/wp-content/uploads/2026/05/menu-sec-1.jpg);   }
.section-menu.section-menu2 .menu-left { background:url(https://mamaspot.nl/wp-content/uploads/2026/05/main-dish.jpg); }
.section-menu.section-menu3 .menu-left { background:url(https://mamaspot.nl/wp-content/uploads/2026/05/nigerian-stew.jpg);  }

.section-menu.section-menu4 .menu-left { background:url(https://mamaspot.nl/wp-content/uploads/2026/05/nigerian-bread.jpg);}
.section-menu.section-menu5 .menu-left { background:url(https://mamaspot.nl/wp-content/uploads/2026/05/snacks.jpg);    background-position: 50% 58%;   }
.section-menu.section-menu6 .menu-left { background:url(https://mamaspot.nl/wp-content/uploads/2026/05/catering-image.jpg);}
.section-menu.section-menu7 .menu-left { background:url(https://mamaspot.nl/wp-content/uploads/2026/05/menu-sec-1.jpg);}
.section-menu.section-menu8 .menu-left { background:url(https://mamaspot.nl/wp-content/uploads/2026/05/dessert.jpg);}
.section-menu.section-menu9 .menu-left { background:url(https://mamaspot.nl/wp-content/uploads/2026/05/mama-banner.webp);}
.section-menu.section-menu10 .menu-left { background:url(https://mamaspot.nl/wp-content/uploads/2026/05/coffee.jpg);  background-position: 50% 28%;  }
.section-menu .menu-left {  background-repeat: no-repeat !important;  width: 100%;  background-size: cover !important;   position: relative;  }

@media only screen and (max-width: 768px) {
	
.section-menu ul li {  width: 46%;  }
.widget-container { padding: 20px 10px;  }
section.section-menu .container { padding: 0;  margin: 0 auto;  width: 95%;  }
	
}

/* Menu page CSS END */





/* Gallery Page CSS Start */

.gallery-page-section .desc {    margin-bottom: 50px;  }
.gallery-page-section .container {   width: 100%;   max-width: 100%;  padding: 0;  }
.gallery-page-section .envira-gallery-item-inner {    position: relative;    overflow: hidden;  }
.gallery-page-section .envira-gallery-link {   display: block;  }

.gallery-page-section .envira-gallery-item-inner img.envira-gallery-image {    width: 100% !important;    height: 100% !important;
    object-fit: cover;    transition: transform 0.8s ease, filter 0.5s ease !important;  }

.gallery-page-section .envira-gallery-item-inner:hover img.envira-gallery-image {    transform: scale(1.12) !important;
	filter: brightness(0.85) !important;  }

.gallery-page-section .envira-gallery-item-inner::before {    content: "↗";    position: absolute;    top: 50%;    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);    color: #fff;    font-size: 22px;    opacity: 0;    z-index: 2;
    transition: all 0.4s ease;    pointer-events: none;  }

.gallery-page-section .envira-gallery-item-inner:hover::before {    opacity: 1;    transform: translate(-50%, -50%) scale(1);  }
.gallery-page-section .envira-gallery-position-overlay {    display: none !important;  }
.gallery-page-section .envira-gallery-item-inner::before, .gallery-page-section .envira-gallery-item-inner::after { pointer-events: none;  }

/* Gallery Page CSS END */




/* Reservation page */

.res-title-left {    width: 60%;  }
.res-title-right {    width: 30%;    text-align: right;  }
.res-title-right .subheading {    justify-content: right;    margin-bottom: 0;    font-weight: 500; }
.res-title-right .open-timing {    font-size: 14px;    line-height: normal;}
.res-title-left .subheading {    justify-content: start;    margin-bottom: 0;    font-size: 14px;    color: #0f1f22;  }
.res-title-left p {    line-height: normal;    font-size: 14px;    color: #7a7a7a;  }
.res-title-left  .main-heading {    margin-bottom: 3px;}
.rese-box {    margin-top: 50px;}

/* Reservation Page CSS END */




/* Private Events Page CSS Start */


	.page-template-private-events .disp-flex {   gap: 40px;  }
	.event-top {  background: #f7f4ed;  }
	.event-top .subheading, .event-2 .subheading {  text-align: left;   display: flex;   justify-content: flex-start; }
	.event-top img {  max-height: 500px;   width: 100%;  object-fit: cover;   border-radius: 14px;  }		
	
	.event-2 {  background: #f7f4ed; }
	.event-2 img {  max-height: 500px;   width: 100%;  object-fit: cover;   border-radius: 14px;  }
	.chip {     padding: 6px 16px;    border: 1px solid #e1ab60;    font-size: 14px;    letter-spacing: 0.1em;    text-transform: uppercase;  }
	.menu-chips {  display: flex;  gap: 30px;  margin-top: 20px;     flex-wrap: wrap;  }

	.event-3 .disp-flex{  display:flex;  flex-direction:column;  align-items:center;  text-align:center;  }	
	.event-3 .offer-grid{  width:100%;  display:grid;  grid-template-columns:repeat(3,1fr);  gap:30px; }
	.event-3 .offer-card{ background:#fff;  padding:45px 38px;  border-radius:28px;  position:relative;  text-align:left;  border:1px solid rgba(0,0,0,.06);  transition:.4s ease;  overflow:hidden; }
	.event-3 .offer-card:hover{  transform:translateY(-10px);  box-shadow:0 25px 60px rgba(0,0,0,.08);  }
	.event-3 .offer-card::before{  content:""; position:absolute;  top:0;  left:0;  width:100%;  height:5px;  background: linear-gradient(90deg, #e1ab60, #f2d08f);  }
	.event-3 .offer-num{ font-size:30px;  line-height:1;  font-weight:700;  color:rgba(182,124,34,.12);  margin-bottom:25px;  }
	.event-3 .offer-title{  font-size:28px;  line-height:1.3;  font-weight:600;     margin-bottom:14px;  }
	.event-3 .col-top {    width: 100%; }
	.event-3 .col-top .main-heading {    width: 100%;    margin-bottom: 0;  }

	.event-4{  background:#111;  position:relative;  overflow:hidden; }
	.event-4 .container{	margin:auto;   position:relative;   z-index:2; }
	.event-4 .disp-flex {   display: flex;     align-items: center;   flex-direction: column; margin-top: 20px; }
	.event-4 .desc{  font-size:18px;  line-height:1.9;  color:rgba(255,255,255,.72);  margin:0; width: 100%;      text-align: center;  }
	.event-4 .col-btm{	  width:100%;} 
	.event-4 .contact-details {   display: flex;    gap: 24px;    justify-content: center;      width: 100%;    margin-top: 20px; }
	.event-4 .contact-item{  background:rgba(255,255,255,.05);  border:1px solid rgba(255,255,255,.08);  border-radius:26px;  padding:25px;  width:100%;
	  transition:    transform .35s ease,    background .35s ease,     border-color .35s ease;  }
	.event-4 .contact-item:hover{  transform:translateY(-6px);  border-color:rgba(217,164,65,.45);  background:rgba(255,255,255,.07);  }
	.event-4 .contact-label{  font-size:14px;  font-weight:600;  text-transform:uppercase;  letter-spacing:1px; color: #e1ab60;  margin-bottom:14px; }
	.event-4 .contact-value{  font-size:18px;  line-height:1.5;  font-weight:600;  color:#fff; }
	.event-4 .contact-value a{  color:#fff;  text-decoration:none;  transition:.3s; }
	.event-4 .contact-value a:hover{  color:#d9a441; }
	.event-4 .main-heading {    width: 100%;    text-align: center;     color: #fff;  }
	.event-4 .subheading {   color: #fff; }
	.event-4 .col-btm p.desc {   display: none;  }
.catering-bot-form .contact-details {
  display: flex;
  gap: 24px;
  justify-content: center;
  width: 100%;
  flex-direction: column;
  margin-top: 20px;
}

/* Private Events Page CSS END */




/* Catering Page CSS Start */

	.page-template-catering .disp-flex {   gap: 40px;  }
	.catering-top .subheading, .event-2 .subheading {  text-align: left;   display: flex;   justify-content: flex-start; }
	.catering-top img {  max-height: 500px;   width: 100%;  object-fit: cover;   border-radius: 14px;  }	
	.catering-top .main-heading {  font-size: 70px; }
	.cater-2 {  background: #f7f4ed; }
	.cater-2 .desc.cnt {  max-width: 900px;   margin: auto;  }

	.cater-3 .disp-flex {  display: flex;   flex-direction: column;  }
	.cater-3 .col-top {    width: 100%;    display: flex;    justify-content: space-between;     align-items: center;  }
	.cater-3 .subheading {    display: flex;    justify-content: flex-start;  }
	.cater-3 .col-right .desc {    text-align: right;    float: right;  }
	.col-btm{ width:100%; }
	.dishes-grid{  display: grid;  gap:30px;  width: 100%;  justify-content: space-between;  grid-template-columns: repeat(4,1fr);  }
	.dish-card{  position:relative;  padding:42px 38px;  border-radius:28px;  background:#151515;  border:1px solid rgba(255,255,255,.08);  overflow:hidden;  transition:.4s ease;  }
	.dish-card:hover{  transform:translateY(-10px);  border-color:rgba(225,171,96,.4);  background:#1b1b1b; }
	.dish-number{  font-size:30px;  line-height:1;  font-weight:700;  color:rgba(225,171,96,.12);  margin:0 0 24px;  }
	.dish-name{  font-size: 24px;  line-height:1.2;  color:#fff;  margin:0 0 18px;  font-weight: 600;  }
	.dish-card .desc{  color:rgba(255,255,255,.72);  margin:0;  }
	.dish-bar{ width:70px;  height:4px;  border-radius:20px;  background:linear-gradient(90deg,#c88a2f,#f0c980);  margin-top:30px;  transition:.35s ease;  }
	.dish-card:hover .dish-bar{ width:120px; }
	.cater-3 .col-btm .desc {  display: none; }
	.cater-3 .col-btm p:last-child {   display: none; }
	.cater-3 .col-btm .dish-card .desc {   display: block; }

	.cater-4{   background:#f8f5ef;  position:relative;  overflow:hidden;  }
	.cater-4 .disp-flex{  display:grid;  grid-template-columns:1fr 1fr;  gap:70px;  align-items:center;  }
	.cater-4 .subheading {  display: flex; justify-content: flex-start;  }
	.cater-4 .col-left {   width: 100%;  }	
	.cater-4 .col-right{  width:100%; }
	.cater-4 .promise-pillars{  display:flex;  flex-direction:column;  gap:24px;  }
	.cater-4 .pillar{  background:#fff;  border-radius:14px;  padding:18px 28px;  border:1px solid rgba(0,0,0,.06);  transition:.35s ease;  position:relative;  overflow:hidden; }
	.cater-4 .pillar::before{  content:"";  position:absolute;  left:0;  top:0;  width:5px;  height:100%;  background:linear-gradient(to bottom,#c18a35,#e8c27d); }
	.cater-4 .pillar:hover{  transform:translateY(-6px);  box-shadow:0 20px 50px rgba(0,0,0,.06);  border-color:rgba(193,138,53,.25); }
 	.cater-4 .pillar-title{  font-size:20px;  line-height:1.3;  font-weight:700;  color:#111;   margin:0 0 8px;  }
	.cater-4 .col-right .desc{  display:none;  }
	
	.cater-5 .disp-flex {    display: flex;    flex-direction: column; }
	.cater-5 .col-top {    width: 100%;    text-align: center; }
	.cater-5 .main-heading {    width: 100%; }
	.cater-5 .col-top .desc {    width: 100%;}
	.col-btm{  width:100%; }
	.occasions-grid{  display:grid;  grid-template-columns:repeat(3,1fr);  gap:30px;  }
	.occasion-card{  position:relative;  padding:42px 36px;  background:#fff;  border-radius:28px;  border:1px solid rgba(0,0,0,.06);  overflow:hidden;  transition:.4s ease; }
	.occasion-card::before{  content:"";  position:absolute;  top:0;  left:0;  width:100%;  height:5px;  background:linear-gradient(90deg,#c58a33,#efc67b);  }
	.occasion-card:hover{  transform:translateY(-10px);  box-shadow:0 22px 55px rgba(0,0,0,.06);  border-color:rgba(197,138,51,.25);  }
	.occasion-num{ font-size:30px;  line-height:1;  font-weight:700;  color:rgba(197,138,51,.12);  margin-bottom:24px;  }
	.occasion-title {   font-size: 22px;    line-height: 1.3;    font-weight: 600;    color: #111;    margin: 0 0 14px;  }
	
/* Catering Page CSS END */







/* About Us Page CSS Start */

.about-1 { background:#faf7f2; }
.about-1 .disp-flex{   gap:50px;    flex-direction: column;  }
.about-1 .main-heading{  width: 100%;  text-align: center; }
.about-1 .desc{  line-height:2;  margin:0;  width: 100%;  text-align: center;  max-width: 1200px;  margin: auto;  }
.about-1 .col-btm{  width:100%;  display: flex;  flex-direction: row;  }
.about-1 .col-btm .desc{  display:none; }
.about-1 .story-grid{  display:flex;  flex-direction: row;  gap:24px; }
.about-1 .story-card{  position:relative;  background:#fff;  border-radius:16px;  padding:30px;  border:1px solid rgba(0,0,0,.06);  overflow:hidden;  transition:.35s ease;  }
.about-1 .story-card::before{  content:"";  position:absolute;  left:0;  top:0;  width:5px;  height:100%; background: linear-gradient(to bottom, #e1ab60, #e8c27d);  }
.about-1 .story-card:hover{  transform:translateY(-8px);  box-shadow:0 24px 55px rgba(0,0,0,.06);  border-color:rgba(194,135,45,.2);  }
.about-1 .card-number{  font-size:30px;  line-height:1;  font-weight:700;  color:rgba(194,135,45,.12);    margin-bottom:18px; }
.about-1 .card-title { font-size: 18px;     line-height: 1.3;    font-weight: 600;    color: #111;    margin-bottom: 8px;    text-transform: uppercase;    letter-spacing: 1.2px;  }
.about-1 .col-top {   width: 100%; }

.about-2 .quote-block {  position: relative;  background: #faf7f2;  border-radius: 20px;   padding: 110px 70px 50px 70px;   text-align: center;    overflow: hidden;   border: 1px solid rgba(0,0,0,.05); }
.about-2 .quote-text {   position: relative;    z-index: 2;    font-size: 42px;    line-height: 1.5;    font-weight: 500;    color: #111;    margin: 0;    letter-spacing: -.5px; }
.about-2 .quote-text span {  color: #e1ab60;    font-style: italic; }
.about-2 .quote-mark {    position: absolute;    top: 30px;    left: 50%;    transform: translateX(-50%);    font-size: 140px;    line-height: 1;    color: rgb(225 171 96); }
.about-2 .quote-text {    max-width: 1100px;    margin: auto;    position: relative;    z-index: 2;    font-size: 42px;    line-height: 1.5;    font-weight: 500; 
	color: #111;    text-align: center; font-family: 'Baskervville';   }


.about-3 img {  width: 100%;   max-height: 400px;    object-fit: cover;    border-radius: 14px;  }
.about-3 .disp-flex {    gap: 40px;  }

.about-4 .disp-flex {    display: flex;    flex-direction: column; }
.about-4 .col-top {    display: flex;    gap: 40px; }
.about-4 .main-heading {    width: 100%; }
.about-4 .subheading {    justify-content: flex-start; }
.about-4 .col-right .desc {    width: 100%; }
.about-4 .col-btm {   display: flex;    flex-direction: column;    background: #faf7f2;    padding: 0px 50px;    border-radius: 12px;    margin-top: 50px;  }
.about-4 .col-btm .desc {  text-transform: uppercase;   font-weight: 700;  margin-bottom: -16px;   margin-top: 6px;  }
.about-4 .menu-grid{  display:grid;  grid-template-columns: repeat(4,1fr);  gap:30px;  }
.about-4 .menu-item{  position:relative;  background:#fff;  padding: 32px 24px;  border-radius: 12px;  border:1px solid rgba(0,0,0,.06);  overflow:hidden;  transition:.35s ease; }
.about-4 .menu-item::before{ content:"";  position:absolute;  top:0;  left:0;  width:100%;  height:5px;  background:linear-gradient(90deg,#e1ab60,#efc97f);  }
.about-4 .menu-item:hover{   transform:translateY(-8px);  box-shadow:0 22px 55px rgba(0,0,0,.06);  border-color:rgba(198,139,53,.25);  }
.about-4 .menu-name{  font-size: 18px;  line-height:1.2;  font-weight: 600;  color:#111;  margin-bottom: 10px;  text-transform: uppercase;  letter-spacing: 0.2px;  }


.about-5 .offer-grid{  display:grid;  grid-template-columns:repeat(2,1fr);  gap:30px;  margin-top: 10px; }
.about-5 .offer-item{  position:relative;  display:flex;  gap:28px;  align-items:flex-start;  padding:38px;  background:#fff;  border-radius:28px;  border:1px solid rgba(0,0,0,.06);
  transition:.35s ease;   overflow:hidden;  }
.about-5 .offer-item::before{  content:"";  position:absolute;  left:0;  top:0;  width:100%;  height:5px;   background:linear-gradient(90deg,#c88c34,#efcb85);  }
.about-5 .offer-item:hover{  transform:translateY(-8px);  box-shadow:0 24px 55px rgba(0,0,0,.06);  border-color:rgba(200,140,52,.25); }
.about-5 .offer-num{  min-width:74px;  height:74px;  border-radius:50%;  background:#f6efe4;  display:flex;  align-items:center;  justify-content:center;  font-size:24px;
  font-weight:700;  color:#c88c34;  flex-shrink:0;  }
.about-5 .offer-content h4 {    font-size: 18px;    line-height: 1.3;    font-weight: 600;    color: #111;    margin: 0 0 6px;    text-transform: uppercase;     letter-spacing: 0.2px;  }
.about-5 .disp-flex {   display: flex;    flex-direction: column; }
.about-5 {  padding-top: 0; }

/* About Us Page CSS END */




/* Information Page CSS Start */

.information-page{  padding: 90px 0;    background: #f7f4ed;   }
.information-page .container{  display: flex;  gap: 50px;  align-items: flex-start;  }

.inform-left{  width: 280px;  position: sticky;  top: 120px; }
.info-sidebar{  background: #fff;  border-radius: 24px;  padding: 28px;  box-shadow: 0 10px 40px rgba(0,0,0,0.06);  border: 1px solid #eee;  }
.info-sidebar ul{  margin: 0;  padding: 0;  list-style: none;  }
.info-sidebar li{  margin-bottom: 14px; }
.info-sidebar li:last-child{ margin-bottom: 0; }
.info-sidebar a{  display: block;  padding: 14px 18px;  background: #f6f6f6;  border-radius: 14px;  text-decoration: none;  color: #111;  font-size: 16px;  font-weight: 600;  transition: 0.3s ease; }
.info-sidebar a:hover{ background: #d6a45c; color: #fff;  transform: translateX(6px); }

.inform-right{  flex: 1; }
.info-content{  background: #fff;  padding: 50px;  border-radius: 30px;  box-shadow: 0 10px 40px rgba(0,0,0,0.06); }
.info-content h2{  font-size: 26px;  line-height: 1.2;  margin-bottom: 20px;  color: #111; }
.info-content p{  margin-bottom: 35px; }

.info-content table{  width: 100%;  border-collapse: collapse;  margin-top: 25px;  overflow: hidden;  border-radius: 20px;  background: #fff; }
.info-content table th{  background: #d6a45c;  color: #fff;  padding: 18px;  text-align: left;  font-size: 15px;  font-weight: 700; }
.info-content table td{  padding: 16px 18px;  border-bottom: 1px solid #ececec;  color: #444;  font-size: 15px; }
.info-content table tr:nth-child(even){  background: #fafafa; }
.info-content table tr:hover{  background: #f3ece7; }

#over-indian, #bezorggebied, #open{  scroll-margin-top: 130px;   margin-bottom: 70px; }

.info-content a{  color: #d6a45c; font-weight: 700;  text-decoration: none; }
.info-content a:hover{  text-decoration: underline;} 

.table-left{  width: 100%;  border-collapse: collapse;  background: #fff;  border: 1px solid #e5e5e5; }
.table-left thead th{  background: #d6a45c;  color: #fff;  padding: 16px;  font-size: 18px;   text-align: left;  }
.table-left tbody th{  background: #f7f3ee;  color: #222;  padding: 14px 16px;  text-align: left;  border-bottom: 1px solid #e5e5e5; }
.table-left tbody td{  padding: 14px 16px;  color: #555;  border-bottom: 1px solid #e5e5e5; }
.table-left tbody tr:nth-child(even){  background: #fcfcfc; }
.table-left tbody tr:hover{  background: #f2ebe5; }

div#open {  margin-bottom: 0; }
table.table-left {  margin-bottom: 0; }



section.catering-bot-form .container {
    grid-template-columns: repeat(2, 1fr);
    display: grid;    gap: 40px;align-items: start;
}


.cater1 {
     
    /* background: #fff; */
    width: 100%;    margin-bottom: 15px;
  
}.cater1.one12last {
    padding: 0;
}
.cater1:nth-child(3){  }
 
p.cathead {
    font-weight: 600;
    margin-bottom: 0;
    color: #fff;
    font-size: 16px;
    border-bottom: solid 1px #ffffff14;
    padding-bottom: 5px;
}
.cater1 .column p {  font-size: 15px;   }
.cntrl {    display: flex;    justify-content: space-between;flex-wrap: wrap;  }
.column {    width:32%;  }
.cater1.one12last.submit {  margin-top:15px  }
.cater1.cater12 p.cathead { color:#fff; }
.cater1.cater12 .column p { color:#fff; }
.cater1.cater12 input,.cater1.cater12 textarea {  min-height: 40px; border:0}
.cater1.one12last.submit {   }
span.cattect,span.wpcf7-quiz-label {      color: #ffffffe3;    }
.catform input{  }
span.cattect {
    font-size: 13px;
    margin-bottom: 5px;
    display: block;    font-weight: 500;
}
.column.one11.one11last {
    width: 100%;
    margin-top: 20px;
}

.column.one11.one11last p {
      
}.column.one11.one11last span.cattect {
    font-weight: 600;
   
} 

.catering-ryt input:not(input[type="submit"]), .catering-ryt textarea {
    font-size: 14px;
    padding: 15px;
    border-radius: 5px;
    background: #2b2622;
    color: #fff;    
    border-color: #ffffff54;
}
.catering-ryt input[type="submit"]{
	   
    background: #d6a45c;
    color: #fff;
    padding: 16px 40px;
    font-size: 14px;
    text-decoration: none;
    letter-spacing: 0.5px;
    border-radius: 2px;
    position: relative;
    overflow: hidden;
    font-weight: 500;width: auto;
}
.catering-ryt input[type="submit"]:hover {
    transform: translateY(-1px);
}
.catering-ryt .wpcf7 form .wpcf7-response-output { margin:0}


.grecaptcha-badge {
  opacity: 0;
}
@media(max-width: 991px){

  	.information-page .container{    flex-direction: column;  } 
  	.inform-left{    width: 100%;    position: relative;    top: 0;   }
  	.info-sidebar{    padding: 20px;  }
  	.info-sidebar ul{    display: flex;    gap: 12px;    overflow-x: auto;    white-space: nowrap;  }
  	.info-sidebar li{    margin: 0;   }
  	.info-sidebar a{    padding: 10px 14px;      font-size: 12px;    border-radius: 10px;    }
  	.info-content{    padding: 30px 24px;   }
  	.info-content h2{  font-size: 22px;   }
  	.info-content table{  overflow-x: auto;   }
	.info-content table td {   padding: 10px 14px;    font-size: 12px;  }
	.information-page {    padding: 50px 0;  }
	#over-indian, #bezorggebied, #open {    margin-bottom: 40px;  }
	.table-left thead th {  padding: 14px;  font-size: 16px; }
	.info-content {  border-radius: 20px; }
	.info-content table th {  padding: 10px;  font-size: 14px; }
	.information-page {    padding: 60px 0; }
	.info-sidebar {    border-radius: 14px;    padding: 28px 20px;   }
	.info-content {    padding: 40px 30px;    border-radius: 16px;  }
	
	.modal-menu > li > a::after, .modal-menu > li > .ancestor-wrapper > a::after {   display: none;  }
	
	.showing-modal #site-header {  box-shadow: unset; background: transparent;  min-height: 80px; }
	.showing-modal #site-header .header-titles {  display: none; }
	.showing-modal #site-header .top-right {  display: none; }
	nav.mobile-menu {   margin-top: 25px; }
	
}

@media(max-width: 767px){

	.info-content h2{  font-size: 18px;   }
	.info-content {   padding: 40px 12px;  }
  	.information-page{    padding: 50px 0;  }  
  	.info-content p{    font-size: 15px;    line-height: 1.8;  }
  	.info-content table th,  .info-content table td{  padding: 14px 10px;    font-size: 12px;   }
	.column { width:100%;}.cntrl { 
    row-gap: 20px;
}
}






/* ================= LARGE DESKTOP ================= */
@media (max-width: 1440px) {
	.features { gap:30px;}.home-res .main-heading { max-width:80%;}
	    .widget-container {        padding: 20px;    }
	.section-menu span.dot {    width: 15%;}ul.primary-menu { gap:15px;}
}





/* ================= LAPTOP ================= */
@media (max-width: 1200px) {

	.menu-dish-item .top span:last-child {   font-size: 16px;  }
	.tabs {  margin-bottom: 20px;  }
	.fooeter-copyright {   margin-top: 30px;  }
	.footer-sec-four.first img {  max-width: 210px !important;  }
	section.catering-bot-form .container {
    grid-template-columns: repeat(1, 1fr);
	}.event-4 .contact-item { width: 32%;}
	.event-4 .contact-details {     flex-direction: row;}
}




/* ================= TABLET (LANDSCAPE) ================= */
@media (max-width: 1024px) {
	
	.header-titles { margin:0;}
	.top-right {    width: 100%; }
	.primary-menu li a {    font-size: 13px;    font-weight: 400;  }
	.header-navigation-wrapper {  width: 50%;  right: 50px;    position: relative;  }
	.header-inner.section-inner {    padding: 12px 30px 12px 0px;  }
	.section-inner {   width: calc(100% - 4rem);  }
	.main-heading, .title {   font-size: 28px;  }
	.home-abt .desc {   max-width: 100%;  }
	.desc, p {   line-height: 1.7;   font-size: 14px;  }
	.home-abt .main-heading {  max-width: 100%;  }
	section { padding: 4rem 0; }
	
	.home-res {  min-height: 350px;   display: flex;  align-items: flex-end;  position: relative;   overflow: hidden;
		background: url(https://mamaspot.nl/wp-content/uploads/2026/04/reservation-background.jpg) center center / cover no-repeat;  }
	
	.home-res .desc {    text-align: left;  max-width: 100%;   font-size: 14px;   }
	.home-res .theme-btn {   justify-content: flex-start;  }
	
	.home-res .theme-btn a, .theme-btn .cfs-hyperlink, .form-col.btnn .theme-btn .cfs-hyperlink,
	.theme-btn .cfs-hyperlink, .hero-btn, .home-sec3 .theme-btn a{  padding: 10px 20px;  font-size: 12px;  }
	
	.home-res .main-heading {    max-width: 100%;    font-size: 30px;  }	
	.home-sec3 .col-left, .home-sec3 .col-right {  width: 100%;  min-height: 320px;  }
	.home-sec3 .box-img img {    transform: scale(1); }
	.home-sec3 .col-left:hover img, .home-sec3 .col-right:hover img {    transform: scale(1);  }
	.home-sec3 .col-left::before, .home-sec3 .col-right::before { display: none;  }
	.home-sec3 .col-left::after, .home-sec3 .col-right::after {   background: rgba(0,0,0,0.45);  }
	.home-sec3 .box-content {  left: 20px;   bottom: 30px;   max-width: 90%;   }
	.home-sec3 .box-content p {  font-size: 26px;   }
	.home-sec3 .box-content h3 {  font-size: 14px;   }	
	.home-sec3 .box-img {  position: absolute;  inset: 0;  height: 100%;  }
	.home-sec3 .box-img img {  width: 100%;  height: 100%;  object-fit: cover;  }	
	
	.gallery-track .img {  height: 300px; }
	.cont-top {   padding: 60px 0; }
	.featured-banner .heading p {  font-size: 20px;  }
	.form-col {  width: 48%;  }
	.work-top:first-of-type p {   font-size: 16px;  }
	
	#site-footer .container {    flex-wrap: wrap;  }
	.footer-sec-four {   width: 46%; }
	.footer-sec-four.first {   width: 46%;   border-right: none;    padding-right: 0px;    margin-right: 0px;  }
	.menu-title {    font-size: 16px;   font-weight: 600;  }
	.cont-top .bg-clr {    gap: 40px;    flex-direction: column;  }
	.col-left-cont, .col-right-cont {  width: 100%;  }
	.wpcf7 span input, .wpcf7 textarea {    padding: 10px 12px;    font-size: 12px;     border-radius: 6px;  }
	label {  font-size: 14px;  }
	.contact-form {   gap: 20px;  }
	.col-left-cont, .col-right-cont {   padding: 40px 30px;   border-radius: 12px;  }
	.hero-content h1 {   font-size: 36px;  }
	.hero-content {  padding: 0px 20px; }
	.tab {    padding: 6px 18px;    font-size: 12px;  }
	.menu-section {   padding: 60px 0;   }
	.hero-sec {  height: 70vh;  }
	.marquee-track span {  font-size: 40px;  }
	.site-logo img {   width: 80px;  }
	
	.work-topp .col-left img:first-child {  position: relative;  width: 100%;  max-height: 200px;   border-radius: 12px; }
	.work-topp .disp-flex {  display: flex;   flex-direction: column; }
	.work-topp .col-right {  padding-top: 30px;  width: 100%; }
	.work-topp .col-left {  width: 100%; }
	
	.why-choose {  padding-top: 2rem; }
	.service-box {  width: 47%; }
	.sec2-right {  display: none; }
	.abt-sec2 .disp-flex {  display: flex;   flex-direction: column; }
	.sec2-left {  width: 100%; }
	.sec2-left img {  max-height: 200px; }
	.sec2-center {  padding-top: 30px;  width: 100%;  padding-bottom: 40px; }
	.booking-number a {  font-size: 30px; }
	.vid-sec {  min-height: 260px;  }
	.abt-info-full {  margin: 10px 0 40px 0;  }
	.features {  margin-top: 10px;  }
	.section-menu span.dot {   width: 10%;  }
	
	.menu-container.disp-flex, .section-menu2 .menu-container.disp-flex {    flex-wrap: wrap;    flex-direction: column;   }
	.section-menu .menu-right {    width: 100%;    margin: 0;  }
	.section-menu h4.heading-title, .section-menu h2.heading-title {    margin: 0;   padding: 6rem 0;  font-size: 28px;  }
	.info-content p {   margin-bottom: 0;  }
	.info-content {   padding: 50px 30px;   border-radius: 18px;  }
	.info-sidebar {   border-radius: 16px;  padding: 20px;  }
	.info-content h2 {  font-size: 22px;  }
	#over-indian, #bezorggebied, #open {   margin-bottom: 40px;  }
	.information-page {    padding: 60px 0; }
	
	.contact-grid {  flex-wrap: wrap;  }
	.contact-col {   width: 46%;  gap: 10px;  }
	.contact-col .icon i {   font-size: 16px;    margin-top: 11px;  }
	.contact-col .icon {  width: 40px;   height: 40px;  }
	.form-col.half {  width: 46%;  }
	.cont-top .col-left-cont {   padding: 2em 2em;  }
	.cont-top p.c-info {  max-width: 100%;  }
	.cont-ifrmae iframe {  width: 100% !important;  height: 320px !important;  border: 0;  border-radius: 18px; }
	.contact-grid {  gap: 30px;  }
	.cont-mid p.desc {   max-width: 100%;  }
	.featured-banner .heading p {  padding: 2px 20px;  border-radius: 8px;  }
	.footer-sec-four h3 {  font-size: 18px;  }	
	.back-to-top {  bottom: 18px;   right: 18px;    height: 36px;    width: 36px;  }
}




/* ================= TABLET (PORTRAIT) ================= */
@media (max-width: 768px) {

	.header-navigation-wrapper {   display: none; }
	.subheading {  font-size: 16px;  }
	
	.home-res {    min-height: auto;    padding: 60px 0;    background-size: cover;  }
  	.home-res:hover {    background-size: cover;  }
  	.home-res::before {    display: none;  }
  	.home-res .disp-flex {     gap: 20px;  }
  	.home-res .main-heading {    max-width: 100%;    text-align: left;   }
  	.home-res .desc, .home-res .theme-btn {    text-align: left;    justify-content: flex-start;  }
	
	.menu-section {    padding: 70px 0;  }
  	.title {    font-size: 30px;    text-align: center;  }
	.tabs {    flex-wrap: wrap;   }
	
	label {   font-size: 14px;  }
	.wpcf7 span input, .wpcf7 textarea {   padding: 10px 12px;    font-size: 12px;    border-radius: 6px;  }
	.hero-social {    display: none;  }	
	
	.event-4 .contact-value a, .event-4 .contact-value {  font-size: 18px;  }
	.event-4 .contact-item {  border-radius: 16px;  padding: 28px 24px;  width: 100%; }
	.event-4 .contact-details {   flex-direction: column;  }	
	.about-1 .col-btm, .about-1 .story-grid, .about-4 .col-top {   flex-direction: column;  }
	.about-2 .quote-block {  padding: 110px 20px 50px 20px;  }
	.about-2 .quote-text { font-size: 24px;  }
	.about-4 .col-right, .about-4 .col-left {  width: 100%; }
	.about-4 .col-top {  gap: 0; }
	.event-4 .desc {  font-size: 14px;  }
	.catering-top .main-heading {  font-size: 28px;  }
	.occasion-title, .dish-name {  font-size: 18px;  }
	
	
	.event-top .main-heading {  font-size: 38px;  margin-bottom: 10px; }
	.event-2 .container {  flex-direction: column !important;  }
	.menu-chips {  gap: 20px;  }
	.chip {   padding: 6px 12px;    font-size: 12px;  }
	.event-2 .col-left img {   max-height: 200px; }
	.event-2 .col-left, .event-2 .col-right {  width: 100%;  }
	
	.event-3 .col-btm {  flex-direction: column;  }
	.event-3 .offer-grid {  grid-template-columns: repeat(1, 1fr);  }
	.event-3 .disp-flex {  gap: 0;  }
	.event-3 .offer-grid {   margin-top: 0px !important;  }
	.event-3 .offer-title {  font-size: 20px;  }
	.event-3 .offer-card {   padding: 28px 26px;   border-radius: 12px;  }
	.event-3 {  padding-bottom: 0;  }
	
	#site-footer a, .widget_text p, .addres li, .addres li a {  font-size: 14px;  }
	.social-icons a {  height: 3.4rem;  width: 3.4rem;  }
	.feature-box {   width: 100%; }

	
}




/* ================= MOBILE (LARGE) ================= */
@media (max-width: 576px) {
	
	.main-heading {  font-size: 22px;   }
	.container {  padding: 0 14px;  }
	.form-col, .col-left, .col-right, .sec2-left, .sec2-right, .footer-sec-four {    width: 100%;  }
	.home-res .disp-flex {   display: flex;    flex-direction: column;    align-items: flex-start;  }
	.top-right {   margin-right: 20px;  }
	.site-logo img {  width: 90px;   }
	.res-btn, .onl-btn {    height: 36px;   }
	.home-sec3 .container, .abt-sec2 .row:first-child, #site-footer .container {   flex-direction: column;  }
	
	.menu-dish-item .top {    flex-wrap: wrap;   }
  	.menu-dish-item .top::after {    display: none;   }
  	.menu-right img {    height: 260px;  } 
	.menu-home {    flex-direction: column;     gap: 40px;  }
	.tabs {    justify-content: center;   }	
	
	.cont-top .bg-clr {   flex-direction: column;  }
	.col-left-cont, .col-right-cont {  width: 100%;  }
	
	.form-col.half {   width: 100%;  }
	.header-navigation-wrapper {  width: 70%;  }
	.res-btn, .onl-btn {   padding: 8px 10px;   font-size: 12px; }
	
	.work-form {  padding: 40px 30px 20px 30px; }
	.footer-sec-four.first {  width: 100%;   border-right: none;    padding-right: 0px;    margin-right: 0px;  }
	
	.fooeter-copyright p {   display: flex;   flex-direction: column;  }
	.header-navigation-wrapper {  right: 20px;  }
	.section-inner {  width: calc(100% - 2rem);  }
		
}





/* ================= MOBILE (SMALL) ================= */

@media (max-width: 480px) {
	
	.hero-social {   display: none; }
	.home-sec3 .col-left {  border-top: 2px solid #fff;    border-bottom: 2px solid #fff;  }
	.menu-left h2.title {   margin: auto;   margin-bottom: 30px;  }
	.menu-left .sub-title {   text-align: center;   margin: auto;   margin-bottom: 10px;  }
	.gallery-track .img {   width: 47%;  }
	.menu-left, .menu-right {   width: 100%;  }
	.menu-left {   padding: 0;  }
	
	.about-1 .col-btm, .about-1 .story-grid, .about-4 .col-top {   flex-direction: column;  }
	.about-2 .quote-block {  padding: 110px 20px 50px 20px;  }
	.about-2 .quote-text { font-size: 24px;  }
	.about-3 .disp-flex {  flex-direction: column-reverse;  }
	.about-4 .col-top {  gap: 0;  }
	.about-4 .menu-grid, .about-5 .offer-grid {  grid-template-columns: repeat(1, 1fr);  }
	.about-4 .col-btm {  padding: 0px 26px;  }	
	.about-5 .offer-num {  min-width: 44px;  height: 44px;  }
	.about-5 .offer-item {  padding: 38px 16px;    border-radius: 16px; flex-direction: column;  }
	.event-4 .col-btm, .event-4 .contact-details {  flex-direction: column; }
	.event-4 .contact-item {  width: 100%; }
	.event-4 .subheading {  justify-content: flex-start; }
	.event-4 .main-heading {  text-align: left;  }
	.event-4 .desc {  font-size: 16px;         text-align: left;  }
	#site-footer {   padding-top: 3em;  }
	.header-titles-wrapper {  padding: 0; }
	.about-1 {  padding-bottom: 0;  }
	.catering-top .disp-flex {   flex-direction: column-reverse;  }
	.cater-3 .col-top {  display: flex;    flex-direction: column;  }
	.dishes-grid, .cater-4 .disp-flex {  grid-template-columns: repeat(1, 1fr);  }
	.cater-3 .col-right .desc {   text-align: left;  float: left;      width: 100%;   }
	.col-top .main-heading {   width: 100%;  }
	.dish-card {  padding: 22px 24px;  border-radius: 12px;  }
	.cater-4 .disp-flex {  gap: 30px;  }
	.occasions-grid {  grid-template-columns: repeat(1, 1fr);  }
	.occasion-card {  padding: 30px 24px;  border-radius: 14px;  }
	.cater-5 .col-btm {  display: flex;   flex-direction: column;  }
	.cater-5 .disp-flex, .event-4 .disp-flex {  gap: 0;  }
	
	.event-top .disp-flex {   flex-direction: column-reverse;  }
	.menu-chips {  flex-wrap: wrap;  }
	.home-res .desc {  margin: 0;  max-width: 100%;  }
	.service-box {  width: 100%;  }
	.vid-sec .disp-flex {   flex-direction: column;   gap: 40px;  }
	.vod-left {  width: 100%;  }
	.vid-sec {  min-height: 400px;  }
	.vid-sec .vod-left {  text-align: center;  }
	.contact-col { width: 100%; }
	.cont-top {  padding-top: 0;   padding-bottom: 10px;  }
	.cont-top .disp-flex {  display: flex;  flex-direction: column-reverse;  }
	.col-right-cont img {   position: relative;  width: 100%;  }
	
}




@media (min-width: 1200px) and (max-width: 1600px) {
	
	.main-heading {  font-size: 32px; }
	.event-4 .desc {  font-size: 16px;  }
	.catering-top .main-heading {  font-size: 48px; }
	.top-right {  }
	.event-top .main-heading {   font-size: 52px;  }
	.desc, p {  font-size: 14px; }
	.dish-card {   padding: 28px 24px;   border-radius: 18px;  }
	.dish-name {  font-size: 20px;    margin: 0 0 14px;  }
	.event-4 .contact-value {  font-size: 18px;  }  
	.event-3 .offer-title {   font-size: 22px;   }
	.menu-chips {   flex-wrap: wrap; }
	.event-4 .col-btm {   margin-top: 0 !important;  }
}




@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation:portrait){   
	
	.top-right {   margin-right: 40px;  }
	.res-btn, .onl-btn { padding: 8px 10px;  font-size: 12px;     height: 34px;    }
	.event-4 .desc {   text-align: center;   }
	.event-4 .disp-flex {  gap: 0;  }
	.dishes-grid {   grid-template-columns: repeat(2, 1fr);  }
	.cater-3 .col-top {    align-items: flex-start;    flex-direction: column;  }
	.cater-3 .col-left, .cater-3 .col-right {  width: 100%; }
	.cater-3 .col-right .desc {   text-align: left;   float: left;   width: 100%;  }
	.col-top .main-heading {   width: 100%; }
	.cater-4 .disp-flex {   grid-template-columns: repeat(1, 1fr);   gap: 20px;  }
	.occasions-grid {  grid-template-columns: repeat(1, 1fr);  }
	.cater-5 .col-btm {  flex-direction: column;  }
	.cater-5 .disp-flex {  gap: 0; }
	.occasion-card {  padding: 24px 22px;   border-radius: 12px;  }
	
	.about-4 .menu-grid {  grid-template-columns: repeat(2, 1fr);  }
	.about-4 .col-btm {  padding: 0px 30px;  }	
	.about-5 .offer-num {  min-width: 40px;    height: 40px;    font-size: 18px;   }
	.about-5 .offer-item {   padding: 28px 20px;    border-radius: 16px;    flex-direction: column;  }
	.event-4 .col-btm {   flex-direction: column;  }
	.menu-left {    padding: 0px; }
	.menu-right img {   height: 540px;  }
	.menu-dish-item p {  font-size: 12px;  }
	
}




@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape){

	.primary-menu {  gap: 20px;  }
	
	.event-4 .contact-value {  font-size: 14px;  }
	.event-4 .col-btm {  flex-direction: column; }	
	.event-4 .col-btm {   margin-top: 0;  }
	.event-3 .col-btm {   flex-direction: column;    gap: 0;  }
	.event-3 .offer-card {  padding: 30px 20px;  border-radius: 14px;  }
	.event-3 .offer-title {  font-size: 20px;  }
	.event-3 .offer-grid {  margin-top: 0;  }
	.event-3 .disp-flex {  gap: 0;  }
	.menu-chips {  gap: 20px;    flex-wrap: wrap;  }
	
	.event-4 .disp-flex {  gap: 0;  }
	.event-4 {  padding-bottom: 0;  }

	.catering-top .main-heading {   font-size: 36px;  }
	.cater-5 .col-btm {  flex-direction: column;  }
	.occasion-card {  padding: 28px 20px;   border-radius: 12px;  }
	.cater-5 .col-btm {  gap: 0; }
	.occasion-title {  font-size: 18px;  }
	.dishes-grid {   grid-template-columns: repeat(2, 1fr);  }
	.dish-card {  padding: 22px 26px;   border-radius: 14px;  }
	.dish-name {  font-size: 20px;   margin: 0 0 14px;  }
	.cater-4 .disp-flex {   grid-template-columns: repeat(1, 1fr);     gap: 30px;    }
	.cater-3 .col-top {    align-items: flex-start;    flex-direction: column;  }
	.cater-3 .col-left, .cater-3 .col-right {  width: 100%; }
	.cater-3 .col-right .desc {   text-align: left;   float: left;   width: 100%;  }
	.col-top .main-heading {   width: 100%; }
	.event-4 .desc {  font-size: 14px;  }
	.event-4 .contact-item {  border-radius: 14px;   padding: 23px;  }
	
	.about-2 .quote-text {  font-size: 34px;  }
	.about-4 .menu-grid {  grid-template-columns: repeat(2, 1fr);  }
	.about-4 .col-btm {  padding: 0px 30px;  }	
	.about-5 .offer-num {  min-width: 40px;    height: 40px;    font-size: 18px;   }
	.about-5 .offer-item {   padding: 28px 20px;    border-radius: 16px;    flex-direction: column;  }
	.second .menu {   display: flex;    flex-wrap: wrap;  }
	.second .menu li {   width: 48%;  }
	.footer-sec-four h3 {  font-size: 20px;  }
.widget-container {   padding: 20px;}
	.section-menu .menu-title h4, .section-menu .menu-title h3 {font-size: 14px;}
}




@media screen and (max-device-width: 991px) and (orientation: landscape) {

	.menu-left {    padding: 0px; }
	
	.res-btn, .onl-btn {  padding: 8px 10px;  font-size: 12px;  height: auto;  }
	.top-right {  margin-right: 30px; }
	.featured-banner {   padding: 40px 0;  }
	.about-4 .col-btm {  padding: 0px 20px;  }
	.about-4 .menu-grid {  grid-template-columns: repeat(2, 1fr);  }
	.about-4 .menu-item {  padding: 26px 20px;  border-radius: 10px;  }
	.about-5 .offer-item { gap: 18px;  padding: 24px;  border-radius: 16px;  flex-direction: column;  }
	.about-5 .offer-content h4 {  font-size: 16px; }
	.about-5 .offer-num {  min-width: 44px;  height: 44px;  font-size: 18px; }
	.event-4 .col-btm {   flex-direction: column;  }
	.event-4 {  padding-bottom: 0; }
	.event-4 .col-top .desc {  text-align: center;  font-size: 14px;  }	
	.dishes-grid {   grid-template-columns: repeat(2, 1fr);  }
	
	.cater-3 .col-top {    align-items: flex-start;    flex-direction: column;  }
	.cater-3 .col-left, .cater-3 .col-right {  width: 100%; }
	.cater-3 .col-right .desc {   text-align: left;   float: left;   width: 100%;  }
	.col-top .main-heading {   width: 100%; }
	.dish-card {  padding: 30px 24px;  border-radius: 12px;  }
	.cater-4 .disp-flex {   grid-template-columns: repeat(1, 1fr);   gap: 20px;  }
	.occasions-grid {  grid-template-columns: repeat(1, 1fr);  }
	.cater-5 .col-btm {  flex-direction: column;  margin-top: 30px;  }
	.cater-5 .disp-flex {  gap: 0; }
	.occasion-card {  padding: 24px 22px;   border-radius: 12px;  }
	.event-4 .disp-flex {  gap: 0 !important;  }
	.cater-4 .pillar-title {  font-size: 16px;  }	
	.event-4 .contact-item {  border-radius: 14px;   padding: 26px 16px;  }
	
	.catering-top .disp-flex {   flex-direction: column-reverse;  }
	.catering-top .col-left,.catering-top .col-right {  width: 100%;  }
	.catering-top img {  max-height: 200px;  }
	.second .menu {   display: flex;    flex-wrap: wrap;  justify-content: space-between;  }
	.second .menu li {   width: 48%;  }
	.modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a {  padding: 12px 12px;  font-size: 14px;  }
}




@media only screen 
and (min-width: 768px) 
and (max-width: 1024px) 
and (orientation: landscape)
and (min-height: 600px) {


	.header-navigation-wrapper {   width: 90%;  right: 0px;    }
	.primary-menu-wrapper {   display: block;  }
	.top-right {  width: 46%;  }
	.header-titles-wrapper {   max-width: 10%;    margin-right: 0;  }
	.header-inner.section-inner {   padding: 12px 0px 12px 0px;   }


}

@media only screen and (min-width: 768px)  and (max-width: 1024px)  and (orientation: landscape){
	    .header-navigation-wrapper {width: 65%; }
}

@media only screen and (max-width: 767px) and (orientation:portrait){	
	.top-btns a {
    width: 100%;
} 
.top-btns { 
    flex-direction: column;
    row-gap: 5px;    align-items: stretch;
}    .res-btn, .onl-btn {
        padding: 7px 6px; 
        height: auto;
    }
/* For mobile phones: and (min-width: 480px)*/
  
	 .section-menu ul li,.res-title-left,.res-title-right {   width: 100%;   }
.res-title-right {     text-align: left;}	
	.res-title-right .subheading {    justify-content: left; }
	.reserve-form-title {
  flex-direction: column;
  row-gap: 20px;
}.page-template-catering .top-btns.disp-flex {
  gap: 5px;
}
}