/* ===================================
    plus fours
====================================== */

/* Responsive intrinsic-ratio video */
.video-embed {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  /* Fallback for older browsers */
  height: 0;
  padding-top: 56.25%;
}

.video-embed video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* or "contain" if you want the full video visible without cropping */
  border-radius: 10px;
}

/* Remove fixed heights from original card */
.border-radius-10px.box-shadow-quadruple-large.h-450px,
.border-radius-10px.box-shadow-quadruple-large.md-h-350px,
.border-radius-10px.box-shadow-quadruple-large.sm-h-400px {
  height: auto !important;
}


/* Outer border + rounded corners */
.pricing-table-wrap {
  border: 4px solid #263329;
  border-radius: 10px;
  overflow: hidden;                 /* clips the table corners cleanly */
}

/* Table core */
.pricing-table {
  width: 100%;
  border-collapse: collapse;        /* needed for single inner borders */
}

.pricing-table caption {
  text-align: left;
  margin-bottom: .5rem;
  font-weight: 600;
}

/* Inner borders (2px, base colour) */
.pricing-table th,
.pricing-table td {
  padding: .9rem 1rem;
  border: 1px solid #263329;
  text-align: left;
  white-space: nowrap;
}

/* Header: olive background + white text */
.pricing-table thead th {
  background: var(--olive);         /* (note: custom property syntax) */
  color: #fff;
  font-weight: 700;
}

/* First column (session labels) – keep a subtle tint if desired */
.pricing-table tbody th {
  font-weight: 700;
}

/* Row stripes: 1 & 3 white, 2 & 4 light olive */
.pricing-table tbody tr:nth-child(odd) td,
.pricing-table tbody tr:nth-child(odd) th {
  background: #ffffff;
}

.pricing-table tbody tr:nth-child(even) td,
.pricing-table tbody tr:nth-child(even) th {
  background: #B3B69B; /* light olive ~4+ steps lighter than #676D38 */
}

/* Mobile: wrap headers + narrower fixed columns (no font-size change) */
@media (max-width: 6767px) {
  .pricing-table {
    table-layout: fixed;   /* forces columns to share the width */
  }

  /* allow wrapping */
  .pricing-table th,
  .pricing-table td {
    white-space: normal;
    word-break: keep-all;
    hyphens: auto;
  }

  /* set practical column widths that add up to 100% */
  .pricing-table thead th:nth-child(1),
  .pricing-table tbody th { width: 28%; }   /* Private Session */

  .pricing-table td:nth-child(2),
  .pricing-table thead th:nth-child(2) { width: 18%; } /* 1 person */

  .pricing-table td:nth-child(3),
  .pricing-table thead th:nth-child(3) { width: 18%; } /* 2 people */

  .pricing-table td:nth-child(4),
  .pricing-table thead th:nth-child(4) { width: 18%; } /* 3 people */

  .pricing-table td:nth-child(5),
  .pricing-table thead th:nth-child(5) { width: 18%; } /* 4 people */
}


img.supplier-badge {
  width: 300px;
  margin-bottom: 30px;
}

.menu-item-list .nav-link {
  font-size: 30px;
  line-height: 40px;
  
}

.menu-item-list .nav-link:hover {
  color: var(--base-color);
}

.btn.btn-olive {
  background-color: var(--olive);
  color: var(--white);
}
.btn.btn-olive:hover, .btn.btn-dark-gray:active {
  background-color: var(--base-color);
  border-color: var(--base-color);
  color: var(--white);
}

.text-gold {
  color: #c59452 !important;
}

.text-olive {
  color: var(--olive);
}

.btn.btn-gold {
  background-color: var(--base-color);
  color: var(--white);
}
.btn.btn-gold:hover, .btn.btn-dark-gray:active {
  background-color: var(--olive);
  border-color: var(--olive);
  color: var(--white);
}

.bg-gold {
  background-color: var(--base-colour) !important;
}

.feature-box-icon.bg-gold {
    background-color: #c59452 !important;
}

.bg-olive {
  background-color: var(--olive) !important;
}

.bg-gradient-gold {
  background-image: linear-gradient(to right top, #c59452, #c59452, #c59452, #c59452, #c59452);
}

span.bg-olive {
    background: #676d38 !important;
}

/* font */
@import url('https://fonts.googleapis.com/css2?family=Sen:wght@400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Limelight&display=swap');
/* variable */
:root {     
    --base-color: #c59452;
    --olive: #676d38;  
    --medium-gray: #706f6b;
    --dark-gray: #252523;
    --light-medium-gray: #cbcbcb;
    --light-yellow: #f3ebde;
    --very-light-yellow: #fefdf8;
    --medium-yellow: #f7f3e8;
    --alt-font: 'Limelight', cursive;
    --primary-font: 'Sen', sans-serif;
}
/* reset */
body {
    font-size: 18px;
    line-height: 30px; 
}
/* header */
header .navbar-brand img {
    max-height: 90px;
}
.navbar .navbar-nav .nav-link {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
}
.center-logo .navbar-nav .nav-link, header.sticky .center-logo .navbar-nav .nav-link {
    padding: 55px 18px!important;
}
.header-icon .header-social-icon a {
    font-size: 18px;
    padding-left: 26px;
}
/* btn */
.btn {
    font-weight: 700;
    font-family: var(--primary-font);
    text-transform: none;
    letter-spacing:0px;
}
.btn.btn-switch-text.btn.btn-extra-large > span {
    padding: 18px 34px 18px;
    font-size: 16px;
}
.btn.btn-switch-text.btn.btn-large > span {
    padding: 13px 28px 13px;
    font-size: 15px;
}
.btn.btn-switch-text.btn.btn-medium > span {
    padding: 13px 25px 12px;
    font-size: 14px;
}
.btn.btn-switch-text.btn.btn-small > span {
    font-size: 13px;
    padding: 12px 24px 10px;
}
.btn.btn-switch-text.btn.btn-very-small > span {
    font-size: 11px;
    padding: 9px 21px 5px;
}
.btn.btn-link {
    padding: 0 0 2px;
}
.btn.btn-base-color {
    color: var(--dark-gray);
}
/* heading */
h3 {
    font-size: 2.813rem;
    line-height: 2.813rem;
}
/* margin */
.mt-minus-50px {
    margin-top: -50px;
}
/* bg color */

.bg-linen {
    background: #f6f4f3;
}
.bg-medium-yellow {
    background-color: rgba(229, 203, 142, 0.696) !important;
}
.bg-light-yellow {
    background-color: var(--light-yellow);
}
.bg-very-light-yellow {
    background-color: rgba(197, 148, 82, 0.204);
}
/* border color */
.border-color-light-yellow {
    border-color: var(--light-yellow) !important;
}
.bg-gradient-base-transparent {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(197, 148, 82, 1)), to(transparent));
    background-image: linear-gradient(to top, rgba(197, 148, 82, 1) 25%, transparent 100%);
}
/* video icons */
.video-icon-extra-large .video-icon {
    width: 170px;
    height: 170px;
    font-size: 17px;
}
/* slider custom text */ 
.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 30px;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 30px;
}
/* image gallery style 01 */
.image-gallery-style-01 .gallery-box:hover img {
    -webkit-filter: blur(0px);
    filter: blur(0px);
}
/* footer */
footer {
    padding-top: 90px;
    padding-bottom: 80px;
}
footer .footer-logo img {
    max-height: 115px;
}
footer .social-icon-style-09 ul.light li a {
    background: rgba(255, 255, 255, 0.1);
    border: none;
}
footer .large-icon a {
    font-size: 20px;
}
footer .large-icon li {
    margin: 0 7px;
}
@media (max-width: 1199px) {
    .navbar.center-logo .navbar-nav .nav-link, .center-logo .navbar-nav .nav-link, header.sticky .center-logo .navbar-nav .nav-link {
        padding: 55px 13px;
    }
    .header-icon .header-social-icon a {
        font-size: 16px;
        padding-left: 22px;
    }
}
@media (max-width: 991px) {
    .video-icon-extra-large .video-icon {
        width: 150px;
        height: 150px;
    }
    footer {
        padding-top: 80px;
        padding-bottom: 70px;
    }
    header .navbar-brand img {
        max-height: 70px;
    }
    header .navbar-brand {
        padding: 15px 0;
    }
}
@media (max-width: 767px) {
    header .navbar-brand img {
        max-height: 57px;
    }
    footer {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .video-icon-extra-large .video-icon {
        width: 120px;
        height: 120px;
    }
}

/*	GAPS
/*------------------------------------------------------*/

div.gap0 {
  clear: both;
  display: block;
  font-size: 0px;
  height: 0px;
  line-height: 0;
  width: 100%;
  overflow: hidden;
  text-align: right;
}

div.gap5 {
  clear: both;
  display: block;
  font-size: 0px;
  height: 5px;
  line-height: 0;
  width: 100%;
  overflow: hidden;
  text-align: right;
}

div.gap10 {
  clear: both;
  display: block;
  font-size: 0px;
  height: 10px;
  line-height: 0;
  width: 100%;
  overflow: hidden;
}

div.gap20 {
  clear: both;
  display: block;
  font-size: 0px;
  height: 20px;
  line-height: 0;
  width: 100%;
  overflow: hidden;
}

div.gap30 {
  clear: both;
  display: block;
  font-size: 0px;
  height: 30px;
  line-height: 0;
  width: 100%;
  overflow: hidden;
}

div.gap40 {
  clear: both;
  display: block;
  font-size: 0px;
  line-height: 0;
  width: 100%;
  overflow: hidden;
  height: 40px;
}

div.gap50 {
  clear: both;
  display: block;
  font-size: 0px;
  line-height: 0;
  width: 100%;
  overflow: hidden;
  height: 50px;
}

div.gap60 {
  clear: both;
  display: block;
  font-size: 0px;
  line-height: 0;
  width: 100%;
  overflow: hidden;
  height: 60px;
}

div.gap80 {
  clear: both;
  display: block;
  font-size: 0px;
  line-height: 0;
  width: 100%;
  overflow: hidden;
  height: 60px;
}

div.gap100 {
  clear: both;
  display: block;
  font-size: 0px;
  line-height: 0;
  width: 100%;
  overflow: hidden;
  height: 100px;
}

/* Rules */

hr.style-one {
  border: 0;
  height: 2px;
  background: #333;
  background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
  background-image: -moz-linear-gradient(left, #ccc, #333, #ccc);
  background-image: -ms-linear-gradient(left, #ccc, #333, #ccc);
  background-image: -o-linear-gradient(left, #ccc, #333, #ccc);
}

hr.style-two {
  border: 0;
  height: 1px;
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(121, 150, 145, 1), rgba(0,0,0,0));
  background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(121, 150, 145, 1), rgba(0,0,0,0));
  background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(121, 150, 145, 1), rgba(0,0,0,0));
  background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(121, 150, 145, 1), rgba(0,0,0,0));
  margin-top: 20px;
  margin-bottom: 20px;
}

hr.style-three {
  border: 0;
  border-bottom: 1px dashed #ccc;
  background: #999;
}

hr.style-four {
  height: 12px;
  border: 0;
  box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.5);
}

hr.style-five {
  border: 0;
  height: 0;
  /* Fi

refox... */
  box-shadow: 0 0 10px 1px black;
}

hr.style-five:after {
  

/* Not really supposed to work, but does */
  content: "\00a0";
/

* Prevent margin collapse */
}

hr.style-six {
  border: 0;
  height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}