@tailwind base;
@tailwind components;
@tailwind utilities;


@layer components {
  input {
    @apply border-0;
  }
  .tab-link.active {
    @apply font-bold bg-site-gold text-site-navy hover:bg-site-gold
  }
}

@layer utilities {
  .prose {
    ul {
      @apply marker:text-site-navy
    }
  }
}
  html {
    font-family: adobe-fangsong-std, sans-serif !important;
    scroll-padding-top: 90px !important
  }
  h2 {
    @apply uppercase;
  }
  .prose h2, h3  {
    @apply uppercase;
    font-weight: normal !important
  }


button.accordion-button(.collapsed) {
  @apply text-site-gold
}
button.accordion-button(.collapsed) {
  @apply text-site-gold
}
button.accordion-button:not(.collapsed) {
  @apply text-site-navy 
}
/* XXXXX*/
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */