@charset "UTF-8";
/* Mixins
================================================== */
/* Breakpoints
================================================== */
/*
320px – very small phones (old iPhones, edge cases)

375px – modern iPhone width (very common)

450px – large phones / Pro Max

768px – iPad portrait

1024px – iPad landscape

1280px – common laptop

1440px – large monitors

1920px – full HD (usually max-width, not layout change)









*/
.background-color-charcoal {
  background-color: var(--color-charcoal);
}

.border-color-charcoal {
  border-color: var(--color-charcoal);
}

.color-charcoal {
  color: var(--color-charcoal);
}

.color-scheme-charcoal {
  background-color: var(--color-charcoal);
}

.background-color-mahogany {
  background-color: var(--color-mahogany);
}

.border-color-mahogany {
  border-color: var(--color-mahogany);
}

.color-mahogany {
  color: var(--color-mahogany);
}

.color-scheme-mahogany {
  background-color: var(--color-mahogany);
}

.background-color-dune {
  background-color: var(--color-dune);
}

.border-color-dune {
  border-color: var(--color-dune);
}

.color-dune {
  color: var(--color-dune);
}

.color-scheme-dune {
  background-color: var(--color-dune);
}

.background-color-stone {
  background-color: var(--color-stone);
}

.border-color-stone {
  border-color: var(--color-stone);
}

.color-stone {
  color: var(--color-stone);
}

.color-scheme-stone {
  background-color: var(--color-stone);
}

body {
  color: var(--color-charcoal);
  background-color: #F5F2EE;
}
body .menu-button,
body a {
  color: var(--color-charcoal);
}
body .menu-button:focus, body .menu-button:hover,
body a:focus,
body a:hover {
  color: var(--color-stone);
}
body .current-menu-item a {
  color: var(--color-stone);
}
body .logo {
  filter: brightness(0) saturate(100%) invert(9%) sepia(22%) saturate(1749%) hue-rotate(341deg) brightness(93%) contrast(101%);
}
@media (max-width: 989px) {
  body .main-header {
    background-color: #f5f2ee;
  }
  body .main-header:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 3em;
    transform: rotate(180deg);
    background: linear-gradient(0deg, #f5f2ee 0%, rgba(245, 242, 238, 0) 100%);
  }
  body .main-header:before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    height: 3em;
    background: linear-gradient(0deg, #f5f2ee 0%, rgba(245, 242, 238, 0) 100%);
  }
}

.mobile-menu,
.page-id-home,
.page-id-contact {
  color: #FFF;
  /* Internet Explorer 10–11 */
  /* Legacy Microsoft Edge */
}
.mobile-menu input[value=Submit],
.mobile-menu .btn,
.mobile-menu a.btn,
.mobile-menu input[type=text],
.mobile-menu input[type=email],
.mobile-menu input[type=search],
.mobile-menu input[type=date],
.mobile-menu input[type=tel],
.mobile-menu input[type=number],
.mobile-menu input[type=password],
.mobile-menu select,
.mobile-menu textarea,
.page-id-home input[value=Submit],
.page-id-home .btn,
.page-id-home a.btn,
.page-id-home input[type=text],
.page-id-home input[type=email],
.page-id-home input[type=search],
.page-id-home input[type=date],
.page-id-home input[type=tel],
.page-id-home input[type=number],
.page-id-home input[type=password],
.page-id-home select,
.page-id-home textarea,
.page-id-contact input[value=Submit],
.page-id-contact .btn,
.page-id-contact a.btn,
.page-id-contact input[type=text],
.page-id-contact input[type=email],
.page-id-contact input[type=search],
.page-id-contact input[type=date],
.page-id-contact input[type=tel],
.page-id-contact input[type=number],
.page-id-contact input[type=password],
.page-id-contact select,
.page-id-contact textarea {
  color: #FFF;
}
.mobile-menu input[value=Submit]:focus, .mobile-menu input[value=Submit]:hover,
.mobile-menu .btn:focus,
.mobile-menu .btn:hover,
.mobile-menu a.btn:focus,
.mobile-menu a.btn:hover,
.page-id-home input[value=Submit]:focus,
.page-id-home input[value=Submit]:hover,
.page-id-home .btn:focus,
.page-id-home .btn:hover,
.page-id-home a.btn:focus,
.page-id-home a.btn:hover,
.page-id-contact input[value=Submit]:focus,
.page-id-contact input[value=Submit]:hover,
.page-id-contact .btn:focus,
.page-id-contact .btn:hover,
.page-id-contact a.btn:focus,
.page-id-contact a.btn:hover {
  color: var(--color-charcoal);
  background-color: #fff;
  border-color: #fff;
}
.mobile-menu input::placeholder,
.mobile-menu textarea::placeholder,
.page-id-home input::placeholder,
.page-id-home textarea::placeholder,
.page-id-contact input::placeholder,
.page-id-contact textarea::placeholder {
  color: #fff;
  opacity: 1;
}
.mobile-menu input:-ms-input-placeholder,
.mobile-menu textarea:-ms-input-placeholder,
.page-id-home input:-ms-input-placeholder,
.page-id-home textarea:-ms-input-placeholder,
.page-id-contact input:-ms-input-placeholder,
.page-id-contact textarea:-ms-input-placeholder {
  color: #fff;
}
.mobile-menu input::-ms-input-placeholder,
.mobile-menu textarea::-ms-input-placeholder,
.page-id-home input::-ms-input-placeholder,
.page-id-home textarea::-ms-input-placeholder,
.page-id-contact input::-ms-input-placeholder,
.page-id-contact textarea::-ms-input-placeholder {
  color: #fff;
}
.mobile-menu .menu-button,
.mobile-menu a,
.page-id-home .menu-button,
.page-id-home a,
.page-id-contact .menu-button,
.page-id-contact a {
  color: #FFF;
}
.mobile-menu .menu-button:focus, .mobile-menu .menu-button:hover,
.mobile-menu a:focus,
.mobile-menu a:hover,
.page-id-home .menu-button:focus,
.page-id-home .menu-button:hover,
.page-id-home a:focus,
.page-id-home a:hover,
.page-id-contact .menu-button:focus,
.page-id-contact .menu-button:hover,
.page-id-contact a:focus,
.page-id-contact a:hover {
  color: var(--color-stone);
}
.mobile-menu .current-menu-item a,
.page-id-home .current-menu-item a,
.page-id-contact .current-menu-item a {
  color: var(--color-stone);
}
.mobile-menu .logo,
.page-id-home .logo,
.page-id-contact .logo {
  filter: invert(1);
}

@media (max-width: 989px) {
  .page-id-home .main-header {
    background-color: rgba(0, 0, 0, 0.2);
  }
  .page-id-home .main-header:after {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  }
  .page-id-home .main-header:before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    height: 3em;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  }
}

.page-id-contact,
.color-scheme-charcoal {
  background-color: var(--color-charcoal);
}
@media (max-width: 989px) {
  .page-id-contact .main-header,
.color-scheme-charcoal .main-header {
    background-color: var(--color-charcoal);
  }
  .page-id-contact .main-header:after,
.color-scheme-charcoal .main-header:after {
    background: linear-gradient(0deg, #281204 0%, rgba(40, 18, 4, 0) 100%);
  }
  .page-id-contact .main-header:before,
.color-scheme-charcoal .main-header:before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    height: 3em;
    background: linear-gradient(0deg, #281204 0%, rgba(40, 18, 4, 0) 100%);
  }
}