/*
   From Bootstrap v5.0 sticky footer example
   See:  https://getbootstrap.com/docs/5.0/examples/sticky-footer/
*/

// Tint colors (80%, 60%, 40%, and 20% of primary blue)
$iseal-tint-80: rgb(68, 106, 160);
$iseal-tint-60: rgb(113, 136, 181);
$iseal-tint-40: rgb(159, 172, 205);
$iseal-tint-20: rgb(206, 212, 229);

// Secondary colors
$iseal-secondary-orange: rgb(223, 155, 24);
$iseal-secondary-green: rgb(137, 168, 52);
$iseal-secondary-red: rgb(196, 41, 55);
$iseal-secondary-purple: rgb(116, 68, 129);

/*
   Some styles inspired from the Dublin Core DCTERMS website, see:
   https://www.dublincore.org/specifications/dublin-core/dcmi-terms/
*/

body {
    /* for the "scroll spy" navbar feature */
    position: relative;
    color: $black;
    background-color: $white;
    font-family: Arial,sans-serif;
}

// The ISEAL Branding Guidelines Version 3.0 say that sub-headings should be
// normal weight and secondary blue color.
p.lead {
    color: $secondary;
}

.nav-link {
    color: inherit;
}

.icon-square {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  font-size: 1.5rem;
  border-radius: .75rem;
}

div.badge-required {
    float: right;

    span {
        background-color: $iseal-secondary-red;
    }
}

td.field-name {
    text-align: right;
    font-weight: 700;
}

/* Override Bootstrap's top border on tbody */
.table>:not(:first-child) {
    border-top: 2px solid $iseal-tint-80;
}

// The ISEAL Branding Guidelines Version 3.0 say that headings should be bold
// weight and primary blue color.
h1, h2, h3 {
    color: $primary;
    font-weight: 700;
}

code {
    color: $iseal-secondary-orange;
}

.footer {
  color: $white;
  background-color: $primary;

  a, a:hover {
    color: inherit;
  }
}