body{
	background-color: #f5f1eb;
}



h1,h2,h3,h4,h5,h6{
	color:#4b2e1e
}

.box-element{
	box-shadow:hsl(0, 0%, 80%) 0 0 16px;
	background-color: #fff;
	border-radius: 4px;
	padding: 10px;
}

.thumbnail{
	width: 100%;
	height: 200px;
	-webkit-box-shadow: -1px -3px 5px -2px rgba(214,214,214,1);
    -moz-box-shadow: -1px -3px 5px -2px rgba(214,214,214,1);
    box-shadow: -1px -3px 5px -2px rgba(214,214,214,1);
}

.product{
	border-radius: 0 0 4px 4px;
}

.bg-dark{
	background-color: #4b2e1e!important;
}

#cart-icon{
	width:25px;
	display: inline-block;
	margin-left: 15px;
}

#cart-total{
	display: block;
	text-align: center;
	color:#fff;
	background-color:#a66a2c;
	width: 20px;
	height: 25px;
	border-radius: 50%;
	font-size: 14px;
}

.col-lg-4, .col-lg-6, .col-lg-8, .col-lg-12{
	margin-top: 10px;
}

.btn{
	border-radius: 0;
}

.row-image{
	width: 100px;
}

.form-field{
	width:250px;
	display: inline-block;
	padding: 5px;
}

.cart-row{
	display: flex;
    align-items: flex-stretch;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ececec;

}

.quantity{
	display: inline-block;
	font-weight: 700;
	padding-right:10px;
	

}

.chg-quantity{
	width: 12px;
	cursor: pointer;
	display: block;
	margin-top: 5px;
	transition:.1s;
}

.chg-quantity:hover{
	opacity: .6;
}


.hidden{
	display: none!important;
}

a {
	color: #c89b64;
	text-decoration: none;
}

a:hover {
	color: #a66a2c; 
	text-decoration: underline;
}

/* =====  Button Overrides ===== */


.btn-primary {
	background-color: #4b2e1e;
	border-color:#4b2e1e;
	color: #fff;
}
.btn-primary:hover {
	background-color: #2E4220;
	border-color: #2E4220;
	color: #fff;
}

.btn-secondary {
	background-color: #8d6e63;
	border-color: #8d6e63;
	color: #fff;
}
.btn-secondary:hover {
	background-color: #6F442C;
	border-color: #6F442C;
	color: #fff;
}


.btn-success {
	background-color:#c89b64;
	border-color: #c89b64;
	color: #fff;
}
.btn-success:hover {
	background-color:#a66a2c;
	border-color:#a66a2c;
	color: #fff;
}

/* ===== Outline Variants ===== */

/* 🌿 Outline Primary */
.btn-outline-primary {
	color: #4b2e1e !important;
	border-color: #4b2e1e !important;
	background-color: transparent !important;
}
.btn-outline-primary:hover {
	background-color:#4b2e1e !important;
	color: #fff !important;
	border-color: #4b2e1e !important;
}

/* 🪵 Outline Secondary */
.btn-outline-secondary {
	color: #8C5E3C !important;
	border-color: #8C5E3C !important;
	background-color: transparent !important;
}
.btn-outline-secondary:hover {
	background-color: #8C5E3C !important;
	color: #fff !important;
	border-color: #8C5E3C !important;
}

/*  Outline Success */
.btn-outline-success {
	color: #BFA25A !important;
	border-color: #BFA25A !important;
	background-color: transparent !important;
}
.btn-outline-success:hover {
	background-color: #BFA25A !important;
	color: #fff !important;
	border-color: #BFA25A !important;
}

.about-section {
  background-color: #f5f1eb;
  color: #5cfdf0;
}
.about-section h2 {
  border-color: #a66a2c;
}