nav.shadow-sm {
  box-shadow: unset !important;
}

/* Postavljanje osnovnog stanja za linkove */
nav#bootstrap-navigation a.navigation-link {
  position: relative; /* Neophodno za pozicioniranje pseudo-elementa */
  text-decoration: none; /* Uklanja podvlačenje */
}

nav#bootstrap-navigation a.navigation-link::before {
  content: ""; /* Pseudo-element nema tekst, samo liniju */
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0; /* Početna širina je 0 */
  height: 2px; /* Debljina linije */
  background-color: #0a3143; /* Boja linije */
  transition: width 0.3s ease-in-out; /* Animacija koja će se desiti tokom 0.3 sekunde */
}

/* Efekat pri hoveru */
nav#bootstrap-navigation a.navigation-link:hover::before,
nav#bootstrap-navigation a.navigation-link.active::before {
  width: 100%; /* Kada se pređe mišem, linija se proširuje do 100% širine */
}

nav#bootstrap-navigation .dropdown-menu a:hover,
nav#bootstrap-navigation .dropdown-menu a:focus {
  background-color: #fff !important;
  color: #000 !important;
}

footer p {
  margin-bottom: 0;
}

.animated-heading {
  position: relative;
  display: inline-block;
  padding-bottom: 5px;
}

.animated-heading::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 5px;
  width: 0;
  background-color: #793600;
  transition: width 2s ease-out;
}

.animated-heading.in-view::after {
  width: 100%;
}

@media (max-width: 991px) {
  .cool-section .el__text {
    font-size: 15px !important;
  }
  .custom-page .navbar-toggler-line,
  .custom-page .scrolled .navbar-toggler-line {
    background-color: #0a3143;
  }
  .multi-custom-page .row.column-reverse {
    flex-direction: column-reverse;
  }
  .multi-custom-page .row p,
  .multi-custom-page .row h2 {
    text-align: center;
  }
  .vertical.custom-page .row ul {
    padding-left: 2px;
  }
  .about-cover,
  .about-cover::before {
    background-attachment: scroll !important;
    height: 55vh !important;
  }
}

@media (max-width: 767px) {
  div.cover-content {
    height: 65vh !important;
  }
  .cover-content::before {
    background-attachment: scroll !important;
    background-position: center !important;
  }
  .homepage-body {
    background-size: 130%;
    background-attachment: scroll;
    background-repeat: repeat;
  }
  .simple-section-1 ul,
  .simple-section-3 ol {
    padding-left: 0;
  }
  .simple-section-2 button {
    margin-top: 10px;
  }
  .about-page .images-crop {
    height: 200px !important;
  }
  .about-page .about-page-content ul {
    padding-left: 0;
  }
  .all-page-padding-top ul {
    padding-left: 0;
  }
  footer#footer_custom {
    align-items: center;
  }
  footer#footer_custom p,
  footer#footer_custom h2 {
    text-align: center;
  }
  footer#footer_custom .footer-content {
    flex-direction: column;
    align-items: center;
  }
  footer#footer_custom .footer-content div {
    width: 100%;
  }
  footer#footer_custom .align-items-end {
    align-items: center !important;
    justify-content: center !important;
  }
}