/* ------------------------------------------------------------------------- *
 * HL7 New Zealand FHIR IG theme.
 *
 * Loaded via includes/_append.fragment-css.html, which the IG publisher appends
 * to fhir.base.template's fragment-css.html. That fragment is included from
 * fragment-pagebegin.html *after* the base template's project.css and cqf.css,
 * so the custom property values below win the cascade.
 *
 * The numbered variables are the standard theming hooks defined in
 * fhir.base.template's content/assets/css/project.css.
 * ------------------------------------------------------------------------- */

:root {
  --ig-status-text-color: #006020; /* 1. IG Title and status text color */
  --navbar-bg-color: #206030; /* 2. Header container color */
  --footer-bg-color: #666e68; /* 3. Footer background color */
  --footer-container-bg-color: #206030; /* 4. Footer container color - matches navbar */
  --stripe-bg-color: #668877; /* 5. Header strip color */
  --btn-hover-color: #20b070; /* 6. Menu button hover color */
  --btn-active-color: #40d090; /* 7. Menu button active color */
  --btn-text-color: #ddffee; /* 8. Menu button text color */
  --btn-gradient-start-color: #33aa77; /* 9. Menu item gradient start color */
  --btn-gradient-end-color: #209966; /* 10. Menu item gradient end color */
  --btn-gradient-start-color-alpha: #ff33aa77; /* 11. Menu item gradient start color (with alpha) */
  --btn-gradient-end-color-alpha: #ff209966; /* 12. Menu item gradient end color (with alpha) */
  --link-color: #208050; /* 13. Hyperlink text color */
  --link-hover-color: #109030; /* 14. Hyperlink text hover color */
  --publish-box-bg-color: #ffffd0; /* 15. Publish box background color */
  --publish-box-border: 1px solid green; /* 16. Publish box border definition */
  --toc-box-bg-color: #ddffee; /* 17. TOC box background color */
  --toc-box-border: 1px solid green; /* 18. TOC box border definition */
  --stu-note-background-color: #ffccbb; /* 19. (STU) Note box background color */
  --stu-note-border-left-color: #ff6020; /* 20. (STU) Note box border color */
}

/* HL7 New Zealand affiliate logo slot in the page header. project.css styles
   #project-nav and #family-nav but leaves #hl7-nav to the affiliate template. */
#hl7-nav {
  line-height: 50px;
  float: left;
  margin-top: 4px;
  margin-bottom: 4px;
  color: #808080;
}

#hl7-nav a {
  color: inherit;
}

#hl7-logo {
  float: left;
  margin-left: 3px;
}