/* Change default styles for Cherry PopUp plugin */
.custom-popup-newsletter.invert {
	.cherry-popup-container {
		width: 100%;
		margin: 0;
		min-height: 100% !important;
		.cherry-popup-container__dynamic {
			width: 100% !important;
			min-width: 230px !important;
			max-width: 370px;
			.cherry-popup-title {
				margin-bottom: 4px;
				h4 {
					text-transform: none;
					line-height: 4rem;
					letter-spacing: 0;
				}
			}
			.cherry-popup-content {
				margin-bottom: 33px;
				text-align: center;
				h5 {
					letter-spacing: 0.04rem;
				}
			}
			.cherry-popup-subscribe {
				.cherry-popup-subscribe__input-group {
					flex-direction: column;
					.cherry-popup-subscribe__input {
						width: 100%;
						margin-bottom: 10px;
						border-radius: 20px;
					}
					.cherry-popup-subscribe__submit {
						width: 100%;
						margin-left: 0;
						text-align: center;
					}
				}
				.cherry-popup-subscribe__submit {
					text-transform: uppercase;
					font-weight: 500;
					letter-spacing: 0.04rem;
					&:before {
						content: '\ea3a';
						position: relative;
						@include nucleo-mini-icon();
						color: $color__white;
						top: 2px;
						font-size: 14px;
						left: auto;
						padding-right: 10px;
					}
				}
			}
		}
		.cherry-popup-close-button {
			top: 30px;
		}
		.cherry-popup-check {
			left: 50%;
			transform: translateX(-50%);
			right: auto;
			bottom: 10%;
			.marker {
				background: none;
				border: 1px solid #fff;
			}
			.label {
				font-size: 14px;
			}
		}
	}
	.cherry-popup-close-button {
		color: $color__white !important;
		&:hover {
			color: $color__not-valid !important;
		}
	}
}

.custom-popup-login {
	.cherry-popup-container {
		width: 100%;
		margin: 0;
		min-height: 100% !important;
		.cherry-popup-container__dynamic {
			width: 100% !important;
			min-width: 230px !important;
			max-width: 370px;
			.cherry-popup-title {
				margin-bottom: 16px;
				h4 {
					text-transform: none;
					line-height: 4rem;
				}
			}
			.cherry-popup-content {
				margin-bottom: 16px;
			}
			.wp-social-login-widget {
				.wp-social-login-provider-list {
					@include media-breakpoint-down(sm) {
						flex-direction: column;
					}
					a.wp-social-login-provider {
						font-size: 14px;
						line-height: 12px;
						text-transform: uppercase;
						font-weight: 500;
						letter-spacing: 0.04rem;
						margin: 0 5px;
						padding: 14px 28px;
						@include media-breakpoint-down(sm) {
							margin-bottom: 10px;
							width: 100%;
							justify-content: center;
						}
						&:before {
							content: none;
						}
					}
				}
			}
			.cherry-popup-login__use-mail,
			.cherry-popup-signup__new-user {
				span {
					flex: 1 1 25%;
					margin: 0 10px;
				}
			}
			.cherry-popup-login__input-group,
			.cherry-popup-register__input-group {
				.cherry-popup__input {
					border-radius: 20px;
					border: none;
					box-shadow: none;
				}
				.cherry-popup-login__login-in,
				.cherry-popup-register__sign-up {
					width: 100%;
					text-transform: uppercase;
					.cherry-popup-spinner {
						width: 22px;
						height: 22px;
					}
				}
				.cherry-popup-check {
					.label {
						font-size: 14px;
					}
					.marker {
						background: transparent;
						border: 1px solid;
					}
					&.checked {
						.marker {
							.dashicons {
								&:before {
									color: #000;
								}
							}
						}
					}
				}
				.cherry-popup-login__signup-message {
					@include media-breakpoint-down(xs) {
						flex-direction: column;
						justify-content: center;
						text-align: center;
					}
				}
			}
			.cherry-popup-login__message,
			.cherry-popup-register__message {
				span {
					font-size: 14px;
				}
			}
		}
	}
}
	.cherry-popup-close-button {
		top: 26px;
		right: 28px;

		span {
			&:before {
				font-size: 14px;
				content: '\ea5c';
				@include nucleo-mini-icon();
			}
		}
	}