/**
 * AX FAQs (Repeater)
 *
 * This file carries the section's margin tokens and NOTHING else. The
 * accordion's appearance — dot, title, plus/minus, hover wash, content box —
 * is the theme's existing FAQ CSS, which the element's markup reuses verbatim.
 *
 * Every rule is written twice in one selector list: the bare half (carrying the
 * section class) and the #top #wrap_all half, so Enfold's ID-scoped rules
 * cannot win by specificity. Longhands only. No !important.
 */

.ax-fqr,
#top #wrap_all .ax-fqr {
	--ax-fqr-mt-now: var(--ax-fqr-mt, 0px);
	--ax-fqr-mb-now: var(--ax-fqr-mb, 0px);
	margin-top: var(--ax-fqr-mt-now);
	margin-bottom: var(--ax-fqr-mb-now);
}

#top .ax-fqr .faq_cards_cont {
	margin-top: 0px !important;
}

/*
 * The ramp reads the inline token into a -now token and NEVER re-declares the
 * token itself — re-declaring it would discard whatever the client typed into
 * the panel. With scaling off the --scale class is absent, so these cannot
 * match at all.
 */

@media only screen and (max-width: 1199px) {

	.ax-fqr--scale,
	#top #wrap_all .ax-fqr--scale {
		--ax-fqr-mt-now: calc(var(--ax-fqr-mt, 0px) * 0.75);
	}
}

@media only screen and (max-width: 899px) {

	.ax-fqr--scale,
	#top #wrap_all .ax-fqr--scale {
		--ax-fqr-mt-now: calc(var(--ax-fqr-mt, 0px) * 0.6);
	}
}