body {
  font-family: 'Karla', sans-serif;
  font-weight: lighter;
}

p {
  line-height: 1.7em;
  /* text-align: justify; */
}

.font-menu {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 80%;
}

.bg-light {
  background-color: #ebded5 !important;
}

.bg-dark {
  background-color: #d0b8a7 !important;
}

.font-header, h3, h4, h5, h6 {
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif
  /* font-family: 'Karla', sans-serif; */
}

.font-init {
  font-size: 300%;
}

.highlight {
  font-size: large;
  color: #5a4130;
}

a {
  color: #5a4130;
}

#procedury a {
  color: var(--bs-heading-color);
  text-decoration: none;
}

/* Solves the problem with anchor links from scrolling behind a sticky header */
/*   https://gomakethings.com/how-to-prevent-anchor-links-from-scrolling-behind-a-sticky-header-with-one-line-of-css/ */
main section {
  scroll-margin-top: 75px;
}

.bg-fixed {
  background-attachment: fixed;
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

.opacity-95 {
  opacity: .95 !important;
}

.text-left {
  text-align: left !important;
}

.table {
  --bs-table-bg: #ebded5;
}

.note {
  font-size: smaller;
}

.box-shadow-inset {
  box-shadow: inset 0px -10px 15px #5a4130, inset 0px 10px 15px #5a4130;
}

.btn-more {
  --bs-btn-bg: #ebded5;
  --bs-btn-border-color: #d0b8a7;
  --bs-btn-border-radius: 0;
  --bs-btn-hover-bg: #d0b8a7;
}

.map {
   border: none;
   aspect-ratio: 3 / 2;
}

.border-dark {
  border-color: #5a4130 !important;
}