/* LIBS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/**
 * Bulletproof Images Pro
 *
 * builds on the usefulness of bulletproof images to include responsive
 * positioning of captions, that can expand without breaking the overflow
 */

.bpp {
  position: relative;
  display: flex;
}

.bpp.bpp-center-h {
  justify-content: center;
}

.bpp.bpp-center-v {
  align-items: center;
}

.bpp.bpp-bottom {
  align-items: flex-end;
}

.bpp.bpp-left {
  justify-content: flex-start;
}

.bpp::before {
  content: "";
  width: 1px;
  margin-left: -1px;
  float: left;
  height: 0;
  padding-top: 100%;
}

.bpp::after {
  /* to clear float */
  content: "";
  display: table;
  clear: both;
}

.bpp img:not(.bpp-content img),
.bpp iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
}

.bpp.bpp-contain img,
.bpp.bpp-contain iframe {
  object-fit: contain;
}

.bpp .bpp-content {
  position: relative;
}

.bpp.img-22::before {
  padding-top: 22%;
}

.bpp.img-25::before {
  padding-top: 25%;
}

.bpp.img-28::before {
  padding-top: 28%;
}

.bpp.img-39::before {
  padding-top: 39%;
}

.bpp.img-50:before {
  padding-top: 50%;
}

.bpp.img-55:before {
  padding-top: 55%;
}

.bpp.img-57:before {
  padding-top: 57%;
}

.bpp.img-68:before {
  padding-top: 68%;
}

.bpp.img-75:before {
  padding-top: 75%;
}

.bpp.img-82:before {
  padding-top: 82%;
}

.bpp.img-125::before {
  padding-top: 125%;
}

.bpp.img-128::before {
  padding-top: 128%;
}

.bpp.img-133::before {
  padding-top: 133.33333%;
}

.bpp.img-150::before {
  padding-top: 150%;
}


@media (min-width: 768px) {
  .bpp.bpp-md-center-h {
    justify-content: center;
  }

  .bpp.bpp-md-center-v {
    align-items: center;
  }

  .bpp.bpp-md-bottom {
    align-items: flex-end;
  }

  .bpp.bpp-md-left {
    justify-content: flex-start;
  }

  .bpp.img-md-22::before {
    padding-top: 22%;
  }

  .bpp.img-md-50::before {
    padding-top: 50%;
  }

  .bpp.img-md-55::before {
    padding-top: 55%;
  }

  .bpp.img-md-57:before {
    padding-top: 57%;
  }
}



/* FONTS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

@font-face {
  font-family: 'Fahkwang';
  src: url('../fonts/Fahkwang-Regular.woff2') format('woff2'), url('../fonts/Fahkwang-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fahkwang';
  src: url('../fonts/Fahkwang-Medium.woff2') format('woff2'), url('../fonts/Fahkwang-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fahkwang';
  src: url('../fonts/Fahkwang-Bold.woff2') format('woff2'), url('../fonts/Fahkwang-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}






/* GLOBAL
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

html {
  font-size: 10px;
}

@media (min-width: 768px) {
  html {
    font-size: 12px;
  }
}

@media (min-width: 1440px) {
  html {
    font-size: calc(0.75rem + ((1vw - 14.4px) * 0.8333));
    min-height: 0vw;
  }
}

@media (min-width: 1920px) {
  html {
    font-size: 16px;
  }
}

body {
  font-family: 'Fahkwang', sans-serif;
  -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Fahkwang', serif;
  font-weight: 700;
}

a {
  text-decoration: none;
}

img {
  width: 100%;
  max-width: 100%;
  height: auto;
}


/* LAYOUT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

@media (min-width: 1400px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 94rem;
  }
}

/* HEADINGS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.heading {
  font-family: 'Fahkwang', serif;
}

.heading-1 {
  font-size: 1.875rem;
  font-weight: 500;
}


.heading-2 {
  font-size: 1rem;
  line-height: 1.3;
  margin-bottom: 0;
  letter-spacing: normal;
}

.heading-2 span {
  display: block;
}

.heading-2 span:last-child {
  font-size: 1.875rem;
}

.heading-2.large-up span:last-child {
  /* font-size: 1.5rem; */
  font-size: 3.125rem;
  line-height: 1.3;
  /* margin-top: 1rem; */
  font-weight: 700;
  letter-spacing: 0.125em;
  text-transform: uppercase;
}

.heading-2 span:first-child {
  /* font-size: 2.5rem; */
  font-size: 3.125rem;
}

.heading-2.wider {
  margin-left: 1.75rem;
  margin-right: -3.75rem;
  white-space: nowrap;
}

.heading-2.wider span {
  font-size: 2.375rem;
}

@media (min-width: 768px) {
  .heading-2.large-up span:last-child {
    font-size: 3.125rem;
    text-transform: uppercase;
    line-height: 1.5;
    max-width: 68rem;
    margin: auto;
  }

  .heading-2.wider {
    margin-left: -3.75rem;
    margin-right: -3.75rem;
    white-space: nowrap;
  }

  .heading-2.wider span {
    font-size: 4.375rem;
  }
}

@media (min-width: 768px) {
  .heading-2 span:first-child {
    font-size: 3.125rem;
    letter-spacing: normal;
    font-weight: 500;
    line-height: 1.3;
  }
}



.heading-3 {
  font-weight: 700;
  line-height: 2.7;
  font-size: 3.65vw;
  letter-spacing: 0.25em;
}

@media (min-width: 768px) {
  .heading-3 {
    font-size: 3.65vw;
  }
}

.like-heading {
  /* font-size: 1.5rem; */
  font-size: 1.875rem;
  font-weight: 500;
}

@media (min-width: 768px) {
  .like-heading {
    font-size: 1.875rem;
  }
}

.text-image-heading {
  font-size: 3.125rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
  margin-bottom: 2rem;
}

.text-image-heading:after {
  content: '';
  display: block;
  width: 10rem;
  height: 0.5rem;
  background-color: transparent;
  margin-top: 1rem;
}

.text-green .text-image-heading:after {
  background-color: #327c6f;
}

.text-white .text-image-heading:after {
  background-color: #fff;
}



/* HEADER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */




.top-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 2.5rem;
  padding-bottom: 1rem;
  z-index: 1;
  display: none;
  transition: all 0.3s ease;
}

@media (min-width: 992px) {
  .top-nav {
    display: block;
  }
}

.top-nav.outta-space {
  transform: translate(0, -8rem);
}

.top-nav.fill-bg {
  padding: 1rem 0 1rem;
  background-color: #327c6fbf;
}

ul.main-menu {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  text-transform: uppercase;
  font-size: 1.125rem;
  font-weight: 700;
  gap: 2rem;
}

ul.main-menu li a {
  display: block;
  color: #fff;
  padding: 0.5rem;
}

ul.main-menu li.current-menu-item a,
ul.main-menu li:hover>a {
  color: #f7ec64;
}

ul.main-menu li.menu-item-has-children {
  position: relative;
  transition: all 0.3s ease;
}

ul.main-menu li.menu-item-has-children ul.sub-menu {
  list-style: none;
  padding: 0;
  position: absolute;
  left: 0;
  top: 100%;
  background: #327c6fcf;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
}

ul.main-menu li.menu-item-has-children:hover>a {
  background-color: #327c6fcf;
}

ul.main-menu li.menu-item-has-children:hover ul.sub-menu {
  visibility: visible;
  opacity: 1;
}

.top-contact {
  color: #327c6f;
  padding: 0.5rem;
  font-size: 1.125rem;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-weight: 700;
}

.top-contact a {
  color: inherit;
  display: block;
  background-color: #fff;
  padding: 0.5rem 1rem;
}

.logo-2 {
  max-width: 22.375rem;
  margin-right: 1rem;
}

.logo-2>img {
  width: 100%;
  height: auto;
}

.top-nav.fill-bg .logo-2 {
  max-width: 1.5rem;
}

/* FOOTER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.footer {
  color: #fff;
}

.footer .newsletter-subscribe .input-group {
  padding: 0.3125rem;
  background-color: #fff;
  margin-bottom: 1rem;
}

.footer .newsletter-subscribe .input-group input[type="email"] {
  border: 0;
}

.footer .widget-title {
  color: #fff;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1.25;
  margin-bottom: 2rem;
}

.footer .widget-title:after {
  content: '';
  display: block;
  width: 5rem;
  height: 0.5rem;
  background-color: #fff;
  margin-top: 1rem;
}

@media (max-width: 767px) {
  .footer .widget-title:after {
    margin-left: auto;
    margin-right: auto;
  }
}

.footer .logo-footer {
  max-width: 23rem;
}

@media (max-width: 767px) {
  .footer .logo-footer {
    margin: auto;
  }
}

.footer .footer-menu,
.footer .social-media {
  list-style: none;
  padding-left: 0;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.67;
}

.footer .footer-menu {
  text-transform: uppercase;
}

.footer .footer-menu a,
.footer .social-media a {
  color: #fff;
}

.footer .footer-menu a:hover,
.footer .social-media a:hover {
  color: #e8d7ad;
}

.footer .address {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.67;
}

.footer .insta-bit .heart-wrap {
  gap: 3.5rem;
}

.footer .insta-bit .heart-wrap img {
  width: auto;
  object-fit: contain;
  max-width: 8rem;
}

.footer .insta-bit .heart-wrap .heading-insta {
  font-size: 3.125rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.25em;
  margin-bottom: 0;
}

.footer .insta-bit p {
  font-size: 3.125rem;
  max-width: 60rem;
  line-height: 1.3;
  margin-top: 1.5rem;
}

@media (max-width: 767px) {
  .footer .insta-bit .heart-wrap {
    gap: 1.4rem;
  }

  .footer .insta-bit .heart-wrap img {
    max-width: 5rem;
  }

  .footer .insta-bit .heart-wrap .heading-insta {
    font-size: 2rem;
  }

  .footer .insta-bit p {
    font-size: 2rem;
  }
}

@media (max-width: 767px) {
  .footer .top-bit {
    text-align: center;
  }
}

.footer .bottom-bit {
  font-size: 1.375rem;
  font-weight: 500;
}

@media (max-width: 767px) {
  .footer .bottom-bit {
    text-align: center;
  }
}


/* MISC
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

ul.list-big {
  padding-left: 0;
  list-style: none;
  font-size: 1.375rem;
  font-weight: 700;
  text-transform: uppercase;
}

ul.list-big li {
  border-bottom: 1px solid;
  margin-bottom: 0.5rem;
}



/* HERO
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.hero-logo {
  max-width: 59.4%;
  margin: 0 auto 0;
}

.block-hero video {
  width: 100%;
  height: auto;
}


/* UTILITY
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.max-width-19rem {
  max-width: 19rem;
}

.max-width-50rem {
  max-width: 50rem;
}

.max-width-60rem {
  max-width: 60rem;
}

.max-width-72rem {
  max-width: 72rem;
}

.min-height-17rem,
.mn-h-17r {
  min-height: 17rem;
}

.bg-white {
  background-color: #fff;
}

.bg-blue {
  background-color: #00659a;
}

.bg-blue-light {
  background-color: #e6eef4;
}

.bg-green {
  background-color: #327c6f;
}

.bg-pink {
  background-color: #d888ab;
}

.bg-sand {
  background-color: #e8d7ad;
}

.bg-sand-light {
  background-color: #fefdf0;
}

.text-yellow {
  color: #f7ec64;
}

.text-blue {
  color: #00659a;
}

.text-green {
  color: #327c6f;
}

.text-gold-2 {
  color: #c7b49b;
}

.pt-20\% {
  padding-top: 20%;
}







.mb-1rem {
  margin-bottom: 1rem;
}

.mb-2\.8rem {
  margin-bottom: 2.8rem;
}

@media (min-width: 768px) {
  .md\:pt-4\.4rem {
    padding-top: 4.4rem;
  }

  .md\:pb-3\.7rem {
    padding-bottom: 3.7rem;
  }
}


/* from kick */

.pt-2rem {
  padding-top: 2rem;
}

.pt-4rem {
  padding-top: 4rem;
}

.pb-2rem {
  padding-bottom: 2rem;
}

.pb-3rem {
  padding-bottom: 3rem;
}

.mb-2rem {
  margin-bottom: 2rem;
}

.mb-4rem {
  margin-bottom: 4rem;
}

.mb-8rem {
  margin-bottom: 8rem;
}

.pt-1rem {
  padding-top: 1rem;
}

.pb-1rem {
  padding-bottom: 1rem;
}

.mt-4rem {
  margin-top: 4rem;
}

.mb-4rem {
  margin-bottom: 4rem;
}

.mb-1rem {
  margin-bottom: 1rem;
}

.mb-0rem {
  margin-bottom: 0rem;
}

.mt-3rem {
  margin-top: 3rem;
}

.pb-0rem {
  padding-bottom: 0rem;
}

.pt-6rem {
  padding-top: 6rem;
}

.mt-1\.5rem {
  margin-top: 1.5rem;
}



@media (min-width: 768px) {
  .md\:pt-5\.5rem {
    padding-top: 5.5rem;
  }

  .md\:pt-8rem {
    padding-top: 8rem;
  }

  .md\:pb-5rem {
    padding-bottom: 5rem;
  }

  .md\:mb-10rem {
    margin-bottom: 10rem;
  }

  .md\:pt-8\.85rem {
    padding-top: 8.85rem;
  }

  .md\:pb-5\.75rem {
    padding-bottom: 5.75rem;
  }

  .md\:mb-6\.5rem {
    margin-bottom: 6.5rem;
  }

  .md\:mt-0rem {
    margin-top: 0rem;
  }

  .md\:mb-0rem {
    margin-bottom: 0rem;
  }

  .md\:mb-8rem {
    margin-bottom: 8rem;
  }

  .md\:mb-8\.953rem {
    margin-bottom: 8.953rem;
  }

  .md\:pt-4\.4rem {
    padding-top: 4.4rem;
  }

  .md\:pb-3\.7rem {
    padding-bottom: 3.7rem;
  }

  .md\:pt-10rem {
    padding-top: 10rem;
  }

  .md\:pb-6\.656rem {
    padding-bottom: 6.656rem;
  }
}

/* /from kick */

/*  */

.inherit-links a {
  color: inherit;
}


/*  */



/* MISC */

.block-venues {
  margin-top: 10rem;
}

@media (max-width: 767px) {
  .block-venues {
    margin-top: 5rem;
  }
}

.block-intro {
  margin-top: 2rem;
}



.block-intro-2 {
  padding-top: 10rem;
  padding-bottom: 9rem;
}

.image-reveal img:nth-child(2) {
  opacity: 1;
  transition: all 0.3s ease;
  object-fit: contain !important;
  padding: 24% 18%;
  background: #fcf7f1;
}

.image-reveal:hover img:nth-child(2),
.image-reveal.revealed img:nth-child(2) {
  opacity: 0;
}


/* big marker list */
ol.list-big-marker {
  font-size: 2rem;
}

ol.list-big-marker span {
  font-size: 1rem;
  line-height: 1.5;
  display: inline-block;
  vertical-align: text-top;
}

ol.list-big-marker li {
  margin-bottom: 1rem;
  padding-left: 0.5rem;
}

ol.list-big-marker li::marker {
  font-variant-numeric: lining-nums;
}


/* MENUS OVERVIEW */

.block-menus-overview {
  margin-top: 10rem;
  margin-bottom: 20rem;
}

@media (max-width: 767px) {
  .block-menus-overview {
    margin-top: 5rem;
  }
}

.menus-overview {
  display: flex;
  flex-wrap: wrap;
  gap: 6rem 6%;
  margin-top: 5rem;
  margin-bottom: 15rem;
  align-items: center;
  justify-content: center;
}

.menus-overview>div {
  flex-basis: calc(88% / 3);
}

@media (max-width: 767px) {
  .menus-overview>div {
    flex-basis: calc(88% / 2);
  }
}

.menu-card {
  display: flex;
  flex-direction: column;
  text-align: center;
}

@media (max-width: 767px) {
  .menu-card {
    margin-top: 0 !important;
  }
}

.menu-card a {
  display: block;
}

.heading-menu {
  font-size: 1.875rem;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 1.67;
  margin-top: 1.5rem;
}

/*  */

.menu-page {
  display: none;
}

.menu-page.active {
  display: block;
}

/*  */

.block-menu-selector {
  background-color: #fbf3f6;
  color: #327c6f;
  padding-top: 5rem;
  padding-bottom: 5rem;
  margin-top: 8rem;
}

.menu-selector {
  padding: 0 2rem;
  margin: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5rem;
}

.menu-selector li {
  font-size: 1.125rem;
  font-weight: 700;
  display: inline-block;
  text-transform: uppercase
}

.menu-selector a {
  color: inherit;
  padding: 1rem 2rem;
  display: inline-block;
  border: 1px solid;
}

.menu-selector li.active a {
  background-color: #327c6f;
  color: #fff;
}

.menu-wrap {
  padding-top: 4rem;
}

.heading-menu-page {
  font-size: 3.125rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 2rem;
  display: inline-block;
}

.heading-menu-page:after {
  content: '';
  display: block;
  width: 70%;
  height: 0.5rem;
  background-color: #327c70;
  margin-top: 1rem;
}

@media (min-width: 768px) {
  .menu-wrap {
    columns: 2;
    column-gap: 10%;
  }
}

.menu-wrap .menu-item {
  break-inside: avoid-column;
  border-bottom: 1px solid;
  margin-bottom: 1.5rem;
  padding: 0 1rem;
}

.menu-wrap .menu-item .heading-menu-item {
  font-size: 1.875rem;
  line-height: 1.2;
}

.menu-wrap .menu-item p {
  font-size: 1.875rem;
  line-height: 1.2;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}

.menu-wrap .menu-item p span:last-child {
  flex-shrink: 0;
}



/* CONTACT */

.section-contact {
  padding-top: 5rem;
  padding-bottom: 6rem;
}

.heading-contact {
  font-size: 3.125rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.15em;
  text-align: center;
  color: #327c6f;
  text-transform: uppercase;
  margin-bottom: 3rem;
}



/* WINE MENU */

.wine-menu-wrap {
  margin-top: 18rem;
}

.wine-menu-wrap a {
  display: inline-block;
  padding: 1rem 2rem;
  border: 1px solid;
  color: inherit;
  font-weight: 700;
  font-size: 1.25rem;
  letter-spacing: 0.1em;
}





.lang-switcher-wrap svg {
  position: absolute;
  right: .4em;
  top: 1em;
  display: block;
  pointer-events: none;
  width: .55em;
  height: .25em;
}

.lang-switcher-wrap {
  position: relative;
  margin-left: auto;
  font-size: 1.125rem;
  font-weight: 700;
  width: 3.75rem;
  height: 2.6875rem;
}

.lang-switcher {
  margin-bottom: 0;
  list-style: none;
  padding: 0;
  text-transform: uppercase;
  box-shadow: 0 0 0 .05em #fff;
  display: flex;
  flex-direction: column;
  width: 3.75rem;
  overflow: hidden;
  transition: .3s ease;
  font-size: inherit !important;
  justify-content: flex-start;
  height: 2.6875rem;
}

.lang-switcher:hover,
.lang-switcher:focus {
  height: calc(2.6875rem * 2);
}

.lang-switcher li {
  line-height: 1;
  height: 2.6875rem;
}

.lang-switcher li.active {
  display: block;
  pointer-events: none;
  order: -1
}

.lang-switcher li a {
  display: block;
  padding: 0.25rem 0.5rem;
  font-size: 1.125rem;
  color: #fff;
  height: 2.6875rem;
  display: flex;
  align-items: center;
}