/* @define teft-viewport */

:root {
	--teft-form-input-padding-left: 14px;
}

.block-plugin-newsletter__inner {
	background: #fff;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08);
	flex-direction: column-reverse
}

.block-plugin-newsletter__inner .tooltip-wrapper {
		align-items: center;
		display: flex
	}

@media (min-width: 601px) {

.block-plugin-newsletter__inner .tooltip-wrapper {
			position: relative
	}
		}

.block-plugin-newsletter__inner .help-info {
		background-color: transparent;
		border: 2px solid #999;
		border-radius: 100%;
		display: inline-block;
		height: 1.5em;
		margin-left: 0.5em;
		overflow: hidden;
		position: relative;
		transition: all 500ms ease-out;
		width: 1.375em
	}

.block-plugin-newsletter__inner .help-info::after {
			color: #999;
			content: "i";
			font-size: 1rem;
			font-weight: 600;
			height: 1.5em;
			left: 50%;
			line-height: 1.5;
			position: absolute;
			text-align: center;
			top: 50%;
			transform: translateY(-50%) translateX(-50%);
			transition: all 500ms ease-out;
			width: 1.5em;
		}

.block-plugin-newsletter__inner .help-info:hover,
		.block-plugin-newsletter__inner .help-info:focus {
			border-color: #000;
			cursor: pointer
		}

.block-plugin-newsletter__inner .help-info:hover::after, .block-plugin-newsletter__inner .help-info:focus::after {
				color: #000;
			}

.block-plugin-newsletter__inner #help-info-desc {
		bottom: 100%;
		display: none;
		left: 0;
		margin: 0;
		min-height: 3.5em;

		position: absolute;
		width: 100%
	}

.block-plugin-newsletter__inner #help-info-desc p {
			background-color: #000;
			border-radius: 3px;
			color: #fff;
			color: #fff;
			font-size: var(--teft-typography-xs);
			line-height: 1.33;
			margin: 0;
			padding: 1em;
			position: relative;
			text-align: center;
			width: 100%;
			z-index: 10;
		}

.block-plugin-newsletter__inner #help-info-desc.active {
			align-items: center;
			display: inline-flex;
		}

@media (min-width: 601px) {

	.block-plugin-newsletter__inner #help-info-desc {
			left: 3em;

			position: absolute;
			top: -0.5em;
			width: 12em
	}

			.block-plugin-newsletter__inner #help-info-desc::before {
				background-color: #000;
				border-radius: 3px;
				content: "";
				display: block;
				height: 1em;
				left: -0.5em;
				overflow: hidden;
				position: absolute;
				right: -0.5em;
				right: unset;
				top: 1.5em;
				top: 1.5em;
				transform: rotate(-45deg);
				width: 1em;
				z-index: 5;
			}

			.block-plugin-newsletter__inner #help-info-desc p {
				text-align: left;
			}
		}

.block-plugin-newsletter__inner .block-plugin-newsletter__form-submit-wrapper {
		display: flex;
		flex-wrap: wrap;
		position: relative;
	}

.block-plugin-newsletter__inner .block-plugin-newsletter__content {
		font-size: var(--teft-typography-xxs);
		margin: 0 auto;
		max-width: var(--teft-theme-content-width);
		padding: 2rem 1.5rem;
		width: 100%
	}

@media (min-width: 961px) {

.block-plugin-newsletter__inner .block-plugin-newsletter__content {
			padding: 3rem 4.5rem
	}
		}

.block-plugin-newsletter__inner .block-plugin-newsletter__content .block-plugin-newsletter__success {
			color: var(--teft-theme-primary-color);
			font-size: var(--teft-typography-md);
			font-weight: 700;
		}

.block-plugin-newsletter__inner .block-plugin-newsletter__content .block-plugin-newsletter__error {
			font-weight: 700;
			margin-bottom: 0;
		}

.block-plugin-newsletter__inner .block-plugin-newsletter__content h2 {
			font-size: var(--teft-typography-md);
			margin: 0 0 1rem;
		}

.block-plugin-newsletter__inner .block-plugin-newsletter__content ul {
			list-style: none;
			margin: 1.5rem 0 0;
			padding: 0
		}

.block-plugin-newsletter__inner .block-plugin-newsletter__content ul li {
				margin: 0;
				width: 100%
			}

.block-plugin-newsletter__inner .block-plugin-newsletter__content ul li .MuiInputBase-root {
					width: 100%;
				}

.block-plugin-newsletter__inner .block-plugin-newsletter__content ul li > div {
					margin: 0 0 1rem;
					position: relative;
					width: 100%;
				}

.block-plugin-newsletter__inner .block-plugin-newsletter__content div.uses-full-name ul {
			display: flex;
			flex-wrap: wrap;
			position: relative
		}

@media (min-width: 783px) {
					.block-plugin-newsletter__inner .block-plugin-newsletter__content div.uses-full-name ul li.field-wrapper__name,
					.block-plugin-newsletter__inner .block-plugin-newsletter__content div.uses-full-name ul li.field-wrapper__last_name {
						width: calc(50% - 0.5rem);
					}

					.block-plugin-newsletter__inner .block-plugin-newsletter__content div.uses-full-name ul li.field-wrapper__name {
						margin-right: 0.5rem;
					}

					.block-plugin-newsletter__inner .block-plugin-newsletter__content div.uses-full-name ul li.field-wrapper__last_name {
						margin-left: 0.5rem;
					}

				}

.block-plugin-newsletter__inner .block-plugin-newsletter__content .MuiTextField-root input {
				height: var(--teft-form-input-height);
				padding: 0 var(--teft-form-input-padding-left);
			}

.block-plugin-newsletter__inner .block-plugin-newsletter__content .MuiTextField-root label {
				transform: translate(var(--teft-form-input-padding-left), calc(var(--teft-form-input-height) / 2 - 0.5rem)) scale(1)
			}

.block-plugin-newsletter__inner .block-plugin-newsletter__content .MuiTextField-root label[data-shrink="true"] {
					transform: translate(var(--teft-form-input-padding-left), -4px) scale(0.75);
				}

.block-plugin-newsletter__inner.block-plugin-newsletter__layout-image {
		display: flex
	}

@media (min-width: 961px) {
			.block-plugin-newsletter__inner.block-plugin-newsletter__layout-image.media-layout-left {
				flex-direction: row-reverse;
			}
		}

@media (min-width: 961px) {

.block-plugin-newsletter__inner.block-plugin-newsletter__layout-image .block-plugin-newsletter__content {
				padding: 2rem 4.5rem
		}
			}

.block-plugin-newsletter__inner.block-plugin-newsletter__layout-image .block-plugin-newsletter__image {
			flex-shrink: 0;
			position: relative;
			width: 100%
		}

.block-plugin-newsletter__inner.block-plugin-newsletter__layout-image .block-plugin-newsletter__image::before {
				content: "";
				display: block;
				padding-top: 59.4%
			}

@media (min-width: 783px) {

.block-plugin-newsletter__inner.block-plugin-newsletter__layout-image .block-plugin-newsletter__image::before {
					padding-top: 41.666%
			}
				}

.block-plugin-newsletter__inner.block-plugin-newsletter__layout-image .block-plugin-newsletter__image .block-plugin-newsletter__image-inner {
				background-size: cover;
				height: 100%;
				left: 0;
				position: absolute;
				top: 0;
				width: 100%;
			}

.block-plugin-newsletter__inner.block-plugin-newsletter__layout-image .block-plugin-newsletter__image .editor-media-placeholder {
				height: 100%;
			}

@media (min-width: 961px) {
	[data-align="wide"] .block-plugin-newsletter__inner,
	.alignwide .block-plugin-newsletter__inner {
		flex-direction: row
	}

		[data-align="wide"] .block-plugin-newsletter__inner h2, .alignwide .block-plugin-newsletter__inner h2 {
			font-size: var(--teft-typography-lg);
		}

		[data-align="wide"] .block-plugin-newsletter__inner .block-plugin-newsletter__content, .alignwide .block-plugin-newsletter__inner .block-plugin-newsletter__content {
			padding: 4.5rem 0
		}

			[data-align="wide"] .block-plugin-newsletter__inner .block-plugin-newsletter__content ul, .alignwide .block-plugin-newsletter__inner .block-plugin-newsletter__content ul {
				margin: 2rem 0 1.5rem
			}

				[data-align="wide"] .block-plugin-newsletter__inner .block-plugin-newsletter__content ul li, .alignwide .block-plugin-newsletter__inner .block-plugin-newsletter__content ul li {
					display: flex
				}

					[data-align="wide"] .block-plugin-newsletter__inner .block-plugin-newsletter__content ul li > div + div, .alignwide .block-plugin-newsletter__inner .block-plugin-newsletter__content ul li > div + div {
						margin: 0 0 0 1rem;
					}
			[data-align="wide"] .block-plugin-newsletter__inner.block-plugin-newsletter__layout-image .block-plugin-newsletter__image, .alignwide .block-plugin-newsletter__inner.block-plugin-newsletter__layout-image .block-plugin-newsletter__image {
				width: 50%
			}

				[data-align="wide"] .block-plugin-newsletter__inner.block-plugin-newsletter__layout-image .block-plugin-newsletter__image::before, .alignwide .block-plugin-newsletter__inner.block-plugin-newsletter__layout-image .block-plugin-newsletter__image::before {
					display: none;
				}
		[data-align="wide"] .block-plugin-newsletter__layout-image .block-plugin-newsletter__content, .alignwide .block-plugin-newsletter__layout-image .block-plugin-newsletter__content {
			padding: 4.5rem 3.5rem;
		}
}