* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: sans-serif;
}




/* ==============================================*/
/*                 Return Button                 */
/* ==============================================*/

#returnButton {
	background-color: rgba(10,30,40,0.7);
	font-size: 28px;
	padding: 15px;
	border: 5px solid rgba(10,30,40,0.7);
	border-top: none;
	box-shadow: inset 0 0 10px rgba(255,255,255,0.5);
	position: fixed;
	top: 0;
	margin-left: 50px;
	z-index: 9999;
}

#return a {
	color: rgb(40,142,172);
	text-decoration: none;
}

#return a:hover {
	color: white;
}	

/* ================================== */
/*               View 1               */
/* ================================== */
section#view_1 {
	width: 100%;
	display: block;
	overflow: auto;
}

section#view_1 h2 {
	color: #555;
	margin-top: 20px;
	text-align: center;
}

section#view_1 nav {
	width: 290px;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
}

section#view_1 nav img.menu_links {
	display: block;
	width: 100px;
	height: 100px;
	margin: 20px 70px 0px 70px;
	float: left;
	clear: both;
	cursor: pointer;
}

section#view_1 nav img.menu_links:last-of-type {
	margin-bottom: 20px;
}

section#view_1 nav img#ml1 {
	-webkit-animation: menuitem1 1.5s forwards; /* Chrome, Safari, Opera */
	animation: menuitem1 1.5s forwards;
}
section#view_1 nav img#ml2 {
	-webkit-animation: menuitem2 1.5s forwards; /* Chrome, Safari, Opera */
	animation: menuitem2 1.5s forwards;
}

/* Menu Item Animations */
@keyframes menuitem1 {
	0% {opacity: 0; margin-left: 180px; transform: scale(0.2);}
	50% {opacity: 0.5; margin-left: 10px; transform: scale(0.6)}
	80% {opacity: 1; margin-left: 95px; transform: scale(0.8)}
	100% {opacity: 1; margin-left: 95px; transform: scale(1)}
}
 
@-webkit-keyframes menuitem1 { /* Chrome, Safari, Opera */
	0% {opacity: 0; margin-left: 180px; transform: scale(0.2);}
	50% {opacity: 0.5; margin-left: 10px; transform: scale(0.6)}
	80% {opacity: 1; margin-left: 95px; transform: scale(0.8)}
	100% {opacity: 1; margin-left: 95px; transform: scale(1)}
}

@keyframes menuitem2 {
	0% {opacity: 0; margin-left: 10px; transform: scale(0.2);}
	50% {opacity: 0.5; margin-left: 180px; transform: scale(0.6)}
	80% {opacity: 1; margin-left: 95px; transform: scale(0.8)}
	100% {opacity: 1; margin-left: 95px; transform: scale(1)}
}

@-webkit-keyframes menuitem2 { /* Chrome, Safari, Opera */
	0% {opacity: 0; margin-left: 10px; transform: scale(0.2);}
	50% {opacity: 0.5; margin-left: 180px; transform: scale(0.6)}
	80% {opacity: 1; margin-left: 95px; transform: scale(0.8)}
	100% {opacity: 1; margin-left: 95px; transform: scale(1)}
}




/* ================================== */
/*               View 2               */
/* ================================== */
section#view_2 {
	width: 100%;
	display: none;
	overflow: auto;
}

section#view_2 header {
	max-width: 600px;
	margin: 0 auto;
	padding-top: 5px;
	overflow: auto;
}

section#view_2 #mapLinks {
	background-color: #fff;
	position: absolute;
	padding: 10px;
	border: 1px solid #ddd;
	margin: 10px;
	right: 0;
	z-index: 999;
}

section#view_2 #mapLinks a:first-of-type {
	border-right: 1px solid #ddd;
	padding-right: 15px;
}

section#view_2 #mapLinks a:last-of-type {
	padding-left: 10px;
}

section#view_2 .deleteBtnStyle {
	background-color: #d98c8c;
	position: absolute;
	padding: 10px;
	border: 1px solid #bf4040;
	margin: 10px;
	left: 0;
	z-index: 999;
	color: #bf4040;
}

section#view_2 .deleteBtnStyle:hover {
	color: #862d2d;
}

section#view_2 h2 {
	color: #555;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
}

section#view_2 p {
	color: #555;
	padding: 5px;
}

section#view_2 #map_container {
	max-width: 600px;
	margin: 0 auto;
	padding-top: 5px;
	overflow: auto;
}

section#view_2 #map_container #map {
	width: 100%;
	height: 300px;
	margin-top: 5px;
	border: 1px solid #ccc;
}

section#view_2 #list_container {
	max-width: 600px;
	margin: 0 auto;
	display: none;
	overflow: auto;
}

section#view_2 #shoppinglist {
	overflow: auto;
	padding: 10px;
	padding-bottom: 0px;
}

section#view_2 #shoppinglist label {
	width: 30%;
	padding: 10px;
	float: left;
	clear: both;
}

section#view_2 #shoppinglist input {
	width: 70%;
	padding: 10px;
	margin-bottom: 10px;
	float: left;
	border: 1px solid #ccc;
}

section#view_2 #shoppinglist input:last-of-type {
	background-color: #ccc;
	width: 100%;
	text-transform: uppercase;
	cursor: pointer;
}

section#view_2 #shoppinglist input:last-of-type:hover {
		background-color: #eee;
}

section#view_2 #listitems {
	width: 100%;
	border-spacing: 0px 5px;
	overflow: auto;
}

section#view_2 #listitems .listitem  {
	background-color: #ddd;
	display: block;
	border: 1px solid #ddd;
}

section#view_2 #listitems:nth-of-type(1n+2) .listitem  {
	background-color: red;
}

section#view_2 #listitems .listitem td {
	width: 10%;
	padding: 10px;
}

section#view_2 #listitems .listitem td:nth-of-type(2) {
	width: 90%;
}

section#view_2 #listitems .listitem td input[type=checkbox] {
	pointer-events: fill;
	font-size: 20px;
}

section#view_2 #listitems .listitem td:last-of-type a {
	color: red;
	font-weight: bold;
}



/* ================================== */
/*               View 3               */
/* ================================== */
section#view_3 {
	width: 100%;
	display: none;
	overflow: auto;
}

section#view_3 header {
	max-width: 600px;
	margin: 0 auto;
	padding-top: 5px;
	padding-bottom: 20px;
	overflow: auto;
}

section#view_3 header h2 {
	color: #555;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
}





/* ================================== */
/*             All Views              */
/* ================================== */

section a {
	color: #999;
	text-decoration: none;
	cursor: pointer;
	padding: 5px;
}

section a:hover {
	color: black;
}





/* ================================== */
/*         Responsive Design          */
/* ================================== */

/* Mobile is standard resolution */

/* Tablet resolution and up */
@media (min-width: 600px) {

	section#view_2 #map_container {
		max-width: 100%;
	}

	section#view_2 #map_container #map {
		height: 50vh;
	}

}