/* if css changes don't seem to work, try holding CTRL or SHIFT while reloading the page, or load this file directly in browser */
div {
	display: block;
	/*border: 1px dashed*/;
}
body {
	margin: auto; /* margin: auto makes the difference between a body on the left and a body in the center */
	font-family: "helvetica", "sans-serif";
	color: black;
	background-color: gray;	
}
#wholebodydiv {
	margin: auto; 
 /*	text-align: center;
	neither align: center   nor  text-align: center   are having the same affect as attrib align=center. in fact, text-align: center  causes the contents to be aligned to the left, for some damn reason (chromium Version 28.0.1500.71 Ubuntu 13.04 (28.0.1500.71-0ubuntu1.13.04.1)) */
	/* width: 80em; this would restrict the size of this div, and, hence, the background image */
	background-attachment: fixed;
	background-position: center; 

/*	background-image: url("https://emiliaspizzeria.com/bkground.jpg");
	background-repeat: repeat-y; */
	font-size: 111%;
	
	
	background-image: linear-gradient(rgba(255, 255, 255, 1), rgba(0, 0, 0, 0.5)), url("https://emiliaspizzeria.com/EP-background-test.svg"); 
	background-repeat: round repeat
}
#readablecolumndiv {
	margin: auto; 
	max-width: 40em;
	min-height: 110vh;
	overflow: auto;
	text-align: left;
	background-color: rgba(200,200,200,0.6); 
/*opacity: 0.6; has weird inheritance behavior. using rgba instead.*/
/*see also media query below for padding */
}

a {
	/* color: #f97408; */
	color: #5c4700;
	text-decoration: gray dotted 1px underline;
}

input, select {
	min-width: 44px;
	min-height: 34px;
	margin-top: 2pt;
	margin-bottom: 2pt;
}

a.buttonlike, input[type=submit], button {
	color: black;
	font-size: 100%;	
	background-color: lightgray;
	text-decoration: none;
	padding: 5pt;
	border: 2px solid #f97408; 
	border-radius: 5px;
	min-width: 44px;
	min-height: 44px;
}

.logo {
 content: url('https://emiliaspizzeria.com/EP-test-logo.svg');
}
.slogan {
	font-style: oblique;
	font-size: 120%;
	/*width: 300px;*/
	margin: auto;
	/*margin: auto keeps the div element centered in it's parent, which it wouldn't otherwise be, for some reason */

}


.indent {
	padding-left: 2em;
	text-align: left;
}

.twitter_status, .next_time, #prior_orders_div {
	background-color: #FCC79C;
	border: 2px solid gray; 
	border-radius: 5px;

	margin: 5px;
	padding: 10px;
	font-size: 100%;	
	text-align: left;
	color: black;
}
#prior_orders_div {
	background-color: #9fcc9f;
}
a.twitter_status_text {
	color: black;
	text-decoration: none;
}
.twitter_status_time {
	color: gray;
	font-size: 90%;
}
.twitter_status_time_emphasized {
	color: black;
	font-size: 100%;
}
img.emoji {
   height: 1em;
   width: 1em;
   margin: 0 .05em 0 .1em;
   vertical-align: -0.1em;
}
.wwwwh {
	
	text-align: left;
}
.wwwwhQuestion {
	padding: 20pt 0pt 0pt 0pt;
	text-align: left;
	color: #333333;
	font-weight: bold;
	font-size: 110%;
}
.wwwwhAnswer, .OrderFormBox {
	background-color: white;
	align: center:
	text-align: left;
	border: 2px solid gray; 
	border-radius: 5px;
	padding: 10pt;
}
@media (min-width: 30em){
					.wwwwhAnswer, .OrderFormBox {
							margin: 10pt;
					}
					
				#readablecolumndiv {
																		/* background-color: rgba(100,100,200,0.8); */
					padding: 10pt;
				}
}


#updatesDiv {
	align: center:
	text-align: left;
	margin: 10pt;
}

h1 {
	padding: 0pt;
	margin: 0pt;
}
h1.CartAndMenu {
	padding: 0pt 0pt 0pt 0pt;
	text-align: Center;
	color: DimGray;
	font-weight: bold;
	font-size: 160%;
}
.MenuSectionContainer {	
	padding: 5px;
	margin-top: 15pt;
	border-radius: 5px;
/*2022-01-05_125646_PST	background-color: #CDBCAA; */
	background-color: #E8E8E8; 
}
.MenuSectionContainer:nth-of-type(2n+1) {
/*2022-01-05_125724_PST	background-color: #B8A999; */
	background-color: #E8E8E8; 
}
.MenuSectionContainer div:nth-child(2n+0) {
	background-color: white; 
}
.MenuSectionHeading {
	padding: 5px;
}
.MenuSectionHeadingName {
	font-size: 110%;
	font-weight: bold;
}
.MenuSectionHeadingSub {
	font-size: 80%;
}
.MenuItem, .LineItem {
	padding: 5px;
	text-indent: -5px;
	background-color: ;
	position: relative;
	overflow: auto;
}
.MenuDescrptn {
	background-color: ;
	z-index: ;
	padding-left: ;
}
.MenuPrice {
	font-size: 90%;
	background-color: ;
	position: ;
	float: right;
	right: ;
	z-index: 2;
	display: ;
}
.MenuDetail {
	font-size: 90%;
	color: #634516;
}
.LineItemPrice {
	font-size: 100%;
	background-color: ;
	position: ;
	float: right;
	right: ;
	z-index: 2;
	display: ;
}


form.is-submitting input, form.is-submitting button {
	background: rgba(0,0,0,0.6) url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHdpZHRoPSI0MHB4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCA0MCA0MCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEuNDE0MjE7IiB4PSIwcHgiIHk9IjBweCI+CiAgICA8ZGVmcz4KICAgICAgICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPjwhW0NEQVRBWwogICAgICAgICAgICBALXdlYmtpdC1rZXlmcmFtZXMgc3BpbiB7CiAgICAgICAgICAgICAgZnJvbSB7CiAgICAgICAgICAgICAgICAtd2Via2l0LXRyYW5zZm9ybTogcm90YXRlKDBkZWcpCiAgICAgICAgICAgICAgfQogICAgICAgICAgICAgIHRvIHsKICAgICAgICAgICAgICAgIC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoLTM1OWRlZykKICAgICAgICAgICAgICB9CiAgICAgICAgICAgIH0KICAgICAgICAgICAgQGtleWZyYW1lcyBzcGluIHsKICAgICAgICAgICAgICBmcm9tIHsKICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpCiAgICAgICAgICAgICAgfQogICAgICAgICAgICAgIHRvIHsKICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogcm90YXRlKC0zNTlkZWcpCiAgICAgICAgICAgICAgfQogICAgICAgICAgICB9CiAgICAgICAgICAgIHN2ZyB7CiAgICAgICAgICAgICAgICAtd2Via2l0LXRyYW5zZm9ybS1vcmlnaW46IDUwJSA1MCU7CiAgICAgICAgICAgICAgICAtd2Via2l0LWFuaW1hdGlvbjogc3BpbiAxLjVzIGxpbmVhciBpbmZpbml0ZTsKICAgICAgICAgICAgICAgIC13ZWJraXQtYmFja2ZhY2UtdmlzaWJpbGl0eTogaGlkZGVuOwogICAgICAgICAgICAgICAgYW5pbWF0aW9uOiBzcGluIDEuNXMgbGluZWFyIGluZmluaXRlOwogICAgICAgICAgICB9CiAgICAgICAgXV0+PC9zdHlsZT4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJvdXRlciI+CiAgICAgICAgPGc+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMCwwQzIyLjIwNTgsMCAyMy45OTM5LDEuNzg4MTMgMjMuOTkzOSwzLjk5MzlDMjMuOTkzOSw2LjE5OTY4IDIyLjIwNTgsNy45ODc4MSAyMCw3Ljk4NzgxQzE3Ljc5NDIsNy45ODc4MSAxNi4wMDYxLDYuMTk5NjggMTYuMDA2MSwzLjk5MzlDMTYuMDA2MSwxLjc4ODEzIDE3Ljc5NDIsMCAyMCwwWiIgc3R5bGU9ImZpbGw6YmxhY2s7Ii8+CiAgICAgICAgPC9nPgogICAgICAgIDxnPgogICAgICAgICAgICA8cGF0aCBkPSJNNS44NTc4Niw1Ljg1Nzg2QzcuNDE3NTgsNC4yOTgxNSA5Ljk0NjM4LDQuMjk4MTUgMTEuNTA2MSw1Ljg1Nzg2QzEzLjA2NTgsNy40MTc1OCAxMy4wNjU4LDkuOTQ2MzggMTEuNTA2MSwxMS41MDYxQzkuOTQ2MzgsMTMuMDY1OCA3LjQxNzU4LDEzLjA2NTggNS44NTc4NiwxMS41MDYxQzQuMjk4MTUsOS45NDYzOCA0LjI5ODE1LDcuNDE3NTggNS44NTc4Niw1Ljg1Nzg2WiIgc3R5bGU9ImZpbGw6cmdiKDIxMCwyMTAsMjEwKTsiLz4KICAgICAgICA8L2c+CiAgICAgICAgPGc+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMCwzMi4wMTIyQzIyLjIwNTgsMzIuMDEyMiAyMy45OTM5LDMzLjgwMDMgMjMuOTkzOSwzNi4wMDYxQzIzLjk5MzksMzguMjExOSAyMi4yMDU4LDQwIDIwLDQwQzE3Ljc5NDIsNDAgMTYuMDA2MSwzOC4yMTE5IDE2LjAwNjEsMzYuMDA2MUMxNi4wMDYxLDMzLjgwMDMgMTcuNzk0MiwzMi4wMTIyIDIwLDMyLjAxMjJaIiBzdHlsZT0iZmlsbDpyZ2IoMTMwLDEzMCwxMzApOyIvPgogICAgICAgIDwvZz4KICAgICAgICA8Zz4KICAgICAgICAgICAgPHBhdGggZD0iTTI4LjQ5MzksMjguNDkzOUMzMC4wNTM2LDI2LjkzNDIgMzIuNTgyNCwyNi45MzQyIDM0LjE0MjEsMjguNDkzOUMzNS43MDE5LDMwLjA1MzYgMzUuNzAxOSwzMi41ODI0IDM0LjE0MjEsMzQuMTQyMUMzMi41ODI0LDM1LjcwMTkgMzAuMDUzNiwzNS43MDE5IDI4LjQ5MzksMzQuMTQyMUMyNi45MzQyLDMyLjU4MjQgMjYuOTM0MiwzMC4wNTM2IDI4LjQ5MzksMjguNDkzOVoiIHN0eWxlPSJmaWxsOnJnYigxMDEsMTAxLDEwMSk7Ii8+CiAgICAgICAgPC9nPgogICAgICAgIDxnPgogICAgICAgICAgICA8cGF0aCBkPSJNMy45OTM5LDE2LjAwNjFDNi4xOTk2OCwxNi4wMDYxIDcuOTg3ODEsMTcuNzk0MiA3Ljk4NzgxLDIwQzcuOTg3ODEsMjIuMjA1OCA2LjE5OTY4LDIzLjk5MzkgMy45OTM5LDIzLjk5MzlDMS43ODgxMywyMy45OTM5IDAsMjIuMjA1OCAwLDIwQzAsMTcuNzk0MiAxLjc4ODEzLDE2LjAwNjEgMy45OTM5LDE2LjAwNjFaIiBzdHlsZT0iZmlsbDpyZ2IoMTg3LDE4NywxODcpOyIvPgogICAgICAgIDwvZz4KICAgICAgICA8Zz4KICAgICAgICAgICAgPHBhdGggZD0iTTUuODU3ODYsMjguNDkzOUM3LjQxNzU4LDI2LjkzNDIgOS45NDYzOCwyNi45MzQyIDExLjUwNjEsMjguNDkzOUMxMy4wNjU4LDMwLjA1MzYgMTMuMDY1OCwzMi41ODI0IDExLjUwNjEsMzQuMTQyMUM5Ljk0NjM4LDM1LjcwMTkgNy40MTc1OCwzNS43MDE5IDUuODU3ODYsMzQuMTQyMUM0LjI5ODE1LDMyLjU4MjQgNC4yOTgxNSwzMC4wNTM2IDUuODU3ODYsMjguNDkzOVoiIHN0eWxlPSJmaWxsOnJnYigxNjQsMTY0LDE2NCk7Ii8+CiAgICAgICAgPC9nPgogICAgICAgIDxnPgogICAgICAgICAgICA8cGF0aCBkPSJNMzYuMDA2MSwxNi4wMDYxQzM4LjIxMTksMTYuMDA2MSA0MCwxNy43OTQyIDQwLDIwQzQwLDIyLjIwNTggMzguMjExOSwyMy45OTM5IDM2LjAwNjEsMjMuOTkzOUMzMy44MDAzLDIzLjk5MzkgMzIuMDEyMiwyMi4yMDU4IDMyLjAxMjIsMjBDMzIuMDEyMiwxNy43OTQyIDMzLjgwMDMsMTYuMDA2MSAzNi4wMDYxLDE2LjAwNjFaIiBzdHlsZT0iZmlsbDpyZ2IoNzQsNzQsNzQpOyIvPgogICAgICAgIDwvZz4KICAgICAgICA8Zz4KICAgICAgICAgICAgPHBhdGggZD0iTTI4LjQ5MzksNS44NTc4NkMzMC4wNTM2LDQuMjk4MTUgMzIuNTgyNCw0LjI5ODE1IDM0LjE0MjEsNS44NTc4NkMzNS43MDE5LDcuNDE3NTggMzUuNzAxOSw5Ljk0NjM4IDM0LjE0MjEsMTEuNTA2MUMzMi41ODI0LDEzLjA2NTggMzAuMDUzNiwxMy4wNjU4IDI4LjQ5MzksMTEuNTA2MUMyNi45MzQyLDkuOTQ2MzggMjYuOTM0Miw3LjQxNzU4IDI4LjQ5MzksNS44NTc4NloiIHN0eWxlPSJmaWxsOnJnYig1MCw1MCw1MCk7Ii8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K') no-repeat 50% 50% / 1em 1em;	
}