.cherry-popup-wrapper{
	input[type='text'],
	input[type='email'],
	input[type='url'],
	input[type='password'],
	input[type='search'],
	input[type='number'],
	input[type='tel'],
	input[type='range'],
	input[type='date'],
	input[type='month'],
	input[type='week'],
	input[type='time'],
	input[type='datetime'],
	input[type='datetime-local'],
	input[type='color'] {
		padding: 10px 20px;
		background-color: white;
		border-color: $input_border_color;
		border-radius: 3px;
		color: #9ba0a3;
	}

	.cherry-popup-title {
		text-align: center;

		h4 {
			color: $grey_color_4;
			margin: 0;
		}
	}

	.wp-social-login-widget {
		.wp-social-login-provider-list {
			display: flex;
			justify-content: center;
			align-items: center;

			a {
				padding: 10px 30px;
				margin: 0 10px;
				color: white;
				cursor: pointer;
				background-color: $blue_color;
				border-radius: 20px;
				display: inline-block;
				font-weight: 600;
				transition: all 0.5s ease;

				&:hover {
					background-color: $blue_color_h;
				}

				&.wp-social-login-provider-facebook {
					background-color: #4E64AD;

					&:hover {
						background-color: #3d5294;
					}

					&:before {
						@include font-awesome-icon();
						font-size: 16px;
						margin-right: 8px;
						content: '\f09a';
					}
				}

				&.wp-social-login-provider-google {
					background-color: #dd4b39;

					&:hover {
						background-color: #be4233;
					}

					&:before {
						@include font-awesome-icon();
						font-size: 16px;
						margin-right: 8px;
						content: '\f1a0';
					}
				}

				&.wp-social-login-provider-twitter {
					background-color: #6acdef;

					&:hover {
						background-color: #47b5dc;
					}

					&:before {
						@include font-awesome-icon();
						font-size: 16px;
						margin-right: 8px;
						content: '\f099';
					}
				}

			}
		}
	}

	&.light-style{
		color: $grey_color_3;
		.cherry-popup-close-button{
			color: $grey_color_3;
		}
		.cherry-popup-show-again-check{
			.marker{
				background-color: $grey_color_1;
			}
			.label{
				color: $grey_color_3;
			}
			&.checked{
				.marker{
					background-color: $grey_color_1;
				}
			}
		}
		.cherry-popup-container__inner{
			&::-webkit-scrollbar-thumb {
				background-color: $dark_color_2;
				border: 0px none $dark_color_2;
				border-radius: 4px;
			}
			&::-webkit-scrollbar-thumb:hover {
				background-color: $dark_color_2_h;
			}
			&::-webkit-scrollbar-thumb:active {
				background-color: $dark_color_2_h;
			}
			&::-webkit-scrollbar-track {
				background-color: $grey_color_3;
			}
		}
		.cherry-popup-subscribe{
			&__submit{
				border-color: $grey_color_1;
				color: $grey_color_1;
			}
		}
	}

	&.dark-style{
		color: $grey_color_1;
		.cherry-popup-close-button{
			color: $grey_color_1;
		}
		.cherry-popup-show-again-check{
			.marker{
				background-color: $grey_color_1;
			}
			.label{
				color: $grey_color_1;
			}
			&.checked{
				.marker{
					background-color: $grey_color_1;
				}
			}
		}
		.cherry-popup-container__inner{
			&::-webkit-scrollbar-thumb {
				background-color: $grey_color_1;
				border: 0px none $grey_color_1;
				border-radius: 4px;
			}
			&::-webkit-scrollbar-thumb:hover {
				background-color: $dark_color_2;
			}
			&::-webkit-scrollbar-thumb:active {
				background-color: $dark_color_2;
			}
			&::-webkit-scrollbar-track {
				background-color: $grey_color_3;
			}
		}
		.cherry-popup-subscribe{
			&__submit{
				border-color: $grey_color_1;
				color: $grey_color_1;
			}
		}
	}

	&.blue-style{
		color: $blue_color;
		.cherry-popup-close-button{
			color: $blue_color;
		}
		.cherry-popup-show-again-check{
			.marker{
				background-color: $grey_color_1;
			}
			&.checked{
				.marker{
					background-color: $blue_color;
				}
			}
		}
		.cherry-popup-container__inner{
			&::-webkit-scrollbar-thumb {
				background-color: $blue_color;
				border: 0px none $blue_color;
				border-radius: 4px;
			}
			&::-webkit-scrollbar-thumb:hover {
				background-color: $blue_color_h;
			}
			&::-webkit-scrollbar-thumb:active {
				background-color: $blue_color_h;
			}
			&::-webkit-scrollbar-track {
				background-color: $grey_color_3;
			}
		}
		.cherry-popup-subscribe{
			&__submit{
				border-color: $blue_color;
				color: $grey_color_1;
			}
		}
	}

	&.red-style{
		color: $red_color;
		.cherry-popup-close-button{
			color: $red_color;
			&:hover{
				color: $dark_color_2;
			}
		}
		.cherry-popup-show-again-check{
			.marker{
				background-color: $grey_color_1;
			}
			&.checked{
				.marker{
					background-color: $red_color;
				}
			}
		}
		.cherry-popup-container__inner{
			&::-webkit-scrollbar-thumb {
				background-color: $red_color;
				border: 0px none $red_color;
				border-radius: 4px;
			}
			&::-webkit-scrollbar-thumb:hover {
				background-color: $red_color_h;
			}
			&::-webkit-scrollbar-thumb:active {
				background-color: $red_color_h;
			}
			&::-webkit-scrollbar-track {
				background-color: $grey_color_3;
			}
		}
		.cherry-popup-subscribe{
			&__submit{
				border-color: $red_color;
				color: $grey_color_1;
			}
		}
	}
}

.cherry-popup-spinner{
	width: 25px;
	height: 25px;
	display: none;
	position: relative;
	margin-left: 5px;

	.cherry-double-bounce1,
	.cherry-double-bounce2 {
		width: 100%;
		height: 100%;
		border-radius: 50%;
		background-color: white;
		opacity: 0.6;
		position: absolute;
		top: 0;
		left: 0;
		animation: cherry-doubleBounce 2s infinite ease-in-out;
	}

	.cherry-double-bounce2 {
		animation-delay: -1s;
	}
}

@-webkit-keyframes cherry-doubleBounce {
	0%, 100% {
		transform: scale(0);
	}
	50% {
		transform: scale(1);
	}
}
@keyframes cherry-doubleBounce {
	0%, 100% {
		transform: scale(0);
	}
	50% {
		transform: scale(1);
	}
}