/*----- Plan nabave stranica Section ------------------------------------------------------------*/

#plan-nabave .container-fluid { 
    background: white;
    
}

#plan-nabave .card { 
    font-family: 'Comfortaa', sans-serif;
    border: 1px;
    margin-top: 10px;
    background-color:  #F7F7F7;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
  

}

#plan-nabave h4 { 
    font-family: 'Comfortaa', sans-serif;
    font-size: 14px;   
    font-weight:lighter; 
    text-align: justify;

}
#plan-nabave a { 
    text-decoration: none !important;
}


#plan-nabave .text-p { 
    font-family: 'Comfortaa', sans-serif;
    font-size: 14px; 
    font-weight: lighter;  
}

#plan-nabave .naslov { 
    margin-top: -10px; 
    margin-bottom: 10px;
    font-family: 'Ranchers', sans-serif;
    color: red;
    text-shadow: 3px 3px 3px #ababab;
    letter-spacing: 0.1em;
    font-size: 20px;
}

#plan-nabave .card-x { 
    font-family: 'Comfortaa', sans-serif;
    border: 0px;
    margin-top: 10px;


}

/*----- Nabava u toku stranica Section ------------------------------------------------------------*/

#nabava3 .container-fluid { 
    background: white;
    
}

#nabava3 .card { 
    font-family: 'Comfortaa', sans-serif;
    border: 1px;
    margin-top: 10px;
    background-color:  #F7F7F7;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
  

}

#nabava3 h4 { 
    font-family: 'Comfortaa', sans-serif;
    font-size: 14px;   
    font-weight:lighter; 
    text-align: justify;

}
#nabava3 a { 
    text-decoration: none !important;
}


#nabava3 .text-p { 
    font-family: 'Comfortaa', sans-serif;
    font-size: 14px; 
    font-weight: lighter;  
}

#nabava3 .naslov { 
    margin-top: -10px; 
    margin-bottom: 10px;
    font-family: 'Ranchers', sans-serif;
    color: red;
    text-shadow: 3px 3px 3px #ababab;
    letter-spacing: 0.1em;
    font-size: 20px;
}

#nabava3 .card-x { 
    font-family: 'Comfortaa', sans-serif;
    border: 0px;
    margin-top: 10px;


}

/*----- Javni natječaji stranica Section ------------------------------------------------------------*/

#nabava2 .container-fluid { 
    background: white;
    
}

#nabava2 .card { 
    font-family: 'Comfortaa', sans-serif;
    border: 1px;
    margin-top: 10px;
    background-color:  #F7F7F7;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
  

}

#nabava2 h4 { 
    font-family: 'Comfortaa', sans-serif;
    font-size: 14px;   
    font-weight:lighter; 
    text-align: justify;

}
#nabava2 a { 
    text-decoration: none !important;
}


#nabava2 .text-p { 
    font-family: 'Comfortaa', sans-serif;
    font-size: 14px; 
    font-weight: lighter;  
}

#nabava2 .naslov { 
    margin-top: -10px; 
    margin-bottom: 10px;
    font-family: 'Ranchers', sans-serif;
    color: red;
    text-shadow: 3px 3px 3px #ababab;
    letter-spacing: 0.1em;
    font-size: 20px;
}

#nabava2 .card-x { 
    font-family: 'Comfortaa', sans-serif;
    border: 0px;
    margin-top: 10px;


}

/*----- Javna nabava stranica Section ------------------------------------------------------------*/

#nabava1 .container-fluid { 
    background: white;
    
}

#nabava1 .card { 
    font-family: 'Comfortaa', sans-serif;
    border: 1px;
    margin-top: 10px;
    background-color:  #F7F7F7;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
  

}

#nabava1 h4 { 
    font-family: 'Comfortaa', sans-serif;
    font-size: 14px;   
    font-weight:lighter; 
    text-align: justify;

}

#nabava1 h3 { 
    font-family: 'Comfortaa', sans-serif;
    font-size: 14px;   
    font-weight: bold;
    text-align: justify;

}

#nabava1 a { 
    text-decoration: none !important;
}


#nabava1 .text-p { 
    font-family: 'Comfortaa', sans-serif;
    font-size: 14px; 
    font-weight: lighter;  
}

#nabava1 .naslov { 
    margin-top: -10px; 
    margin-bottom: 10px;
    font-family: 'Ranchers', sans-serif;
    color: red;
    text-shadow: 3px 3px 3px #ababab;
    letter-spacing: 0.1em;
    font-size: 20px;
}

#nabava1 .card-x { 
    font-family: 'Comfortaa', sans-serif;
    border: 0px;
    margin-top: 10px;


}

/*----- Odvodnja 1 stranica Section ------------------------------------------------------------*/

#od1 .container-fluid { 
    background: white;
    
}

#od1 .card { 
    font-family: 'Comfortaa', sans-serif;
    border: 1px;
    margin-top: 10px;
    background-color:  #F7F7F7;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
  

}

#od1 h4 { 
    font-family: 'Comfortaa', sans-serif;
    font-size: 14px;   
    font-weight:lighter; 
    text-align: justify;

}

#od1 h3 { 
    font-family: 'Comfortaa', sans-serif;
    font-size: 14px;   
    font-weight: bold;
    text-align: justify;

}

#od1 a { 
    text-decoration: none !important;
}


#od1 .text-p { 
    font-family: 'Comfortaa', sans-serif;
    font-size: 14px; 
    font-weight: lighter;  
}

#od1 .naslov { 
    margin-top: -10px; 
    margin-bottom: 10px;
    font-family: 'Ranchers', sans-serif;
    color: red;
    text-shadow: 3px 3px 3px #ababab;
    letter-spacing: 0.1em;
    font-size: 20px;
}

#od1 .card-x { 
    font-family: 'Comfortaa', sans-serif;
    border: 1px;
    margin-top: 10px;
    background-color:  #fefbd8;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;

}

/* Prevent image stretching as it's resized */
#od1 .card-img-top {
    object-fit: cover;
}

/* Make all cards in row the same height */
#od1 .row {
   display: flex;
   flex-wrap: wrap;
}

#od1 .row > div[class*='col-'] {
  display: flex;
}

/* Hover effects */
#od1 .card {
  transition: -webkit-transform 0.3s ease;
}

#od1 .card:hover {
  transform: scale(1.01, 1.01);
}

/* Responsive design for image heights */
@media (min-width: 576px) { 
    #od1 .card-img-top {
    height: 50vw;
  }
}

@media (min-width: 768px) { 
    #od1 .card-img-top {
    height: 30vw;
  }
}

@media (min-width: 992px) { 
    #od1 .card-img-top {
    height: 20vw;
  }
}

@media (min-width: 1200px) { 
    #od1 .card-img-top {
    height: 20vw;
  }
}

/*----- Odvodnja 2 stranica Section ------------------------------------------------------------*/

#od2 .container-fluid { 
    background: white;
    
}

#od2 .card { 
    font-family: 'Comfortaa', sans-serif;
    border: 1px;
    margin-top: 10px;
    background-color:  #F7F7F7;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
  

}

#od2 h4 { 
    font-family: 'Comfortaa', sans-serif;
    font-size: 14px;   
    font-weight:lighter; 
    text-align: justify;

}

#od2 h3 { 
    font-family: 'Comfortaa', sans-serif;
    font-size: 14px;   
    font-weight: bold;
    text-align: justify;

}

#od2 a { 
    text-decoration: none !important;
}


#od2 .text-p { 
    font-family: 'Comfortaa', sans-serif;
    font-size: 14px; 
    font-weight: lighter;  
}

#od2 .naslov { 
    margin-top: -10px; 
    margin-bottom: 10px;
    font-family: 'Ranchers', sans-serif;
    color: red;
    text-shadow: 3px 3px 3px #ababab;
    letter-spacing: 0.1em;
    font-size: 20px;
}

#od2 .card-x { 
    font-family: 'Comfortaa', sans-serif;
    border: 1px;
    margin-top: 10px;
    background-color:  #fefbd8;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;

}



/* Hover effects */
#od2 .card {
  transition: -webkit-transform 0.3s ease;
}

#od2 .card:hover {
  transform: scale(1.01, 1.01);
}

#od2 .img-size-r {
    max-width: 70%;
    height: auto;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
    border: 3px solid #40a8c4; 

}

#od2 .card-r {
    background-color: transparent;
    border: 0px ;
    

}
  
/*----- Odvodnja 3 stranica Section ------------------------------------------------------------*/

#od3 .container-fluid { 
    background: white;
    
}

#od3 .card { 
    font-family: 'Comfortaa', sans-serif;
    border: 1px;
    margin-top: 10px;
    background-color:  #F7F7F7;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
  

}

#od3 h4 { 
    font-family: 'Comfortaa', sans-serif;
    font-size: 14px;   
    font-weight:lighter; 
    text-align: justify;

}

#od3 h3 { 
    font-family: 'Comfortaa', sans-serif;
    font-size: 14px;   
    font-weight: bold;
    text-align: justify;

}

#od3 a { 
    text-decoration: none !important;
}


#od3 .text-p { 
    font-family: 'Comfortaa', sans-serif;
    font-size: 14px; 
    font-weight: lighter;  
}

#od3 .naslov { 
    margin-top: -10px; 
    margin-bottom: 10px;
    font-family: 'Ranchers', sans-serif;
    color: red;
    text-shadow: 3px 3px 3px #ababab;
    letter-spacing: 0.1em;
    font-size: 20px;
}

#od3 .card-x { 
    font-family: 'Comfortaa', sans-serif;
    border: 1px;
    margin-top: 10px;
    background-color:  #fefbd8;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;

}



/* Hover effects */
#od3 .card {
  transition: -webkit-transform 0.3s ease;
}

#od3 .card:hover {
  transform: scale(1.01, 1.01);
}

#od3 .img-size-r {
    max-width: 70%;
    height: auto;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
    border: 3px solid #40a8c4; 

}

#od3 .card-r {
    background-color: transparent;
    border: 0px ;
    

}

/*----- Odvodnja 4 stranica Section ------------------------------------------------------------*/

#od4 .container-fluid { 
    background: white;
    
}

#od4 .card { 
    font-family: 'Comfortaa', sans-serif;
    border: 1px;
    margin-top: 10px;
    background-color:  #F7F7F7;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
  

}

#od4 h4 { 
    font-family: 'Comfortaa', sans-serif;
    font-size: 14px;   
    font-weight:lighter; 
    text-align: justify;

}

#od4 h3 { 
    font-family: 'Comfortaa', sans-serif;
    font-size: 14px;   
    font-weight: bold;
    text-align: center;

}

#od4 a { 
    text-decoration: none !important;
}


#od4 .text-p { 
    font-family: 'Comfortaa', sans-serif;
    font-size: 14px; 
    font-weight: lighter;  
}

#od4 .naslov { 
    margin-top: -10px; 
    margin-bottom: 10px;
    font-family: 'Ranchers', sans-serif;
    color: red;
    text-shadow: 3px 3px 3px #ababab;
    letter-spacing: 0.1em;
    font-size: 20px;
}

#od4 .card-x { 
    font-family: 'Comfortaa', sans-serif;
    border: 1px;
    margin-top: 10px;
    background-color:  #fefbd8;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;

}



/* Hover effects */
#od4 .card {
  transition: -webkit-transform 0.3s ease;
}

#od4 .card:hover {
  transform: scale(1.01, 1.01);
}

#od4 .img-size-r {
    max-width: 70%;
    height: auto;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
    border: 3px solid #40a8c4; 

}

#od4 .card-r {
    background-color: transparent;
    border: 0px ;
    

}

/*----- Odvodnja 5 stranica Section ------------------------------------------------------------*/

#od5 .container-fluid { 
    background: white;
    
}

#od5 .card { 
    font-family: 'Comfortaa', sans-serif;
    border: 1px;
    margin-top: 10px;
    background-color:  #F7F7F7;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
  

}

#od5 h4 { 
    font-family: 'Comfortaa', sans-serif;
    font-size: 14px;   
    font-weight:lighter; 
    text-align: justify;

}

#od5 h3 { 
    font-family: 'Comfortaa', sans-serif;
    font-size: 14px;   
    font-weight: bold;
    text-align: left;

}

#od5 a { 
    text-decoration: none !important;
}


#od5 .text-p { 
    font-family: 'Comfortaa', sans-serif;
    font-size: 14px; 
    font-weight: lighter;  
}

#od5 .naslov { 

    font-family: 'Ranchers', sans-serif;
    color: red;
    text-shadow: 3px 3px 3px #ababab;
    letter-spacing: 0.1em;
    font-size: 20px;
}

#od5 .card-x { 
    font-family: 'Comfortaa', sans-serif;
    border: 1px;
    margin-top: 10px;
    background-color:  #fefbd8;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;

}



/* Hover effects */
#od5 .card {
  transition: -webkit-transform 0.3s ease;
}

#od5 .card:hover {
  transform: scale(1.01, 1.01);
}

#od5 .img-size-r {
    max-width: 70%;
    height: auto;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
    border: 3px solid #40a8c4; 

}

#od5 .img-size-rx {
    max-width: 100%;
    height: auto;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
    border: 3px solid #40a8c4; 

}

#od5 .img-size-rxx {
    max-width: 100%;
    height: auto;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
    border: 3px solid #40a8c4; 

}

#od5 .card-r {
    background-color: transparent;
    border: 0px ;
    

}