.content-block.newsletter-section > .inner-block > .padding {
	display:grid;
	grid-template-columns:auto 1fr;
}

.content-block.newsletter-section > .inner-block > .padding > .content {
	padding-left:var(--main-padding);
	padding-right:var(--main-padding);
	max-width:var(--inner-container-width);
  width:100%;
	box-sizing:border-box;
	margin:0 auto;
}

.content-block.newsletter-section > .inner-block > .padding > .content {
	padding-top:4em;
	padding-bottom:3em;
}

.content-block.newsletter-section.dark-background > .inner-block > .padding > .content {
	background-color:var(--main-color);
	color:var(--invert-text-color);
}

.content-block.newsletter-section > .inner-block > .padding > .content > form {
	display:flex;
	gap:1em;
	align-items:center;
}

.content-block.newsletter-section > .inner-block > .padding > .content > form > .cta.round {
	background-position:right 0.75em center;
	padding:1.5em 3em;
}

.content-block.newsletter-section.dark-background > .inner-block > .padding > .content > form > .cta.round {
	background-repeat:no-repeat;
	background-color:transparent;
	color:var(--main-bg-color);
	font-family:var(--main-font-family);
	font-size:0.75em;
	text-transform:uppercase;
	font-weight:500;
	text-decoration:none;
	border-radius:3em;
	border:solid 1px var(--main-bg-color);
	cursor:pointer;
}

.content-block.newsletter-section.dark-background > .inner-block > .padding > .content > form > .cta.round:hover {
	background-color:var(--main-bg-color);
	color:var(--main-color);
}

.content-block.newsletter-section.dark-background > .inner-block > .padding > .content > form#newsletter-form > input[type="text"],
.content-block.newsletter-section.dark-background > .inner-block > .padding > .content > form#newsletter-form > input[type="email"] {
	background-color:transparent;
	color:var(--invert-text-color);
}

.content-block.newsletter-section.dark-background > .inner-block > .padding > .content > form#newsletter-form > input[type="text"]::placeholder,
.content-block.newsletter-section.dark-background > .inner-block > .padding > .content > form#newsletter-form > input[type="email"]::placeholder {
	color:#ffffff95;
}

.content-block.newsletter-section > .inner-block > .padding > .content > #newsletter-form {
	display:flex;
	z-index:1;
}

.content-block.newsletter-section > .inner-block > .padding > .content > form#newsletter-form > input[type="text"],
.content-block.newsletter-section > .inner-block > .padding > .content > form#newsletter-form > input[type="email"] {
	font:inherit;
	box-sizing:border-box;
	border:none;
	border-radius:0;
	border-bottom:solid 1px var(--side-bar-border-color);
	padding:0.25em;
	color:var(--main-color);
}

.content-block.newsletter-section > .inner-block > .padding > .content > form#newsletter-form > input[type="text"] {
	flex:1 1 1px;
}

.content-block.newsletter-section > .inner-block > .padding > .content > form#newsletter-form > input[type="email"] {
	flex:2 2 1px;
}

.content-block.newsletter-section > .inner-block > .padding > .content {
	display:grid;
	align-items:center;
}

.content-block.newsletter-section > .inner-block > .padding > .content > * {
	grid-row:1;
	grid-column:1;
	position:relative;
	transition:opacity var(--main-transition-time);
}

.content-block.newsletter-section > .inner-block > .padding > .content > .loading,
.content-block.newsletter-section > .inner-block > .padding > .content > .success {
	z-index:0;
	opacity:0;
	text-align:center;
}

.content-block.newsletter-section[data-action] > .inner-block > .padding > .content > form {
	z-index:0;
	opacity:0;
	pointer-events:none;
}

.content-block.newsletter-section[data-action="loading"] > .inner-block > .padding > .content > .loading,
.content-block.newsletter-section[data-action="success"] > .inner-block > .padding > .content > .success {
	z-index:1;
	opacity:1;
}

/* Mobile and Tablet */
@media (width < 1200px) {
	.content-block.newsletter-section > .inner-block > .padding > .content > form#newsletter-form {
		flex-wrap:wrap;
	}

	.content-block.newsletter-section > .inner-block > .padding > .content > form#newsletter-form > label {
		flex:1 1 100%;
	}

	.content-block.newsletter-section > .inner-block > .padding > .content > form > .cta.round {
		margin-top:1em;
		margin-left:auto;
		margin-right:1em;
	}
}

/* Mobile */
@media (width < 750px) {
	.content-block.newsletter-section > .inner-block > .padding > .content > form#newsletter-form > input[type="email"] {
		flex:1 1 100%;
	}

	.content-block.newsletter-section > .inner-block > .padding > .content > form#newsletter-form > input[type="text"] {
		flex:1 1 100%;
	}

	.content-block.newsletter-section > .inner-block > .padding > .content > form > .cta.round {
		margin-top:1em;
		margin-left:0;
		margin-right:0;
		flex:1 1 100%;
		text-align:center;
	}
}

/* Tablet */
@media (750px <= width < 1200px) {
	.content-block.newsletter-section > .inner-block > .padding > .content > form#newsletter-form > input[type="email"],
	.content-block.newsletter-section > .inner-block > .padding > .content > form#newsletter-form > input[type="text"] {
		flex:1 1 30%;
	}

	.content-block.newsletter-section > .inner-block > .padding > .content > form#newsletter-form {
		flex-wrap:wrap;
	}

	.content-block.newsletter-section > .inner-block > .padding > .content > form#newsletter-form > label {
		flex:1 1 100%;
	}
}

/* Desktop */
@media (width >= 1200px) {
	.content-block.newsletter-section > .inner-block > .padding > .content {
		padding-left:var(--side-bar-width);
		padding-right:var(--side-bar-width);
	}

	.content-block.newsletter-section.dark-background > .inner-block > .padding > .content > form > .cta.round {
		background-image:url("../img/button-white-filled-circled-arrow.svg");
		padding-right:6em;
	}

	.content-block.newsletter-section.dark-background > .inner-block > .padding > .content > form > .cta.round:hover {
		background-image:url("../img/button-blue-filled-circled-arrow.svg");
	}
}