/* Formulaire d'inscription à la newsletter (pied de page) */

#newsletter-form {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin-top: 5px;
}

#newsletter_wrapper #newsletter-form input[type=email] {
	flex: 1 1 240px;
	margin-bottom: 0;
	font-family: Montserrat, Arial, sans-serif;
	font-weight: 500;
	outline: 0;
	transition: background-color .4s cubic-bezier(0.19, 1, 0.22, 1), color .4s cubic-bezier(0.19, 1, 0.22, 1);
}

#newsletter_wrapper #newsletter-form input[type=email]:focus {
	background-color: white;
	color: #222222;
}

#newsletter_wrapper #newsletter-form input[type=email]:focus::placeholder {
	color: #9D9D9C;
}

#newsletter_wrapper #newsletter-form input[type=submit] {
	padding: 11px 25px;
	border: 1px solid white;
	font-family: Montserrat, Arial, sans-serif;
	font-weight: 700;
	cursor: pointer;
	transition: background-color .4s cubic-bezier(0.19, 1, 0.22, 1), color .4s cubic-bezier(0.19, 1, 0.22, 1);
}

#newsletter_wrapper #newsletter-form input[type=submit]:hover,
#newsletter_wrapper #newsletter-form input[type=submit]:focus {
	background-color: #FF0040;
	color: white;
}

#newsletter_wrapper #newsletter-form input[type=submit]:disabled {
	opacity: .6;
	cursor: default;
}

#newsletter-message {
	margin: 10px 0 0;
	font-weight: 700;
}

#newsletter-message:empty {
	display: none;
}

.newsletter-hidden {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

@media (max-width: 767px) {
	#newsletter-form {
		justify-content: center;
	}
}