.widget-subscribe {
	background: $color__comment-color;
}

.follow-block {
	padding: 25px 14px;
	@include media-breakpoint-up(lg) {
		padding: 45px 24px 45px;
	}
	background: rgba($white, 0.4);
	.sidebar &,
	.footer-area & {
		text-align: center;
	}

	.social-list {
		margin-top: 30px;
		.menu-item {
			margin: 0;
		}
		.menu-item > a::before {
			font-size: 25px;
			color: $black;
			width: 32px;
			height: 32px;
			line-height: 32px;
			border-radius: 50%;
		}
	}
}

.subscribe-block {
	.sidebar & {
		padding: 25px 14px;
		@include media-breakpoint-up(lg) {
			padding: 45px 24px 51px;
		}
	}

	.widget-title {
		@include media-breakpoint-up(xl) {
			.sidebar & {
				max-width: 70%;
				margin-left: auto;
				margin-right: auto;
			}
		}
	}
	&__messages {
		font-size: 13px;
		margin-top: 3px;
		text-indent: 10px;
	}
	&__form {
		margin-top: 35px;
	}
	.sidebar &,
	.footer-area & {
		text-align: center;
	}
	.follow-block + & {
		padding: 10px 0;

		@include media-breakpoint-up(lg) {
			padding: 20px 0;
		}
		.footer-area & {

		}
	}
	&__input-group {
		.sidebar &,
		.footer-area & {
			justify-content: center;
		}
	}
	&__input[type='email'] {
		max-width: 100%;
		width: 100%;
		order: 0;
		flex: 1 1 0;
		align-self: auto;
		border: 1px solid;
		@include media-breakpoint-up(xl) {
			max-width: 100%;
		}
		.footer-area & {
			&:focus {
				background: $white;
				box-shadow: none;
			}
		}
		.sidebar-1-4 & {
			max-width: 100%;
		}
	}
	&__submit {
		padding-right: 20px;
		padding-left: 20px;
		margin-top: 10px;
		order: 0;
		flex: 0 1 auto;
		align-self: auto;

		.footer-area & {

			&:after {
				display: inline-block;
			}
		}
	}
	&__message {
		padding: 0 0 15px;
		.footer-area & {
			padding-bottom: 20px;
		}
	}
}

#tm_builder_outer_content .tm_pb_widget_area {
	.widget-subscribe {
		text-align: center;
		.subscribe-block {
			@include media-breakpoint-up(lg) {
				padding: 35px 24px;
			}

			@include media-breakpoint-up(md) {
				&__messages {
					text-align: left;
				}
			}

			&__form {
				@include media-breakpoint-up(md) {
					max-width: 530px;
					margin-left: auto;
					margin-right: auto;
				}
			}

			&__input {
				width: 360px;
				margin-right: 10px;
			}

			&__submit {
				width: auto;
				min-width: 155px;
				padding-top: 7px;
				padding-bottom: 7px;
				@include media-breakpoint-up(md) {
					margin-top: 0;
				}
			}
			&__message {
				font-size: 17px;
				opacity: 0.7;
				padding-bottom: 36px;
			}
			.widget-title {
				@include media-breakpoint-up(lg) {
					font-size: 44px;
					margin-bottom: 14px;
				}
			}
		}

		.follow-block {
			background: none;
			padding: 0 24px 35px;
			.widget-title {
				@include media-breakpoint-up(lg) {
					font-size: 24px;
				}
			}
		}
	}
}