/* Frontend Styling */

/* Use Google Font */
@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@700&display=swap');



/* The title */
h2.menucard-title {
    font-size: 50px;
    color: black;
	font-weight: bold;
	font-family: 'Amatic SC', sans-serif;
}

/* Make columns ID and Sort order disappear on the frontend */
/* Add this CSS to your frontend-styling-1.css file */
.prijslijst-table th.menucard-id,
.prijslijst-table td.menucard-id,
.prijslijst-table th.menucard-sort-order,
.prijslijst-table td.menucard-sort-order {
    display: none;
}

/* Make alternating rows different colors */
.prijslijst-table tbody td {
    padding: 30px;
}

.prijslijst-table tbody tr:nth-child(odd) {
    background-color: #EEEEEE;
    color: #000;
}

.prijslijst-table tbody tr:nth-child(even) {
    background-color: #fff;
    color: #000; /* You can adjust the text color as needed */
}

/* column widths for "Name," "Description," and "Price" to 25%, 65%, and 10%,  */
.prijslijst-table th.prijslijst-name,
.prijslijst-table td.prijslijst-name {
    width: 25%;
}

.prijslijst-table th.menucard-description,
.prijslijst-table td.menucard-description {
    width: 65%;
}

.prijslijst-table th.menucard-price,
.prijslijst-table td.menucard-price {
    width: 10%;
}

/* Style the Euro sign */
/* Add this CSS to your frontend-styling-1.css file */
.prijslijst-table td.menucard-price .euro-sign {
    color: black; /* Example color */
    font-size: 15px; /* Example font size */
}