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: #fff; /* Boja linije */
  transition: width 0.3s ease-in-out; /* Animacija koja će se desiti tokom 0.3 sekunde */
}

nav#bootstrap-navigation.scrolled a.navigation-link::before {
  background-color: #1330ad;
}
/* 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 */
}

.cover-info {
  position: absolute;
  bottom: 70px;
  left: 30px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 15px;
}

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

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

.footer-v2 .border-bottom {
  border-bottom-color: #2869b9 !important;
}

/*navigation on custom page start*/

.custom-page nav#bootstrap-navigation,
.custom-page nav#bootstrap-navigation.scrolled {
  background-color: #2869b9;
}

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

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

.multi-custom-page h1 {
  margin-bottom: 50px;
  text-align: center;
  text-transform: uppercase;
  color: #2869b9;
}

.multi-custom-page .card {
  width: 80%;
  margin: 0 auto;
}

.multi-custom-page .row {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: center;
  margin: 0 auto;
}

.multi-custom-page .col-lg-6 {
  padding: 0;
}

.multi-custom-page .image-left {
  display: flex;
  align-items: center;
}

.multi-custom-page .image-left img {
  width: 100%;
  padding: 20px;
}

.multi-custom-page .text-right {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  /*border-left: 2px solid #000;*/
  padding: 20px;
}

.multi-custom-page .text-right p {
  text-align: left;
}

.multi-custom-page .text-below {
  padding: 50px 20px 20px 20px;
}

/* .multi-custom-page .image-right {
  border-left: 2px solid #000;
} */

.multi-custom-page .text-below p {
  text-align: left;
}

.multi-custom-page .text-below ul {
  list-style-type: square;
}

@property --angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

.multi-custom-page .card {
  border-radius: 0;
  border-color: transparent;
  border-width: 2px;
}

.multi-custom-page .card::after,
.multi-custom-page .card::before {
  content: "";
  position: absolute;
  background-image: conic-gradient(from var(--angle), transparent 70%, #2869b9);
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  z-index: -1;
  padding: 10px;
  box-sizing: content-box;
  border-radius: 0;
  animation: move 5s linear infinite;
}
.multi-custom-page .card::before {
  filter: blur(30px);
  opacity: 0.7;
}
@keyframes move {
  from {
    --angle: 0deg;
  }
  to {
    --angle: 360deg;
  }
}
.multi-custom-page .card:is(:hover) h2::after {
  width: 100%;
}

/*custom pages end*/

/* @media (max-width: 1600px) {
  main .cover-content {
    height: 80vh !important;
  }
} */

@media (max-width: 1400px) {
  /* main .cover-content {
    height: 60vh !important;
  } */
  .multi-custom-page .card {
    width: 98%;
  }
}

/* @media (max-width: 1200px) {
  main .cover-content {
    height: 40vh !important;
  }
} */

@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: #fff;
  }
  .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) {
  .cover-info {
    bottom: 40px;
    left: 10px;
  }
  .cover-info p {
    font-size: 0.8em;
  }
  .cover-content::before {
    background-attachment: scroll !important;
  }
  /* 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;
  }
}