/**
 * Note that these styles are loaded *before* editor styles, so that
 * editor-specific styles using the same selectors will take precedence.
 */
.wp-block-gutenberg-examples-example-04-controls-esnext {
	color: #fff;
	background: #00a8db;
	border: 2px solid #0D72B2;
	padding: 20px;
	font-family: sans-serif;
}

.gutenberg-examples-align-left {
	text-align: left;
}

.gutenberg-examples-align-center {
	text-align: center;
}

.gutenberg-examples-align-right {
	text-align: right;
}

.tpd-newsletter-bar-input-wrap {
	display: flex;
	justify-content: center;
}

.tpd-newsletter-bar-input-wrap input {
	margin-right: 1rem;
}

.tpd-newsletter-bar-input-wrap {}

.wp-block-tpd-newsletter-bar {
	padding: 1rem 20px 1.5rem;
	background: #222;
	color: #fff;
	text-align: center;
}

.wp-block-tpd-newsletter-bar.block-public {
	max-width: none !important;
}

.wp-block-tpd-newsletter-bar h1,
.wp-block-tpd-newsletter-bar h2,
.wp-block-tpd-newsletter-bar h3,
.wp-block-tpd-newsletter-bar h4,
.wp-block-tpd-newsletter-bar h5,
.wp-block-tpd-newsletter-bar h6 {
	margin-bottom: .25rem;
	color: #fff;
}

.wp-block-tpd-newsletter-bar button {
	padding: 0 1rem;
	border-radius: .25rem;
	font-size: 1rem;
	font-weight: 700;
	cursor: pointer;
}

.wp-block-tpd-newsletter-bar input {
	padding: 0 1rem;
	height: 2rem;
	border: 0;
	border-radius: .25rem;
	font-size: 1rem;
	color: #333;
}

@media only screen and (min-width: 768px) {
	.wp-block-tpd-newsletter-bar h1,
	.wp-block-tpd-newsletter-bar h2 {
		font-size: 2rem;
	}
	.wp-block-tpd-newsletter-bar input {
		width: 20rem;
	}
}

@media only screen and (min-width: 1024px) {}