/*----- animation background ----------------------------------------------------*/

@-webkit-keyframes Gradient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
  }
  @-moz-keyframes Gradient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
  }
  @keyframes Gradient { 
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
  }

  /*----- Izbornik ----------------------------------------------------------------*/
/*-------------------------------------------------------------------------------*/
#izbornik .navbar {
    background-color:#EBF5FB;
    position: fixed;
    display: block;
    z-index: 4;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  }
  
  #izbornik .navbar .navbar-brand {
    font-family: 'Poppins', sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    color: #4181be;
  }
  
  #izbornik .navbar .nav-link {
    font-family: 'Comfortaa', sans-serif;
    font-size: 1.0rem;
    color:black;
    font-weight: 600;
  }
  
  #izbornik .navbar .dropdown-item {
    font-family: 'Comfortaa', sans-serif;
    font-size: 0.9rem;
    color:black;
    font-weight: 600;
  }
  
  #izbornik .navbar .nav-link:hover {
    color: black;
  }
  
  #izbornik .navbar .dropdown-item:hover {
    color: black;
  }
  
  #izbornik .navbar-nav .dropdown-menu {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
  }
  
  #izbornik .navbar-nav .nav-item:hover {
    background-color: rgba(180, 190, 203, 0.2);
  }
  
  #izbornik .navbar-toggler:focus {
    border: 0 !important;
    box-shadow: none !important;
  }
  
  #izbornik .navbar-toggler:hover {
    color: #E74C3C;
  }
  
  #izbornik .navbar-toggler {
     border: 0 !important;
  }

  #izbornik .dropdown:hover .dropdown-menu {
    display: block;
}

  
  /* Extra small devices (phones, 600px and down) */
  @media only screen and (max-width: 600px) {
    
    #izbornik .navbar .navbar-brand {
      margin-left: 10px;
      font-size: 1.0rem;
     
    }
    
    #izbornik .navbar .dropdown-item {
     
      font-size: 0.8rem;
     
    } 
  

  
  #izbornik  .navbar .navbar-collapse{ 
      margin-left: 10px;
     

    }

    #izbornik .navbar-nav .dropdown-menu {

      width: 99%; 
    }



    #izbornik .navbar-nav .nav-item:hover {
      background-color: transparent;
      width: 99%; 
    }


  }
  
  /* Small devices (portrait tablets and large phones, 600px and up) */
  @media only screen and (min-width: 600px) {
  
    #izbornik .navbar .navbar-brand {
     
      font-size: 1.0rem;
      
    }
    
    #izbornik .navbar .dropdown-item {
     
      font-size: 0.8rem;
     
    } 
    
  
  }
  
  /* Medium devices (landscape tablets, 768px and up) */
  @media only screen and (min-width: 768px) {
   
    #izbornik .navbar .navbar-brand {
     
      font-size: 1.5rem;
     
    }
   
   
    #izbornik .navbar .nav-link {
     
      font-size: 1.4rem;
      
    }
  
    #izbornik .navbar .dropdown-item {
      
      font-size: 1.3rem;
   
    } 
  
  } 
  
  /* Large devices (laptops/desktops, 992px and up) */
  @media only screen and (min-width: 992px) {
     
    #izbornik .navbar .navbar-brand {
      
      font-size: 1.5rem;
     
    }
   
   
    #izbornik .navbar .nav-link {
     
      font-size: 1.0rem;
      
    }
  
    #izbornik .navbar .dropdown-item {
    
      font-size: 0.9rem;
      
    } 
      
  
  } 
  
  /* Extra large devices (large laptops and desktops, 1200px and up) */
  @media only screen and (min-width: 1200px) {
    
    #izbornik .navbar .navbar-brand {
    
      font-size: 1.5rem;
      
    }
   
   
    #izbornik .navbar .nav-link {
      
      font-size: 1.0rem;
   
    }
  
    #izbornik .navbar .dropdown-item {
      
      font-size: 0.9rem;
      
    }  
  
  }