/*

// -------------------------------------------------------------------
// Source: /spices/css/spices_style.css
// -------------------------------------------------------------------

*/

html, body {
	background-color: #FCEFCC;
	color: #CC2F14;
	margin: 0;
	font-family: "Fredoka", sans-serif;
	font-size: 16px;
}

header {
	color: #FCEFCC;
	background-color: #CC2F14;
	padding: 10px;
}

h1 {
	font-family: "Just Another Hand", cursive;
	letter-spacing: 3px;
	text-align: center;
	margin: 0 0 10px;
	font-size: 45px;
}

ul#spices_list {
	padding: 15px 0;
	margin: 0;
	list-style: none;
	display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
	gap: 20px;
	background-color: #FFFFFF;
}

ul#spices_list li {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	border: 3px solid #000000;
	background: #F4E1FF;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 10px;
	flex-shrink: 0;
	word-wrap: break-word;
	font-family: "Cabin Sketch", sans-serif;
}

ul#spices_list li.in_spice_rack {
	background-color: #FFB200;
}

.spice_container {
	font-size: 20px;
	line-height: 1.2;
	word-break: break-word;
	font-weight: bold;
	color: #000000;
}

#ajax_wrapper {
	padding: 10px;
	margin: 0;
	max-width: none;
	width: 100%;
	color: #000000;
}

#ajax_wrapper h1 {
	font-family: "Cabin Sketch", sans-serif;
}

.spice_details table {
	margin: 10px auto;
}

.spice_details table th {
	text-align: left;
	padding-right: 20px;
}

.spice_details table ul {
	margin: 0 0 0 15px;
	padding: 0;
}














.center {
	text-align: center;
}

.error {
	font-weight: bold;
	text-align: center;
	color: #B22222;
	border: 1px solid #B22222;
	margin: 10px 0;
	padding: 10px;
}

a,
a:link,
a:visited {
	color: #191970;
}

footer {
	font-family: "Just Another Hand", cursive;
	letter-spacing: 2px;
	border-top: 3px solid #CC2F14;
	text-align: center;
	padding: 15px 0;
	margin: 0;
	font-size: 30px;
}

@media (max-width: 768px) {

}