@font-face {
    font-family: "Mediamoure regular italic";
    src: url(./Mediamoure_Regular/TTF/Mediamoure-RegularItalic.ttf);
    font-display: swap;
}

@font-face {
    font-family: "MFEK sans";
    src: url(./MFEK-Sans/fonts/variable/MFEK-Sans[TRMA,wght,wdth].ttf);
    font-display: swap;
}

html, body {
    font-family: "MFEK sans";
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-variation-settings: "wdth" 90;
}

.text {
    font-family: "MFEK sans";
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  font-variation-settings: "wdth" 100;
}

#index-body {
  padding-top: 5em; /* prevent navbar from covering body */
  background-color: #d2c1a7; /* light brown */
  /*background-color: #747a56;*/ /* olive green */
}

#footer {
  background-color: #b3a694; /* cold light brown */
}

h1, h2, h3, h4, h5, h6 {
  color: #312624;
}

p, text, a {
  color: #312624;
}

button {
  border-radius: 2em !important;
}

.accordion {
  --bs-border-radius: 2em;
  --bs-body-bg: #fbf0df;
/*  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem #ad512f30;*/
  --bs-accordion-btn-focus-box-shadow: none;
  --bs-accordion-active-color: black;
}

.accordion-button:not(.collapsed) {
  background-color: #ad512fbd;
  box-shadow: 0 0 0 0.25rem #ad512f30;
}

.navbar {
  border-radius: 2em;
  /*background-color: #fff9f0;*/ /* super light brown */
  /*background-color: #ad512f;*/ /* brick red */
  background-color: #747a56a8; /* olive green with some transparency */
  -webkit-backdrop-filter: blur(10px); /* Add this line first, it fixes blur for Safari*/
  backdrop-filter: blur(10px);
}

.nav-link {
  border-radius: 2em;
  font-weight: 650;
  font-variation-settings: "wdth" 80;
}

.nav-link:hover {
  background-color: #d2c1a787;
}

@keyframes slide-in {
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
    100% {
        transform: translateY(0rem);
        opacity: 1;
    }
}

.slide-in {
    -webkit-animation-name: slide-in;
    animation-name: slide-in;
    animation-duration: 0.7s;
    animation-fill-mode: both;
}

.dropdown-menu {
  border-radius: 2em !important;
  background-color: #888c73;
}

.dropdown-item {
  border-radius: 2em !important;
  --bs-dropdown-link-active-bg: #e4d2b854;
  font-weight: 650;
  font-variation-settings: "wdth" 80;
}

.dropdown-item:hover {
  background-color: #e4d2b854;
}

#form-message {
  height: 6em;
}

#form-privacy-consent-checkbox:checked {
  background-color: #717755;
  border-color: #717755;
}

.form-check-input:focus {
  border-color: #717755;
  box-shadow: 0 0 10px #717755;
}

.form-control:focus {
  border-color: #717755;
  box-shadow: 0 0 10px #717755;
}

.modal-dialog {
  --bs-modal-bg: #d2c1a7;
}

.goal-item {
  transition: all 0.5s ease;
  opacity: 0.6;
  transform: scale(0.7);
  user-select: none;
  cursor: pointer;
  font-weight: 550;
}

.goal-item.active {
  opacity: 1;
  transform: scale(1.3);
  color: #ad512f;
  font-weight: 550;
}