// Theme Colors
@each $name, $color in $cms_theme_colors {
	// link color
	.link-#{$name} {
		a&{
			color: #{$color};
		}
	}
	.link-hover-#{$name}{
		&:hover{
			a&{
				color: #{$color};
			}
		}
	}
	// text color
	.text-#{$name}{
		color: #{$color};
		&.cms-star-rated,
		&.cms-star-rating {
			color: #{$color};
		}
	}
	.text-hover-#{$name}:hover,
	.text-hover-#{$name}:focus{
		color: #{$color};
	}
	// background color
	.bg-#{$name}{
		background-color: #{$color};
	}
	.bg-hover-#{$name}{
		&:hover{
			background-color: #{$color};
		}
	}
	// border color
	.bdr-#{$name} {
		border-color: #{$color};
	}
	.bdr-hover-#{$name}:hover{
		border-color: #{$color};
	}
	// divider
	.divider-#{$name}:before{
		background-color: #{$color};
	}
	.cms-bg-gradient-#{$name}{
		$gradient: 90deg, $color 0%, rgba($color, 0.95) 77%;
		@include background-gradient($gradient);
	}
	// Menu
	.current-menu-item{
		.link-hover-#{$name}{
			a{
				color: #{$color};
			}
		}
	}
	// SVG colors
	[fill="#{$name}"]{
		fill: #{$color};
	}
	// Icon background
	.cms-icon-bg-#{$name}:before{
		background-color: $color;
	}
}
.text-616161{
	color: #616161;
}
.text-red{
	color: #ff0000;
}
.bg-inherit{
	background: inherit;
}
.bdr-inherit{
	border-color: white;
}