/* Loaded in on symptom singles so Elementor typography cannot win due to shortcode execution happening later in the page. */ .pmg-symptom-title, .elementor .pmg-symptom-title { font-family: var(--e-global-typography-0302cc2-font-family), sans-serif !important; font-size: var(--e-global-typography-0302cc2-font-size) !important; line-height: var(--e-global-typography-0302cc2-line-height) !important; letter-spacing: var(--e-global-typography-0302cc2-letter-spacing) !important; } .pmg-symptom-exercise-highlights { display: flex; flex-wrap: wrap; gap: .55rem; } .pmg-symptom-hero-icon { display: inline-flex; width: 1em; height: 1em; align-items: center; justify-content: center; vertical-align: -.15em; } .pmg-symptom-hero-icon svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; } .pmg-symptom-exercise-intro, .pmg-symptom-exercise-intro p { color: var(--pmg-symptom-cards-text-color) !important; font-family: var(--e-global-typography-text-font-family), sans-serif !important; font-size: var(--pmg-symptom-cards-text-size, 17px) !important; line-height: var(--e-global-typography-text-line-height, 1.5) !important; } .pmg-symptom-exercise-highlights__item { display: inline-flex; min-height: 2.5rem; align-items: center; padding: .45rem .8rem; border: 1px solid rgba(23, 23, 23, .12); border-radius: 999px; background: #fff; color: #252321; font-size: .875rem; white-space: nowrap; } /* Elementor's generated styles may otherwise give short spans a fixed square size. These items must remain content-width pills, including when only the exercise count is present. */ body .elementor .pmg-symptom-exercises .pmg-symptom-exercise-highlights, body .pmg-symptom-exercises .pmg-symptom-exercise-highlights { display: flex !important; flex-wrap: wrap !important; gap: .55rem !important; } body .elementor .pmg-symptom-exercises .pmg-symptom-exercise-highlights__item, body .pmg-symptom-exercises .pmg-symptom-exercise-highlights__item { display: inline-flex !important; flex: 0 0 auto !important; width: auto !important; min-width: 0 !important; height: auto !important; min-height: 2.5rem !important; aspect-ratio: auto !important; align-items: center !important; padding: .45rem .8rem !important; border: 1px solid rgba(23, 23, 23, .12) !important; border-radius: 999px !important; background: #fff !important; color: #252321 !important; font-family: var(--e-global-typography-text-font-family), sans-serif !important; font-size: .875rem !important; font-weight: 400 !important; line-height: 1.2 !important; white-space: nowrap !important; } .pmg-symptom-exercise-archive-link { display: inline-flex !important; width: fit-content !important; max-width: 100%; min-height: 2.875rem; align-items: center; justify-content: center; gap: .5rem; padding: .7rem 1rem; border-radius: .5rem; background: #e63b11; color: #fff !important; font-family: Arial, Helvetica, sans-serif !important; font-size: .875rem !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: 0 !important; text-align: center; text-decoration: none !important; } .pmg-symptom-exercise-archive-link:hover, .pmg-symptom-exercise-archive-link:focus-visible { background: #c92e0b; color: #fff; } /* Add this class to the outer Elementor container that holds the complete exercise section: eyebrow, shortcodes, safety note and archive CTA. */ body.pmg-symptom-without-exercises .pmg-exercise-section { display: none !important; }