/* @file Base styles for the Trafford Invest theme. */

.text-tiny  { font-size: var(--font-size-tiny); }
.text-small { font-size: var(--font-size-small); }
.text-big   { font-size: var(--font-size-big); }
.text-huge  { font-size: var(--font-size-huge); }

body {
  overflow-x: hidden;
  font-family: var(--font-family-primary), sans-serif;
  color: var(--colour-text);
}

body main {
  padding-bottom: 0;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: var(--font-family-primary), sans-serif;
}

h1, .h1 {
  font-size: var(--font-size-h1);
  font-weight: var(--heading-1-font-weight);
  line-height: var(--heading-1-line-height);
  color: var(--heading-1-color);
}

h2, .h2 {
  font-size: var(--font-size-h2);
  font-weight: var(--heading-2-font-weight);
  line-height: var(--heading-2-line-height);
  color: var(--heading-2-color);
}

h3, .h3 {
  font-size: var(--font-size-h3);
  font-weight: var(--heading-3-font-weight);
  line-height: var(--heading-3-line-height);
  color: var(--heading-3-color);
}

h4, .h4 {
  font-size: var(--font-size-h4);
  font-weight: var(--heading-4-font-weight);
  line-height: var(--heading-4-line-height);
  color: var(--heading-4-color);
}

h5, .h5 {
  font-size: var(--font-size-h5);
  font-weight: var(--heading-5-font-weight);
  line-height: var(--heading-5-line-height);
  color: var(--heading-5-color);
}

h6, .h6 {
  font-size: var(--font-size-h6);
  font-weight: var(--heading-6-font-weight);
  line-height: var(--heading-6-line-height);
  color: var(--heading-6-color);
}

button,
input,
select,
textarea {
  font-family: var(--font-family-primary), sans-serif;
}