@charset "UTF-8";

body {
	background-image: url("/img/foodbg.jpg");
}

.lang.menu {
	min-width: unset;
	padding-right: 15px;
}
.lang.icon {
	background-repeat: no-repeat;
	padding-left: 36px;
}
.lang.icon.en {
	background-image: url('/img/lang/en_UK.png');
}
.lang.icon.hr {
	background-image: url('/img/lang/hr.png');
}
.lang.icon.de {
	background-image: url('/img/lang/de_DE.png');
}
.lang.icon.fr {
	background-image: url('/img/lang/fr_FR.png');
}

/* do not expand logo image, but shrink if necessary */
img.convergencemenu-banner {
    width: inherit;
    max-width: fit-content;
}

/* header language icons */
a.nav-link.lang.icon {
    background-position-y: 15px;
    padding: 8px 8px 8px 20px;
}
.dropdown-item.lang.icon {
    background-position-x: 16px;
    background-position-y: 11px;
}

/* preload icon images */
body::after{
    position:absolute;
    width:0;
    height:0;
    overflow:hidden;
    z-index:-1;
    /* add images here: */
    content:url('/img/fridgeGrey.png') url('/img/fridgeWhite.png') url('/img/lang/en_UK.png') url('/img/lang/de_DE.png') url('/img/lang/hr.png') url('/img/lang/fr_FR.png');
}

/**
 * Named classes
 */

/* Causes newlines to wrap */
.preformatted {
	white-space: pre-wrap;
}

/* cutlery bullet points */
ul.iconBullets {
	padding-left: 20px;
	list-style: none;
}
ul.iconBullets > li:before {
	font-family: 'FontAwesome';
	content: '\f0f5';
	margin: 0 5px 0 -15px;
	font-size: 8pt;
}

.facebook-blue {
	color: #4267b2;
}

.twitter-aqua {
	color: #1da1f2;
}

.white {
	color: white;
}

.convergencemenu-green {
	color: #3c763d;
}
.convergencemenu-orange {
	color: #ff8901;
}
.text-shadow-lg {
    text-shadow: 4px 4px 5px black;
}

.text-shadow-sm {
    text-shadow: 1px 1px 2px black;
}

.fs-small {
    font-size: small;
}

.fs-x-small {
    font-size: x-small;
}

.font-serif {
	font-family: serif;
}

.font-sans {
	font-family: sans-serif;
}

.font-monospace {
	font-family: monospace;
}

/* provides striped background and border of table rows */
tr.striped:nth-child(odd) {
	background-color: #f9f9f9;
}
tr.striped {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.w-min {
	width: min-content;
}