/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

:root {
	--cnvs-themecolor: #5a6ba5;
	--cnvs-themecolor-rgb: 90, 107, 165;
}

.gradient-sweetness,
.h-gradient-sweetness:hover {
	background-image: linear-gradient(to right, #FFAAB4, #FF7787) !important;
}

.gradient-body,
.h-gradient-body:hover {
	background-image: linear-gradient(to right, #CC9CE1, #9A3CC3) !important;
}

.gradient-acidity,
.h-gradient-acidity:hover {
	background-image: linear-gradient(to right, #95EA5C, #54AE16) !important;
}

.gradient-tannin,
.h-gradient-tannin:hover {
	background-image: linear-gradient(to right, #F16861, #A81A13) !important;
}

.gradient-fizziness,
.h-gradient-fizziness:hover {
	background-image: linear-gradient(to right, #EFD943, #DDC522) !important;
}

.gradient-finish,
.h-gradient-finish:hover {
	background-image: linear-gradient(to right, #FC9D4C, #E66C05) !important;
}

.validation {
	color: red;
	font-weight: bold;
	font-size: smaller;
}

.ta-r {
	text-align: right;
}