:root {
  --sr-off-white: #F4EAD7;
  --sr-yellow: #F2D394;
  --sr-dark-green: #20421D;
  --sr-orange: #F15925;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: "Roboto Flex";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  font-family: var(--font-family-sans-serif);
  min-height: 100vh !important;
  background-color: var(--sr-off-white);
}

.sodrunner-logo {
  height: 50px;
}

.homepage-background-image {
  background-image: url("../assets/sod_background.jpg");
  background-color: var(--sr-dark-green);
  background-size: cover;
  position: fixed;
  inset: 0;
  z-index: -2;
  filter: opacity(0.7);
}

.homepage-sun-icons
{
  max-width: min(8rem, 33%);
  flex-shrink: 0;
}

.homepage-chevron {
  max-width: min(2rem, 15%);
  flex-shrink: 0;
}