/* -- Kai Pakotai Cafe --
Unique styles for foods menu, Menu.html. */


	/* menu boxes */
.foodMenuCard {
	overflow: auto;
	position: relative;
}
	/* Thumbnail images*/
.foodMenuImage {
	width: 100%;
	height: 100%;
	border: 3px solid #A18FD1;
}
	/* Menu text sections */
h3.foodMenuText {
	position: relative;
	text-align: center;
	float:initial;
	clear: both;
	z-index: 2;
}

.foodMenuText {
	line-height: 1.5;
	clear: both;
	margin: 0 2vw;
	text-align: justify;
	height: 100%;
}
	/* Give some space between the items */
.foodMenuText:not(.emphasis) {
	margin-bottom: 1vw;
	height: 100%;
}

.contentFlexM {
	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
	clear: both;
	margin-top: 4em;
}

	 /* Parallel lists with gaps */
.contentFlexM .listLeft {
	float: left;
	clear: both;
	margin-left: 2vw;
}

.contentFlexM .listRight {
	float: right;
	clear: right;
	margin-right: 2vw;
}


	/*Add some space below the items that aren't short */
@media (max-width: 1000px) {
	.foodMenuCard:not(.mobileShort) {
		margin-bottom: 7.5vw;
	}
}

.captionMenu {
	font-size: 0.75rem;
	float: left;
	position: relative;
	left: 3px;
	line-height: 1.2;
	bottom: 2em;
	background: rgba(223, 255, 240);
	background: rgba(223, 255, 240, .8);
	z-index: 1;
}