/* Australian Stock Horse Society temporary landing page.
   Colours and fonts match the members site (brand green #005030 from the logo). */

:root {
  --ashs-green: #005030;
  --ashs-green-dark: #003a23;
  --ashs-green-darker: #002416;
  --ashs-green-light: #e6efeb;
  --ashs-green-rgb: 0, 80, 48;
  --ashs-page-bg: #f5f7f6;

  --bs-primary: var(--ashs-green);
  --bs-primary-rgb: var(--ashs-green-rgb);
  --bs-link-color: var(--ashs-green);
  --bs-link-color-rgb: var(--ashs-green-rgb);
  --bs-link-hover-color: var(--ashs-green-dark);
  --bs-body-font-family: "Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;
  --bs-focus-ring-color: rgba(var(--ashs-green-rgb), 0.25);
}

body {
  background-color: var(--ashs-page-bg);
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-6 {
  font-family: "Barlow Semi Condensed", var(--bs-body-font-family);
  font-weight: 600;
  color: var(--ashs-green-darker);
}

.btn-primary {
  --bs-btn-bg: var(--ashs-green);
  --bs-btn-border-color: var(--ashs-green);
  --bs-btn-hover-bg: var(--ashs-green-dark);
  --bs-btn-hover-border-color: var(--ashs-green-dark);
  --bs-btn-active-bg: var(--ashs-green-darker);
  --bs-btn-active-border-color: var(--ashs-green-darker);
  --bs-btn-focus-shadow-rgb: var(--ashs-green-rgb);
}

.btn-outline-primary {
  --bs-btn-color: var(--ashs-green);
  --bs-btn-border-color: var(--ashs-green);
  --bs-btn-hover-bg: var(--ashs-green);
  --bs-btn-hover-border-color: var(--ashs-green);
  --bs-btn-active-bg: var(--ashs-green-dark);
  --bs-btn-active-border-color: var(--ashs-green-dark);
  --bs-btn-focus-shadow-rgb: var(--ashs-green-rgb);
}

/* Dark green top bar, as on the members site */
.topbar {
  background-color: var(--ashs-green);
  color: #fff;
}

.topbar-logo {
  height: 2.75rem;
  width: auto;
}

.topbar-title {
  font-family: "Barlow Semi Condensed", var(--bs-body-font-family);
  font-weight: 600;
  font-size: 1.25rem;
}

.hero-logo {
  width: 12rem;
  max-width: 60%;
  height: auto;
}

.hero-text {
  max-width: 40rem;
}

.icon-circle {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  background-color: var(--ashs-green-light);
  color: var(--ashs-green);
}

.site-footer {
  background-color: var(--ashs-green-darker);
  color: rgba(255, 255, 255, 0.8);
}