/**
 * CSS Stylesheet for the front-end interface for Food and Drink Menu Pro
 *
 * @package Food and Drink Menu Pro
 */

/** Load the item flag icons */
@font-face {
	font-family: 'food-and-drink-menu-icons';
	src: url('../fonts/food-and-drink-menu-icons.eot?4zwtn9');
	src: url('../fonts/food-and-drink-menu-icons.eot?4zwtn9#iefix') format('embedded-opentype'),
		url('../fonts/food-and-drink-menu-icons.ttf?4zwtn9') format('truetype'),
		url('../fonts/food-and-drink-menu-icons.woff?4zwtn9') format('woff'),
		url('../fonts/food-and-drink-menu-icons.svg?4zwtn9#food-and-drink-menu-icons') format('svg');
	font-weight: normal;
	font-style: normal;
}

.fdm-item-special {
	padding: 0.5em 1em;
	margin-bottom: 1em;
	color: white;
}
.fdm-item-offer {
	background-color: #b4b039;
}
.fdm-item-sale {
	background-color: #60743e;
}
.fdm-item-featured {
	background-color: #8b4e43;
}
.fdm-item-price-discount {
	display: block;
}
.fdm-item-has-price-discount .fdm-item-price {
	text-decoration: line-through;
	font-size: 85%;
	opacity: 0.6;
}
.fdm-menu-item-flags {
	list-style: none;
	padding-left: 0;
}
.fdm-item-has-image .fdm-item-panel .fdm-menu-item-flags  {
	padding-left: 35%;
}
.fdm-menu-item-flags li {
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 10px;
	font-size: 85%;
	vertical-align: middle;
}
.fdm-item-flag-text,
.widget-area .fdm-item-flag-text {
	line-height: 32px;
	border: 1px solid #aaa;
	padding: 0 10px;
	border-radius: 3px;
}

.fdm-src-panel,
.fdm-src-panel p {
	margin: 0;
	margin-bottom: 0.5em;
}
.fdm-src-panel p.src-title {
	font-weight: bold;
}
.fdm-src-has-map .fdm-item-src-name {
	float: right;
	width: 65%;
}
.fdm-item-src-map {
	float: left;
	width: 33%;
	height: auto;
}

/**
 * Menu Item flag icons
 **********************/
.fdm-icon {
	position: relative;
	font-family: 'food-and-drink-menu-icons' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.fdm-icon:before,
.fdm-icon:after {
	width: 32px;
	height: 32px;
	font-size: 32px;
	display: block;
}
.fdm-icon:after {
	position: absolute;
	top: 0;
	left: 0;
}
.fdm-icon-chili:before {
    content: "\e900";
}
.fdm-icon-chili-2:before {
    content: "\e901";
}
.fdm-icon-chili-3:before {
    content: "\e902";
}
.fdm-icon-decaf:before {
    content: "\e903";
}
.fdm-icon-fair-trade:before {
    content: "\e904";
}
.fdm-icon-free-range:before {
    content: "\e905";
}
.fdm-icon-local:before {
    content: "\e906";
}
.fdm-icon-kosher:before {
    content: "\e907";
}
.fdm-icon-halal:before {
    content: "\e908";
}
.fdm-icon-has-dairy:before {
    content: "\e909";
}
.fdm-icon-has-peanuts:before {
    content: "\e90a";
}
.fdm-icon-has-sesame:before {
    content: "\e90b";
}
.fdm-icon-has-shellfish:before {
    content: "\e90c";
}
.fdm-icon-heart-healthy-1:before {
    content: "\e90d";
}
.fdm-icon-heart-healthy-2:before {
    content: "\e90e";
}
.fdm-icon-low-sodium:before {
    content: "\e90f";
}
.fdm-icon-no-gluten:before {
    content: "\e911";
}
.fdm-icon-no-gluten-2:before {
	content: "\e910";
}
.fdm-icon-no-gm:before {
    content: "\e912";
}
.fdm-icon-no-dairy:before {
    content: "\e913";
}
.fdm-icon-no-peanuts:before {
    content: "\e914";
}
.fdm-icon-no-sesame:before {
    content: "\e915";
}
.fdm-icon-no-shellfish:before {
    content: "\e916";
}
.fdm-icon-no-sugar:before {
    content: "\e917";
}
.fdm-icon-antibiotic-hormone-free-1:before {
    content: "\e918";
}
.fdm-icon-antibiotic-hormone-free-2:before {
    content: "\e919";
}
.fdm-icon-antibiotic-hormone-free-2:after {
    content: "\e91a";
}
.fdm-icon-organic:before {
    content: "\e91b";
}
.fdm-icon-superfood:before {
	content: "\e91d";
}
.fdm-icon-superfood-2:before {
    content: "\e91c";
}
.fdm-icon-vegan:before {
    content: "\e91e";
}
.fdm-icon-vegetarian:before {
	content: "\e920";
}
.fdm-icon-vegetarian-2:before {
    content: "\e91f";
}
.fdm-icon-wholegrain:before {
    content: "\e921";
}

/**
 * Fully vertical layout for very small screens
 **********************************************/
@media (max-width: 450px) {

	.fdm-item-src-map,
	.fdm-src-has-map .fdm-item-src-name	{
		width: 100%;
		float: none;
		margin-bottom: 2em;
	}
	.fdm-item-has-image .fdm-item-panel .fdm-menu-item-flags {
		padding: 0;
	}
	.fdm-item-price-wrapper {
		text-align: left;
		white-space: normal;
		position: relative;
		margin-bottom: 1em;
	}

}