/* >> ARJO @ 2026-09-01 Apply theme colors to headers that are not in a light or dark text block or in a dxp styles list, with :where(.is-wrapper) for zero specificity to prevent colors set by text-dark, text-white, etc. */

:where(.is-wrapper) h1:not(.text-black, .text-white, .is-light-text *, .is-dark-text *) {
	color: var(--dxp-landing-h1-color);
}

:where(.is-wrapper) h2:not(.is-light-text *, .is-dark-text *, .dxp-styled-list *) {
	color: var(--dxp-landing-h2-color);
}

:where(.is-wrapper) h3:not(.is-light-text *, .is-dark-text *, .dxp-styled-list *) {
	color: var(--dxp-landing-h3-color);
}

:where(.is-wrapper) h4:not(.is-light-text *, .is-dark-text *) {
	color: var(--dxp-landing-h4-color);
}

:where(.is-wrapper) h5:not(.is-light-text *, .is-dark-text *) {
	color: var(--dxp-landing-h5-color);
}

:where(.is-wrapper) h6:not(.is-light-text *, .is-dark-text *) {
	color: var(--dxp-landing-h6-color);
}

/* << ARJO @ 2026-09-01 Apply theme colors to headers that are not in a light or dark text block or in a dxp styles list, with :where(.is-wrapper) for zero specificity to prevent colors set by text-dark, text-white, etc. */

/* >> ARJO @ 2026-09-01 Prevent marging beteen content and footer. */

.edit-layout-item-container:has(.is-wrapper) + .push-footer {
	margin-top: 0;
}

/* << ARJO @ 2026-09-01 Prevent marging beteen content and footer. */

/* >> ARJO @ 2026-02-26 Temporary code to ease transition to FontAwesome7, might be removed a few months after the DXP 1.0.0 release. */

.is-wrapper .icon {
	display: initial;
	width: initial;
	height: initial;
	background-position: initial;
	background-repeat: initial;
	margin: initial;
	vertical-align: initial;
}

.is-wrapper .bi,
.is-wrapper .icon
{
	--_fa-family: var(--fa-family, var(--fa-style-family, "Font Awesome 7 Free"));
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: var(--fa-display, inline-block);
	font-family: var(--_fa-family);
	font-feature-settings: normal;
	font-style: normal;
	font-synthesis: none;
	font-variant: normal;
	font-weight: var(--fa-style, 900);
	line-height: 1;
	text-align: center;
	text-rendering: auto;
	width: var(--fa-width, 1.25em);
	position: relative;
	animation-name: fa-beat-fade;
	animation-delay: var(--fa-animation-delay, 0s);
	animation-direction: var(--fa-animation-direction, normal);
	animation-duration: var(--fa-animation-duration, 1s);
	animation-iteration-count: var(--fa-animation-iteration-count, infinite);
	animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.is-wrapper .bi::before,
.is-wrapper .icon::before {
	content: "\f2b4"; /* fa-solid fla-fontawesome */
	color: red;
}

.is-wrapper .bi::after,
.is-wrapper .icon::after {
	content: attr(class);
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 100%);
	font-family: system;
	font-size: 1rem;
	font-weight: normal;
	color: red;
	background: rgba(255, 255, 255, 0.8);
	white-space: nowrap;
}

/* << ARJO @ 2026-02-26 Temporary code to ease transition to FontAwesome7, might be removed a few months after the DXP 1.0.0 release. */