:root {
	--bg-light-purple: #eac6d2;
	/*
	--bg-purple: #9277ac;
	--bg-purple: #423263;
	--bg-dark-purple: #1e1739;
*/
    --bg-purple: #372953;
    --bg-medium-purple: #221c3a;
    --bg-dark-purple: #19132e;
    


}

a {
	color: var(--bg-light-purple);
}

#nav .menu .menuItem:hover > a,
#nav .menu .menuItem a:hover {
	color: var(--bg-light-purple);
}

html {
    background: var(--bg-dark-purple);
}

.bg-purple {
	background-color: var(--bg-purple);
}

.bg-medium-purple {
	background-color: var(--bg-medium-purple);
}

.box-text {
	background-color: var(--bg-purple);
}

#nav {
    background: var(--bg-dark-purple);
}

#nav > .wrapper,
#nav .submenu {
	background-color: var(--bg-dark-purple);
}



#content > .wrapper {
	background-color: var(--bg-dark-purple);
}

.box-text:hover {
	background-color: var(--bg-light-purple);
}

.box-text:hover,
.box-text:hover h1.box-title {
	color: var(--bg-dark-purple);
}

.slider.image-box-slider .box .box-text {
	background-color: var(--bg-purple);
}

.slider.image-box-slider .box:hover .box-text {
	background-color: var(--bg-light-purple);
}

.slider.image-box-slider .box:hover .box-text,
.slider.image-box-slider .box:hover .box-text h1.box-title {
	color: var(--bg-dark-purple);
}




#productListing .product .nimi {
	color: var(--bg-light-purple) !important;
}

#productListing .product .nimi strong {
	color: white !important;
}

#productListing .product .kuva .stars {
	background: var(--bg-purple) !important;
}

#productListing .listFooter button {
	background-color: var(--bg-purple) !important;
}

#content.recipe > .wrapper,
.recipe-header,
.recipe-flex,
.recipe-header h1,
.recipe-header a {
	background-color: var(--bg-medium-purple) !important;
}

.recipe-infobox a {
	color: var(--bg-light-purple) !important;
}

.ainekset tr:nth-child(odd) {
	background-color: var(--bg-medium-purple) !important;
}

.ainekset tr {
	background-color: var(--bg-dark-purple) !important;
}

.searchBar #hakuButton,
.searchBar .catList:after {
	background-color: var(--bg-purple) !important;
}

.searchBar input::placeholder {
	color: #999999 !important;
}

.searchBar .hakuClear {
	color: var(--bg-light-purple) !important;
}

.searchBar .hakuClear.disabled {
	color: #999999 !important;
}

.searchBar #sanahaku:focus {
	border-color: #67538f !important;
}

.searchBar .catList:after {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20px' height='13px'><path fill-rule='evenodd'  fill='rgb(255, 255, 255)' d='M20.000,2.950 L17.650,0.657 L10.000,8.104 L2.350,0.657 L0.000,2.950 L10.000,12.706 L20.000,2.950 Z'/></svg>") !important;
}

.listingStats .filters .filterItem strong {
	background: #67538f !important;
}

.listingStats .filters .filterItem strong,
.listingStats .filters .filterItem strong a {
	color: white !important;
}

@media all and (max-width: 699px){

	#nav.mobile-menu-open .menu {
		background-color: var(--bg-dark-purple) !important;
	}

}