/**
 * @file
 * Section 2: Body & global resets.
 *
 * Split from css/staged-edits-from-gui.css (see docs/Theme updates.md for
 * the full split file list).
 */

body {
  color: var(--bs-body-color);
  background: var(--bs-body-bg);
  /* @TODO remove all none font-family elements from here */
  line-height: 1.7em;
  font-weight: 500;
  
}

html,
body {
  height: 100%;
  /* Ensure full-height layout so footer sticks to bottom */
  overflow-x: hidden;
  /* Safety net so any stray full-width child can't push horizontal scroll */
  /* @TODO remove all none font-family elements from here */
  line-height: 1.7em;
  font-weight: 500;
}

/* Body text default colours */
body,
p,
li {
  color: var(--bs-body-color);
  /* @TODO remove all none font-family elements from here */
	font-family: 'futura',Helvetica,Arial,Lucida,sans-serif;
  line-height: 1.7em;
  font-weight: 500;
}

/* Added from Al saying I can add some colour-specific text classes to help some of the defualt colours pull in in certainplaces */

.text-indigo {
  color: var(--bs-indigo) !important;
}

.link-hover-color:hover {
  color: var(--bs-link-hover-color) !important;
}

.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle);
}

/* End of those */

.bg-dark-bg-subtle {
  background-color: var(--bs-dark-bg-subtle);
}

#page,
#main-wrapper,
.region-primary-menu .menu-item a.is-active,
.region-primary-menu .menu-item--active-trail a {
  background: var(--bs-body-bg);
}

.tabs ul.primary li a.is-active {
  background-color: var(--bs-white);
}

.tabs ul.primary li.is-active a {
  background-color: var(--bs-white);
  border-bottom-color: var(--bs-white);
}

.sidebar .block {
  background-color: var(--bs-secondary-color);
  border-color: var(--bs-border-color);
}

/* Slightly larger text utility */
.legible {
  font-size: 110% !important;
}

.legibler {
  font-size: 115% !important;
}

/* --- Color form helpers (RTL) --- */
[dir="rtl"] .color-form .color-palette {
  margin-left: 0;
  margin-right: 1.25rem;
}

[dir="rtl"] .color-form .form-item label {
  float: right;
}

[dir="rtl"] .color-form .color-palette .lock {
  right: -1.25rem;
  left: 0;
}