/* Sticky footer styles
-------------------------------------------------- */

html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}

a {
	color: #c27ba0;
}
/* Wrapper for page content to push down footer */
#wrap {
  height: 100%;
  /* Pad bottom by footer height */
  padding: 0 0 30px;
}

/* Set the fixed height of the footer here */
#footer {
  height: 30px;
  background-color: #f5f5f5;
  display: none;
}
	#footer .container  {
		width: 100%;
		padding: 0;
	}
	#footer .navbar {
		min-height: 30px;
		margin-bottom: 0;
		padding: 0 30px;
	}

h1, h2 {
	font-family: 'Maven Pro', sans-serif;
	color: #333;
}
p, ul {
	font-size: 17px!important;
	color: #666;
	font-weight: 200;
	line-height: 28px;
}
/*ul {
	padding-top: 20px;
	padding-bottom: 20px;
}*/
.navbar p, .navbar ul {
	font-size: 13px;
}
.navbar a {
	color: #c27ba0;
}
	.navbar-brand {
		padding-top: 9px;
		height: 32px;
		overflow: visible;
	}
		.navbar-brand img {
			width: 32px;
			height: auto;
		}
.container#mledoux {
	background: transparent;
	width: 100%;
	height: 100%;
	padding: 0 60px;
}

.jumbotron {
	background-color: #fff!important;
	border-radius: 0!important;
	width: 100%!important;
	height: 100%;
	padding-left: 0!important;
	padding-right: 0!important;
	display: flex; 
	align-items: center; 
	justify-content: center;
	text-align: center;
}
#demo .container {
	position: relative;
	z-index: 5;
}
#demo p, #demo ul {
	font-size: 15px;
	color: #666;
	font-weight: 200;
	line-height: 18px;
}

#demo fieldset {
  position: relative;
  padding: 8px;
  margin: 0 0 20px 0;
  min-height: 270px;
  overflow-y: scroll;
  border: 1px solid #ccc;
}
.disable-fieldset {
	opacity: .5;
	z-index: -1;
}
#demo .jumbotron {
	padding-bottom: 10px;
	margin-bottom: 0;
}
#demo h3 {
	color: #c27ba0;
}
#cart {
	height: 70px;
	width: 300px;
	margin: 15px 0 0 0;
	padding: 5px;
	border: 1px solid #ccc;
	background-color: #efefef;
	overflow-y: scroll; 
}
#demo .info {
  cursor: pointer;
  right: 20px;
  bottom: 25px;
  position: absolute;
  z-index: 6;
 }
#demo .info.reveal {
  position: absolute;
  background: #dedede;
  border: 1px solid #ccc;
  box-shadow: #000 0px 0px 50px;
  padding: 8px 8px 15px 8px;
}
#demo input[type=text], #demo label {
  display:block;
  margin: 0 0 15px 0;
  padding: 5px;
  min-width: 60%;
}
#demo textarea {
	min-width: 300px;
	min-height: 150px;
	padding: 8px;
}
#demo label {
  margin: 0;
}
#demo label {font-weight: bold;}
#demo #clear-info {cursor: pointer;}
#new_items {
	position: relative;
	width: 30%;
	padding: 0 0 40px 0;
}
	#item_controls {
		position: absolute;
		background-color: #efefef;
		height: 40px;
		padding: 8px;
		left: 0;
		bottom: 8px;
	}
	#add_more_items, #clear_items {cursor: pointer;}
#return_hide, #clear-info {
	display: none;
}
@media screen and (max-width: 800px) {
	body {
		padding-top: 30px;
	}
	h2 {
		font-size: 20px;
	}
	.container#mledoux {
		background: transparent;
		width: 100%;
		padding: 0 20px;
	}
		.jumbotron {
			padding-top: 0;
			padding-bottom: 0;
		}
			.jumbotron p, ul {
				font-size: 14px;
			}

}