/*
 * RichCTA - styles front pour les liens inseres via la toolbar TinyMCE "RichCTA".
 * Doit rester visuellement identique au CSS d'apercu (mce_css) defini dans
 * wp-content/mu-plugins/richcta-editor.php.
 */

.btn-teal {
	display: inline-block;
	vertical-align: middle;
	max-width: 360px;
	margin: 20px 8px 20px 0;
	line-height: 1.2;
	background-color: var(--e-global-color-accent, #00a99d);
	font-family: "Roboto", sans-serif;
	font-size: 15px;
	font-weight: 700;
	border-radius: 50px 50px 0 50px;
	padding: 12px 51px 11px;
	color: #ffffff !important;
	text-decoration: none;
	text-align: center;
}

.btn-teal:hover,
.btn-teal:focus {
	background-color: #00877e;
	color: #ffffff !important;
	text-decoration: none;
}

@media (max-width: 1024px) {
	.btn-teal {
		margin: 10px 4px 10px 0;
	}
}

.link-pill {
	display: inline-block;
	margin: 0 4px;
	font-family: "Roboto", sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.3;
	color: #00acab !important;
	text-decoration: underline !important;
	text-underline-offset: 2px;
	transition: opacity 0.2s ease;
}

.link-pill:hover,
.link-pill:focus {
	opacity: 0.7;
}

/* Titres H3 des champs WYSIWYG libres, scopes au widget Elementor "Text Editor". */
.elementor-widget-text-editor h3 {
	margin: 0 0 8px 0;
	padding: 12px 0;
	font-family: "Roboto", sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2;
	color: #5c5f5f;
}

/* Titres H4 des champs WYSIWYG libres, plus petits que le H3. */
.elementor-widget-text-editor h4 {
	margin: 0 0 8px 0;
	font-family: "Roboto", sans-serif;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	color: #5c5f5f;
}