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


:root {
    --inter:"Inter", serif;
    --outfit:"Outfit", serif;
    --primary:#0F1A1E;
    --secondary:#1F363C;
    --light:#878F57;
    --textwhite:#F6F8EB;
    --landing-width:70vw;
    --landing-width-mobile:86vw;
    --d10:0.52vw;
      --d12:0.63vw;
    --d16:0.89vw;
    --d18:0.94vw;
    --d20:1.04vw;
    --d24:1.25vw;
    --d25:1.3vw;
    --d40:2.08vw;
    --d48:2.5vw;
    --d64:3.33vw;
    --d80:4.17vw;
    --d84:4.38vw;
    --d120:6.25vw;


    --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;
    --m24:6.67vw;
    --m25:6.94vw;
    --m32:8.89vw;
    --m36:10vw;
    --m40:11.11vw;
    --m48:13.33vw;
    --m64:17.78vw;

    
 





   

}


body{
    background-color: var(--primary);
}
.kontakt-home{
    margin-bottom: 6.25vw;
   
}
.galerija-main{
    background-color: #F6F8EB;
    width: 100vw;
    padding-top: var(--d120);
    padding-bottom: var(--d120);
}

.galerija-slider{
    width: var(--landing-width);
    margin: auto;
    
     background-color: #F6F8EB
}


.galerija-main .slider-for img,.stan-galerija .slider-for3 img,.stan-galerija .slider-for2 img{
    width: var(--landing-width)!important;
    height:42.53vw ;
          object-fit: cover;       /* ispunjava okvir bez deformacije */
  object-position: center; /* centrira sliku u okviru */
    border-radius:var(--d12);

}
.galerija-main .slider-nav img,.stan-galerija .slider-nav2 img,.stan-galerija .slider-nav3 img{
    width: 16.67vw!important;
    height:9.17vw;
          object-fit: cover;       /* ispunjava okvir bez deformacije */
  object-position: center; /* centrira sliku u okviru */
   border-radius:var(--d12);
   cursor:pointer;
  
  
   

}
.slider-for,.slider-for2,.slider-for3{
    margin-bottom: var(--d20);
}

.slider-nav,.slider-nav2, .slider-nav3{
    height:9.17vw;
}
.slider-nav .slick-slide,.slider-nav2 .slick-slide,.slider-nav3 .slick-slide {
  margin-right: 1vw; /* ili koliko želiš razmaka */
}

.slider-nav .slick-list .slick-track,.slider-nav2 .slick-list .slick-track,.slider-nav3 .slick-list .slick-track{
    min-width: 700vw;
}


.galerija-foto{
    width: var(--landing-width);
    margin: auto;
  

}

.galerija-foto h1{
    border-bottom: 1px solid #878F57;
    width: 98%;
    font-family: var(--outfit);
font-weight: 400;
font-size: 40px;
line-height: 110%;
letter-spacing: 0%;
  margin-top:6.25vw ;
  padding-bottom: var(--d24);
  color:#1F363C;
  margin-left:10px;
  margin-right:10px;

}

.masonry {
  /* Skidamo flex, Masonry koristi block + absolute pozicioniranje */
  position: relative;
}

.masonry-brick {
  width: 33.333%;
  padding: 10px;
  box-sizing: border-box;
}

.masonry-brick img {
  width: 100%;
  display: block;
  border-radius: 8px; /* opcionalno za stil */
}


.masonry-brick.hidden {
  display: none;
}

#loadMoreBtn {
  display: block;
  margin: 30px auto;
  padding: 10px 20px;
  background-color: #878F57;
  color: white;
  border: none;
  cursor: pointer;

  border-radius: var(--d10);
  font-family:var(--outfit);
font-weight: 600;
font-size: var(--d18);
line-height: 140%;

width: 9.95vw;
height: 2.55vw;

}

  @media screen and (max-width:900px){
       .kontakt-home{
          margin-bottom:27.78vw;
      }
     .galerija-main .slider-for img, .galerija-main .slider-for3 img, .galerija-main .slider-for2 img {
    width: var(--landing-width-mobile) !important;
    height: 61.11vw;
    object-fit: cover;
    object-position: center;
    border-radius: var(--m12);
}

.slider-for .slick-list .slick-track,.slider-for2 .slick-list .slick-track,.slider-for3 .slick-list .slick-track{
    min-width: 5000px;
}


.galerija-main .slider-nav img,.galerija-main .slider-nav2 img,.galerija-main .slider-nav3 img{
    width: 41.94vw!important;
    height:23.33vw;
      object-fit: cover;       /* ispunjava okvir bez deformacije */
  object-position: center; /* centrira sliku u okviru */
  border-radius: var(--m12);
   

}
.slider-for,.slider-for2,.slider-for3{
    margin-bottom: var(--d20);
}

.slider-nav,.slider-nav2, .slider-nav3{
    height:23.33vw;
    margin-top: var(--m10);
}
.slider-nav .slick-slide,.slider-nav2 .slick-slide,.slider-nav3 .slick-slide {
  margin-right: 1vw; /* ili koliko želiš razmaka */
}

.slider-nav .slick-list .slick-track,.slider-nav2 .slick-list .slick-track,.slider-nav3 .slick-list .slick-track{
    min-width: 5000px;
}


.galerija-slider{
  width: var(--landing-width-mobile);
}
.galerija-main{
  padding-top: var(--m64);
  padding-bottom: var(--m64);
  margin-top:22.22vw;
}
.galerija-foto{
  width: var(--landing-width-mobile);
}
.galerija-foto h1{
  margin-top: var(--m48);
  font-size: var(--m24);
  padding-bottom: var(--m10);
  margin-bottom: var(--m32);
}
.masonry-brick{
  padding: 1.4vw;
  width: 50%;
}


#loadMoreBtn{
  width:51.67vw ;
  height:12.78vw ;
  border-radius: var(--m12);
  font-size: var(--m16);
  margin-bottom:0;
}
   








    

    
  }