html {
  scroll-behavior: smooth;
}

.bg-op-grey {
    background-color: rgba(242, 242, 240, .5);
}

.bg-op-coffee {
    background-color: rgba(230, 224, 212, .75);
}

.bg-op-brown {
    background-color: rgba(217, 205, 191, .75);
}

.bg-sage {
    background-color: #b2beb5;
    cursor: pointer;
}

.bg-ash-gray {
  background-color: #b2beb5;
}

.bg-gray {
    background-color: #f2f2f0;
}

.bg-coffee {
    background-color: #E6e0d4;
}

.bg-dark {
    background-color: #3c3c40;
}

.bg-brown {
    background-color: #E6e0d4;
}

.roboto {
    font-family: 'Roboto', sans-serif;
}

.playfair {
    font-family: 'Playfair Display', serif;
}

.outfit {
    font-family: 'Outfit', sans-serif;
}   

.menu-contact {
  background-color: #b2beb5;
  font-family: 'Playfair Display', serif;
  color: white;
  padding: 10px 20px;
}

.menu-contact:hover {
  background-color: #b2beb5;
}

a {
    text-decoration: none;
}

/** MOBILE MENU **/

.mobile-menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  text-align: center;
}

.mobile-menu > .menu-item-has-children {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.mobile-menu > .menu-item-has-children > a {
  position: relative;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  font-weight: bold;
}

/* bar under parent */
.mobile-menu > .menu-item-has-children > a::after {
  content: '';
  display: block;
  height: 2px;
  width: 60%;
  background: white;
  margin: 0 auto;
}

/* child links inline */
.mobile-menu .sub-menu {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 0.25rem;
}

.mobile-menu .sub-menu li {
  margin: 0;
  font-weight: normal;
}

.splide--ttb .splide__track {
  height: 100%;
  overflow: hidden;
}

.splide--ttb .splide__list {
  display: flex;
  flex-direction: column;
}

.splide--ttb .splide__slide {
  width: 100% !important;
  display: flex;
  align-items: center;
}

#our-process-splide .splide__arrows[style] {
  display: flex !important;
}

#gform_1 {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
  padding: 40px;
}

#gform_fields_1 label {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 20px;
  letter-spacing: 6px;
}

#gform_submit_button_1 {
  font-family: 'Playfair Display', serif;
  font-size: 20px;
  background-color: #b2beb5;
  letter-spacing: 4px;
}

[x-cloak] {
  display: none !important;
}