/**
 * Elementor compatibility.
 *
 * Astra shipped these rules from its Elementor compatibility layer. Without
 * them Elementor falls back to its own defaults — most visibly
 * `.elementor-button{background-color:#69727d}`, a grey that has nothing to do
 * with the brand. Reproduced here so builder pages keep the live appearance.
 *
 * Loaded only on pages that are actually built with Elementor.
 */

/* Buttons: brand teal, hover to the darker teal with the dark label. */
.elementor-button-wrapper .elementor-button,
.elementor-button-wrapper .elementor-button:visited {
	background-color: var(--dk-primary);
	border-color: var(--dk-primary);
}

.elementor-button-wrapper .elementor-button:hover,
.elementor-button-wrapper .elementor-button:focus {
	background-color: var(--dk-primary-dark);
	border-color: var(--dk-primary-dark);
	color: var(--dk-ink);
}

/* Elementor controls heading spacing itself; the theme must not add to it. */
.elementor-widget-heading .elementor-heading-title {
	margin: 0;
}

.elementor-post.elementor-grid-item.hentry {
	margin-bottom: 0;
}

.elementor-posts-container [class*="ast-width-"] {
	width: 100%;
}