/*
 * Leron logo for the newsletter sign-up — inline block and pop-up.
 *
 * Plain CSS on purpose: it sits outside the SCSS build so it deploys as-is,
 * like assets/css/cookieyes.css. The pop-up markup is generated at runtime by
 * assets/js/dev/app.js (popupSignup), whose production counterpart is a
 * minified bundle we cannot rebuild, so the logo is injected there with a
 * pseudo-element rather than added to the JS-built HTML.
 */

/* ---------- Newsletter pop-up (modal) ---------- */

/* .form--container is removed once the form is submitted, so the logo
   disappears on the success / failure screen, which shows its own image. */
.modal--contents.popup-signup--contents .form--container:before {
	content: "";
	display: block;
	width: 210px;
	max-width: 100%;
	height: 96px;
	margin: 0 auto 24px auto;
	background: url("../img/leron-newsletter-logo.svg") center center no-repeat;
	background-size: contain;
}

@media (max-width: 599px) {
	.modal--contents.popup-signup--contents .form--container:before {
		width: 160px;
		height: 73px;
		margin-bottom: 16px;
	}
}

/* ---------- Newsletter block (parts/components/signup.php) ---------- */

.components.signup__contents .signup__logo {
	display: block;
	width: 210px;
	max-width: 70%;
	height: auto;
	margin: 0 auto 20px auto;
}

@media (max-width: 599px) {
	.components.signup__contents .signup__logo {
		width: 160px;
		margin-bottom: 14px;
	}
}