/* Green WCAG output palette for audit detail pages. */
:root {
  --tdl-wcag-output-primary: #006039;
  --tdl-wcag-output-primary-soft: #0b4a35;
  --tdl-wcag-output-primary-dark: #073326;
  --tdl-wcag-output-primary-deep: #05251d;
  --tdl-wcag-output-primary-light: #e6f1ec;
  --tdl-wcag-output-paper: #fbfbf8;
  --tdl-wcag-output-paper-shade: #f2f1ec;
  --tdl-wcag-output-border: #d5d5d2;
}

body.wcag-output-post-page .button,
body.wcag-output-post-page .contact-button {
  border-color: var(--tdl-wcag-output-primary) !important;
  background: var(--tdl-wcag-output-primary) !important;
  color: #f7f7f5 !important;
  box-shadow: 0 22px 42px rgba(5, 37, 29, 0.22) !important;
}

body.wcag-output-post-page .button:hover,
body.wcag-output-post-page .button:focus-visible,
body.wcag-output-post-page .contact-button:hover,
body.wcag-output-post-page .contact-button:focus-visible {
  border-color: var(--tdl-wcag-output-primary-dark) !important;
  background: var(--tdl-wcag-output-primary-dark) !important;
  color: #fff !important;
}

body.wcag-output-post-page a:focus-visible,
body.wcag-output-post-page summary:focus-visible,
body.wcag-output-post-page .button:focus-visible,
body.wcag-output-post-page .blog-social-media-link:focus-visible {
  outline-color: rgba(0, 96, 57, 0.42) !important;
}

body.wcag-output-post-page .v1-common-hero-section {
  background-color: var(--tdl-wcag-output-paper) !important;
  background-image: linear-gradient(180deg, var(--tdl-wcag-output-paper) 0%, var(--tdl-wcag-output-paper-shade) 100%) !important;
}

body.wcag-output-post-page .blog-label-div {
  border-color: rgba(0, 96, 57, 0.28) !important;
  background: var(--tdl-wcag-output-primary) !important;
  box-shadow: 0 14px 34px rgba(5, 37, 29, 0.18) !important;
}

body.wcag-output-post-page .blog-category-div .paragraph:first-child,
body.wcag-output-post-page .blue-600-text,
body.wcag-output-post-page .text-link,
body.wcag-output-post-page .blog-rich-text a {
  color: var(--tdl-wcag-output-primary) !important;
}

body.wcag-output-post-page .blog-dot {
  border-color: var(--tdl-wcag-output-primary) !important;
  background-color: var(--tdl-wcag-output-primary) !important;
}

body.wcag-output-post-page .blog-social-media-link {
  background: var(--tdl-wcag-output-primary) !important;
  box-shadow: 0 8px 18px rgba(5, 37, 29, 0.14) !important;
}

@media (hover: hover) and (pointer: fine) {
  body.wcag-output-post-page .blog-social-media-link:hover {
    background: var(--tdl-wcag-output-primary-dark) !important;
    box-shadow: 0 14px 28px rgba(5, 37, 29, 0.24) !important;
  }
}

body.wcag-output-post-page .blog-main-image-div,
body.wcag-output-post-page .v1-cta-image-div {
  box-shadow: 0 20px 54px rgba(5, 37, 29, 0.14) !important;
}

body.wcag-output-post-page .blog-rich-text blockquote,
body.wcag-output-post-page .blog-rich-text .w-richtext-figure-type-image {
  border-color: rgba(0, 96, 57, 0.22) !important;
}

body.wcag-output-post-page .blog-rich-text li::marker {
  color: var(--tdl-wcag-output-primary);
}

body.wcag-output-post-page .webdev-template-cta-section {
  border-top-color: rgba(0, 96, 57, 0.42) !important;
  background-color: var(--tdl-wcag-output-primary-deep) !important;
  background-image:
    radial-gradient(circle at 82% 12%, rgba(47, 194, 140, 0.14), transparent 28rem),
    radial-gradient(circle at 4% 92%, rgba(0, 96, 57, 0.22), transparent 24rem),
    linear-gradient(145deg, var(--tdl-wcag-output-primary-soft) 0%, var(--tdl-wcag-output-primary-dark) 50%, var(--tdl-wcag-output-primary-deep) 100%) !important;
}

body.wcag-output-post-page .webdev-template-cta-section .v1-cta-heading-div h2 {
  color: rgba(242, 255, 248, 0.52) !important;
}

body.wcag-output-post-page .webdev-template-rating-logo {
  background: var(--tdl-wcag-output-primary-light) !important;
}

body.wcag-output-post-page .webdev-template-rating-stars span {
  background: #b9e7d0 !important;
}

body.wcag-output-post-page .webdev-template-cta-actions .button {
  background: var(--tdl-wcag-output-primary) !important;
}

body.wcag-output-post-page .webdev-template-cta-phone:hover,
body.wcag-output-post-page .webdev-template-cta-phone:focus-visible {
  color: #d8f5e8 !important;
}

@media screen and (max-width: 767px) {
  body.wcag-output-post-page .navbar .nav-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
  }

  body.wcag-output-post-page .navbar .nav-menu {
    display: none !important;
  }

  body.wcag-output-post-page .navbar .brand-logo-link {
    max-width: 7.75rem !important;
  }

  body.wcag-output-post-page .navbar .brand-logo-link .logo-dark {
    height: 2.75rem !important;
  }

  body.wcag-output-post-page .navbar .nav-button-wrapper {
    display: flex !important;
    flex-shrink: 0;
  }

  body.wcag-output-post-page .navbar .button {
    min-height: 2.75rem !important;
    padding-right: 0.85rem !important;
    padding-left: 0.85rem !important;
    font-size: 0.82rem !important;
    box-shadow: 0 12px 24px rgba(5, 37, 29, 0.14) !important;
  }
}

@media screen and (max-width: 420px) {
  body.wcag-output-post-page .navbar .nav-button-wrapper {
    display: none !important;
  }
}