/**
 * Cognito Forms — fixes for the "Chameleon" (mimic site) form style.
 *
 * 1) Page progress bar: in Chameleon mode Cognito removes its own
 *    active-page indicator (.cog-page-progress a::before { content: none })
 *    without providing a replacement, so every page tab shows the same
 *    grey top border. Recolor the active page's existing top border with
 *    the brand green. !important is required to beat Cognito's
 *    :root:root:root:root:root specificity hack.
 *
 * 2) Repeating-section headings (e.g. "Guest 1"): the global heading rule
 *    in style.css (body... h3 { font-size: 40px !important }) also hits
 *    Cognito's repeating-section <h3>. The remove (x) button lives inside
 *    that heading and is offset in em units (margin-left: -1.75em), so at
 *    40px it overflows the section box. A proportionate size keeps the
 *    heading and button inside the box. The extra .cog-heading class makes
 *    this rule more specific than the global h3 rule.
 */

.cog-cognito--chameleon .cog-page-progress .is-active a {
	border-top-color: var(--hgea-color-dark-green, #00694c) !important;
}

body .cog-form .cog-repeating-section__heading.cog-heading {
	font-size: 24px !important;
	margin: 0 0 8px !important;
}