:root {
  --color-1: #797d64;
  --color-2: #333221;
  --color-3: #daaa64;
  --color-4: #9F5740;
  --color-5: #B1876B;
  --color-6: #333221;
  --color-7: #F4EDE9;
}

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

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

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

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

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

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

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

.text-white {
  color: var(--color-7);
}

.bg-color-1 {
  background-color: var(--color-1);
}

.bg-color-2 {
  background-color: var(--color-2);
}

.bg-color-3 {
  background-color: var(--color-3);
}

.bg-color-4 {
  background-color: var(--color-4);
}

.bg-color-5 {
  background-color: var(--color-5);
}

.bg-color-6 {
  background-color: var(--color-6);
}

.bg-color-7 {
  background-color: var(--color-7);
}

.bg-white {
  background-color: var(--color-7);
}

.btn {
  padding: 8px 28px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 22px;
  box-shadow: rgba(100, 100, 111, 0.4) 0px 7px 29px 0px;
}

.btn:hover {
  box-shadow: none;
}

.btn-color-1 {
  border: 1px solid var(--color-1);
  background-color: var(--color-1);
  border-color: var(--color-1);
  color: white;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  color: white;
}
.btn-color-1:hover {
  background-color: transparent;
  border: 1px solid var(--color-1);
  color: var(--color-1);
}

.btn-color-1-hover:hover {
  background-color: var(--color-1) !important;
  border-color: var(--color-1) !important;
  color: white !important;
}

.btn-color-2 {
  border: 1px solid var(--color-2);
  background-color: var(--color-2);
  border-color: var(--color-2);
  color: white;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  color: white;
}
.btn-color-2:hover {
  background-color: transparent;
  border: 1px solid var(--color-2);
  color: var(--color-2);
}

.btn-color-2-hover:hover {
  background-color: var(--color-2) !important;
  border-color: var(--color-2) !important;
  color: white !important;
}

.btn-color-3 {
  border: 1px solid var(--color-3);
  background-color: var(--color-3);
  border-color: var(--color-3);
  color: white;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  color: #333221;
}
.btn-color-3:hover {
  background-color: transparent;
  border: 1px solid var(--color-3);
  color: var(--color-3);
}

.btn-color-3-hover:hover {
  background-color: var(--color-3) !important;
  border-color: var(--color-3) !important;
  color: #000000 !important;
}

.btn-color-4 {
  border: 1px solid var(--color-4);
  background-color: var(--color-4);
  border-color: var(--color-4);
  color: white;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  color: white;
}
.btn-color-4:hover {
  background-color: transparent;
  border: 1px solid var(--color-4);
  color: var(--color-4);
}

.btn-color-4-hover:hover {
  background-color: var(--color-4) !important;
  border-color: var(--color-4) !important;
  color: white !important;
}

.btn-color-5 {
  border: 1px solid var(--color-5);
  background-color: var(--color-5);
  border-color: var(--color-5);
  color: white;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  color: white;
}
.btn-color-5:hover {
  background-color: transparent;
  border: 1px solid var(--color-5);
  color: var(--color-5);
}

.btn-color-5-hover:hover {
  background-color: var(--color-5) !important;
  border-color: var(--color-5) !important;
  color: white !important;
}

.btn-color-6 {
  border: 1px solid var(--color-6);
  background-color: var(--color-6);
  border-color: var(--color-6);
  color: white;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  color: white;
}
.btn-color-6:hover {
  background-color: transparent;
  border: 1px solid var(--color-6);
  color: var(--color-6);
}

.btn-color-6-hover:hover {
  background-color: var(--color-6) !important;
  border-color: var(--color-6) !important;
  color: white !important;
}

.btn-color-7 {
  border: 1px solid var(--color-7);
  background-color: var(--color-7);
  border-color: var(--color-7);
  color: white;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  color: white;
}
.btn-color-7:hover {
  background-color: transparent;
  border: 1px solid var(--color-7);
  color: var(--color-7);
}

.btn-color-7-hover:hover {
  background-color: var(--color-7) !important;
  border-color: var(--color-7) !important;
  color: white !important;
}

.btn-white {
  border: 1px solid var(--color-7);
  background-color: var(--color-7);
  border-color: var(--color-7);
  color: white;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  color: #333221;
}
.btn-white:hover {
  background-color: transparent;
  border: 1px solid var(--color-7);
  color: var(--color-7);
}

.btn-white-hover:hover {
  background-color: var(--color-7) !important;
  border-color: var(--color-7) !important;
  color: white !important;
}

body {
  color: var(--color-6);
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 155%; /* 24.8px */
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: "Alice", serif;
  font-weight: 400;
  font-style: normal;
}

h1 {
  font-size: 75px;
  line-height: 96%; /* 72px */
  margin-left: -0.25rem;
}

h2 {
  font-size: 64px;
  line-height: 96%;
}

h3 {
  font-size: 36px;
  line-height: 96%;
}

h4 {
  font-size: 24px;
  line-height: 96%;
}

h5, .h5 {
  font-size: 28px;
}

a.link {
  text-decoration: none;
  color: inherit;
}

a.link:hover {
  color: #B1876B;
}

.link {
  text-decoration: none;
}

.navbar-brand img {
  max-width: 10vw;
}

.nav-item {
  margin-left: 41px;
}
.nav-item .nav-link {
  color: #0E0E0D;
  font-size: 16px;
  padding-left: 7px;
  padding-right: 7px;
}
.nav-item .nav-link:hover {
  color: #9F5740;
}

@media (min-width: 768px) {
  .dropdown:hover > .dropdown-menu {
    display: block;
  }
  .dropdown > .dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
    pointer-events: none;
  }
  .dropdown-menu {
    border-color: var(--color-6);
    background-color: var(--color-6);
  }
  .dropdown-item {
    color: var(--color-7);
  }
  .dropdown-item:hover {
    background-color: inherit;
    color: var(--color-7);
  }
}
.section-padding {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.section-padding-bottom {
  padding-bottom: 4rem;
}

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

.home-hero {
  height: 80vh;
}
.home-hero .img-container {
  height: 80vh;
  background: #000000;
}
.home-hero .img-container img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  opacity: 0.5;
}
.home-hero .text-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.icon {
  width: auto;
  height: 100px;
}

.v-border {
  height: 100%;
  width: 1px;
  background-color: #9F5740;
}

.h-border {
  width: 100%;
  height: 1px;
  background-color: #9F5740;
}

hr {
  border-color: #9F5740;
}

.call-to-action {
  background-image: url("/img/img_1896.webp");
  background-size: cover;
  background-position: center;
}
.call-to-action .background {
  position: absolute;
  inset: 0;
  background-color: #B1876B;
  mix-blend-mode: multiply;
}

.event-card .event-image {
  position: relative;
}
.event-card .event-image img {
  z-index: 1;
}
.event-card .event-image:after {
  content: "";
  width: 100%;
  height: 40%;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: var(--color-6);
  z-index: -1;
}
.event-card .border {
  width: 100%;
  height: 1px;
  background: var(--color-7);
}/*# sourceMappingURL=main.css.map */