/* ---------- Newsletter ---------- */
/* Géré dans le shortcode html newsletter */
:where(body, .editor-styles-wrapper) .mw-theme-class-portfolio-4 {
	& .mw-newsletter-form {
  		display: flex;
  		justify-content: center;
  		flex-wrap: wrap;
  		gap: 10px;
	}
	& .mw-newsletter-form input[type="email"] {
  		padding: 12px 20px;
  		border-radius: 30px;
  		border: 1px solid #ff4f81;
  		width: 250px;
  	font-size: 1em;
	}
	& .mw-newsletter-form button {
  		padding: 12px 25px;
  		border-radius: 30px;
  		border: none;
  		background-color: #ff4f81;
  		color: #fcfcfc;
  		font-size: 1em;
  		cursor: pointer;
  		transition: all 0.3s ease;
	}

	& .mw-newsletter-form button:hover {
		background-color: #c21870;
  		box-shadow: 0 8px 18px rgba(214, 51, 132, 0.3);
  		transform: translateY(-3px);
	}
}

@media (max-width: 767px) {
	:where(body, .editor-styles-wrapper) .mw-theme-class-portfolio-4 {
		& .mw-newsletter-form  {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
		}
  		& .mw-newsletter-form input[type="email"], .mw-newsletter-form button {
    		width: 75%;
  		}
	}
}
   
/* ********** FIN *********/