@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  --rob:"Roboto", sans-serif;

  --primary:#111214;
  --crvena:#EF364D;
  --light:#878F57;
  --textwhite:#F6F8EB;
  --bijela80:#FFFFFFCC;
  --landing-width:79.17vw;
 --landing-width-mobile:86.67vw;
  --boxshadow:0px 0px 30px 0px #0000000F;


    --d10:0.52vw;
   --d11:0.57vw;
 
   --d12:0.63vw;
   --d13:0.68vw;
    --d14:0.73vw;
    --d15:0.78vw;
    --d16:0.83vw;
    --d18:0.94vw;
    --d20:1.04vw;
    --d22:1.15vw;
    --d24:1.25vw;
    --d25:1.3vw;
    --d28:1.46vw;
    --d30:1.56vw;
    --d32:1.67vw;
    --d34:1.77vw;
    --d44:2.29vw;
    --d40:2.08vw;
    --d48:2.5vw;
    --d54:2.81vw;
    --d56:2.92vw;
    --d64:3.33vw;
    --d70:3.65vw;
    --d80:4.17vw;
    --d84:4.38vw;
    --d100:5.21vw;
    --d110:5.73vw;
    --d120:6.25vw;
    --d156:8.13vw;
    --d904:47.08vw;


   --m10:2.78vw;
    --m11:3.06vw;
    --m12:3.33vw;
    --m13:3.61vw;
    --m14:3.89vw;
    --m15:4.17vw;
    --m16:4.44vw;
    --m18:5vw;
    --m20:5.56vw;
    --m22:6.11vw;
    --m24:6.67vw;
    --m25:6.94vw;
    --m28:7.78vw;
    --m32:8.89vw;
    --m34:9.44vw;
    --m36:10vw;
    --m40:11.11vw;
    --m44:12.22vw;
    --m48:13.33vw;
    --m56:15.56vw;
    --m64:17.78vw;
    --m68:18.89vw;
    --mmt: 27.78vw;


  






 

}


.main-content-gov{
    width: var(--landing-width);
    margin: auto;
    border-top: 1px solid #FFFFFF4D;
    margin-top: var(--d100);
}


.main-content-gov .recenzije-solo .rec{
    display: flex;
}


.govornici{
    width: var(--landing-width);
    overflow: visible;
    padding: 0;
}

.govornici-lista{
    flex-wrap: wrap;
    height: auto;
    gap: var(--d34);
}

.govornik{
    margin: 0;
}


.pagination {
    display: flex;
    justify-content: center;
    margin-top: var(--d100);

}

.pagination ul {
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0;
}

.pagination li {
    margin: 0 0.42vw;
    text-align: center;
}

.pagination a {
    text-decoration: none;
   width: 2.60vw;
   height: 2.60vw;
   display: inline-block;
   border: 1px solid #FFFFFFCC;
    color: white;
    border-radius: 4px;
    transition: background-color 0.3s;
    border-radius: 50%;
    align-content: center;


    font-family: var(--rob);
font-weight: 600;

font-size: var(--d16);

line-height: var(--d25);


}

.pagination a:hover {
    background-color: #fff;
    color: #111214;
}

.pagination a.active {
    background-color: #fff; /* Aktivna boja */
    color: #111214;
    
}

/* Kljucni CSS: Sakriva neaktivne govornike */
.govornik {
    display: block; /* Postavi na block, flex, ili grid, zavisno od layouta */
    /* ... drugi stilovi za govornika ... */
}

.govornik.hidden {
    display: none;
}

.uv button{
    background: transparent;
    border: none;
    outline: none;
    width: var(--landing-width);
    margin-top: 3vw;
    cursor: pointer;

}

.uv button img{
    width: 7.03vw;
}



















  @media screen and (max-width:900px){

    .uv button{
        margin-top: 8vw;
        margin-bottom: 8vw;
    }

   
      
      .main-content-gov{
          margin-top:var(--m68);
            width: var(--landing-width-mobile);
      }
      .solo-h {
           font-size: var(--m32);
  width: 100%;
  margin-top: var(--m56);
  margin-bottom: var(--m44);
      }
      
      .govornici-lista {
          gap:var(--m24);
          display: flex!important;
      }
      
      .govornici {
    width: var(--landing-width-mobile);
    
      }

      
.uv button img{
    width: 37.03vw;
}

      
      
      .pagination {
    display: flex
;
    justify-content: center;
    margin-top:var(--m34);
    margin-bottom: var(--m64);
}


.pagination a {
    text-decoration: none;
    width:var(--m32);
    height: var(--m32);
        font-size: var(--m14);
    
}

.pagination li {
    margin: 0 1.42vw;
    text-align: center;
}
      

.govornik{
            height: 132.78vw !important;
}
    
  }