#index-page a {
  color: #0089C7 !important;
  text-decoration: underline !important;
  text-decoration-color: #0089C7 !important;
}

#index-page a:hover {
  color: #006a9b !important;
}

footer.bg-dark .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.logo {
  height: 3rem;
  padding-right: 1em !important;
}

.center-button {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.header-font {
  font-family: var(--sf-font-header);
}

#sluzby h1, #sluzby h2, #sluzby h3, #sluzby h4, #sluzby h5, #sluzby h6 {
  font-family: var(--sf-font-header) !important;
}

.flexbox-with-row {
  position: relative;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  font-size: 0.9rem;
}

#nkcrLogo {
  height: 4rem;
}

footer a {
  text-decoration-color: #fff !important;
  font-size: 0.9rem;
  color: #fff !important;
}

footer a:hover {
  color: #fff !important;
  text-decoration-color:#fff !important;
  opacity: 60%;
}

footer img:hover {
  opacity: 60%;
}

.no-cell-padding-table > :not(caption) > * > * {
  padding: 0 !important;
}

#sluzby p {
  margin-bottom: 1.75rem !important;
}

/* Menu button moves to the right */
.navbar-toggler {
  margin-left: auto; /* Pushes the button to the right on wrap */
}

.navbar-brand {
  white-space: normal; /* Allow text wrapping */
  overflow: hidden; /* Prevent text from overflowing */
  text-overflow: ellipsis; /* Add an ellipsis if the text is too long */
}

/* External back the the top button */
#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  background-color: var(--sf-icon-color);
  border-color: var(--sf-icon-color);
  z-index: 4000;
  border: 0;
}

.full-height {
  height: 100vh;
  object-fit: cover;
}

#leafletBranch a, #leafletOffice a{
  text-decoration: none !important;
  color: #000 !important;
}

.cardBorder {
  --bs-card-border-width: 1px;
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: 0.375rem;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}

#sluzby h2 {
  margin-bottom: 1em;
}

#contact td, #openingHours td, #officePhone td, #branchPhone td, #branchHours td {
  padding: 0em;
}

/* #contact td:first-child {
  white-space: nowrap;
} */


.card {
  align-items: center !important;
}

.cardImage {
  align-self: flex-start !important;
}

@media (max-width:767.98px) {
  footer div.container {
    flex-direction: column !important;
  }

  footer div.container div:first-child {
    margin-bottom: 1.5em;
    margin-top: 1em;
  }

  footer div.container div:first-child p:last-child {
    justify-content: center;
  }

  .Map {
    height: 40vh !important;
  }
}

@media (max-width:992px) {
  #index-page {
    padding-left: 3rem;
    padding-right: 3rem;
    max-width: none;
  }
}


.scrolled .header {
  --background-color: var(--sf-navbar-footer-color);
}

.copyright p {
  opacity: 70%;
}

.footer-about p {
  font-family: var(--sf-font-body) !important;
}

.flexbox-with-row {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}


.about .about-img {
  position: relative;
  margin: 0;
  margin-bottom: 2em !important;
}

#notice div {
  padding: 0 !important;
}

#notice div h2 {
  margin: 0 !important;
}


#leafletContainer {
  height: 100%;
  width: 100%;
}

#leafletOffice, #leafletBranch {
  border-radius: 5px;
}

.leaflet-item {
  padding: 0 !important;
}

.Map {
  z-index: 0 !important;
}

#kontakt p {
  color: #000;
  font-size: 1em !important;
}

@media (max-width:768px) {
  h1.sitename {
    font-size: 1.5rem !important;
  }

  #notice h2 {
    font-size: 1.5rem !important;
  }

  .carousel-container h2 {
    font-size: 1.5rem !important;
    margin-bottom: 0.5em !important;
  }
}

.w-80 {
  width: 80%;
}

#sluzby p, #additional p, #kontakt span {
  color: #000 !important;
}
/* 
#description-container ul, #description-container p {
  width: 60% !important;
}


@media (min-width: 1024px) {
  .hero ul {
      max-width: 60%;
  }
} */


/* #description-container p {
  width: var(--ul-width);
  max-width: var(--ul-width);
} */


#description-container p {
  text-align: center;
}

#notice .container {
  background-color: var(--sf-notice-button-color);
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

#notice .container h2 {
  color: #fff;
}


#notice h2 {
  font-weight: normal !important;
  font-family: var(--sf-font-header) !important;
  font-size: 1.7rem !important;
}