.homepage-body {
  background-image: url("../custom/homepage/background_image.jpeg");
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

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 */
}

.social-side li {
  opacity: 0.5;
}

.social-side li:hover {
  opacity: 1;
}

.section-column img {
  max-width: 60%;
  margin: 0 auto;
}

.cover-info {
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 15px;
  transform: translate(-50%, -50%);
  text-align: center;
}

.cover-info a {
  color: #fff;
  text-decoration: none;
}

.cover-info a:hover {
  color: #fff;
  text-decoration: underline;
}

.footer-v2 .border-bottom {
  border-bottom-color: #0a3143 !important;
}

/*navigation on custom page start*/

/* .custom-page nav#bootstrap-navigation,
.custom-page nav#bootstrap-navigation.scrolled {
  background-color: #0a3143;
}

.custom-page nav#bootstrap-navigation a.nav-link,
.custom-page nav#bootstrap-navigation.scrolled a.nav-link {
  color: #fff;
} */

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

/*navigation on custom page end*/

#text_image_section {
  border-top: 2px solid #fff;
}

#text_image_section,
#section_column,
#simple_section_1,
#gallery-v2 {
  box-shadow: inset 2000px 2000px rgba(0, 0, 0, 0.6);
}

#gallery-v2 h2 {
  padding-bottom: 50px;
}

/*simple-section-2 start*/

.simple-section-2 label {
  color: #fff;
}

.simple-section-2 select {
  border: 1px solid #fff;
  background: #fff;
}

.simple-section-2 button {
  padding-top: 3px;
  margin-top: -5px;
}

/*simple-section-2 end*/

/*simple-section-3 start*/
.simple-section-3 ol,
.simple-section-3 li {
  width: 100%;
  margin: 0 auto;
  color: #fff;
}
.simple-section-3 ol {
  list-style-type: none;
}
/*simple-section-3 end*/

/*album-section start*/
.album-section .card-text a {
  color: #2869b9;
}
.album-section .card-text a:hover {
  color: #000;
}
/*album-section end*/

/*crop section start*/
.images-crop .block div {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 5px;
}
/*crop section end*/

/*about page start*/
.about-page-content h2,
.about-page-content p {
  color: #fff;
}
/*about page end*/

/*custom pages start*/
.custom-page.preuzimanja h1 {
  color: #0a3143;
}

@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: 60vh !important;
  }
  .cover-info {
    width: 250px;
  }
  .cover-info img {
    width: 50% !important;
  }
  .cover-info p {
    font-size: 0.8em;
  }
  .cover-content::before {
    background-attachment: scroll !important;
  }
  .homepage-body {
    background-size: 130%;
    background-attachment: scroll;
    background-repeat: repeat;
  }
  /* div.cover-content {
    height: 85vh !important;
  } */
  .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;
  }
}