/* @import url('neoplanta-user.css'); */
/* @import url('lingva-user.css'); */

:root{ scrollbar-color: #72787f #16202c;}


body {  
  /* font-family: 'Neoplanta BG', serif;  */
  font-size: 1.25em;
  background-color: #fcffff;
}


body {  
    /* font-family: Tahoma, Roboto, Geneva, sans-serif;  */
}


h1, h2, h3, h4, h5 {
  /* font-family: Tahoma, Roboto, Geneva, sans-serif; */
  /* font-family: 'Roboto', sans-serif; */
}


div.mod-languages ul li.lang-active {
  background-color: #324C67;
  border-radius: 4px;
  
}


/* Primena pravila samo na ekranima širine do 767px (uobičajeno za mobilne telefone) */
@media (max-width: 767px) {
    /* Ograničava vidljive linkove paginacije na 5 na manjim ekranima */
    ul.pagination.ms-0.mb-4 li.page-item:nth-child(n+8):not(.disabled):not(:nth-last-child(-n+2)) {
        display: none;
    }
}


@media (max-width: 991px) {
  .site-grid {
    grid-template-areas: 
      ". banner banner banner banner ." 
      ". top-a top-a top-a top-a ." 
      ". top-b top-b top-b top-b ." 
      ". comp comp comp comp ." 
      ". side-l side-l side-l side-l ." 
      ". side-r side-r side-r side-r ." 
      ". bot-a bot-a bot-a bot-a ." 
      ". bot-b bot-b bot-b bot-b .";
  }
}

body:not(.has-sidebar-right) .site-grid .container-component {
  grid-column-end: main-end;
  padding-right: 6px;
  padding-left: 6px;
}

/* Prikaz podmenija pri hoveru (desktop) */
@media (min-width: 768px) { /* Prilagodite ovu vrednost vašem breakpointu */
    .metismenu.mod-menu > li:hover > ul {
        display: block !important;
    }
    /* Ako želite da uklonite strelicu na desktopu */
    /*.metismenu.mod-menu .mm-toggler::after { */
     /*   display: none; */
    /*} */
}


/* Osnovni stilovi za MetisMenu */
.metismenu.mod-menu ul {
    display: none; /* Sakrij sve podmenije po defaultu */
    position: absolute; /* Ovo će se verovatno morati prilagoditi za responsive */
    top: 100%;
    left: 0;
    z-index: 1000;
}


.metismenu.mod-menu .metismenu-item > a {
  white-space: normal;
  /* width: 95px; */
}


/* Stilovi za responsive prikaz (mobilni/tablet) */
@media (max-width: 767px) { /* Prilagodite ovu vrednost vašem breakpointu */
    .metismenu.mod-menu ul {
        /* display: block !important; /* Pokaži podmeni kada je aktivan - zeza kad je mob, sve otvoreno */
        position: relative; /* Promenite poziciju */
        width: 100%; /* Puna širina */
        top: auto;
        left: auto;
        z-index: auto;
        margin-left: 15px; /* Dodajte uvlačenje za vizuelno odvajanje */
    }

    /* Sakrijemo podmenije dok se ne aktiviraju */
    .metismenu.mod-menu > li > ul {
        /* display: none !important; */
    }

    /* Klasa koja će se dodavati preko JavaScripta za otvaranje podmenija */
    .metismenu.mod-menu > li.mm-active > ul {
        display: block !important;
    }

    /* Stil za indikator otvaranja/zatvaranja podmenija */
    .metismenu.mod-menu .mm-toggler {
        cursor: pointer; /* Označava da je klikabilan */
    }

    /* Ako želite da uklonite strelicu ili promenite izgled na mobilnom */
    .metismenu.mod-menu .mm-toggler::after {
        /* display: block; */ /* Pokaži strelicu ako je potrebno */
        /* content: '\25B6'; */ /* Primer nove strelice */
        /* transform: rotate(90deg); */ /* Rotacija strelice */
    }

    .metismenu.mod-menu > li.mm-active > .mm-toggler::after {
        /* transform: rotate(0deg); */ /* Obrni strelicu kada je otvoren */
    }
}


.desnimeni {
  background-color: #EDF2F7;
}


/* Cassiopeia changes */
.container-header {
 background-color: #172534;
 background-image: none;
}


.container-footer {
 background-color: #172534;
 background-image: none;
}

.container-header .container-nav {
  justify-content: left;
  background-color: #324C67;
  border-radius: 16px;
  padding-bottom: 0.5em;
}


/*
.container-header nav {
  margin-top: 0.25em;
  padding: 0;
}

*/


@media (width <= 768px) {
  .container-header .container-nav  nav {
    margin-top: 0.5em;
    padding-bottom: 0em;
  }
}


.footer .grid-child {
  background-color: #324C67;
  border-radius: 16px;
}


.card {
  --card-border-color: #324C67;
  --card-border-width: medium;
}


/* meniji */


.container-header .mod-menu {
 color: #A5D2FC;
 background-color: #324C67;
 font-size: 1.5rem;
 flex: unset;
}


/* za mobilne */
.container-header .navbar-toggler {
 color: #A5D2FC;
 background-color: #324C67;
}


.mod-menu .nav-header {
    color: #324C67;
    background-color: #324C67;
    border-bottom: 15px solid #ccc;
}


.metismenu.mod-menu .metismenu-item > ul {
  list-style: none;
  color: #000;
  background-color: #AFD7FB;
    opacity: 0.95;
    border-radius: 4px;
}


.metismenu.mod-menu .mm-collapse > li > a {
  display: inline-flex;
  color: black;
}


.metismenu.mod-menu .metismenu-item > a:hover {
  /* text-decoration: underline; */
  color:white;
  background-color: #cc0000;
   display: block;
}


.menu__home-image {
  margin-inline: 10px;
}


.back-to-top-link:hover, .back-to-top-link:focus {
  color: var(--white,#fff);
  background-color: #324C67;
  border-color: var(--white,#fff);
}


.btn-primary {
  background-color: #324C67;
  border-color: var(--cassiopeia-color-primary);
}


.btn-primary:hover, .btn-primary:focus {
  background-color: #172534;
  border-color: #172534;
}


.page-link.active, .active > .page-link {
  background-color: #324C67;
}


.container-sidebar-left {
  padding-left: 5px;
  padding-right: 5px;
}


.container-sidebar-right {
  padding-left: 5px;
  padding-right: 5px;
}

.boxed .blog-item {
  box-shadow: 0 0 2px #3339421a,0 2px 5px #33394214,0 5px 15px #33394214,inset 0 3px 0 #324C67;
  background-color: #fff;
}
a {
  color: #324C67;
  text-decoration: none;
}


a:not([class]) {
  text-decoration: none;
}


a:hover {
  color: #172534;
  text-decoration: underline;
}


.video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
}


.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.universal-responsive-video {
  position: relative;
  width: 100%;
}


.universal-responsive-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.mod-articles-category-title {
  /* Apply a top border to the first line of text */
  /* border: 2px solid black; /* Sets a 2px solid black border */
  /* border-radius: 4px;  */
  border-bottom: 2px solid #B3D9FB; 
  /* Add some padding to separate the line from the text */
  padding-bottom: 5px; 
  /* Ensure the border only applies to the first line's content width */
  display: inline-block; 
}


.slajder{
  padding: 6px;
}


.ei-title{
  /* line-height: 1.25;*/
}


.ei-button {
  line-height: 1;
}


i._access-icon {
  position: absolute;
  top: 5px;!important; /* Adjust the distance from the top */
  right: 18px !important; /* Adjust the distance from the right */
  bottom: auto !important; /* Prevents conflicts with other positioning */
  left: auto !important; /* Prevents conflicts with other positioning */
  background-color: #324C67 !important;
  background-position: center center;
  background-size: 38px;
  background-image: url('../../../../../images/accessibility.png') !important;
  border-radius: 4px;
  
  font-size: 0px !important; /* 30px je original, 0 da se sakrijePromena veličine same ikone */ 
  /* color: #faaa00 !important; */
  width: 40px !important;      /* Postavljanje širine dugmeta */
  height: 40px !important;     /* Postavljanje visine dugmeta */
  line-height: 40px !important; /* Centriranje ikone vertikalno */
  /* text-align: center !important; /* Centriranje ikone horizontalno */
}