$colorOne: #e56b6f;
$colorTwo: #04b571;
$colorThree: #ffffff;
$colorFour: #000000;
$colorFive: #01497c;
$loginFormFontSize: 16px;
$loginFormGoogleSize: 18px;
$colorSix: #e6e6e9;
$colorSeven: #f6f6f6;
$colorEight: #bbbbbb;

$ratingOneBg: #a03939;
$ratingTwoBg: #834123;
$ratingThreeBg: #d36b3a;
$ratingFourBg: #106940;
$ratingFiveBg: #014123;

$floaterCartIconItemsBg: #b56576;
$floaterWislistIconItemsBg: #e56b6f;
$floaterIconText: #ffffff;

@function wptrove-frontend-insert-color-svg($colour) {
    @return '%23' + str-slice('#{$colour}', 2, -1);
}
@mixin wptrove-frontend-rounded-button($size: 20px, $bgColor: #000, $textColor: #fff, $paddingVert: 12px, $paddingHor: 36px) {
	font-size: ( $size * 0.6 );
	background-color: $bgColor;
	padding: ( $paddingVert * 0.6 ) ( $paddingHor * 0.6 );
	color: $textColor;
	border-radius: 1.2em;
	@media screen and (min-width: 1201px) {
		font-size: $size;
		background-color: $bgColor;
		padding: $paddingVert $paddingHor;
		color: $textColor;
		border-radius: 1.2em;
	}
	display: inline-block;
	cursor: pointer;
	font-weight: 700;
}
@keyframes wptrove-frontend-spinner-icon {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@mixin wptrove-frontend-spinner($size: 48px, $border: #000, $borderTop: #fff, $borderSize: 6px) {
    border: $borderSize solid $border; /* Light grey */
    border-top: $borderSize solid $borderTop; /* Blue */
    border-radius: 50%;
    width: $size;
    height: $size;
    animation: wptrove-frontend-spinner-icon 2s linear infinite;
    display: inline-block;
}

@mixin wptrove-frontend-login-input-label(){
	margin: 0;
	padding: 0 0 5px 0;
	font-weight: bold;
	font-size: $loginFormFontSize;
}
@mixin wptrove-frontend-login-input(){
	width: 100%;
	padding: 6px !important;
	font-size: $loginFormFontSize;
}
@mixin wptrove-frontend-login-input-message(){
	margin: 0;
	padding: 5px 0 0 0;
	font-size: $loginFormFontSize;
	color: $colorOne;
	display: none;
}
@mixin wptrove-frontend-svg-bg($size:24px) {
	width: $size;
	height: $size;
	background-position: center;
	background-repeat: no-repeat;
}
@mixin wptrove-frontend-button() {
	display: inline-block;
	padding: 5px 15px;
	background:$colorFive;
	color:$colorThree;
	font-size: $loginFormFontSize;
	cursor: pointer;
	border-radius: 4px;
	font-weight: bold;
}

@keyframes wptrove-frontend-social-spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}

@mixin wptrove-frontend-split-gradient( $colorOne, $colorTwo ) {

	background: linear-gradient(90deg, $colorOne 50%, $colorTwo 50%);

}