HTML - Probelmas con pop up html/css/JQuery

Os cuento. Nuestro proyecto consiste en hacer una pagina web sobre los viñedos que hay en españa. Cuando entramos a la pagina, se nos aparecen 3 provincias (Cada provincia es un boton).Cuando pulsamos algunas de las provincias, salen los viñedos que hay en esa provincia y esos viñedos tambien son botones. La cuestion es que cuando pusamos el boton de algun viñedo nos sale un pop-up (ventana emergente) con toda la informacion y se nos cierra muy bien. (Recordar que todos los pop-up de los viñedos las crea al iniciar la pagina). El problema que tenemos es el siguiente. Tenemos un buscador que busca los viñedos y cuando pones el nombre de los viñedos nos habre los pop-up con toda la informacion, pero el problema es que el pop-up se inicia como una ventana sevundaria, es decir se ve , pero no podemos interactuar con ellas. (Los pop-ups que hay que enseñar son los que se crean al principio, es decir, cuando busco un nombre abre el pop-up que le corresponde.). Porque puede suceder esto? He mirado todo el CSS y no veo nada raro.

Codigo HTML (Os pongo el link porque los codigos son muy largos): https://github.com/proyecto-kelo/kelo/blob/master/public/index.html

Codigo CSS : https://github.com/proyecto-kelo/kelo/blob/master/public/css/index.css

Codigo JQuery (Con este codigo cogemos todos los datos de la bases de datos y metemos de bases de datos): https://github.com/proyecto-kelo/kelo/blob/master/public/js/bodegas.js