head-include.html

<!--
 See https://github.com/redhataccess/sf-experience-cloud-theming
 -->
<!-- Linking shared red hat font resource to load RH web fonts, we've had our font updated a few times to fix issues, the Google Font is a reliable and updated source. -->
<link href="https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Red+Hat+Text:ital,wght@0,400;0,700;1,400;1,700&family=Varela+Round&display=swap" rel="stylesheet">
<style>
  /**
   * Accordion styles
   * Added these to the head because the CSS validation in Custom CSS thinks the :has() selector is invalid
   * Accordion markup doesn't have any good selectors, using what's there
   * An element with aria-expanded and aria-controls attributes should be a reliable indicator of an accordion
   */
  /* Wrapper styles when open */
  .forceCommunitySection .slds-section:has([aria-controls][aria-expanded="true"]) {
    border-top: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    /* Left border is a shadow so layout doesn't shift */
    box-shadow: inset 2px 0 0 0 #06c;
  }

  .forceCommunitySection button[aria-controls][aria-expanded] {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    border-radius: 0;
    background: transparent;
  }

  /* Content area styles */
  .forceCommunitySection .slds-section:has([aria-controls][aria-expanded]) .slds-section__content {
    padding: 1em 1.25em;
  }
</style>