@media (min-width: 1200px) {
	.orbis-sidebar {
		padding-right: 30px;
	}
}

@media (max-width: 922px) {
	.orbis-sidebar {
		width: ;
	}
}

.sidebar-logo {
  text-align: left;
  margin-bottom: 30px;
	margin-left: -10px;
}

.sidebar-logo img {
  max-width: 70%;
	width: 75%;
  height: auto;
}

#sidebar-menu {
  list-style: none;
  padding-left: 0;
	padding-bottom: 30px;
}

#sidebar-menu .menu-item {
  font-size: 18px;
  font-weight: 900;
  font-family: 'Nunito Sans',sans-serif;
}

.flex-lista {
	display: flex;
	justify-content: space-between; /* Razmak između teksta i ikone */
    align-items: center; /* Vertikalno centriranje ikone */
	color: #333;
	transition: all .2s linear;
	cursor: pointer;
}

.flex-lista:hover {
	color: #51B9EC;
}

#sidebar-menu .menu-item a {
  text-decoration: none;
  color: #333;
  display: block;
  text-transform: lowercase;
}
#sidebar-menu .menu-item a::first-letter {
	text-transform: uppercase;
}

#sidebar-menu .menu-item a:hover {
	color: #51B9EC;
}

li.sub-menu {
	font-size: 16px;
}

/* Osnovni stil za nested listu */
.nested {
	padding-left: 15px;
    display: block; /* Za razliku od display: none, koristimo ovo da bi se tranzicija mogla primijeniti */
    max-height: 0; /* Sakriva sadržaj kad je lista zatvorena */
    overflow: hidden; /* Sakriva sadržaj izvan max-height */
    opacity: 0; /* Sakriva sadržaj pomoću opacity */
    transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Dodaje tranziciju na max-height i opacity */
}
.nested.active {
    max-height: 1000px; /* Dovoljno velika vrednost za otvaranje, može se povećati prema potrebi */
    opacity: 1; /* Vidljivo */
}
@media (max-width: 922px) {
	.nested.active {
		padding-left: 20px;
	}
}

.active {
    display: block;
}

.fa-chevron-down, .fa-chevron-up {
    margin-left: auto; /* Ikona ide skroz desno */
    font-size: 16px; /* Veličina ikone */
}

.sidebar-links {
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
	font-weight: 900;
	line-height: 2em;
	font-size: 14px;
  padding: 25px 0;
}

.sidebar-links a {
  color: #333;
  text-decoration: none;
  display: block;
}

.sidebar-links a:hover {
	color: #51B9EC;
}

.sidebar-icons {
  padding: 30px 0;
  text-align: left;
}

.sidebar-icons a .icon {
  margin-right: 15px;
	color: #333;
	transition: color 0.1s ease;
}

.sidebar-icons a:hover .icon {
	color: #51B9EC;
}

.sidebar-search input {
  width: 100%;
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 5px;
}

.sidebar-social {
  text-align: center;
  margin-top: 15px;
}

.sidebar-social a {
  color: #333;
  font-size: 20px;
  text-decoration: none;
}