/* Custom styles for the MAPS PAGE */
	.modal {
    z-index: 2000; /* Kívánt z-index érték */
}
.modal-dialog {
    max-width: 310px; /* Kívánt szélesség */
    width: 100%; /* 100% szélesség a megadott max-width mellett */
}

.modal-content {
    background-color: #E1E1E1; /* Változtasd meg a háttérszínt a kártyához hasonlóan */
	padding: 0px;
    border: 1px solid #ced4da; /* Kártya keret színe */
}
.modal-header {
    background-color:#E1E1E1; /* Kártya színének megfelelo szín */
    color: white; /* Fehér szöveg a fejlécben */
	border-bottom: none; /* Eltünteti a fejléc alatti vonalat */
	padding-bottom: 5px;
}
.modal-body{
    background-color: #E1E1E1; /* Változtasd meg a háttérszínt a kártyához hasonlóan */
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-top: 0px;
    border: 1px solid #ced4da; /* Kártya keret színe */
	border-top: none; /* Eltünteti a fejléc alatti vonalat */
	display: flex;
	justify-content: center;
	align-items:center;
}
.card {
	width: 300px; /* Set the width of the cards */
	margin: 0px; /* Space between cards its 8px on the Heritages page, which makes a nice gap between cards. In modal we don't need margin*/
}
.card-container {
	display: flex;
	flex-wrap: wrap; /* Allow cards to wrap */
	justify-content: center; /* Center the cards */
}
@media (max-width: 768px) {
  .filter-btn {
    font-size: 0.875rem; /* Kisebb betuméret */
  }
}