@font-face {
	font-family: 'bely-display';
	src: url('../fonts/Bely-Display.woff2') format('woff2'),
	src: url('../fonts/Bely-Display.woff') format('woff'),
		 url('../fonts/Bely-Display.ttf') format('truetype'),
}
@font-face {
	font-family: 'bely';
	src: url('../fonts/Bely.eot');
	src: url('../fonts/Bely.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Bely.woff') format('woff'),
		 url('../fonts/Bely.ttf') format('truetype'),
		 url('../fonts/Bely.svg#Bely') format('svg');
}

/* common */
* {
	margin:0px;
	padding:0px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
body {
	font-family: 'bely-display', serif;
    background-color: #00211d;
}
img {
	border:0px;
	display:block;
	max-width: 100%;
}
a,input {
	outline:none;
	text-decoration: none;
	transition: all 0.3s;
}
ul,ol{
	padding: 0;
	margin: 0;
	list-style: none;
}
h1,h2,h3,h4,h5,h6{
	font-style: normal;
	font-family: Montserrat;
	color: #141316;
}
h1{
}
h2{
	font-weight: 400;
}
h3{
	color: #f0c286;
    -webkit-text-stroke-color: #e2dacc;
    margin-top: 0;
    margin-bottom: 15px;
    font-family: bely-display, sans-serif;
    font-size: 32px;
    font-weight: 400;
    line-height: 1.4;
}
h4{
}
h5{
}
h6{
}
.container-big{
	max-width: 1676px;
}

figure{
	margin: 0;
}
.container {
    z-index: 9;
    float: none;
    text-align: center;
    object-fit: fill;
    flex: 1;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    position: relative;
}
.d-flex{
	display: flex;
}
.justify-center{
	justify-content: center !important;
}
.justify-end{
	justify-content: end !important;
}
.justify-between{
	justify-content: space-between !important;
}
.align-center{
	align-items: center;
}
.container-2 {
    min-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
}
.w-container {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
}
.section {
    text-align: center;
    padding: 100px 60px 60px;
    display: block;
    position: relative;
}
.div-block{
	font-family: bely, sans-serif;
}
.grid-area{
	grid-area: span 1 / span 3 / span 1 / span 3;
}
.grid-area-1{
	grid-area: span 1 / span 1 / span 1 / span 1;
}
.grid-3 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

/* navbar */
.navbar-2 {
    background-color: #00211d;
}
.w-nav-brand {
    float: left;
    color: #333;
    text-decoration: none;
    position: relative;
}
.image-2 {
    min-height: 56px;
    max-height: 64px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.nav-menu-2 ul{}
.nav-menu-2 ul li{}
.nav-menu-2 ul li a{
	color: #e2dacc;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: bely, sans-serif;
    font-size: 16px;
    font-weight: 700;
    position: relative;
    padding: 21px 20px;
    display: inline-block;
}
.nav-menu-2 ul li.current_page_item a {
    color: #f0c286;
}
.menu-button-2{
	display: none;
}

/* hero-section */
.hero-section{
	grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: #00211d;
    color: #00211d;
    text-align: center;
    -webkit-text-fill-color: inherit;
    object-fit: fill;
    background-position: 50% 40%;
    background-repeat: no-repeat;
    background-size: 220%;
    background-clip: padding-box;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    height: 95vh;
    min-height: 700px;
    max-height: 1006.73px;
    padding: 24px 3% 56px;
    font-family: bely-display, sans-serif;
    display: flex;
    position: relative;
    overflow: hidden;
}
.image {
    object-fit: fill;
    margin: auto;
    display: block;
    position: static;
    overflow: hidden;
    width: 626px;
}
.heading-4.light.subtitle {
    margin-top: 40px;
    margin-bottom: 8px;
    padding-left: 20%;
    padding-right: 20%;
    font-size: 26px;
    line-height: 1.3;
    color: #f0c286;
}
.bg-image-section {
    background-color: #00211d;
    justify-content: center;
    align-items: center;
    height: 95vh;
    padding: 0;
    display: flex;
    overflow: hidden;
    position: relative;
}
.half-hero {
    justify-content: center;
    align-items: center;
    min-height: 60vh;
    padding: 60px;
    display: flex;
    position: relative;
    overflow: hidden;
    background-color: #806894;
}
.text-align-center {
    text-align: center;
}
.display-text.text-color-white {
    color: #fbb3c6;
    padding-left: 10%;
    padding-right: 10%;
    font-size: 96px;
    line-height: 1.1;
}

.parallax-wrap {
  position: relative;
  height: 95vh;
  overflow: hidden;
}
.parallax-img {
	width: 100%;
	height: 120%;
	object-fit: cover;
	will-change: transform;
	transform-style: preserve-3d;
}
@media only screen and (max-width: 768px) {
  .parallax {
    background-attachment: scroll;
  }
}

.section.full-frame {
    background-color: #00211d;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding-top: 160px;
    padding-bottom: 160px;
    display: flex;
}
.mini-bio-wrapper {
    width: 100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.display-long-text {
    color: #e2dacc;
    margin-bottom: 50px;
    font-family: bely-display, sans-serif;
    font-size: 52px;
    display: block;
}
.text-span-2 {
    color: #f0c286;
}
.text-span-4 {
    color: #80c6b0;
}
.text-span-6 {
    color: #e2dacc;
}

/* menu-section */
.menu-section{
	background-color: #c43c08;
}
.extra-padding {
    width: 100%;
    padding-left: 100px;
    padding-right: 100px;
}
.display-text {
    color: #00211d;
    margin-top: 0;
    margin-bottom: 0;
    font-family: bely-display, sans-serif;
    font-size: 72px;
    font-weight: 400;
    line-height: 1.4;
}
.display-text.text-color-vibrant-orange {
    color: #fbb3c6;
}
.bottom-margin-60px {
    margin-bottom: 60px;
}
.grid-3.menu-items {
    grid-column-gap: 80px;
    grid-row-gap: 50px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: auto;
    grid-auto-flow: row;
    margin-bottom: 60px;
    font-family: bely, sans-serif;
}
.title-wrapper {
    color: #e2dacc;
    justify-content: space-between;
    align-items: stretch;
    display: flex;
}
.menu-item-title {
    color: #fbb3c6;
    text-align: left;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 700;
	max-width: 320px;
}
.menu-item-title.price {
    color: #e2dacc;
}
.description-wrapper {
    width: 80%;
    margin-top: 15px;
}
.text-size-small {
    color: #e2dacc;
    text-align: left;
    font-size: 18px;
    font-weight: 400;
}

/* .cta-subtext.bigger */
.parallax-content{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
}
.cta-subtext.bigger {
    text-align: center;
    flex: 1;
    font-family: bely-display, sans-serif;
    align-self: auto;
    margin-left: 15%;
    margin-right: 15%;
    font-size: 96px;
    line-height: 1;
    color: #e2dacc;
    font-style: normal;
    font-weight: 400;
}
.text-span-5 {
    color: #fbb3c6;
}


/* footer */
.row {
    direction: ltr;
    flex-flow: column wrap;
    align-items: flex-start;
    display: flex;
}
.footer {
    background-color: #00211d;
    color: #00211d;
    padding-top: 80px;
    padding-left: 60px;
    padding-right: 60px;
    display: flex;
    position: relative;
}
.container.footer-margin {
    padding-bottom: 25px;
}
.footer-flex-wrapper {
    flex-direction: column;
    justify-content: space-between;
    display: flex;
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: stretch start;
}
.brand-logo {
	color: #fbb3c6;
    text-align: left;
    margin-bottom: 8px;
    font-family: bely-display, sans-serif;
    font-size: 80px;
    font-weight: 900;
    line-height: 1.4;
}
.text-block-8 {
	color: #fbb3c6;
    text-align: left;
    font-family: bely, sans-serif;
    font-size: 16px;
}
.row.footer-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    place-content: stretch space-around;
    min-height: 280px;
    display: grid;
}
.w-inline-block {
    max-width: 100%;
    display: inline-block;
}
.footer-links {
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr .25fr 1fr .25fr 1fr .25fr 1fr .25fr 1fr .25fr 1fr .25fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: flex-start;
    width: 80%;
    font-family: bely, sans-serif;
    display: flex;
}
.footer-link {
    color: #e2dacc;
    font-size: 16px;
    font-weight: 400;
}
.footer-link.bottom-margin-5px {
    margin-bottom: 5px;
    font-family: bely, sans-serif;
}
.text-block {
    color: #e2dacc;
    font-family: Fraunces, sans-serif;
    font-size: 32px;
    margin-bottom: 15px;
    font-family: bely-display, sans-serif;
}
.w-nav-button {
    float: right;
    cursor: pointer;
    -webkit-tap-highlight-color: #0000;
    tap-highlight-color: #0000;
    -webkit-user-select: none;
    user-select: none;
    padding: 18px;
    font-size: 24px;
    display: none;
    position: relative;
}
.w-nav-button .icon i{
	color: #e2dacc;
}
.menu-section.faq-page{
    background-color: rgb(51 92 79);
}
.faq-page .container{
    display: block;
}
.faq-page .row{
    flex-flow: row;
    flex-wrap: wrap;
}
.faq-page .faq-panel{
    text-align: left;
    color: #e2dacc;
    font-size: 18px;
    font-family: 'bely', serif;
    margin-bottom: 50px;
}
.faq-page .col-4{
    padding: 0px 15px;
    width: 25%;
}
.faq-heading{
    font-size: 20px;
    margin-bottom: 20px;
    color: #fbb3c6;
    font-family: 'bely-display', serif;
}
.accordion {
  max-width: 80%;
  margin: 20px auto;
  border-radius: 8px;
  overflow: hidden;
font-family: 'bely', serif;
}

.accordion-item {
  border-bottom: 1px solid #ddd;
}

.accordion-header {
  width: 100%;
  background-color: #00211d;
  color: #e2dacc;
  border: none;
  padding: 15px;
  font-size: 20px;
  text-align: left;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
    font-family: 'bely-display', serif;
}
.accordion-header:hover {
  color: #e2dacc;
}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  background: #fff;
  padding: 0 15px;
  text-align: left;
  font-size: 18px;
  background-color: #00211d;
  color: #e2dacc;
}

.accordion-content p {
  margin: 15px 0;
}
.accordion-item .icon{
    font-size: 26px;
    font-weight: 700;
}
.accordion-item.active .accordion-content {
  max-height: 200px;
}
.accordion-item.active .icon {
  transform: rotate(45deg);
}
.accordion-item.active .accordion-header{
    color: #00211d;
    background-color: #e2dacc;
}

/* event-section */
.event-page p{
    color: rgb(240 194 134);
    font-size: 26px;
}
.event-section{
    background-color: #00211d;
}
.event-container{
    max-width: 1536px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.event-row{
    margin-left: -15px;
    margin-right: -15px;
    display: flex;
}
.col-6{
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
}
.event-panel{
    background-color: rgb(51 92 79);
    padding: 40px 20px;
    margin-bottom: 40px;
}
.text-xl{
    font-size: 20px;
    letter-spacing: 4px;
    color: #ffffff;
}
.date-panel>div{
    width: 33.33%;
}
.date-panel{
    color: rgb(226, 218, 204);
    padding-bottom: 40px;
}
.date-panel .opacity-60{
    color: rgb(226, 218, 204);
    letter-spacing: 0.8px;
    opacity: 0.6;
}
.reserve-btn{
    background-color: rgb(240 194 134);
    color: #00211d;
    padding: 8px 15px;
    display: block;
    margin: 20px 0px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.event-content{
    font-size: 18px;
    letter-spacing: 0.8px;
    font-family: bely, sans-serif;
    text-align: left;
    color: #e2dacc;
}
.event-content h4{
    color: #e2dacc;
    margin-bottom: 15px;
    font-size: 20px;
}
.event-content p{
    margin-bottom: 20px;
}
.event-content ul{
    padding-left: 20px;
    list-style: disc;
    margin: 20px 0px;
}

@media screen and (max-width: 1280px) {
    .faq-page .col-4{
        width: 33.33%;
    }
}
@media screen and (max-width: 991px) {
    .display-text.text-color-white {
        font-size: 40px;
    }
    .half-hero {
        min-height: 50vh;
        padding-left: 5%;
        padding-right: 5%;
    }
	.menusection{
		position: relative;
	}
    .menu-button-2 {
	    display: block;
	}
	.nav-menu-2.w-nav-menu{
		position: absolute;
		top: 60px;
		letter-spacing: 0px;
		text-align: center;
	    min-width: 200px;
	    position: absolute;
	    left: 0;
	    right: 0;
	    overflow: hidden;
	    display: block !important;
	    background-color: #335c4f;
        height: 0px;
        max-height: 100vh;
        z-index: 99;
        transition-duration:.2s;
        transition-timing-function:ease-in-out;
        transition-property:all;
	}
	.w-nav-button {
	    font-size: 16px;
	}
	.nav-menu-2.w-nav-menu.active{
        height: 100vh;
	}
	.nav-menu-2 ul {
	    flex-direction: column;
        padding-top: 80px;
	}
	.nav-menu-2 ul li {
	    width: 100%;
	}
	.nav-menu-2 ul li a{
		font-size: 32px;
		max-width: 728px;
	}
	.hero-section {
        background-size: 340%;
        height: 50vh;
        padding-bottom: 24px;
        padding-left: 5%;
        padding-right: 5%;
    }
    .hero-section .image {
        max-width: 80%;
    }
    .parallax-wrap {
        height: 50vh;
    }
    .section {
        padding-left: 5%;
        padding-right: 5%;
    }
    .extra-padding {
		padding-left: 0px;
		padding-right: 0px;
	}
	.display-text {
        font-size: 64px;
    }
    .cta-subtext.bigger {
        font-size: 80px;
    }
    .footer {
        padding-left: 5%;
        padding-right: 5%;
    }
    .brand-logo {
        font-size: 70px;
    }
    .col-6{
        width: 100%;
    }
    .event-page p {
        font-size: 22px;
    }
    .accordion {
        max-width: 100%;
    }
    .faq-page .col-4{
        width: 50%;
    }
}
@media screen and (max-width: 767px) {
    .display-long-text {
        font-size: 46px;
    }
    .display-text {
        font-size: 54px;
    }
    .grid-3.menu-items {
        grid-column-gap: 60px;
        grid-template-columns: 1fr 1fr;
    }
    .grid-area {
	    grid-area: span 2 / span 2;
	}
	.cta-subtext.bigger {
        font-size: 60px;
        margin-left: 0;
    	margin-right: 0;
    }
    .row.footer-grid {
        grid-column-gap: 0px;
        grid-row-gap: 30px;
        grid-template-columns: 1fr;
    }
    .heading-4.light.subtitle {
        margin-top: 24px;
        padding-left: 10%;
        padding-right: 10%;
        text-align: center;
    }
    .faq-heading {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .faq-page .faq-panel {
        margin-bottom: 25px;
    }
    .faq-page .col-4{
        width: 100%;
    }
	.event-row {
		display: block;
	}
}
@media screen and (max-width: 479px) {
    .hero-section {
        background-size: 700%;
        height: 90vh;
    }
    .parallax-wrap {
        height: 70vh;
    }
    .display-long-text {
        margin-bottom: 0;
        font-size: 24px;
    }
    .section.full-frame {
        min-height: 50vh;
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .section.full-frame.text {
        padding-left: 10%;
        padding-right: 10%;
    }
    .display-text {
        font-size: 42px;
    }
    .grid-3.menu-items {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        grid-template-columns: 1fr;
    }
    .grid-area {
	    grid-area: span 1 / span 1;
	}
	h3 {
        text-align: left;
        font-size: 24px;
    }
	.event-panel h3{
		text-align:center;
	}
    .cta-subtext.bigger {
        font-size: 40px;
        margin-left: 15%;
   		margin-right: 15%;
    }
    .brand-logo {
        text-align: left;
        font-size: 50px;
    }
    .footer{
    	padding-bottom: 100px;
    }
    .footer-links{
    	width: 100%;
    }
    .half-hero {
        flex-wrap: wrap;
        align-content: center;
        min-height: 30vh;
    }
    .heading-4.light.subtitle {
        margin-top: 24px;
        padding-left: 10%;
        padding-right: 10%;
        font-size: 20px;
    }
}