Kilotest: Diagnoses of invalid CSS at-rule violation by HTML element 0 on Opportunity Green contact page

Basics

About the page

• URL: https://www.opportunitygreen.org/contact-us/
• Tested 3 days ago on 2026-10-07 at 22:03 by job 261007T2138-zy0
• Summary of results:
  • Rule engines:
    • Called: 12
    • Were able to test: 12
    • Reported any rule violations: 11
  • Violations: 617
  • Violators: 242
  • Issues: 57
• Download the full technical report (JSON)

About the issue

• Why it matters: Page cannot be properly displayed in particular contexts
• Priority: high
• Related WCAG standard: 4.1
• Reported by 1 rule engine (Html Checker)
• Violations: 17
• Violators: 1

About the violator

• Tag name: HTML
• Text: [not applicable]
• Start tag: <html lang="en-GB">
• XPath: /html
• Bounding box: x = 0, y = 0, width = 1920, height = 3124
• Reported by Html Checker

Diagnoses

Here is how rule engines diagnose the invalid CSS at-rule issue for HTML element 0 of the Opportunity Green contact page.

1. Style rule #gform_wrapper_1[data-form-index="0"].gform-theme not allowed outside an @scope rule in a style element in body. Extract: style[1]">#gform_wrapper_1[data-form-index="0"].gform-theme{--gf-

   Rule engine: Html Checker (World Wide Web Consortium)

   Rule: Style rule #gform_wrapper_1[data-form-index="0"].gform-theme not allowed outside an @scope rule in a style element in body.

2. Style rule .heroTwoColumn not allowed outside an @scope rule in a style element in body. Extract: 99px) { .heroTwoColumn {

   Rule engine: Html Checker (World Wide Web Consortium)

   Rule: Style rule .heroTwoColumn not allowed outside an @scope rule in a style element in body.

3. Style rule .heroTwoColumn not allowed outside an @scope rule in a style element in body. Extract: 99px) { .heroTwoColumn {

   Rule engine: Html Checker (World Wide Web Consortium)

   Rule: Style rule .heroTwoColumn not allowed outside an @scope rule in a style element in body.

4. Style rule .heroTwoColumn not allowed outside an @scope rule in a style element in body. Extract: 76px) { .heroTwoColumn {

   Rule engine: Html Checker (World Wide Web Consortium)

   Rule: Style rule .heroTwoColumn not allowed outside an @scope rule in a style element in body.

5. Style rule .heroSection not allowed outside an @scope rule in a style element in body. Extract: } } .heroSection { b

   Rule engine: Html Checker (World Wide Web Consortium)

   Rule: Style rule .heroSection not allowed outside an @scope rule in a style element in body.

6. Style rule .heroTwoColumnContainer not allowed outside an @scope rule in a style element in body. Extract: ); } .heroTwoColumnContainer { b

   Rule engine: Html Checker (World Wide Web Consortium)

   Rule: Style rule .heroTwoColumnContainer not allowed outside an @scope rule in a style element in body.

7. Style rule .heroSection, .heroTwoColumnContainer not allowed outside an @scope rule in a style element in body. Extract: ive; } .heroSection, .heroTwoColumnContainer { d

   Rule engine: Html Checker (World Wide Web Consortium)

   Rule: Style rule .heroSection, .heroTwoColumnContainer not allowed outside an @scope rule in a style element in body.

8. Style rule .heroTwoColumn__inner not allowed outside an @scope rule in a style element in body. Extract: tably */ .heroTwoColumn__inner { w

   Rule engine: Html Checker (World Wide Web Consortium)

   Rule: Style rule .heroTwoColumn__inner not allowed outside an @scope rule in a style element in body.

9. Style rule .heroTwoColumn.right img not allowed outside an @scope rule in a style element in body. Extract: olumn */ .heroTwoColumn.right img { m

   Rule engine: Html Checker (World Wide Web Consortium)

   Rule: Style rule .heroTwoColumn.right img not allowed outside an @scope rule in a style element in body.

10. Style rule #gform_wrapper_5[data-form-index="0"].gform-theme not allowed outside an @scope rule in a style element in body. Extract: style[1]">#gform_wrapper_5[data-form-index="0"].gform-theme{--gf-

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule #gform_wrapper_5[data-form-index="0"].gform-theme not allowed outside an @scope rule in a style element in body.

11. Style rule .unique-btn-3-1, .unique-btn-3-1:link, .unique-btn-3-1:visited, .unique-btn-3-1:focus, .unique-btn-3-1:active not allowed outside an @scope rule in a style element in body. Extract: tton 1 */ .unique-btn-3-1, .unique-btn-3-1:link, .unique-btn-3-1:visited, .unique-btn-3-1:focus, .unique-btn-3-1:active {

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .unique-btn-3-1, .unique-btn-3-1:link, .unique-btn-3-1:visited, .unique-btn-3-1:focus, .unique-btn-3-1:active not allowed outside an @scope rule in a style element in body.

12. Style rule .unique-btn-3-1:hover not allowed outside an @scope rule in a style element in body. Extract: ease; } .unique-btn-3-1:hover {

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .unique-btn-3-1:hover not allowed outside an @scope rule in a style element in body.

13. Style rule .unique-btn-3-1:hover .infoBoxArrow not allowed outside an @scope rule in a style element in body. Extract: rtant; } .unique-btn-3-1:hover .infoBoxArrow {

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .unique-btn-3-1:hover .infoBoxArrow not allowed outside an @scope rule in a style element in body.

14. Style rule .unique-btn-3-2, .unique-btn-3-2:link, .unique-btn-3-2:visited, .unique-btn-3-2:focus, .unique-btn-3-2:active not allowed outside an @scope rule in a style element in body. Extract: tton 2 */ .unique-btn-3-2, .unique-btn-3-2:link, .unique-btn-3-2:visited, .unique-btn-3-2:focus, .unique-btn-3-2:active {

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .unique-btn-3-2, .unique-btn-3-2:link, .unique-btn-3-2:visited, .unique-btn-3-2:focus, .unique-btn-3-2:active not allowed outside an @scope rule in a style element in body.

15. Style rule .unique-btn-3-2:hover not allowed outside an @scope rule in a style element in body. Extract: ease; } .unique-btn-3-2:hover {

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .unique-btn-3-2:hover not allowed outside an @scope rule in a style element in body.

16. Style rule .unique-btn-3-2:hover .infoBoxArrow not allowed outside an @scope rule in a style element in body. Extract: rtant; } .unique-btn-3-2:hover .infoBoxArrow {

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .unique-btn-3-2:hover .infoBoxArrow not allowed outside an @scope rule in a style element in body.

17. Style rule #gform_wrapper_6[data-form-index="0"].gform-theme not allowed outside an @scope rule in a style element in body. Extract: style[1]">#gform_wrapper_6[data-form-index="0"].gform-theme{--gf-

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule #gform_wrapper_6[data-form-index="0"].gform-theme not allowed outside an @scope rule in a style element in body.