.subscribe-popup {
	width: 100vw;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px;

	.subscribe {
		@include shape_shadow;
		@include border_radius(6px);
		background-color: #fff;
		overflow: hidden;
		width: 700px;
		height: auto;
		animation: 0.4s slide_up_inner $transition_function;

		.vc_row {
			display: flex;
			align-items: stretch;

			@include sm_screen() {
				display: block;
			}
		}

		@include sm_screen() {
			min-width: 100%;
		}

		&-img {
			background-size: cover;
			background-color: $color_fill_light;
			min-height: 10em;
			background-position: center center;
		}

		&-content {
			padding: 40px 65px 40px 50px;

			@include sm_screen() {
				padding: 30px 45px;
			}

			&-header {
				margin: 0px 0px 15px 0px;
			}
		}

		div.wpcf7-validation-errors, 
		div.wpcf7-acceptance-missing, 
		div.wpcf7-response-output {
			padding: 0px;
			text-align: center;
		}

		/*Sent form state*/

		.wpcf7-form.sent {
			.subscribe-form {
				display: none;
			}

			.wpcf7-mail-sent-ok {

				&:before {
					content: "\f2bc";
					font-family: Ionicons;
					font-size: 1.6em;
					display: block;
					margin: 20px auto;
					height: 56px;
					width: 56px;
					line-height: 56px;
					@include border_radius(50%);
					color: $color_success;
					background-color: rgba($color_success, .15);
				}
			}
		}
	}

	.subscribe-form {
		margin: 20px 0px;

		input[type="email"] {
			text-align: center;
			margin-bottom: 15px;

			@include sm_screen() {
				margin-bottom: 0px;
			}
		}

		.btn, input[type="submit"] {
			width: 100%;
			position: static;
			margin-top: 15px;
			@include border_radius();
		}
	}
}

@keyframes slide_up_inner {
	0% { 
		transform: translateY(100%);
		opacity: .5;
	}

	100% { 
		transform: translateY(0%);
		opacity: 1;
	}
}