html, button, input, select, textarea {
	color: #222; 
}	

body {
	font-size: 1em;
	line-height: 1.4;
}

/*
	* Remove text-shadow in selection highlight: h5bp.com/i
	* These selection declarations have to be separate.
	* Customize the background color to match your design.
*/

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

/*
	* A better looking default horizontal rule
*/

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

/*
	* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/

img {
	vertical-align: middle;
}

/*
	* Remove default fieldset styles.
*/

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/*
	* Allow only vertical resizing of textareas.
*/

textarea {
	resize: vertical;
}

/* ==========================================================================
	Chrome Frame prompt
========================================================================== */

.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}

/* ==========================================================================
	Author's custom styles
========================================================================== */


/* ==========================================================================
	Helper classes
========================================================================== */

/*
	* Image replacement
*/

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	/* IE 6/7 fallback */
	*text-indent: -9999px;
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}

/*
	* Hide from both screenreaders and browsers: h5bp.com/u
*/

.hidden {
	display: none !important;
	visibility: hidden;
}

/*
	* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/*
	* Extends the .visuallyhidden class to allow the element to be focusable
	* when navigated to via the keyboard: h5bp.com/p
*/

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/*
	* Hide visually and from screenreaders, but maintain layout
*/

.invisible {
	visibility: hidden;
}

/*
	* Clearfix: contain floats
	*
	* For modern browsers
	* 1. The space content is one way to avoid an Opera bug when the
	*    `contenteditable` attribute is included anywhere else in the document.
	*    Otherwise it causes space to appear at the top and bottom of elements
	*    that receive the `clearfix` class.
	* 2. The use of `table` rather than `block` is only necessary if using
	*    `:before` to contain the top-margins of child elements.
*/

.clearfix:before,
.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after {
	clear: both;
}

/*
	* For IE 6/7 only
	* Include this rule to trigger hasLayout and contain floats.
*/

.clearfix {
	*zoom: 1;
}

/* ==========================================================================
	EXAMPLE Media Queries for Responsive Design.
	Theses examples override the primary ('mobile first') styles.
	Modify as content requires.
========================================================================== */

@media only screen and (min-width: 35em) {
	/* Style adjustments for viewports that meet the condition */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
	/* Style adjustments for high resolution devices */
}

/* ==========================================================================
	Print styles.
	Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */

@media print {
	* {
		background: transparent !important;
		color: #000 !important; /* Black prints faster: h5bp.com/s */
		box-shadow: none !important;
		text-shadow: none !important;
	}
	
	a,
	a:visited {
		text-decoration: underline;
	}
	
	a[href]:after {
		content: " (" attr(href) ")";
	}
	
	abbr[title]:after {
		content: " (" attr(title) ")";
	}
	
	/*
		* Don't show links for images, or javascript/internal links
	*/
	
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}
	
	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	
	thead {
		display: table-header-group; /* h5bp.com/t */
	}
	
	tr,
	img {
		page-break-inside: avoid;
	}
	
	img {
		max-width: 100% !important;
	}
	
	@page {
		margin: 0.5cm;
	}
	
	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}
	
	h2,
	h3 {
		page-break-after: avoid;
	}
}

iframe:focus { 
	outline: none;
}

iframe[seamless] { 
	display: block;
}

.tr-today {
	background-color: #f56809;
}

.td-today {
	color: #fff !important;
	font-weight: 500;
	font-size: 18px;
}

.vip-main {
	max-width: 100%;
}

.text-center {
	text-align: center;
}

.walloftext p{
	line-height: 1.7;
}

.highlight {
	font-weight: 600;
	text-decoration: underline;
}

.no-foods-message {
	text-align: center;
	font-size: 18px;
	color: #fff;
}

.content-title h1,
.fancy-headers h1,
.fancy-headers h3 {
	text-transform: uppercase;
}

.footer {
	margin: 30px 0 0;
}

.footer-map {
	width: 100%;
	height: 300px;
	margin: 1em 0;
}

.vcard p, 
.vcard h3 {
	margin: 5px 0;
}

.header-flag {
	max-width: 30px;
	height: auto;
	cursor: pointer;
}

.header-top {
	display: flex;
	align-items: center; /* Vertically centers items */
	justify-content: center; /* Centers the links within the container */
	gap: 20px; /* Adds space between the links */
	height: 40px; /* You can adjust this as needed */
	background-color: #9c2c00;
	border-radius: 0 0 10px 10px;
	transition: 500ms;
}

.header-top a {
	color: #fff;
	font-size: 15px;
	text-decoration: none;
	padding: 0 10px; /* Adjust padding to suit your design */
	transition: 500ms;
}

.header-top:hover {
	background-color: #ec4200;
	transition: 500ms;
}

.header-top a:hover {
	color: #000;
	transition: 500ms;
}

.logo {
	width: 200px;
	object-fit: cover;
	margin: 0 0 0 55px;
	opacity: 1;
	transition: 500ms;
}

.logo:hover {
	opacity: 0.6;
	transition: 500ms;
}

.logo-container {
	display: flex;
	margin-top: -20px;
}

#page-header > * {
	transition: 500ms;
}

.footer-about {
    display: -webkit-box; 
    -webkit-line-clamp: 3; /* Limit to 3 lines */
    -webkit-box-orient: vertical; /* Set the box orientation to vertical */
    overflow: hidden; /* Hide the overflowing text */
    text-overflow: ellipsis; /* Add "..." for overflowed text (optional) */
}

.footer-about h2 {
	display: none;
}

.footer-about p {
	margin: 0;
}

.article-desc {
	display: -webkit-box; 
    -webkit-line-clamp: 3; /* Limit to 3 lines */
    -webkit-box-orient: vertical; /* Set the box orientation to vertical */
    overflow: hidden; /* Hide the overflowing text */
    text-overflow: ellipsis; /* Add "..." for overflowed text (optional) */
	min-height: 7em;
}

.slogan h1,
.menu-table .fancy-headers h1 {
	text-align: center !important;
}

.daily-menu-buttons {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

#listFood {
	margin: 10px 0 0 0;
}

.contact-form input,
.contact-form textarea {
    width: 100%;
    background-color: #242424;
    padding: 10px;
    box-sizing: border-box;
    color: #fff;
    border: 0;
}

.contact-form .send-btn {
	margin-top: 20px;
	float: right;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
    color: #bbb; /* Set your desired color here */
}

.contact-form label {
	color: #fff;
	margin: 10px 0;
	display: block;
}

.contact-form svg {
	fill: white !important;
	color: white !important;
}

.contact-page {
	padding: 0 30px;
	margin-right: 30px;
}

.article-description {
	display: -webkit-box; 
    -webkit-line-clamp: 5; /* Limit to 3 lines */
    -webkit-box-orient: vertical; /* Set the box orientation to vertical */
    overflow: hidden; /* Hide the overflowing text */
    text-overflow: ellipsis; /* Add "..." for overflowed text (optional) */
	margin-bottom: 10px;
}