@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700|Montserrat:300,400,600,700');

// CARB Style: https://ww2.arb.ca.gov/themes/gesso/pattern-lab/public/index.html

h1, h2, h3, h4 {
   font-family: Montserrat, Georgia, Arial, serif !important;
}

h1 {
  color: #2fa596 !important;
  border-bottom: 4px solid #327cac;
  display:inline-block;
  font-size: 180%;
  line-height: 140%;
}

h2 {
  color: #2d333d !important;
  border-bottom: 4px solid #2fa596;
  display:inline-block;
  font-size: 160%;
  line-height: 140%;
}

h3 {
  color: #2d333d !important;
  border-bottom: 3px solid #fcbc00;
  display:inline-block;
  font-size: 140%;
  line-height: 130%;
  margin-block-start: 0.7em !important;
}

body {
  font-family: 'Source Sans Pro', 'Helvetica Neue', sans-serif !important;
  font-size: 17px;
}

pre {
  font-size: .8em !important;
}

a {
  color: #327cac !important;
  text-decoration: none !important;
}

a:hover {
  color: #1b577d !important;
  text-decoration: underline !important;
  text-decoration-thickness: auto !important;
}

p.prev-next-title {
  color: #327cac !important;
  font-weight: 400 !important;
  text-decoration: none !important;
}

.prev-next-area a p.prev-next-title {
  text-decoration-thickness: auto !important;
}

footer.prev-next-footer {
  margin-top: 3em;
}

.search-button-field:hover {
  box-shadow: 0 0 0 .1875rem #2fa596 !important;
}

.form-control:focus {
  box-shadow: none !important;
}
form.bd-search:hover {
  box-shadow: 0 0 0 .1875rem #2fa596 !important;
}

.table tbody {
  border-bottom: 2px solid #222222 !important;
}
.table tbody td {
  border-bottom: 1px dotted #dddddd !important;
}
.table tbody tr:hover {
  background-color: #A6E1D9 !important;
}
.table thead tr {
  border-top: 2px solid #222222 !important;
  border-bottom: 2px solid #222222 !important;
  background-color: #e3e4e5 !important;
}

pre.mermaid {
  background-color: transparent !important;
  border: none !important;
}

code {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace !important;
  color: #333344 !important;
  background-color: #f2f4f9 !important;
  border: 0px !important;
}

div.footer-item p.component-author {
  display: none !important;
}

/* dark mode colors */
html[data-theme="dark"] h2, html[data-theme="dark"] h3 {
  color: #d5e7f3 !important;
}

html[data-theme="dark"] table th {
  color: #333 !important;
}

/* Table row hover color for dark mode */
html[data-theme="dark"] .table tbody tr:hover {
  background-color: #666 !important;
}